:root { --_字体样式设置1---norm_text: 0px; --_字体样式设置1---heading_2: 0px; --_字体样式设置1---icon_text: 0px; --_字体样式设置1---font-family: Roboto, sans-serif; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } } h2 { margin-top: 20px; margin-bottom: 10px; font-family: Roboto, sans-serif; font-size: 32px; font-weight: 700; line-height: 36px; } .hero-split { box-sizing: border-box; flex-direction: column; flex: 0 auto; order: 0; justify-content: center; align-self: auto; align-items: flex-start; width: 100%; max-width: 100%; height: 100%; display: flex; position: relative; } .shadow-two { position: relative; box-shadow: 0 4px 24px #96a3b514; } .button { border-radius: 20px; width: 80px; height: 35px; line-height: 35px; position: relative; inset: auto auto auto 5%; } .div-block { cursor: pointer; position: absolute; inset: auto auto 5% 5%; } .div-block-2 { border-radius: 20px; height: 35px; position: relative; } .div-block-3 { text-align: center; column-count: auto; background-color: #fff; border-radius: 20px; width: 30px; height: 30px; margin: auto; line-height: 35px; position: absolute; inset: 0 0% 0 auto; } .paragraph { z-index: auto; color: #fff; text-align: center; vertical-align: middle; flex-flow: row; width: 60px; height: auto; margin-top: auto; margin-bottom: auto; font-size: 14px; line-height: 35px; display: inline-block; position: absolute; inset: 0 auto 0 0; } .paragraph-copy { opacity: 0; color: #fff; text-align: center; vertical-align: middle; flex-flow: row; width: 40px; height: auto; margin-top: auto; margin-bottom: auto; font-size: 14px; line-height: 35px; display: inline-block; position: absolute; inset: 0 0 0 auto; } .image-2 { position: absolute; } .utility-page-wrap { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; display: flex; } .utility-page-content { text-align: center; flex-direction: column; width: 260px; display: flex; } .utility-page-form { flex-direction: column; align-items: stretch; display: flex; } .logos-without-title { border: 1px #000; padding: 60px 30px; position: relative; } .container-2 { width: 100%; max-width: 940px; margin-left: auto; margin-right: auto; } .clients-wrapper-three { flex-wrap: wrap; justify-content: space-around; align-items: center; margin-bottom: -10px; display: flex; } .clients-image-three { margin-bottom: 10px; margin-left: 15px; margin-right: 15px; } .heading { color: #fff; width: 100%; font-size: 40px; } .heading.text-align-left { color: #333; text-align: left; font-size: 2.75rem; } .ep8_section_01 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4lwgqj.jpg'); background-position: 0 0; background-size: cover; } .proudct_webflow_container { max-width: 1200px; height: auto; min-height: calc(1500px / 1200px * 400px); justify-content: center; align-items: center; margin-top: 0; margin-bottom: 0; padding-top: 3vw; padding-bottom: 3vw; display: block; } .proudct_webflow_container._013 { min-height: calc(1500px / 1200px * 600px); display: flex; } .proudct_webflow_container._014 { min-height: calc(1500px / 1200px * 600px); } .proudct_webflow_container.flex_vertical_center { display: flex; } .proudct_webflow_container.flex_vertical_center.ep8_section_01 { height: 50vw; min-height: calc(1500px / 1200px * 600px); background-image: none; } .proudct_webflow_container.flex_vertical_center.ep8_section_02 { min-height: calc(1500px / 1200px * 450px); background-image: none; flex-flow: column; } .ep8_section_04 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4m6kq4.jpg'); background-position: 0 0; background-repeat: repeat; background-size: cover; } .proudct_webflow_container_full { max-width: none; height: auto; min-height: 600px; margin-left: 0; margin-right: 0; } .text-align-center { text-align: center; } .text-align-center.normal_text { font-family: Roboto, sans-serif; font-size: 1.25rem; font-weight: 700; } .text-align-center.normal_text.white_bold { font-weight: 700; } .text-align-center.color_blue { font-family: Roboto, sans-serif; } .heading_wf_2 { text-align: center; font-family: Roboto, sans-serif; font-size: 2rem; font-weight: 500; line-height: 150%; } .heading_wf_2.text-align-center { font-size: 2rem; } .heading_wf_2.text-align-center._015 { color: #fff; font-size: 1.6875rem; } .heading_wf_2.text-align-center.ep8-17-04 { color: #fff; } .heading_wf_2.text-align-left { text-align: left; } .heading_wf_2.text-align-left.ep8_section_15 { color: #fff; } .heading_wf_2.ep8_section_15 { background-image: none; } .heading_wf_2.ep8_section_17 { color: #fff; } .column_flex { flex-flow: row; justify-content: flex-start; align-items: center; width: 100%; display: flex; } .vertical_middle2 { background-color: #0000; border-radius: 33px; justify-content: center; align-items: center; margin-top: 1vw; margin-bottom: 1vw; display: flex; } .vertical_middle2._011 { background-color: #0000; width: auto; min-width: auto; max-width: none; font-weight: 700; } .vertical_middle2._011.mob { display: none; } .normal_text { color: #000; text-align: center; margin-bottom: 0; font-family: Roboto, sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 150%; } .normal_text.text-align-center { font-size: 1.25rem; font-weight: 400; line-height: 150%; display: block; } .normal_text.text-align-center.bold { font-weight: 700; } .normal_text.text-align-center.ep8-015 { color: #fff; text-align: center; } .normal_text.text-align-center.ep8-16 { color: #fff; } .normal_text.text-align-center.ep8-17-2 { color: #5b6cd0; font-style: italic; font-weight: 500; } .normal_text.text-align-center.ep8-17-1, .normal_text.text-align-center.ep8-17-3 { color: #fff; font-weight: 500; } .normal_text.text-align-center.ep8-17-5 { color: #fff; font-style: normal; font-weight: 500; } .normal_text.text-align-left { text-align: left; margin-bottom: 0; font-size: 1.25rem; } .normal_text.text-align-left.ep8-015 { color: #fff; text-align: left; } .normal_text.ep8-17-06 { color: #fff; } .columns-3 { justify-content: center; align-items: center; display: flex; } .ep8_section_07 { background-color: #eee; } .icon_text { text-align: center; margin-bottom: 0; font-family: Roboto, sans-serif; font-size: 1rem; line-height: 150%; } .icon_text.color_set { color: #638ffb; text-align: left; } .icon_text._011_color_2 { color: #0fdbec; text-align: left; font-weight: 700; } .icon_text.text-align-left { text-align: left; } .icon_text.text-align-left.list { margin-top: 1vw; margin-bottom: 1vw; } .icon_text.text-align-left.ep8_section_08._02 { color: #fff; position: relative; top: 10%; left: 5%; } .icon_text.text-align-left.ep8_section_08._01 { color: #fff; text-align: left; position: relative; top: 15%; left: 5%; } .icon_text.text-align-left.ep8_section_08._03 { color: #fff; justify-content: flex-start; align-items: center; margin-left: auto; margin-right: auto; line-height: 150%; display: flex; position: relative; top: 0; left: auto; right: auto; } .icon_text.text-align-left.ep8_section_08._04 { color: #fff; line-height: 150%; position: relative; top: 10%; left: 3%; } .icon_text.ep8_section_15 { color: #fff; font-family: Roboto, sans-serif; } .icon_text.text-align-center { margin-bottom: 0; font-size: 1rem; } .icon_text.text-align-center:hover { color: #000; } .icon_text.text-align-center.nav { font-weight: 700; } .icon_text.text-align-center.nav:hover { color: #6b89f6; } .icon_text.color_gary { font-size: .875rem; line-height: 150%; } .row { padding-top: 1vw; padding-bottom: 1vw; position: relative; } .row.ep8_section_04 { background-image: none; max-width: none; margin-left: auto; margin-right: auto; } .row.ep8_section_04.top { background-image: none; max-width: 1140px; } .row._011 { background-color: #8d8d8a4d; border-radius: 32px; width: 75%; min-width: 400px; padding-top: 12px; padding-bottom: 12px; } .row.flex_bottom { justify-content: center; align-items: flex-end; width: 100%; height: 100%; display: flex; position: relative; bottom: 0; } .row.ep8_section_18 { background-color: #393940; padding-left: 1vw; padding-right: 1vw; } .row._05 { width: 100%; } .columns-4 { width: 100%; position: absolute; inset: 44% 0% 0%; } .columns-4.ep8_section_08 { top: 39%; } .color_blue { color: #4d79f4; } .widget { text-align: center; justify-content: flex-start; align-items: center; width: 100%; padding-top: .5vw; padding-bottom: 0; display: block; } .widget.back_set { height: 40vw; min-height: calc(1500px / 1200px * 525px); background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4mfjzz.png'); background-position: 50% 0; background-repeat: repeat-x; background-size: cover; padding-top: 0; padding-bottom: 0; position: relative; } .widget.radius.gradient { color: #fff; background-image: linear-gradient(#98aae8, #94cafc); border-radius: 40px; } .widget.line { height: auto; padding-top: 0; padding-bottom: 0; } .widget.product_price { padding-top: 0; } .widget.product_price.have_back_grey { width: 100%; } .ep8_section_14 { -webkit-text-fill-color: inherit; background-clip: border-box; min-height: auto; } .ep8_section_14.have_background_cover { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4mw6lt.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .head { font-family: Roboto, sans-serif; font-size: 4rem; line-height: 130%; } .head.text-align-left { text-align: left; font-size: 2.75rem; } .text_abs { width: 100%; position: absolute; top: 38%; } .text_abs.vertical_middle2 { top: 51%; } .middle_column { flex-flow: column; justify-content: center; align-items: center; display: flex; } .column-9 { text-align: center; } .ep8_section_16 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4naser.png'); background-position: 50% 0; background-repeat: no-repeat; background-size: cover; } .ep8_section_15 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4nlurv.png'); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .ep8_section_15.column_my { background-image: none; margin-top: 60px; } .ep8_section_15.column_1 { background-image: none; margin-top: 40px; } .list { object-fit: fill; line-height: 150%; } .ep8_section_02 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4o04ht.png'); background-position: 0 0; background-repeat: no-repeat; background-size: cover; display: flex; } .ep8_section_02.key_feature { background-image: none; } .ep8_section_03 { background-color: #eee; } .widget_row { text-align: center; } .widget_row.ep8_section_15 { background-image: none; justify-content: center; align-items: center; display: flex; } .widget_row.ep8-17-01 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4o8z4j.png'); background-position: 50%; background-repeat: no-repeat; background-size: auto; height: 45px; margin-bottom: 10%; } .widget_row.ep8_section_18 { justify-content: center; align-items: stretch; display: flex; } .ep8_section_06 { background-image: linear-gradient(#f5f5f5, #d3d3d3); } .ep8_section_08.text_abs { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4ogv96.png'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; height: 75px; } .ep8_section_08.text_abs._03 { background-position: 100% 0; justify-content: flex-end; align-items: center; width: auto; display: flex; left: 61%; } .ep8_section_08.text_abs._04 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4ooxs1.png'); background-position: 0 0; background-size: auto; justify-content: flex-start; align-items: center; display: flex; } .ep8_section_08.text_abs._01 { justify-content: flex-start; align-items: center; display: flex; } .ep8_section_08.text_abs._02 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4p35f3.png'); background-position: 0%; justify-content: flex-start; align-items: center; display: flex; } .font-scale-12 { color: #fff; font-family: Roboto, sans-serif; font-size: 3.5rem; font-weight: 700; } .font-scale-12.ep8_section_15 { background-image: none; } .ep_section_17 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4pc8gy.png'); background-repeat: no-repeat; background-size: cover; } .paragraph-5 { font-weight: 700; } .heading-6 { color: #74ac5e; } .heading-6.text-align-center { color: #d9b38d; font-family: Roboto, sans-serif; } .heading-6.text-align-center.color_ { color: #74ac5e; font-size: 1.5rem; } .heading-6.text-align-center.color_2 { font-size: 1.5rem; } .heading-6.text-align-center.color_3 { color: #6692c8; font-size: 1.5rem; } .columns-10, .columns-11 { justify-content: center; align-items: center; display: flex; } .column-19 { text-align: left; justify-content: flex-start; align-items: center; min-height: 80px; max-height: 80px; display: block; left: 1vw; } .image-7 { width: 100%; } .column-20 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4pkx9a.png'); background-position: 0 0; background-repeat: no-repeat; background-size: auto; justify-content: flex-start; align-items: center; min-height: 74px; display: flex; top: 35%; } .column-20.ep8_section_08 { background-image: none; } .div-block-8 { cursor: pointer; position: absolute; inset: auto auto 5% 5%; } .paragraph-6 { z-index: auto; color: #fff; text-align: center; vertical-align: middle; flex-flow: row; width: 60px; height: auto; margin-top: auto; margin-bottom: auto; font-size: 14px; line-height: 35px; display: inline-block; position: absolute; inset: 0 auto 0 0; } .div-block-9 { border-radius: 20px; height: 35px; position: relative; } .image-8 { position: absolute; } .div-block-10 { text-align: center; column-count: auto; background-color: #fff; border-radius: 20px; width: 30px; height: 30px; margin: auto; line-height: 35px; position: absolute; inset: 0 0% 0 auto; } .columns-13, .columns-14, .columns-15 { justify-content: center; align-items: center; display: flex; } .image-9 { position: relative; top: 35px; } .columns-16 { width: 100%; } .column-25 { background-color: #ffffff26; border-radius: 20px; } .column-25.ep8-17 { padding: 1vw; } .columns-17 { justify-content: center; align-items: center; display: flex; } .preloader { z-index: 10000; background-color: #fff; justify-content: center; align-items: center; display: none; position: fixed; inset: 0; } .preloader-icon { z-index: 1; width: 48px; position: relative; } .no-margin { margin: 0; } .no-margin.text-align-center { color: #167be6; width: 100%; margin-bottom: 10px; font-family: Roboto, sans-serif; font-size: 2.75rem; } .heading-7 { font-size: 36px; line-height: 44px; } .subscribe-form-wrapper { width: 50%; margin-bottom: 0; padding-left: 15px; } .home-category-image-2 { width: 220px; position: absolute; bottom: 17px; right: 21px; } .title-3 { color: #648ffc; margin-bottom: 16px; font-family: Roboto, sans-serif; font-size: 13px; font-weight: 600; line-height: 16px; } .title-3.white { color: #fff; } .button-2 { color: #fff; text-align: center; background-color: #648ffc; border-radius: 24px; justify-content: center; height: 48px; padding: 12px 28px; font-family: Roboto, sans-serif; font-size: 14px; font-weight: 600; line-height: 24px; transition: transform .3s, box-shadow .3s; } .button-2:hover { transform: scale(1.05); box-shadow: 0 8px 8px -4px #a5c92680; } .button-2.small { border-radius: 20px; height: 40px; padding: 8px 24px; font-size: 13px; line-height: 24px; } .home-category-info-1 { margin-left: 224px; } .full-width { width: 100%; } .shop-header { flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%; margin-bottom: 40px; padding-left: 15px; padding-right: 15px; display: block; } .shop-header._01 { display: flex; } .form-error { color: #fb416b; background-color: #fb416b1a; border-radius: 16px; margin-top: 12px; padding: 6px 20px; font-size: 12px; line-height: 20px; } .home-categories { justify-content: center; width: 100%; padding-top: 32px; display: flex; } .subscribe-info { flex: 1; align-items: center; padding-right: 15px; display: flex; } .form-success { background-color: #0000; } .page-wrapper { padding-top: 0; overflow: hidden; } .scroll-mouse-link { z-index: 2; background-color: #fff; border-radius: 50%; justify-content: center; align-items: center; width: 64px; height: 64px; margin-bottom: -32px; margin-left: auto; margin-right: auto; display: flex; position: absolute; bottom: 0; left: 0; right: 0; box-shadow: 0 1px 2px #00000026; } .side-image { border-radius: 16px; width: 100%; } .subscribe-form { justify-content: center; align-items: center; display: flex; } .intro { text-align: center; flex-direction: column; align-items: center; max-width: 600px; margin-bottom: 80px; padding-left: 15px; padding-right: 15px; font-family: Roboto, sans-serif; display: flex; } .intro.wide { max-width: 800px; } .intro.wide.no-margin { font-family: Roboto, sans-serif; } .instagram { width: 100%; margin-bottom: 72px; padding-left: 7px; padding-right: 7px; display: flex; } .shop-header-color { background-color: #648ffc; width: 10%; height: 100%; } .side-block { flex-direction: column; justify-content: center; align-items: center; width: 50%; padding-left: 8.33%; padding-right: 8.33%; display: flex; position: relative; } .side-block.no-padding-left { padding-left: 0%; } .side-block.small-padding-side { padding-left: 15px; padding-right: 15px; } .subscribe { background-color: #fff; border-radius: 16px; justify-content: space-between; align-items: center; width: 100%; padding: 48px; display: flex; box-shadow: 0 1px 2px #00000026; } .home-category-info-2 { text-align: right; margin-right: 224px; } .footer-intro { color: #111; text-align: center; background-color: #fff0; background-image: linear-gradient(#fff0, #fff3); border-radius: 16px; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; max-width: none; min-height: 300px; padding: 60px 0; display: block; } .text-grey { color: #999; font-family: Roboto, sans-serif; } .mouse-wheel-icon { background-color: #bbb; border-radius: 50%; width: 4px; height: 4px; margin-top: 6px; } .instagram-link { border-radius: 16px; flex: 1; margin-left: 8px; margin-right: 8px; transition: transform .3s, box-shadow .3s; position: relative; overflow: hidden; } .instagram-link:hover { z-index: 1; transform: scale(1.05)translate(0); box-shadow: 0 8px 20px -4px #00000029; } .shop-header-line { background-color: #e5e5e5; width: 100%; height: 2px; margin-top: 32px; } .wrapper-container { background-color: #0000; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; max-width: 1400px; display: flex; } .wrapper-container.side-paddings { padding-left: 15px; padding-right: 15px; } .wrapper-container.banner { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4pza1u.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: cover; max-width: none; min-height: 56vw; padding-left: 0; } .no-margin-bottom { margin-bottom: 0; } .home-category-image-1 { width: 220px; position: absolute; bottom: 26px; left: 15px; } .mouse-icon { border: 2px solid #bbb; border-radius: 12px; justify-content: center; align-items: flex-start; width: 20px; height: 30px; display: flex; } .divider { background-color: #648ffc; width: 70px; height: 2px; margin-top: 8px; margin-bottom: 23px; } .products { flex-wrap: wrap; width: 100%; display: flex; } .link { color: #111; border-bottom: 2px solid #ddd; padding-top: 2px; padding-bottom: 2px; font-size: 13px; font-weight: 600; line-height: 20px; text-decoration: none; transition: border-color .3s; display: inline-block; } .link:hover { border-bottom-color: #648ffc; } .link.arrow-link { background-image: url('../images/arrow-right-mini-icon.svg'); background-position: 100%; background-repeat: no-repeat; background-size: 11px; margin-top: 4px; padding-right: 20px; font-family: Roboto, sans-serif; } .side-info { flex-direction: column; align-items: flex-start; width: 100%; padding-left: 15px; padding-right: 15px; display: flex; } .side-blocks { justify-content: flex-start; align-items: stretch; width: 100%; display: flex; } .play-button { background-color: #648ffc; border-radius: 50%; justify-content: center; align-items: center; width: 64px; height: 64px; padding: 20px; transition: transform .3s; display: flex; } .play-button:hover { transform: scale(1.1); } .product-card-wrapper { flex-direction: column; width: 25%; padding: 15px; display: flex; } .home-category-card { color: #fff; background-color: #daedfe; border-radius: 16px; flex: 1; align-items: center; margin-left: 15px; margin-right: 15px; padding: 48px 40px; font-family: Roboto, sans-serif; display: flex; position: relative; } .home-category-card.red { background-color: #daedfe; justify-content: flex-end; } .section-4 { background-color: #e61673; flex-direction: column; justify-content: center; align-items: center; padding: 10px 24px 120px; display: flex; } .section-4.hero-section { background-color: #648ffc; height: 80vh; font-family: Roboto, sans-serif; position: relative; } .section-4.video-section { color: #fff; background-image: linear-gradient(#0000004d, #0000004d), url('https://mfs.ezvizlife.com/mall/static/20260731/o4qu6zw.jpg'); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, cover; background-attachment: scroll, fixed; padding-bottom: 112px; } .section-4.haze { background-color: #e61673; padding-top: 10px; padding-bottom: 10px; } .section-4.haze.no-padding-top { background-color: #fff; } .product-card { text-align: center; cursor: auto; background-color: #fff; border-radius: 16px; flex-direction: column; flex: 1; justify-content: space-between; align-items: center; width: 100%; height: auto; min-height: auto; padding: 24px 24px 32px; text-decoration: none; transition: transform .3s, box-shadow .3s; display: flex; box-shadow: 0 1px 2px #00000026; } .product-card:hover { box-shadow: 0 8px 20px -4px #00000026; } .product-card-image-wrapper { text-align: center; border-radius: 12px; justify-content: center; align-items: center; width: 100%; height: auto; margin-bottom: 0; padding: 40px 3vw 20px; display: flex; position: relative; } .product-card-image-wrapper._01 { padding-top: 0; padding-left: 0; padding-right: 0; } .product-card-image-wrapper._03 { padding-left: 2vw; padding-right: 2vw; } .product-card-image-wrapper._02 { padding-top: 20px; padding-left: 1vw; padding-right: 1vw; } .product-card-image-wrapper._03-copy { padding-left: 2vw; padding-right: 2vw; } .product-card-heading { color: #167be6; text-align: center; margin-bottom: 12px; font-family: Roboto, sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 150%; display: block; } .product-card-price { color: #fff; background-color: #e6167300; border-radius: 16px; height: auto; padding: 2px 12px; font-family: Roboto, sans-serif; font-size: 1.25rem; font-weight: 600; line-height: 20px; } .product-card-price:hover { transform: scale(1.05); } .product-list { grid-column-gap: 16px; grid-row-gap: 16px; order: 0; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; place-content: stretch center; align-items: center; margin-left: auto; margin-right: auto; display: grid; } .product-list._01 { align-items: stretch; } .product-list._02 { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; align-items: stretch; width: 100%; } .product-list._03 { flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; align-items: stretch; width: 100%; } .heading-8, .heading-9 { color: #000; } .container-4 { z-index: 1; position: relative; } .scene { perspective: 800px; perspective-origin: 50%; width: 210px; height: 140px; position: relative; } .image-10 { object-fit: contain; height: 90%; } .carousel_cell { background-image: radial-gradient(circle at 50% 100%, #ffd293, #f4ebdc); border: 2px solid #e4ad0721; border-radius: 40px; justify-content: center; align-items: center; width: 190px; height: 120px; margin-top: 10px; margin-left: 10px; transition: box-shadow .2s cubic-bezier(.645, .045, .355, 1); display: flex; position: absolute; box-shadow: inset 0 -4px 20px 7px #ffffffb0; } .carousel_cell:hover { transform: translate(0, -57px); box-shadow: inset 0 0 20px 40px #ffffffb0; } .carousel_cell._9 { transform-style: preserve-3d; transform: rotateX(0)rotateY(320deg)rotateZ(0)translate3d(0, 0, 288px); } .carousel_cell._6 { transform-style: preserve-3d; transform: rotateX(0)rotateY(200deg)rotateZ(0)translate3d(0, 0, 288px); } .carousel_cell._3 { transform-style: preserve-3d; transform: rotateX(0)rotateY(80deg)rotateZ(0)translate3d(0, 0, 288px); } .carousel_cell._5 { transform-style: preserve-3d; transform: rotateX(0)rotateY(160deg)rotateZ(0)translate3d(0, 0, 288px); } .carousel_cell._4 { transform-style: preserve-3d; transform: rotateX(0)rotateY(120deg)rotateZ(0)translate3d(0, 0, 288px); } .carousel_cell._7 { transform-style: preserve-3d; transform: rotateX(0)rotateY(240deg)rotateZ(0)translate3d(0, 0, 288px); } .carousel_cell._2 { transform-style: preserve-3d; transform: rotateX(0)rotateY(40deg)rotateZ(0)translate3d(0, 0, 288px); } .carousel_cell._8 { transform-style: preserve-3d; transform: rotateX(0)rotateY(280deg)rotateZ(0)translate3d(0, 0, 288px); } .carousel_cell._1 { transform-style: preserve-3d; transform: translate3d(0, 0, 288px); } .next-button { cursor: pointer; border-radius: 10px; justify-content: center; align-items: center; transition: opacity .2s, transform .4s cubic-bezier(.68, -.55, .265, 1.55), box-shadow .2s cubic-bezier(.645, .045, .355, 1); display: flex; box-shadow: 0 11px 20px -7px #92631f; } .next-button:hover { transform: scale(.9); box-shadow: 0 2px 20px -8px #92631f; } .next-button:active { opacity: .5; transform: scale(.8); } .previous-button { cursor: pointer; border-radius: 10px; justify-content: center; align-items: center; transition: opacity .2s, transform .4s cubic-bezier(.68, -.55, .265, 1.55), box-shadow .2s cubic-bezier(.645, .045, .355, 1); display: flex; box-shadow: 0 11px 20px -7px #92631f; } .previous-button:hover { transform: scale(.9); box-shadow: 0 2px 20px -8px #92631f; } .previous-button:active { opacity: .5; transform: scale(.8); } .text-block-5 { z-index: 1; -webkit-text-fill-color: transparent; background-image: linear-gradient(94deg, #ffc485, #ca9276); -webkit-background-clip: text; background-clip: text; margin-bottom: 83px; font-size: 65px; line-height: 1em; position: relative; } .section-5 { flex-direction: column; justify-content: center; align-items: center; width: auto; height: auto; padding-top: 5%; padding-bottom: 5%; display: flex; position: relative; overflow: hidden; } .lines { z-index: 0; opacity: .35; width: 100%; height: auto; position: absolute; } .button-wrap { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; place-content: center; place-items: stretch stretch; margin-top: 120px; display: grid; } .carousel { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .8s cubic-bezier(.68, -.55, .265, 1.55); position: absolute; transform: translate(0)rotateX(-8deg)rotateY(0)rotateZ(0); } .button-with-circle-icon { grid-column-gap: 1.11vw; grid-row-gap: 1.11vw; -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); color: #050505; text-transform: uppercase; cursor: pointer; background-color: #f5f5f580; border-radius: 8.9vw; justify-content: center; align-items: center; min-width: 12.22vw; min-height: 2.8vw; max-height: 2.8vw; padding: .14vw 2.22vw; font-family: Roboto, sans-serif; transition: background-color .25s; display: flex; position: relative; overflow: hidden; } .icon { min-width: 2.2vw; max-width: 2.2vw; } .italics { font-style: italic; font-weight: 100; } .section-6 { background-color: #e7e7e9; width: 100%; } .hero-image { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4s45wd.png'); background-position: 100%; background-repeat: no-repeat; background-size: cover; border-radius: 64px; min-width: 100%; max-width: 100%; min-height: 50vw; max-height: 50vw; position: absolute; inset: 0%; overflow: visible; } .max-width-30rem { max-width: 33.33vw; font-family: Roboto, sans-serif; } .hero-wrapper-2 { background-image: none; border-radius: 48px; justify-content: center; align-items: flex-start; min-width: 100%; max-width: 100%; min-height: 50.6vw; max-height: 50.6vw; padding-top: 4rem; padding-bottom: 4rem; padding-right: 4rem; display: flex; position: relative; overflow: hidden; } .subheading-flex { grid-column-gap: .56vw; grid-row-gap: .56vw; flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .container-5 { width: 100%; max-width: none; margin-left: auto; margin-right: auto; overflow: hidden; } .container-5.padding-4-5rem { padding-left: 4.5rem; padding-right: 4.5rem; } .container-5.padding-9rem { padding-left: 9rem; padding-right: 9rem; } .container-5.background-primary.rounded-corners-bottom { background-color: #c3d8ff; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; } .space-7rem { min-height: 7.8vw; } .hero-title { text-transform: uppercase; font-size: 6rem; line-height: 5.5rem; } .hero-title.flip-from-bottom-animation { font-family: Roboto, sans-serif; } .circle-absolute { z-index: -1; mix-blend-mode: soft-light; background-color: #c1e4c4; border-radius: 100px; min-width: 6.944vw; max-width: 6.944vw; min-height: 6.944vw; max-height: 6.944vw; margin-left: auto; margin-right: auto; position: absolute; top: 3.33vw; } .hero-block { grid-column-gap: 1.11vw; grid-row-gap: 1.11vw; text-align: center; border-radius: 48px; flex-flow: column; justify-content: flex-start; align-items: center; padding: 2.2vw 4.4vw; display: flex; } .hero-block.background-blur { z-index: 10; background-color: #ffffff4d; position: relative; overflow: visible; } .icon-wrapper { cursor: pointer; justify-content: center; align-items: center; min-width: 2.8vw; max-width: 2.8vw; min-height: 2.8vw; max-height: 2.8vw; display: flex; overflow: hidden; } .button-text { margin-bottom: 0; font-size: 1.11vw; line-height: 1.89vw; } .card-text-block { grid-column-gap: 1.11vw; grid-row-gap: 1.11vw; flex-direction: column; align-items: flex-start; display: flex; } .section-7 { background-color: #e7e7e9; width: 100%; } .large-card { border-radius: 24px; flex-direction: column; justify-content: center; align-items: center; min-width: 41.4vw; max-width: 41.4vw; padding: 4.4vw; display: flex; } .card-flex { grid-column-gap: 2.22vw; grid-row-gap: 2.22vw; text-align: left; flex-direction: row; justify-content: center; align-items: center; width: 100%; display: flex; } .features-image { object-fit: cover; object-position: 30% 100%; border-radius: 64px; min-width: 100%; min-height: 100%; max-height: 100%; position: absolute; inset: 0%; } .features-image-wrapper { flex-flow: column; justify-content: space-between; align-items: flex-start; min-width: 21.7vw; max-width: 21.7vw; min-height: 28.8vw; max-height: 28.8vw; display: flex; position: relative; } .pop-up-card { border-radius: 48px; flex-flow: column; justify-content: center; align-items: center; padding: 2.2vw; display: flex; position: absolute; box-shadow: -1rem 1rem 2rem #00000014; } .pop-up-card.top-left { top: 2rem; left: -4rem; } .pop-up-card.top-right { top: 2rem; right: -4rem; } .metrics-block { flex-direction: column; justify-content: center; align-items: center; display: flex; } .metrics-text { font-size: 6.67vw; font-weight: 400; line-height: 7.22vw; } .wave { background-image: url('../images/Wave-Cut-Out.svg'), linear-gradient(#c3d8ff, #c3d8ff); background-position: 50% 0, 0 0; background-size: cover, auto; min-height: 7.8vw; } .metrics-wrapper { grid-column-gap: 2.22vw; grid-row-gap: 2.22vw; justify-content: space-around; align-items: center; width: 90%; margin-left: auto; margin-right: auto; display: flex; } .flex-grid { grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: center start; margin-bottom: 6.67vw; display: grid; } .feature-image-wrapper { z-index: 1; align-self: flex-start; min-width: 43.9vw; max-width: 43.9vw; min-height: 43.9vw; max-height: 43.9vw; position: relative; overflow: hidden; } .small-icon { min-width: 1.44vw; max-width: 1.44vw; } .about-tabs { grid-column-gap: 4.44vw; grid-row-gap: 4.44vw; flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-around; place-items: flex-end stretch; width: 100%; height: 90vh; display: flex; } .about-description { max-width: 80%; } .feature-paragraph { max-width: 40vw; overflow: hidden; } .about-image-wrapper { border-radius: 48px; flex-flow: column; justify-content: center; align-items: center; display: flex; } .about-text-wrapper { grid-column-gap: 1.11vw; grid-row-gap: 1.11vw; text-align: left; flex-direction: column; justify-content: center; align-items: flex-start; max-width: 45%; margin-left: 4.44vw; display: flex; position: absolute; inset: 0% auto auto 4.5rem; } .about-tab-flex { grid-column-gap: 1.11vw; grid-row-gap: 1.11vw; justify-content: flex-start; align-items: center; display: flex; } .about-tab-wrapper { flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; padding-left: 4.5rem; padding-right: 4.5rem; display: flex; position: relative; } .image-absolute { min-width: 100%; min-height: 100%; max-height: 100%; position: absolute; inset: 0%; } .feature-title { text-align: left; } .about-tab-block { grid-column-gap: .56vw; grid-row-gap: .56vw; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .about-wrapper { grid-column-gap: 1.11vw; grid-row-gap: 1.11vw; opacity: .5; background-color: #0000; justify-content: flex-start; align-items: flex-start; margin-right: 5vw; padding: 1.11vw 0; display: flex; } .about-wrapper:hover { opacity: .75; } .about-wrapper.w--current { opacity: 1; background-color: #0000; border-left-color: #000; } .section-11 { width: 100%; } .section-11.background-primary { background-color: #c3d8ff; } .reviews-icon { color: #050505; font-size: 1.5625rem; font-weight: 900; } .reviews-card { text-align: center; background-color: #f5f5f5; border-radius: 48px; flex-direction: row; justify-content: center; align-items: center; min-width: 21.7vw; max-width: 21.7vw; padding: 4.4vw 3.3vw; display: flex; position: relative; } .reviews-card.background-secondary { background-color: #c1dbe4; } .reviews-card.background-primary { background-color: #c1e4c4; } .space-4rem { min-height: 4.4vw; } .reviews-slider { background-color: #0000; height: auto; } .reviews-right-arrow { min-width: 1.875rem; max-width: 1.875rem; min-height: 1.875rem; max-height: 1.875rem; margin: 0; transition: color .4s ease-in-out; display: block; inset: -5% 14% auto auto; } .reviews-right-arrow:hover { color: #eee; } .slide-nav-reviews { max-height: .8125rem; margin-top: 1.875rem; padding-top: 0; padding-bottom: 0; position: static; inset: auto 0% 0%; } .reviews-name-block { flex-flow: column; display: flex; } .reviews-wrapper { width: 100%; margin-left: auto; margin-right: auto; } .reviews-image-circle { border-radius: 100%; width: 6.7vw; height: 6.7vw; position: absolute; inset: -3.35vw auto auto; } .reviews-left-arrow { min-width: 1.875rem; max-width: 1.875rem; min-height: 1.875rem; max-height: 1.875rem; transition: color .4s ease-in-out; display: block; inset: -5% 16% auto auto; } .reviews-left-arrow:hover { color: #e67e22; } .reviews-block { grid-column-gap: 2.22vw; grid-row-gap: 2.22vw; flex-direction: column; justify-content: center; align-items: center; margin-top: 1rem; display: flex; } .reviews-slide { width: 100%; } .reviews-listing-wrapper { grid-column-gap: 2.2vw; justify-content: center; align-items: center; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .reviews-container { max-width: 100%; } .reviews-mask { width: 80%; margin-left: auto; margin-right: auto; } .dropdown-toggle { cursor: pointer; background-color: #f5f5f5; border-radius: 48px; min-width: 100%; margin-left: auto; margin-right: auto; padding: 1.7vw 3.3vw .6vw; transition: background-color .25s; position: relative; } .dropdown-toggle:hover { background-color: #c7c7c733; } .faq-flex { grid-column-gap: 2.1vw; justify-content: space-between; align-items: flex-start; display: flex; } .faq-dropdown { min-width: 100%; } .dropdown-answer { text-align: left; width: 80%; } .faq-wrapper { grid-column-gap: 1.1vw; grid-row-gap: 1.1vw; text-align: center; flex-direction: column; min-width: 50vw; max-width: 50vw; margin-left: auto; margin-right: auto; display: flex; } .faq-icon { min-width: 1.8vw; max-width: 1.8vw; min-height: 1.8vw; max-height: 1.8vw; } .faqs-block { grid-column-gap: 1.11vw; grid-row-gap: 1.11vw; text-align: center; flex-flow: column; justify-content: center; align-items: center; width: 90%; margin-left: auto; margin-right: auto; display: flex; } .faq-question { text-align: left; letter-spacing: 0; white-space: normal; font-size: 1.67vw; font-weight: 400; line-height: 1.67vw; } .space-2rem { min-height: 2.2vw; } .space-1rem { min-height: 1.1vw; } .paragraph-7, .heading-10, .body-3 { font-family: Roboto, sans-serif; } .home-about_heading { letter-spacing: -.02em; white-space: nowrap; font-size: 3.5rem; font-weight: 500; line-height: 105%; position: absolute; } .home-about_heading._1 { right: calc(100% + .25rem); } .home-about_heading._2 { left: calc(100% + .25rem); } .home-header_img { aspect-ratio: 1 / 1.3; object-fit: cover; border-radius: 1.25rem; max-width: none; height: 9rem; position: absolute; } .section_cta { display: block; } .padding-section-xsmall { padding-top: 4rem; } .button-3 { color: #fff; background-color: #000; border-radius: 1.5rem; font-size: 1rem; font-weight: 500; display: block; position: relative; overflow: clip; } .button-3:active { transform: translate(0, 2px); box-shadow: 0 4px 4px #0000004d; } .home-header_headings { justify-content: center; align-items: center; max-width: 32rem; display: flex; position: relative; } .home-header_imgs-wrap { aspect-ratio: 1; justify-content: center; align-items: center; height: 80%; min-height: 50rem; display: flex; position: absolute; overflow: visible; transform: rotate(0); } .heading-style-h5 { letter-spacing: -.02em; font-size: 2rem; font-weight: 500; line-height: 110%; } .class-for-animation { display: none; } .brands_item-logo { height: 21%; } .brands_item-block { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-flow: column; justify-content: flex-start; align-items: center; padding-right: 1.125rem; display: flex; } .home-about_wrapper { flex-flow: column; justify-content: flex-start; align-items: center; height: 200rem; display: flex; position: relative; } .cta_text { color: #6b6b6b; max-width: 350px; font-size: .875rem; font-weight: 500; } .cta_graphic-wrap { aspect-ratio: 1; border-radius: 3rem; justify-content: center; align-items: center; width: 100%; display: flex; position: relative; overflow: clip; } .brands_item-logo-wrap { aspect-ratio: 1; background-color: #fff; border-radius: 1.125rem; justify-content: center; align-items: center; width: 16rem; display: flex; } .services_desc { color: #6b6b6b; font-size: .875rem; font-weight: 500; } .cta_content { grid-column-gap: 3rem; grid-row-gap: 3rem; background-color: #fff; border-radius: 3rem; flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%; padding: 4rem; display: flex; } .spacer-medium { width: 100%; padding-top: 2rem; } .home-about_img-wrap { border-radius: 1rem; justify-content: center; align-items: center; width: 100%; max-width: none; height: 100%; transition: border-radius .6s; display: flex; position: relative; overflow: clip; } .cta_component { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .home-header_button { z-index: 10; position: relative; } .work-list_head { position: relative; } .button_text { z-index: 5; text-decoration: none; position: relative; } .text-style-label { letter-spacing: .1em; text-transform: uppercase; font-size: .875rem; font-weight: 500; } .services_content { position: sticky; top: 3rem; } .services_item { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; width: 100%; display: flex; } .pill_wrap { z-index: 5; grid-column-gap: .875rem; grid-row-gap: .875rem; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background-color: #e7e6e0; border-radius: 15rem; justify-content: center; align-items: center; padding: .35rem 1.125rem; display: flex; } .animation-scroll-border { border-radius: 2rem; } .work-list_number-wrap { background-color: #000; border-radius: 50%; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; display: flex; position: absolute; top: 0; right: -1.5rem; } .heading-style-h3 { letter-spacing: -.02em; font-size: 3.5rem; font-weight: 500; line-height: 105%; } .services_items { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-flow: column; width: 100%; display: flex; } .line { border-top: 1px dotted #6b6b6b; width: 100%; height: 1px; } .button_inner { padding: 1.5rem 2rem; transition: box-shadow .2s; position: relative; overflow: hidden; box-shadow: inset 0 0 7px #ffffff47; } .button_inner:hover { box-shadow: inset 0 0 7px #fff9; } .spacer-custom-1 { width: 100%; padding-top: 1.25rem; } .navbar_logo { width: 9rem; } .home-header_imgs-wrapper { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0%; } .services_img-wrap { aspect-ratio: 3 / 2; border-radius: 1rem; width: 100%; position: relative; overflow: clip; } .container-medium { width: 100%; max-width: 90rem; margin-left: auto; margin-right: auto; } .spacer-small { width: 100%; padding-top: 1rem; } .navbar_logo-wrap { position: relative; top: -.5rem; } .brands_item-texts { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; justify-content: flex-start; align-items: center; max-width: 70%; display: flex; } .cta_button-wrap { grid-column-gap: 1.75rem; grid-row-gap: 1.75rem; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .button_gradient-glow { opacity: 0; pointer-events: none; position: absolute; inset: 0%; } .cta_graphic { filter: blur(20px); object-fit: cover; width: 120%; height: 120%; position: absolute; } .brands_head { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: .4fr 1fr; grid-auto-columns: 1fr; place-items: start; width: 100%; display: grid; } .services_item-infos { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .main-wrapper { position: relative; overflow: clip; } .services_component { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr .6fr; grid-auto-columns: 1fr; place-items: start; display: grid; } .work-list_number { color: #fff; font-size: .875rem; font-weight: 500; } .home-about_img-text { color: #000; text-align: center; letter-spacing: -.02em; white-space: nowrap; font-size: 3rem; font-style: normal; font-weight: 500; line-height: 105%; position: absolute; top: 10%; } .animation-scroll-padding { padding: 1.5rem; } .home-header_text { color: #474747; text-align: center; max-width: 30rem; font-size: 1.125rem; font-weight: 500; } .heading-style-h4 { letter-spacing: -.02em; font-size: 2.75rem; font-weight: 500; line-height: 110%; } .home-header_img-wrap { object-fit: cover; justify-content: center; align-items: center; max-width: none; display: flex; position: absolute; } .home-header_img-wrap._4 { bottom: 15%; right: 15%; } .home-header_img-wrap._8 { top: 15%; left: 15%; } .home-header_img-wrap._2 { top: 15%; right: 15%; } .home-header_img-wrap._6 { bottom: 15%; left: 15%; } .home-header_img-wrap._1 { top: 0; } .home-header_img-wrap._5 { bottom: 0%; } .home-header_img-wrap._7 { left: 0%; } .home-header_img-wrap._3 { right: 0; } .heading-style-h6 { letter-spacing: -.02em; font-size: 1.25rem; font-weight: 500; line-height: 120%; } .brands_list-wrapper { justify-content: flex-start; align-items: center; max-width: 120rem; margin-left: auto; margin-right: auto; display: flex; position: relative; -webkit-mask: linear-gradient(270deg, #0000, #000 15% 85%, #0000); mask: linear-gradient(270deg, #0000, #000 15% 85%, #0000); } .services_img { object-fit: cover; width: 100%; height: 100%; position: absolute; } .label_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; display: flex; } .navbar_hamburger-wrap { display: none; } .navbar_component { justify-content: space-between; align-items: center; display: flex; } .padding-global { padding-left: 3rem; padding-right: 3rem; } .padding-global.is-tiny { padding-left: 1.5rem; padding-right: 1.5rem; } .spacer-large { width: 100%; padding-top: 3rem; } .home-about_sticky { justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; position: sticky; top: 0; } .padding-section-small { padding-top: 6rem; } .brands_list { justify-content: flex-start; align-items: center; display: flex; } .spacer-xlarge { width: 100%; padding-top: 4rem; } .home-about_img { object-fit: cover; width: 100vw; min-width: 100vw; max-width: none; height: 100vh; min-height: 100vh; } .home-about_img.hidden-pc { display: none; } .brands_heading { max-width: 56rem; } .cta_head { flex-flow: column; justify-content: flex-start; align-items: flex-start; max-width: 31.875rem; display: flex; } .cta_pill { color: #6b6b6b; font-size: .875rem; font-weight: 500; } .page-wrapper-2 { z-index: 1; position: relative; } .section_work-list { display: none; } .button_gradient-ball { filter: blur(20px); mix-blend-mode: overlay; border-radius: 50%; width: 50%; height: 50%; } .button_gradient-ball.ball-2 { background-image: linear-gradient(78deg, #a600ff, #2bff00); position: absolute; bottom: 0; left: 50%; } .button_gradient-ball.ball-1 { background-color: #fd3846; background-image: linear-gradient(to right, #fd3846, #ffd000); position: absolute; bottom: 0; } .home-about_component { justify-content: center; align-items: center; width: 100vw; height: 100vh; padding: 1rem; transition: padding .6s; display: flex; position: relative; } .scroll-note_text { z-index: 2; color: #727067; letter-spacing: .1em; text-transform: uppercase; font-size: .875rem; font-weight: 500; position: absolute; top: 2rem; } .work-list_component { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .brands_item-name { text-align: center; font-size: 1rem; } .padding-section-medium { padding-top: 8rem; } .section_home-header { flex-flow: column; justify-content: center; align-items: stretch; height: 100vh; display: flex; position: relative; } .label_line { background-image: linear-gradient(90deg, #ff4d00, #e7eb4c 31%, #0b90cb 68%, #0c59c1); width: 3.5rem; height: 2px; } .navbar { z-index: 99; width: 100%; padding-top: 1rem; position: absolute; inset: 0% 0% auto; } .home-header_component { flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; } .home-header_heading { text-align: center; font-size: 4.5rem; font-weight: 500; line-height: 100%; } .home-header_heading._3, .home-header_heading._2 { display: block; position: absolute; } .button_gradient { z-index: 1; opacity: 0; pointer-events: none; border-radius: 12px; position: absolute; inset: 0%; } .spacer-xxlarge { width: 100%; padding-top: 5rem; } .padding-section-xxlarge { padding-top: 13rem; } .brands_item-desc { color: #6b6b6b; text-align: center; font-size: .75rem; font-weight: 500; } .body-4 { background-color: #f4f6fc; font-family: Roboto, sans-serif; } .button-5 { color: #fff; text-align: center; background-color: #a5c926; border-radius: 24px; justify-content: center; height: 48px; padding: 12px 28px; font-size: 14px; font-weight: 600; line-height: 24px; transition: transform .3s, box-shadow .3s; } .button-5:hover { transform: scale(1.05); box-shadow: 0 8px 8px -4px #a5c92680; } .button-5.small { border-radius: 20px; height: 40px; padding: 8px 24px; font-size: 13px; line-height: 24px; } .title-5 { color: #a5c926; margin-bottom: 16px; font-size: 13px; font-weight: 600; line-height: 16px; } .section-13 { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .section-13.hero-section { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4sy3rg.jpg'); background-position: 50% 94%; background-repeat: no-repeat; background-size: cover; height: 80vh; position: relative; } .home-category-image-3 { width: 220px; position: absolute; bottom: 17px; right: 21px; } .home-category-info-3 { text-align: right; margin-right: 224px; } .home-category-card-2 { color: #fff; background-color: #ffc12c; border-radius: 16px; flex: 1; align-items: center; margin-left: 15px; margin-right: 15px; padding: 48px 40px; display: flex; position: relative; } .home-category-card-2.red { background-color: #fb416b; justify-content: flex-end; } .section-14 { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .link-2 { color: #111; border-bottom: 2px solid #ddd; padding-top: 2px; padding-bottom: 2px; font-size: 13px; font-weight: 600; line-height: 20px; text-decoration: none; transition: border-color .3s; display: inline-block; } .link-2:hover { border-bottom-color: #a5c926; } .link-2.arrow-link { background-image: url('../images/arrow-right-mini-icon.svg'); background-position: 100%; background-repeat: no-repeat; background-size: 11px; margin-top: 4px; padding-right: 20px; } .shop-header-color-2 { background-color: #a5c926; width: 136px; height: 100%; } .section-15 { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .link-3 { color: #111; border-bottom: 2px solid #ddd; padding-top: 2px; padding-bottom: 2px; font-size: 13px; font-weight: 600; line-height: 20px; text-decoration: none; transition: border-color .3s; display: inline-block; } .link-3:hover { border-bottom-color: #a5c926; } .link-3.arrow-link { background-image: url('../images/arrow-right-mini-icon.svg'); background-position: 100%; background-repeat: no-repeat; background-size: 11px; margin-top: 4px; padding-right: 20px; } .shop-header-color-3 { background-color: #a5c926; width: 136px; height: 100%; } .section-16 { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .heading-11 { font-size: 36px; line-height: 44px; } .title-6 { color: #a5c926; margin-bottom: 16px; font-size: 13px; font-weight: 600; line-height: 16px; } .title-6.white { color: #fff; } .intro-2 { text-align: center; flex-direction: column; align-items: center; max-width: 600px; margin-bottom: 80px; padding-left: 15px; padding-right: 15px; display: flex; } .intro-2.wide { max-width: 800px; } .play-button-2 { background-color: #a5c926; border-radius: 50%; justify-content: center; align-items: center; width: 64px; height: 64px; padding: 20px; transition: transform .3s; display: flex; } .play-button-2:hover { transform: scale(1.1); } .section-17 { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .section-17.video-section { color: #fff; background-image: linear-gradient(#0000004d, #0000004d), url('https://mfs.ezvizlife.com/mall/static/20260731/o4t97r4.jpg'); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, cover; background-attachment: scroll, fixed; padding-bottom: 112px; } .title-7 { color: #a5c926; margin-bottom: 16px; font-size: 13px; font-weight: 600; line-height: 16px; } .text-grey-2 { color: #999; } .divider-2 { background-color: #a5c926; width: 70px; height: 2px; margin-top: 8px; margin-bottom: 23px; } .section-18 { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .text-green-2 { color: #a5c926; } .subscribe-icon-2 { background-color: #a5c926; border-radius: 50%; justify-content: center; align-items: center; width: 64px; height: 64px; margin-right: 24px; padding: 18px 16px 16px; display: flex; } .section-19 { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .input-2 { background-color: #f8f8f8; border: 2px solid #e5e5e5; border-radius: 24px; height: 48px; margin-bottom: 24px; padding-left: 28px; padding-right: 28px; transition: border-color .3s, background-color .3s; } .input-2:hover { background-color: #fff; } .input-2:focus { background-color: #fff; border-color: #a5c926; } .input-2.subscribe-input { margin-bottom: 0; margin-right: 16px; } .input-2.subscribe-input:focus { background-color: #fff; border-color: #a5c926; } .title-8 { color: #a5c926; margin-bottom: 16px; font-size: 13px; font-weight: 600; line-height: 16px; } .section-20 { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .footer-brand { color: #fff; justify-content: center; align-items: center; padding-left: 15px; padding-right: 15px; font-family: Varela Round, sans-serif; font-size: 22px; font-weight: 400; line-height: 32px; display: flex; } .footer-bottom-left { align-items: center; width: 50%; display: flex; } .footer-2 { flex-wrap: wrap; width: 100%; padding-top: 48px; display: flex; position: relative; } .footer-nav { flex-direction: row; flex: 1; justify-content: center; align-items: center; padding-left: 15px; padding-right: 15px; display: flex; } .footer-social-link { border-radius: 50%; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 6px; transition: background-color .3s; display: flex; } .footer-social-link:hover { background-color: #00000014; } .footer-left { align-items: center; width: 200px; display: flex; } .footer-social { justify-content: flex-end; align-items: center; width: 200px; padding-left: 12px; padding-right: 12px; display: flex; } .footer-bottom { border-top: 1px solid #ffffff40; justify-content: space-between; width: 100%; margin-top: 48px; margin-left: 15px; margin-right: 15px; padding-top: 32px; padding-bottom: 32px; font-size: 11px; line-height: 16px; display: flex; } .footer-bottom-right { justify-content: flex-end; align-items: center; width: 50%; display: flex; } .footer-link { color: #fff; margin-left: 10px; margin-right: 10px; padding: 4px; text-decoration: none; } .footer-link:hover { text-decoration: underline; } .link-white { color: #fff; text-decoration: underline; } .footer-bottom-divider { background-color: #ffffff80; border-radius: 50%; width: 3px; height: 3px; margin-left: 8px; margin-right: 8px; } .section-21 { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .section-21.color { background-color: #a5c926; } .product-card-heading-2 { color: #111; margin-bottom: 12px; } .product-card-price-2, .product-card-price-3, .product-card-price-4, .product-card-price-5 { color: #fff; background-color: #a5c926; border-radius: 16px; height: 24px; padding: 2px 12px; font-size: 12px; font-weight: 400; line-height: 20px; } .head_nav_bar { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: center; align-items: center; display: flex; } .template_scroll { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .page_nav_bar { background-color: #fff; border: 2px solid #648ffc00; border-radius: 20px; width: auto; height: auto; padding: 0; font-family: Roboto, sans-serif; } .page_nav_bar:hover { background-color: #eef2ff; } .page_nav_bar.active { color: #fff; background-color: #df1869; width: auto; height: auto; padding: 0; } .link-_nav_set { color: #000; text-align: left; width: 100%; height: 100%; padding: 8px 24px; text-decoration: none; } .link-_nav_set:hover { color: #5c7df5; } .link-_nav_set.active { color: #fff; border-radius: 20px; box-shadow: 0 5px 6px 2px #0003; } .link-_nav_set.active.w--current { border-radius: 20px; box-shadow: 0 8px 6px #0003; } .conversion_area { background-color: #e6167300; border-radius: 12px; width: 60%; position: relative; bottom: auto; } .product_description { text-align: center; font-family: Roboto, sans-serif; font-size: 1.25rem; font-weight: 600; line-height: 150%; } .produce-name.flex_center { justify-content: space-around; align-items: center; } .price-area { height: 150%; } .price-area.flex_center._02 { width: auto; padding-right: 0; } .origin-price { font-weight: 500; } .origin-price._02 { text-decoration: line-through; } .discount-price { color: #648ffc; font-weight: 500; } .price_text { color: #000; margin-bottom: 0; padding-left: .5vw; padding-right: .5vw; font-family: Roboto, sans-serif; font-size: 1.25rem; line-height: 150%; } .click_buy { cursor: pointer; background-color: #167be6; border-radius: 16px; justify-content: center; align-items: center; height: 40px; font-family: Roboto, sans-serif; font-size: 1.25rem; font-weight: 600; transition: transform .3s, box-shadow .3s; display: flex; box-shadow: 1px 2px 7px #0000004d; } .click_buy:hover { transform: translate(0, -3px)scale(1.08); box-shadow: 5px 2px 7px #00000040; } .text-span-2 { font-size: 2rem; font-weight: 700; } .width_set { width: auto; margin-left: auto; margin-right: auto; } .width_set.flex_center._03 { justify-content: center; align-items: center; } .super-discount { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .super-discount.haze { background-color: #e61673; padding-top: 10px; padding-bottom: 10px; } .super-discount.haze.no-padding-top { background-color: #fff; padding-top: 60px; padding-bottom: 60px; } .main-nav { mix-blend-mode: multiply; background-color: #fff; flex-direction: column; justify-content: center; align-items: center; padding: 10px 24px; display: flex; box-shadow: 0 2px 5px #0003; } .main-nav.sticky { z-index: 100; mix-blend-mode: normal; background-color: #fff; position: fixed; inset: 0% 0% auto; box-shadow: 0 -1px 20px 7px #0003; } .anchor-point { background-color: #fff; height: auto; } .footer-grid { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .footer-grid._02 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .strong_bold { font-weight: 700; } .text-align-left { text-align: left; } .footer-card-heading { color: #fff; margin-bottom: 12px; font-family: Roboto, sans-serif; font-size: 3.75rem; font-weight: 400; line-height: 150%; } .footer-card-heading.strong_bold { text-align: left; margin-bottom: 0; font-weight: 700; } .footer-card-heading.strong_bold.color_white.text-align-right { text-align: right; } .footer-section { background-color: #fff; flex-direction: column; justify-content: center; align-items: center; padding: 10px 24px 120px; display: flex; } .footer-section.back_blue { background-color: #648ffc; } .heading_3 { font-family: Roboto, sans-serif; font-size: 1.5rem; font-weight: 500; } .heading_3.text-align-left.color_white { font-size: 1.75rem; } .text-align-right { text-align: right; } .text-align-right._03 { margin-top: 20px; } .footer-icon-list { color: #111; text-align: center; background-color: #fff0; border-radius: 16px; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; max-width: none; padding: 1vw; display: flex; } .icon-area { width: 50px; height: 50px; margin-bottom: 1vw; padding-bottom: 1vw; } .footer-head { grid-column-gap: 16px; grid-row-gap: 16px; justify-content: center; align-items: center; width: auto; display: flex; } .color_white { color: #fff; } .color_white.strong_bold { margin-bottom: 0; line-height: 100%; } .color_white.strong_bold.normal_text { font-size: 1.5rem; } .under_line { text-decoration: none; } .discount-img.ps_abs { position: absolute; inset: 20px auto auto 5%; } .discount-img.ps_abs._02 { inset: auto 0% 10% auto; } .normal-prd { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .normal-prd.haze { background-color: #e61673; padding-top: 10px; padding-bottom: 10px; } .normal-prd.haze.no-padding-top { background-color: #fff; padding-top: 60px; padding-bottom: 60px; } .image-11 { height: 50px; } .dis-number { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0; } .dis-number._02 { margin-right: 5px; top: 32%; } .flex_center { grid-column-gap: 5px; grid-row-gap: 5px; justify-content: flex-start; align-items: flex-start; list-style-type: disc; display: flex; } .flex_center._02 { justify-content: center; align-items: center; } .paragraph-9 { font-family: Roboto, sans-serif; font-size: .875rem; font-weight: 600; line-height: 150%; position: static; } .paragraph-9.text-align-left { margin-bottom: 0; font-size: 1rem; font-weight: 600; } .have_back_grey { background-color: #f2f2f2; border-radius: 12px; margin-bottom: 10px; } .text-span-3 { text-decoration: none; } .image-12 { border-radius: 12px; } .flex { display: flex; } .text-span-4 { text-decoration: line-through; } .normal-prd-2 { background-color: #f8f8f8; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; display: flex; } .normal-prd-2.haze { background-color: #e61673; padding-top: 10px; padding-bottom: 10px; } .normal-prd-2.haze.no-padding-top { background-color: #fff; padding-top: 60px; padding-bottom: 60px; } .fire { height: 100px; } .div-block-11 { padding-top: 10px; } .border_blue { border: 1px solid #6a8fe5; border-radius: 12px; padding-left: 0; padding-right: 0; } .image-13 { border-radius: 20px; } .list-2, .list-3 { list-style-type: disc; } .row-6 { margin-top: 0; padding-top: 0; padding-bottom: 0; position: relative; } .europe_coupon_01 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4tk1ux.jpg'); background-position: 0 0; background-size: cover; } .heading-12 { color: #fff; width: 100%; font-size: 40px; } .heading-12.color_black { color: #000; font-family: Roboto, sans-serif; font-size: 2rem; font-weight: 400; line-height: 150%; } .proudct_webflow_container-4 { justify-content: center; align-items: center; max-width: 1140px; height: auto; min-height: auto; margin-top: 0; margin-bottom: 0; padding-top: 1vw; padding-bottom: 1vw; line-height: 30px; display: block; } .proudct_webflow_container-4.flex_vertical_center { display: flex; } .proudct_webflow_container-4.flex_vertical_center.ep8_section_02 { background-image: none; flex-flow: column; min-height: 30vw; } .widget_row-3 { justify-content: flex-start; align-items: center; width: 100%; display: block; } .color_gary { color: #44556e; } .widget-2 { text-align: center; flex: 0 auto; justify-content: flex-start; align-items: stretch; width: 100%; height: auto; margin-left: 0; margin-right: 0; padding-top: 1vw; padding-bottom: 1vw; display: block; } .widget-2.test { width: 60%; } .proudct_webflow_container-5 { flex-flow: column; justify-content: center; align-items: center; max-width: 1140px; height: 50vw; min-height: 40vw; margin-top: 0; margin-bottom: 0; padding-top: 1vw; padding-bottom: 1vw; display: block; } .proudct_webflow_container-5.flex_vertical_center { height: auto; min-height: auto; display: flex; } .proudct_webflow_container-5.flex_vertical_center.mob_banner_height { height: 50vw; } .banner_size { color: #000; font-family: Roboto, sans-serif; font-size: 3rem; font-weight: 700; line-height: 150%; } .banner_size.color_blue { color: #4f84f6; font-size: 2rem; font-weight: 700; } .banner_size.color_blue.text-align-left { margin-bottom: 0; font-size: 2rem; } .banner_size.color_blue.text-align-center { text-align: center; margin-bottom: 0; } .banner_size.color_blue.banner_text_size { font-size: 3rem; } .column-3 { top: -72px; } .cp8_section_02 { display: flex; } .cp8_section_02.key_feature { background-image: none; } .normal_text-4 { font-family: Roboto, sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 150%; display: block; } .widget-3 { text-align: center; justify-content: center; align-items: center; width: 100%; padding-top: 1vw; padding-bottom: 1vw; display: flex; } .widget-3.key.ep8_02_mob { display: none; } .bgcolor_blue { background-color: #eaf3fa; } .div-block-12 { line-height: 38vw; } .proudct_webflow_container-6 { background-color: #dceaf5; border-radius: 20px; justify-content: center; align-items: center; max-width: 1140px; height: 40vw; margin-top: 2vw; margin-bottom: 2vw; display: flex; } .proudct_webflow_container-6.flex_vertical_center { height: 36vw; } .proudct_webflow_container-6.flex_vertical_center.container_maxwide { max-width: 1270px; margin-top: 1vw; margin-bottom: 1vw; box-shadow: 2px 2px 5px #0003; } .proudct_webflow_container-6.container_bgcolor { background-color: #f8fbfe; } .proudct_webflow_container-6.container_bgcolor.container_maxwide { max-width: 1270px; margin-top: 1vw; margin-bottom: 1vw; box-shadow: 2px 2px 5px #0003; } .columns-18 { justify-content: center; align-items: center; margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px; display: block; } .maxwide1140 { flex-flow: row; justify-content: center; align-items: center; width: 1140px; display: block; } .image-14 { text-align: left; display: inline-block; } .div-block-13 { flex-flow: column; display: flex; position: absolute; top: 122px; left: 76px; } .columns-19 { display: none; } .div-block-14 { grid-column-gap: 0px; grid-row-gap: 0px; display: flex; position: relative; top: -317px; left: 16px; } .paragraph-10 { color: #fff; background-color: #8cbaf5; border-radius: 7px; flex-flow: row; justify-content: center; align-items: flex-start; margin-bottom: 0; padding: 5px 7px; font-size: .875rem; display: block; position: absolute; right: auto; box-shadow: 2px 2px 5px #0003; } .paragraph-11 { color: #fff; background-color: #4e83f5; border-radius: 7px; padding: 5px 17px; font-size: .875rem; position: absolute; box-shadow: 2px 2px 5px #0003; } .div-block-15 { position: relative; top: -317px; left: 420px; } .div-block-16 { position: relative; top: -151px; left: 16px; } .div-block-17 { position: relative; top: -151px; left: 410px; } .paragraph-12 { opacity: 1; color: #fff; background-color: #4e83f5; border-radius: 7px; padding: 5px 7px; font-size: .875rem; position: absolute; box-shadow: 2px 2px 5px #0003; } .column-26 { flex-flow: row; justify-content: center; align-items: center; display: block; } .grid-2 { grid-column-gap: 0px; grid-row-gap: 0px; grid-template: "Area" "." "." "." "." / 1fr 1fr 1fr 1fr 1fr; } .grid-3 { grid-column-gap: 0px; grid-row-gap: 0px; grid-template: "Area" "." "." / 1.5fr 1fr 1fr 1fr 1fr; } .grid-4 { grid-column-gap: 0px; grid-row-gap: 0px; grid-template: "." "Area" "." "." "." "." "." "." "." / 1.75fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .columns-20 { background-color: #f8fbfe; } .image-19 { position: absolute; top: -7%; left: 74%; } .image-20 { padding: 10px; } .image-21, .image-22 { padding-top: 10px; padding-bottom: 10px; } .radius_img { border-radius: 12px; } .list-4, .list-5 { list-style-type: disc; } .portfolio-style-anchor { display: none; } .portfolio-home { color: #121212; background-color: #f7f6f2; font-family: Roboto, sans-serif; line-height: 1.5; overflow: hidden; } .portfolio-nav { z-index: 5; background-color: #f7f6f2; border-bottom: 1px solid #d8d8d8; justify-content: space-between; align-items: center; width: 100%; min-height: 76px; padding: 0 4vw; display: flex; position: relative; } .portfolio-brand { grid-column-gap: 12px; grid-row-gap: 12px; color: #121212; letter-spacing: -.01em; align-items: center; font-size: 14px; font-weight: 500; text-decoration: none; display: flex; } .portfolio-brand__mark { letter-spacing: .04em; border: 1px solid #121212; border-radius: 50%; justify-content: center; align-items: center; width: 34px; height: 34px; font-size: 11px; display: flex; } .portfolio-nav__links { grid-column-gap: 32px; grid-row-gap: 32px; align-items: center; display: flex; } .portfolio-nav__link { color: #121212; border-bottom: 1px solid #0000; padding-bottom: 5px; font-size: 13px; line-height: 1; text-decoration: none; transition: border-color .25s; } .portfolio-nav__link:hover { border-bottom-color: #121212; } .portfolio-nav__link:focus { outline-offset: 4px; outline: 2px solid #2d63ff; } .portfolio-nav__cta { color: #121212; border: 1px solid #121212; border-radius: 999px; padding: 12px 16px; font-size: 13px; line-height: 1; text-decoration: none; transition: background-color .25s, color .25s; } .portfolio-nav__cta:hover { color: #fff; background-color: #121212; } .portfolio-nav__cta:focus { outline-offset: 4px; outline: 2px solid #2d63ff; } .portfolio-container { text-align: left; width: 92%; max-width: 1280px; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; } .portfolio-hero { min-height: 720px; margin-top: 0; padding-top: 0; padding-bottom: 0; } .portfolio-hero__inner { grid-column-gap: 8vw; grid-row-gap: 8vw; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) 330px; align-items: end; min-height: 720px; padding-top: 110px; padding-bottom: 70px; display: grid; } .portfolio-hero__main { max-width: 850px; } .portfolio-eyebrow { color: #696969; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 28px; font-size: 13px; line-height: 1.4; } .portfolio-hero__title { text-align: left; letter-spacing: -.055em; max-width: 900px; margin: 0; font-size: 72px; font-weight: 500; line-height: 1.02; } .portfolio-hero__lead { color: #4b4b4b; text-align: left; max-width: 690px; margin: 38px 0 30px; font-size: 20px; line-height: 1.55; } .portfolio-text-link { grid-column-gap: 12px; grid-row-gap: 12px; color: #121212; border-bottom: 1px solid #121212; align-items: center; padding-bottom: 5px; font-size: 14px; font-weight: 500; text-decoration: none; transition: gap .25s; display: inline-flex; } .portfolio-text-link:hover { grid-column-gap: 18px; grid-row-gap: 18px; } .portfolio-text-link:focus { outline-offset: 4px; outline: 2px solid #2d63ff; } .portfolio-hero__aside { border-top: 1px solid #121212; padding: 26px 0 4px; } .portfolio-aside__label { color: #696969; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 14px; font-size: 12px; } .portfolio-aside__value { margin: 0; font-size: 17px; line-height: 1.55; } .portfolio-status { grid-column-gap: 10px; grid-row-gap: 10px; color: #505050; align-items: center; margin-top: 40px; font-size: 12px; display: flex; } .portfolio-status__dot { background-color: #2d63ff; border-radius: 50%; width: 8px; height: 8px; box-shadow: 0 0 0 5px #2d63ff1f; } .portfolio-capabilities { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; margin-top: 0; padding-top: 0; padding-bottom: 0; } .portfolio-capability-grid { grid-template-rows: auto; grid-template-columns: repeat(4, 1fr); display: grid; } .portfolio-capability { color: #4f4f4f; text-align: left; border-right: 1px solid #d8d8d8; margin: 0; padding: 25px 18px; font-size: 13px; } .portfolio-work { margin-top: 0; padding-top: 130px; padding-bottom: 130px; } .portfolio-section-heading { grid-column-gap: 8vw; grid-row-gap: 8vw; grid-template-rows: auto; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr); align-items: end; margin-bottom: 70px; display: grid; } .portfolio-section-title { text-align: left; letter-spacing: -.04em; max-width: 720px; margin: 0; font-size: 48px; font-weight: 500; line-height: 1.08; } .portfolio-section-intro { color: #5a5a5a; text-align: left; margin: 0; font-size: 17px; line-height: 1.65; } .portfolio-case { margin-bottom: 80px; } .portfolio-case__link { color: #121212; text-decoration: none; display: block; } .portfolio-case__link:focus { outline-offset: 5px; outline: 2px solid #2d63ff; } .portfolio-case__media { background-color: #e8e6df; height: 610px; position: relative; overflow: hidden; } .portfolio-case__image { object-fit: cover; width: 100%; height: 100%; transition: transform .8s cubic-bezier(.2, .7, .2, 1); display: block; } .portfolio-case__image:hover { transform: scale(1.025); } .portfolio-case__index { background-color: #f7f6f2f0; border-radius: 999px; justify-content: center; align-items: center; min-width: 42px; height: 42px; padding: 0 12px; font-size: 12px; display: flex; position: absolute; top: 24px; left: 24px; } .portfolio-case__view { color: #121212; background-color: #f7f6f2; border-radius: 999px; padding: 13px 16px; font-size: 12px; position: absolute; bottom: 24px; right: 24px; } .portfolio-case__body { grid-column-gap: 7vw; grid-row-gap: 7vw; border-top: 1px solid #121212; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(300px, .55fr); padding-top: 26px; display: grid; } .portfolio-case__meta { color: #696969; letter-spacing: .03em; margin: 0 0 10px; font-size: 12px; } .portfolio-case__title { letter-spacing: -.035em; max-width: 650px; margin: 0; font-size: 34px; font-weight: 500; line-height: 1.15; } .portfolio-case__summary { color: #565656; max-width: 520px; margin: 0; font-size: 15px; line-height: 1.65; } .portfolio-case-grid { grid-column-gap: 26px; grid-row-gap: 26px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; align-items: start; display: grid; } .portfolio-case__body--stack { display: block; } .portfolio-case__media--light { background-color: #efefed; height: 450px; } .portfolio-case__media--blue { background-color: #9bb9dc; height: 450px; } .portfolio-approach { color: #f5f4ef; background-color: #121418; margin-top: 0; padding-top: 135px; padding-bottom: 120px; } .portfolio-eyebrow--light { color: #969aa2; } .portfolio-approach__header { grid-column-gap: 5vw; grid-row-gap: 5vw; grid-template-rows: auto; grid-template-columns: 200px minmax(0, 1fr) 360px; align-items: start; margin-bottom: 100px; display: grid; } .portfolio-approach__title { text-align: left; letter-spacing: -.04em; max-width: 720px; margin: 0; font-size: 48px; font-weight: 500; line-height: 1.08; } .portfolio-approach__intro { color: #aeb1b6; text-align: left; margin: 4px 0 0; font-size: 16px; line-height: 1.65; } .portfolio-process { border-top: 1px solid #3a3d43; margin: 0; padding: 0; list-style: none; } .portfolio-process__item { grid-column-gap: 5vw; grid-row-gap: 5vw; border-bottom: 1px solid #3a3d43; grid-template-rows: auto; grid-template-columns: 200px minmax(0, 1fr); padding: 34px 0; display: grid; } .portfolio-process__number { color: #6f747c; font-size: 13px; } .portfolio-process__title { letter-spacing: -.02em; margin: 0 0 10px; font-size: 24px; font-weight: 500; } .portfolio-process__text { color: #aeb1b6; max-width: 470px; margin: 0; font-size: 15px; line-height: 1.65; } .portfolio-about { margin-top: 0; padding-top: 140px; padding-bottom: 140px; } .portfolio-about__grid { grid-column-gap: 10vw; grid-row-gap: 10vw; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr); display: grid; } .portfolio-about__title { text-align: left; letter-spacing: -.04em; max-width: 670px; margin: 0; font-size: 48px; font-weight: 500; line-height: 1.08; } .portfolio-about__copy { color: #4d4d4d; text-align: left; font-size: 18px; line-height: 1.65; } .portfolio-about__actions { grid-column-gap: 28px; grid-row-gap: 28px; align-items: center; margin-top: 46px; display: flex; } .portfolio-button { grid-column-gap: 12px; grid-row-gap: 12px; color: #fff; background-color: #2d63ff; border-radius: 999px; justify-content: center; align-items: center; min-height: 48px; padding: 0 20px; font-size: 13px; text-decoration: none; transition: background-color .25s, transform .25s; display: inline-flex; } .portfolio-button:hover { background-color: #1549d9; transform: translateY(-2px); } .portfolio-button:focus { outline-offset: 4px; outline: 2px solid #2d63ff; } .portfolio-text-link--dark { color: #121212; } .portfolio-footer { color: #696969; border-top: 1px solid #d8d8d8; justify-content: space-between; width: 92%; max-width: 1280px; margin: 0 auto; padding: 28px 0 36px; font-size: 12px; display: flex; } @media screen and (max-width: 991px) { .hero-split { max-width: 100%; margin-bottom: 40px; } .container-2 { max-width: 728px; } .clients-image-three { margin-bottom: 30px; } .heading_wf_2.text-align-center, .heading_wf_2.text-align-center.color_blue { font-size: 20px; } .normal_text, .normal_text.text-align-center { font-size: 14px; } .icon_text.color_set { font-size: 12px; } .no-margin { margin: 0; } .subscribe-form-wrapper { width: 100%; margin-top: 32px; padding-left: 0; } .home-category-image-2 { width: 176px; } .button-2:hover { transform: none; } .home-category-info-1 { margin-left: 176px; } .shop-header { padding-left: 8px; padding-right: 8px; } .form-error { text-align: center; } .home-categories { flex-direction: column; max-width: 480px; padding-left: 8px; padding-right: 8px; } .subscribe-info { text-align: center; flex-direction: column; padding-right: 0; } .page-wrapper { padding-top: 0; } .scroll-mouse-link { padding-bottom: 24px; display: none; } .side-image { width: 83.33%; } .subscribe-form { flex-direction: column; align-items: stretch; } .intro { margin-bottom: 56px; } .instagram { flex-wrap: wrap; width: 75%; margin-bottom: 48px; padding-left: 0; padding-right: 0; } .side-block { width: 100%; margin-bottom: 48px; } .side-block.no-padding-left { padding-left: 8.33%; } .side-block.small-padding-side { padding-left: 8px; padding-right: 8px; } .subscribe { flex-direction: column; justify-content: flex-start; width: 66.66%; padding: 64px; } .home-category-info-2 { margin-right: 182px; } .footer-intro { max-width: 480px; padding: 40px; } .instagram-link { flex: 25%; margin-top: 8px; margin-bottom: 8px; } .instagram-link:hover { transform: none; } .wrapper-container.side-paddings { padding-left: 8px; padding-right: 8px; } .no-margin-bottom { margin-bottom: 0; } .home-category-image-1 { width: 176px; left: 10px; } .products { padding-left: 12px; padding-right: 12px; } .side-info { text-align: center; align-items: center; padding-left: 8px; padding-right: 8px; } .side-blocks { flex-wrap: wrap; margin-bottom: -48px; } .side-blocks.mobile-reverse { flex-direction: column-reverse; align-items: stretch; } .product-card-wrapper { width: 50%; padding: 20px; } .home-category-card { margin-left: 0; margin-right: 0; padding: 40px 32px; } .home-category-card.red { margin-top: 64px; } .section-4 { padding: 88px 8px; } .section-4.hero-section { height: auto; padding: 184px 16px; } .section-4.video-section { padding-bottom: 80px; padding-left: 8.33%; padding-right: 8.33%; } .product-card:hover { transform: none; } .product-card-image-wrapper { height: 284px; padding: 32px; } .button-with-circle-icon { grid-column-gap: 1rem; grid-row-gap: 1rem; border-width: .06rem; border-radius: 8rem; min-width: 11rem; min-height: 2.5rem; max-height: 2.5rem; padding: .125rem 2rem; } .icon { min-width: 2rem; max-width: 2rem; min-height: 2rem; max-height: 2rem; } .hero-image { min-width: 100%; max-width: 100%; min-height: auto; max-height: none; } .max-width-30rem { max-width: 30rem; } .hero-wrapper-2 { min-height: auto; max-height: none; padding-left: 4rem; } .subheading-flex { grid-column-gap: .5rem; grid-row-gap: .5rem; } .container-5.padding-4-5rem, .container-5.padding-9rem { padding-left: 10%; padding-right: 10%; } .space-7rem { min-height: 7rem; } .hero-title { font-size: 5.5rem; line-height: 5.5rem; } .circle-absolute { min-width: 6.25rem; max-width: 6.25rem; min-height: 6.25rem; max-height: 6.25rem; display: none; inset: auto 0% -238% 18%; } .hero-block { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 2rem 4rem; } .icon-wrapper { min-width: 2.5rem; max-width: 2.5rem; min-height: 2.5rem; max-height: 2.5rem; top: 2.75rem; left: 2.75rem; } .button-text { font-size: 1rem; line-height: 1.7rem; } .card-text-block { grid-column-gap: 1rem; grid-row-gap: 1rem; } .large-card { justify-content: center; min-width: 100%; max-width: 100%; min-height: auto; max-height: none; padding: 4rem; } .card-flex { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; } .card-flex.reverse-on-tab { flex-flow: column-reverse wrap-reverse; } .features-image-wrapper { min-width: 19.5rem; max-width: 19.5rem; min-height: 25.96rem; max-height: 25.96rem; } .pop-up-card { padding: 2rem; } .metrics-text { font-size: 6rem; line-height: 6.5rem; } .wave { min-height: 5rem; } .metrics-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .flex-grid { place-items: center; width: 70%; margin-bottom: 0; } .feature-image-wrapper { min-width: 39.5rem; max-width: 39.5rem; min-height: 39.5rem; max-height: 39.5rem; margin-left: auto; margin-right: auto; } .small-icon { min-width: 1.3rem; max-width: 1.3rem; } .about-tabs { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column-reverse; justify-content: flex-end; align-items: center; height: auto; } .about-description { max-width: 30rem; } .feature-paragraph { max-width: none; } .about-text-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; text-align: center; justify-content: center; align-items: center; max-width: 100%; margin-left: auto; margin-right: auto; position: static; } .about-tab-flex { grid-column-gap: 1rem; grid-row-gap: 1rem; } .about-tab-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; padding-left: 10%; padding-right: 10%; } .about-tab-block { grid-column-gap: .5rem; grid-row-gap: .5rem; text-align: center; justify-content: center; align-items: center; } .about-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: center; align-items: flex-start; margin-left: 0; margin-right: 0; padding-top: 1rem; padding-bottom: 1rem; } .reviews-card { min-width: 19.5rem; max-width: 19.5rem; margin-left: auto; margin-right: auto; padding: 4rem 3rem; } .space-4rem { min-height: 4rem; } .slide-nav-reviews { display: none; } .reviews-image-circle { width: 6rem; height: 6rem; top: -3rem; } .reviews-block { grid-column-gap: 2rem; grid-row-gap: 2rem; } .reviews-listing-wrapper { grid-column-gap: 6rem; grid-row-gap: 6rem; flex-flow: column; } .dropdown-toggle { padding: 1.5rem 3rem .5rem; } .faq-flex { grid-column-gap: 1.9rem; } .dropdown-answer { text-align: center; margin-left: auto; margin-right: auto; } .faq-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; min-width: 90%; max-width: 90%; } .faq-icon { min-width: 1.6rem; max-width: 1.6rem; min-height: 1.6rem; max-height: 1.6rem; } .faqs-block { grid-column-gap: 1rem; grid-row-gap: 1rem; text-align: center; flex-flow: column; } .faq-question { font-size: 1.5rem; line-height: 1.5rem; } .space-2rem { min-height: 2rem; } .space-1rem { min-height: 1rem; } .home-about_heading { -webkit-text-stroke-width: 0px; font-size: 2.75rem; } .home-header_imgs-wrap { width: 100vw; height: auto; min-height: auto; } .brands_item-logo { height: 25%; } .cta_graphic-wrap { aspect-ratio: 2.39; } .brands_item-logo-wrap { width: 12rem; } .cta_content { padding: 3rem; } .cta_component { flex-flow: column; grid-template-columns: 1fr 1fr; display: flex; } .services_content { position: relative; top: auto; } .heading-style-h3 { -webkit-text-stroke-width: 0px; } .services_items { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .navbar_logo { width: 8rem; } .container-medium { max-width: none; } .navbar_logo-wrap { top: auto; } .brands_head { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; display: flex; } .services_component { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; flex-flow: column; display: flex; } .home-about_img-text { -webkit-text-stroke-width: 0px; font-size: 2.75rem; } .navbar_hamburger-wrap { z-index: 101; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; margin-left: auto; margin-right: -.3rem; display: flex; position: relative; } .navbar_component { justify-content: center; align-items: center; } .padding-global { padding-left: 2.25rem; padding-right: 2.25rem; } .cta_head { max-width: none; } .home-header_heading { font-size: 3.5rem; } .button-5:hover { transform: none; } .section-13 { padding: 88px 8px; } .section-13.hero-section { height: auto; padding: 184px 16px; } .home-category-image-3 { width: 176px; } .home-category-info-3 { margin-right: 182px; } .home-category-card-2 { margin-left: 0; margin-right: 0; padding: 40px 32px; } .home-category-card-2.red { margin-top: 64px; } .section-14, .section-15, .section-16 { padding: 88px 8px; } .intro-2 { margin-bottom: 56px; } .section-17 { padding: 88px 8px; } .section-17.video-section { padding-bottom: 80px; padding-left: 8.33%; padding-right: 8.33%; } .section-18 { padding: 88px 8px; } .subscribe-icon-2 { margin-bottom: 20px; margin-right: 0; } .section-19 { padding: 88px 8px; } .input-2.subscribe-input { text-align: center; margin-bottom: 20px; } .section-20 { padding: 88px 8px; } .footer-2 { padding-top: 40px; } .footer-nav { justify-content: flex-end; padding-left: 2px; padding-right: 2px; } .footer-left { flex: none; width: auto; } .footer-social { width: 100%; margin-top: 24px; } .footer-bottom { margin-top: 40px; } .section-21, .template_scroll, .super-discount, .main-nav, .footer-section { padding: 88px 8px; } .footer-icon-list { max-width: 480px; padding: 40px; } .normal-prd, .normal-prd-2 { padding: 88px 8px; } .normal_text-4 { font-size: 14px; } .portfolio-hero__inner { grid-column-gap: 70px; grid-row-gap: 70px; grid-template-rows: auto; grid-template-columns: 1fr; min-height: 660px; padding-top: 90px; } .portfolio-hero__title { font-size: 58px; } .portfolio-hero__aside { max-width: 500px; } .portfolio-section-heading { grid-column-gap: 30px; grid-row-gap: 30px; grid-template-rows: auto; grid-template-columns: 1fr; } .portfolio-case__media { height: 500px; } .portfolio-case__media--light, .portfolio-case__media--blue { height: 420px; } .portfolio-approach__header { grid-column-gap: 28px; grid-row-gap: 28px; grid-template-rows: auto; grid-template-columns: 1fr; } .portfolio-approach__intro { max-width: 620px; } .portfolio-process__item { grid-template-rows: auto; grid-template-columns: 90px 1fr; } .portfolio-about__grid { grid-column-gap: 70px; grid-row-gap: 70px; grid-template-rows: auto; grid-template-columns: 1fr; } } @media screen and (max-width: 767px) { .logos-without-title { padding: 60px 15px; } .clients-wrapper-three { margin-bottom: -30px; } .clients-image-three { margin-bottom: 30px; margin-left: 20px; margin-right: 20px; } .no-margin { margin: 0; } .subscribe-form-wrapper { margin-top: 16px; } .page-wrapper { padding-top: 0; } .scroll-mouse-link { display: none; } .instagram { width: 100%; } .subscribe { width: 83.33%; } .no-margin-bottom { margin-bottom: 0; } .products { padding-left: 0; padding-right: 0; } .link.arrow-link { margin-top: 0; } .product-card-wrapper { padding: 8px; } .section-4 { padding-top: 64px; padding-bottom: 64px; } .section-4.hero-section { padding-top: 104px; padding-bottom: 104px; } .section-4.video-section { padding-bottom: 72px; } .product-card-image-wrapper { height: 224px; padding: 24px; } .icon { min-width: 2rem; max-width: 2rem; min-height: 2rem; max-height: 2rem; } .max-width-30rem { max-width: 21rem; } .hero-title { font-size: 4rem; line-height: 4rem; } .hero-block { padding-left: 2rem; padding-right: 2rem; } .large-card { padding: 0 2rem; } .features-image-wrapper { min-width: 19.5rem; max-width: 19.5rem; min-height: 25.96rem; max-height: 25.96rem; } .wave { min-height: 3.5rem; } .flex-grid { place-items: start stretch; } .feature-image-wrapper { min-width: 27.6rem; max-width: 27.6rem; min-height: 27.6rem; max-height: 27.6rem; margin-left: 0; margin-right: 0; } .about-tabs { grid-template-columns: 1fr; } .about-tab-wrapper { width: 100%; } .reviews-card { min-width: 19.5rem; max-width: 19.5rem; } .reviews-slider { height: 100%; min-height: 100%; max-height: 100%; } .slide-nav-reviews { padding-top: 4%; bottom: -8%; } .reviews-listing-wrapper { grid-column-gap: 0rem; grid-row-gap: 5.625rem; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; } .dropdown-answer { width: 90%; } .home-about_heading { -webkit-text-stroke-width: 0px; } .button-3 { border-radius: 1.25rem; } .brands_item-logo-wrap { width: 12rem; } .text-style-label { letter-spacing: .05em; } .heading-style-h3 { -webkit-text-stroke-width: 0px; } .services_items { grid-column-gap: 1.125rem; grid-row-gap: 1.125rem; } .button_inner { padding: 1.25rem 1.75rem; } .spacer-custom-1.is-mobile-small { padding-top: .75rem; } .home-header_imgs-wrapper { display: none; } .services_component { grid-column-gap: 1.75rem; grid-row-gap: 1.75rem; } .home-about_img-text { -webkit-text-stroke-width: 0px; } .home-header_text { font-size: 1rem; } .heading-style-h4 { -webkit-text-stroke-width: 0px; } .padding-global { padding-left: 1.5rem; padding-right: 1.5rem; } .section_home-header { height: auto; min-height: auto; } .label_line { width: 1.75rem; } .navbar { background-color: #f8f7f3; padding-top: .5rem; padding-bottom: .5rem; } .home-header_heading { font-size: 2rem; } .section-13 { padding-top: 64px; padding-bottom: 64px; } .section-13.hero-section { padding-top: 104px; padding-bottom: 104px; } .section-14 { padding-top: 64px; padding-bottom: 64px; } .link-2.arrow-link { margin-top: 0; } .section-15 { padding-top: 64px; padding-bottom: 64px; } .link-3.arrow-link { margin-top: 0; } .section-16, .section-17 { padding-top: 64px; padding-bottom: 64px; } .section-17.video-section { padding-bottom: 72px; } .section-18, .section-19, .section-20 { padding-top: 64px; padding-bottom: 64px; } .footer-brand { padding-left: 8px; padding-right: 8px; } .footer-2 { padding-top: 32px; } .footer-nav { padding-left: 24px; padding-right: 0; } .footer-social { margin-top: 16px; padding-left: 4px; padding-right: 4px; } .footer-bottom { margin-top: 32px; margin-left: 8px; margin-right: 8px; padding-top: 20px; padding-bottom: 20px; } .footer-link { margin-left: 5px; margin-right: 5px; font-size: 12px; line-height: 20px; } .section-21, .template_scroll, .super-discount, .main-nav, .footer-section, .normal-prd, .normal-prd-2 { padding-top: 64px; padding-bottom: 64px; } .widget-2 { padding-left: 8px; padding-right: 8px; } .portfolio-nav { min-height: 68px; } .portfolio-nav__links { grid-column-gap: 18px; grid-row-gap: 18px; } .portfolio-nav__cta { display: none; } .portfolio-container { width: 90%; } .portfolio-hero { min-height: 650px; } .portfolio-hero__inner { min-height: 650px; padding-top: 76px; padding-bottom: 54px; } .portfolio-hero__title { font-size: 46px; line-height: 1.04; } .portfolio-hero__lead { font-size: 17px; } .portfolio-capability-grid { grid-template-rows: auto; grid-template-columns: 1fr 1fr; } .portfolio-capability { border-bottom: 1px solid #d8d8d8; } .portfolio-work { padding-top: 90px; padding-bottom: 90px; } .portfolio-section-title { font-size: 38px; } .portfolio-case__media { height: 390px; } .portfolio-case__body { grid-column-gap: 18px; grid-row-gap: 18px; grid-template-rows: auto; grid-template-columns: 1fr; } .portfolio-case-grid { grid-row-gap: 0; grid-column-gap: 0; grid-template-rows: auto; grid-template-columns: 1fr; } .portfolio-case__media--light, .portfolio-case__media--blue { height: 420px; } .portfolio-approach { padding-top: 95px; padding-bottom: 85px; } .portfolio-approach__header { margin-bottom: 70px; } .portfolio-approach__title { font-size: 38px; } .portfolio-process__item { grid-template-rows: auto; grid-template-columns: 52px 1fr; } .portfolio-about { padding-top: 95px; padding-bottom: 95px; } .portfolio-about__grid { grid-column-gap: 50px; grid-row-gap: 50px; } .portfolio-about__title { font-size: 38px; } .portfolio-footer { grid-column-gap: 8px; grid-row-gap: 8px; flex-direction: column; } .portfolio-brand__name { display: none; } } @media screen and (max-width: 479px) { .hero-split { flex: 0 auto; justify-content: center; align-items: center; height: auto; margin-bottom: 0; display: flex; } .container-2 { max-width: none; } .clients-wrapper-three { grid-column-gap: 20px; grid-row-gap: 30px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-items: center; margin-bottom: 0; display: grid; } .clients-image-three { margin-bottom: 0; margin-left: 0; margin-right: 0; } .heading { color: #333; text-align: center; } .heading.text-align-left { text-align: left; font-size: 24px; } .ep8_section_01 { mix-blend-mode: normal; min-height: calc(400px / 750px * 800px); background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4tycpj.jpg'); } .proudct_webflow_container { min-height: auto; } .proudct_webflow_container._013 { height: auto; min-height: calc(400px / 750px * 800px); background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4u85km.jpg'); background-position: 50% 0; background-repeat: no-repeat; background-size: cover; justify-content: flex-start; align-items: flex-start; } .proudct_webflow_container._014 { min-height: calc(400px / 750px * 1400px); } .proudct_webflow_container.ep8-012 { min-height: auto; } .proudct_webflow_container.flex_vertical_center.ep8_section_01 { min-height: calc(400px / 750px * 800px); } .proudct_webflow_container.flex_vertical_center.ep8_section_02 { min-height: calc(400px / 750px * 400px); } .proudct_webflow_container_full { min-height: calc(400px / 750px * 850px); background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4uj4gk.jpg'); background-position: 0 0; background-size: cover; } .text-align-center.normal_text { font-size: 14px; } .text-align-center.color_blue { font-size: 20px; } .heading_wf_2 { text-align: left; font-size: 20px; } .heading_wf_2.text-align-center { text-align: center; margin-top: 1vw; margin-bottom: 1vw; font-size: 20px; font-weight: 500; line-height: 150%; } .heading_wf_2.text-align-center._015 { font-size: 20px; } .heading_wf_2.text-align-left { text-align: center; } .vertical_middle2._011 { padding: 1vw; } .vertical_middle2._011.mob { background-color: #8d8d8a33; border-radius: 19px; justify-content: center; align-items: center; width: 80%; margin-left: auto; margin-right: auto; padding: 1vw; display: flex; position: absolute; inset: auto 0% 0%; } .normal_text, .normal_text.text-align-center { font-size: 14px; } .normal_text.text-align-center.bold { width: 70%; font-size: 12px; font-weight: 500; } .normal_text.text-align-left { text-align: center; font-size: 14px; } .normal_text.text-align-left.ep8-015 { text-align: center; } .normal_text.text-align-left.color_white { text-align: left; } .columns-3 { flex-flow: column-reverse wrap-reverse; justify-content: center; align-items: center; display: flex; } .icon_text { font-size: 14px; line-height: 150%; } .icon_text.color_set { font-size: 12px; overflow: visible; } .icon_text._011_color_2, .icon_text.text-align-left.list { font-size: 12px; } .icon_text.text-align-left.ep8_section_08._02 { font-family: Roboto, sans-serif; position: absolute; top: 38%; } .icon_text.color_gary { font-size: 12px; line-height: 150%; } .row._011 { background-color: #8d8d8a33; width: auto; min-width: auto; } .row.flex_bottom { justify-content: center; align-items: flex-end; position: relative; bottom: 6%; } .row.ep8-17-mob { background-color: #ffffff1a; border-radius: 20px; } .color_blue.text-align-center { font-size: 20px; } .widget.back_set { min-height: auto; } .widget._03 { text-align: center; } .widget.key { z-index: auto; padding-bottom: 0; position: relative; bottom: -4vw; } .head { font-size: 2.75rem; } .head.text-align-left { font-size: 20px; } .text_abs.vertical_middle2 { top: 34%; } .middle_column { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; display: flex; } .column-12 { text-align: left; } ._05_column-13 { margin-top: 12vw; } .ep8_section_16 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4naser.png'); background-position: 0 0; background-size: auto; min-height: auto; } .ep8_section_15 { background-image: url('https://mfs.ezvizlife.com/mall/static/20260731/o4usxji.jpg'); background-position: 50% 0; background-size: cover; } .ep8_section_02.have_background_cover { background-image: linear-gradient(#fff, #dcdbe2); } .ep8_section_02.key_feature { text-align: center; -webkit-text-fill-color: transparent; background-image: linear-gradient(#fbf9fb, #e5e5ea); -webkit-background-clip: text; background-clip: text; justify-content: center; align-items: center; margin-bottom: 0; font-size: 55px; font-style: italic; font-weight: 700; line-height: 150%; } .widget_row.ep8_section_15 { background-image: none; } .ep8_section_08.text_abs._01 { height: 46px; } .ep8_section_08.text_abs._02 { background-size: cover; height: auto; min-height: 64px; } .font-scale-12.ep8_section_15 { font-size: 20px; } .ep8_img_set { width: 20%; } .paragraph-5 { text-align: right; width: 70%; font-size: 12px; font-weight: 500; } .heading-6.text-align-center.color_, .heading-6.text-align-center.color_2, .heading-6.text-align-center.color_3 { font-size: 20px; } .column-18 { text-align: left; } .columns-10, .columns-11 { flex-flow: column-reverse wrap-reverse; justify-content: center; align-items: center; display: flex; } .columns-11._07 { flex-flow: column; } .column-20.ep8_section_08 { background-image: none; min-height: auto; } .columns-12 { flex-flow: column; justify-content: center; align-items: center; display: block; } .column-21, .column-22 { text-align: center; } .columns-13, .columns-14 { flex-flow: column-reverse wrap-reverse; justify-content: center; align-items: center; display: flex; } .columns-14._07 { flex-flow: column; } .column-23 { flex-flow: column; justify-content: center; align-items: center; display: flex; } .columns-15 { flex-flow: column-reverse wrap-reverse; justify-content: center; align-items: center; display: flex; } .image-9 { top: 10px; } .no-margin { margin: 0; } .no-margin.text-align-center { font-size: 24px; line-height: 150%; } .home-category-image-2 { margin-top: -48px; margin-bottom: 12px; position: relative; bottom: auto; right: auto; } .home-category-info-1 { text-align: center; flex-direction: column; align-items: center; margin-left: 0; display: flex; } .page-wrapper { padding-top: 0; } .side-image { width: 100%; } .side-block { padding-left: 0%; padding-right: 0%; } .side-block.no-padding-left { padding-left: 0; padding-right: 0; } .subscribe { width: 100%; padding: 40px 32px; } .home-category-info-2 { text-align: center; flex-direction: column; align-items: center; margin-right: 0; display: flex; } .footer-intro { min-height: 100px; } .instagram-link { margin: 4px; } .wrapper-container.banner { background-image: url('../images/ezviz_hot_sale_300dpi.avif'); min-height: 180vw; padding-left: 0; } .no-margin-bottom { margin-bottom: 0; } .home-category-image-1 { width: 80%; margin-top: -48px; margin-bottom: 16px; margin-left: -8px; position: relative; top: 0; bottom: auto; left: auto; } .product-card-wrapper { width: 100%; } .home-category-card { flex-direction: column; padding-top: 0; } .home-category-card.red { margin-top: 80px; } .product-card-image-wrapper, .product-card-image-wrapper._03, .product-card-image-wrapper._03-copy { height: auto; } .product-card-heading { font-size: 24px; } .product-list._01 { grid-template-columns: 1fr; } .product-list._02, .product-list._03 { grid-template-columns: 1fr 1fr; } .text-block-5 { margin-bottom: 36px; font-size: 40px; } .section-5 { justify-content: center; } .icon { min-width: 2rem; max-width: 2rem; min-height: 2rem; max-height: 2rem; } .hero-image { min-width: 100%; max-width: 100%; } .max-width-30rem { max-width: 12rem; } .hero-title { font-size: 2.5rem; line-height: 3rem; } .hero-block { padding-left: 1rem; padding-right: 1rem; } .card-text-block { grid-column-gap: 16px; grid-row-gap: 16px; text-align: center; justify-content: flex-start; align-items: center; } .large-card { grid-column-gap: 16px; grid-row-gap: 16px; padding-left: 0; padding-right: 0; } .card-flex { justify-content: center; align-items: center; } .features-image { object-position: 100% 80%; } .features-image-wrapper { justify-content: space-between; align-items: center; min-width: 100%; max-width: 100%; min-height: 19.97rem; max-height: 19.97rem; } .pop-up-card.top-left { top: 2rem; left: auto; } .pop-up-card.top-right { top: 2rem; right: auto; } .wave { min-height: 2rem; } .metrics-wrapper { grid-column-gap: 2rem; grid-template-columns: 1fr; justify-items: center; } .feature-image-wrapper { min-width: 15rem; max-width: 15rem; min-height: 15rem; max-height: 15rem; margin-left: auto; margin-right: auto; } .about-tabs { grid-template-columns: 1fr; } .about-description { max-width: 100%; } .about-text-wrapper { align-items: center; } .about-tab-block { text-align: left; } .reviews-card { text-align: center; flex-direction: column; justify-content: center; min-width: 100%; max-width: 100%; } .reviews-right-arrow { display: none; } .slide-nav-reviews { padding-top: 8%; bottom: -6%; } .reviews-image-circle { top: -3rem; left: auto; } .reviews-left-arrow { display: none; } .reviews-block { justify-content: center; align-items: center; } .reviews-mask { width: 75vw; } .dropdown-toggle { padding-left: 2rem; padding-right: 2rem; } .dropdown-answer { text-align: left; margin-left: 0; margin-right: 0; } .faq-wrapper { max-width: 90%; } .faqs-block { align-items: center; } .faq-question { text-align: left; overflow-wrap: normal; } .home-header_img { border-radius: 1.75vh; width: 10vh; height: auto; } .home-header_headings { max-width: 15rem; } .home-header_imgs-wrap { justify-content: center; align-items: center; width: auto; height: 60vh; } .heading-style-h5 { font-size: 1.5rem; } .home-about_wrapper { height: 100rem; } .cta_content { padding: 2rem; } .home-about_img-wrap { height: 75%; } .heading-style-h3 { font-size: 1.5rem; line-height: 120%; } .services_items { flex-flow: column; display: flex; } .home-header_imgs-wrapper { display: flex; } .home-about_img-text { white-space: normal; width: 80vw; max-width: 17rem; font-size: 1.75rem; } .heading-style-h4 { font-size: 1.75rem; line-height: 120%; } .home-about_img { align-self: flex-end; height: 100vh; } .home-about_img.hidden-mo { display: none; } .home-about_img.hidden-pc { display: block; } .section_home-header { min-height: 100vh; } .navbar { background-color: #f4f6fc; } .home-header_component { max-width: 80vw; margin-left: auto; margin-right: auto; } .home-category-image-3 { margin-top: -48px; margin-bottom: 12px; position: relative; bottom: auto; right: auto; } .home-category-info-3 { text-align: center; flex-direction: column; align-items: center; margin-right: 0; display: flex; } .home-category-card-2 { flex-direction: column; padding-top: 0; } .home-category-card-2.red { margin-top: 80px; } .footer-bottom-left { width: 100%; padding-top: 6px; padding-bottom: 6px; } .footer-nav { flex-wrap: wrap; justify-content: flex-start; padding-left: 0; } .footer-left { width: 100%; margin-bottom: 16px; } .footer-social { justify-content: flex-start; } .footer-bottom { flex-wrap: wrap; justify-content: flex-start; padding-top: 12px; padding-bottom: 12px; } .footer-bottom-right { justify-content: flex-start; width: 100%; } .head_nav_bar { grid-column-gap: 10px; grid-row-gap: 10px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .conversion_area, .conversion_area._01 { width: 100%; } .product_description { font-size: 14px; } .price-area.flex_center._02 { flex-flow: wrap; align-items: stretch; } .price_text { font-size: 14px; } .text-span-2 { font-size: 16px; } .main-nav { padding-top: 12px; padding-bottom: 12px; } .footer-grid._01 { grid-column-gap: 1vw; grid-row-gap: 1vw; grid-template-rows: auto auto auto auto; grid-template-columns: 1fr; } .footer-grid._02 { grid-column-gap: 1vw; grid-row-gap: 1vw; grid-template-columns: 1fr 1fr 1fr; } .footer-card-heading.strong_bold { font-size: 32px; } .footer-card-heading.strong_bold.color_white.text-align-right { text-align: left; } .footer-icon-list { padding: 8px; } .color_white.strong_bold.normal_text { font-size: 16px; } .under_line { font-size: 24px; } .discount-img.ps_abs._02 { text-align: right; inset: auto 0% 0% auto; } .dis-number._02 { left: auto; right: 3px; } .fire { max-width: 35%; height: auto; } .border_blue { height: 100%; } .grid { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; } .europe_coupon_01 { background-image: url('../images/main.avif'); background-position: 50%; } .heading-12 { color: #333; text-align: center; } .heading-12.color_black { font-size: 20px; } .proudct_webflow_container-4.flex_vertical_center.ep8_section_02 { min-height: calc(400px / 750px * 400px); padding-left: 20px; padding-right: 20px; } .widget_row-3 { flex-flow: column; justify-content: flex-start; align-items: center; display: block; } .widget-2 { text-align: center; flex-flow: column; padding-left: 10px; padding-right: 10px; display: block; } .proudct_webflow_container-5 { height: 80vw; display: flex; } .proudct_webflow_container-5.flex_vertical_center { height: auto; } .proudct_webflow_container-5.flex_vertical_center.mob_banner_height { height: 160vw; } .banner_size.color_blue, .banner_size.color_blue.text-align-left { font-size: 20px; } .banner_size.color_blue.text-align-center { justify-content: center; align-items: center; margin-top: 10px; display: block; } .banner_size.color_blue.banner_text_size { height: auto; font-size: 24px; } .column-3 { top: -176px; } .cp8_section_02.key_feature { opacity: .51; text-align: center; -webkit-text-fill-color: transparent; background-image: linear-gradient(#fbf9fb, #e5e5ea); -webkit-background-clip: text; background-clip: text; justify-content: center; align-items: center; margin-bottom: 0; font-size: 55px; font-style: italic; font-weight: 700; line-height: 150%; } .normal_text-4 { font-size: 14px; display: none; } .widget-3.key { z-index: auto; padding-bottom: 0; position: relative; bottom: -4vw; } .widget-3.key.ep8_02_mob { display: block; } .proudct_webflow_container-6.flex_vertical_center.container_maxwide { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 90vw; height: auto; margin-bottom: 2vw; display: flex; } .proudct_webflow_container-6.container_bgcolor.container_maxwide { flex-flow: column; width: 90vw; height: auto; display: flex; } .columns-18 { flex-flow: column; padding-top: 0; padding-bottom: 0; display: none; } .maxwide1140 { width: auto; } .div-block-13 { flex-flow: row; justify-content: center; align-items: flex-start; position: relative; top: 49px; left: 2px; } .image-15 { padding-top: 16px; } .image-16 { margin-top: 0; padding-top: 20px; padding-bottom: 10px; } .image-17 { padding-top: 20px; padding-bottom: 20px; } .image-18 { padding-top: 20px; } .columns-19 { display: block; } .div-block-18 { position: relative; top: auto; left: auto; } .paragraph-13 { color: #fff; background-color: #8cbaf5; border-radius: 6px; width: 50px; margin-bottom: 0; padding: 2px 5px; font-size: 12px; display: block; position: absolute; left: 18%; right: auto; box-shadow: 2px 2px 5px #0003; } .paragraph-13.position { justify-content: space-between; align-items: center; width: 100px; padding-left: 1px; padding-right: 1px; display: block; position: absolute; top: auto; left: 60%; right: auto; } .paragraph-13.position.bgcolor_blue { width: 114px; padding-left: 1px; padding-right: 1px; left: 59%; } .paragraph-13.bgcolor_blue { background-color: #4e83f5; padding-top: 1px; padding-bottom: 1px; } .div-block-19 { flex-flow: row; justify-content: center; align-items: center; display: block; position: relative; top: 27vw; } .image-19 { display: none; } .portfolio-nav__links { grid-column-gap: 14px; grid-row-gap: 14px; } .portfolio-nav__link { font-size: 12px; } .portfolio-hero__inner { min-height: 620px; padding-top: 60px; } .portfolio-eyebrow { margin-bottom: 20px; font-size: 11px; } .portfolio-hero__title { letter-spacing: -.045em; font-size: 38px; } .portfolio-hero__lead { margin-top: 28px; font-size: 16px; } .portfolio-capability { padding: 20px 10px; font-size: 11px; } .portfolio-work { padding-top: 78px; padding-bottom: 78px; } .portfolio-section-heading { margin-bottom: 48px; } .portfolio-section-title { font-size: 32px; } .portfolio-section-intro { font-size: 15px; } .portfolio-case { margin-bottom: 58px; } .portfolio-case__media { height: 290px; } .portfolio-case__index { top: 14px; left: 14px; } .portfolio-case__view { bottom: 14px; right: 14px; } .portfolio-case__title { font-size: 24px; } .portfolio-case__media--light, .portfolio-case__media--blue { height: 290px; } .portfolio-approach__header { margin-bottom: 54px; } .portfolio-approach__title { font-size: 32px; } .portfolio-process__item { grid-template-rows: auto; grid-template-columns: 38px 1fr; padding: 28px 0; } .portfolio-process__title { font-size: 20px; } .portfolio-about__title { font-size: 32px; } .portfolio-about__copy { font-size: 16px; } .portfolio-about__actions { flex-direction: column; align-items: flex-start; } .portfolio-footer { padding-bottom: 28px; } } #w-node-_7a898987-c7ae-2d96-72c8-b9d4a9968838-900ae585 { grid-area: 1 / 1 / 2 / 2; } #w-node-_7a898987-c7ae-2d96-72c8-b9d4a9968839-900ae585 { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-_50d3bb6f-b320-70a2-c514-d3bb7329a03a-8c54ab76, #w-node-ea6ea77c-5289-0215-083e-10a3fff08caa-e932d498, #w-node-_50d3bb6f-b320-70a2-c514-d3bb7329a03a-39411593 { justify-self: auto; } @media screen and (max-width: 991px) { #w-node-eff98336-33c3-1460-8cc5-7513d45016c1-e8570f3a { grid-area: span 1 / span 2 / span 1 / span 2; } }