:root {
  --bright-green: #a7e055;
  --sapphire: #2a3d72;
  --iced-lavender: #e0e5f4;
  --burgundy: #660032;
  --cloud-grey: #e6e6e6;
  --muted-blush: #eadbdf;
  --charcoal: #1a1a1a;
  --border-radius: 20px;
  --standard-font: 17px;
}


body {line-height: 1; font-family: 'Biennale', sans-serif; font-weight: normal; font-size: 1.6vw; color: var(--sapphire);}
h1 {line-height: 1;}
h2 {line-height: 1; font-size: 2vw;}
h3 {line-height: 1; font-size: 2vw;}
h4 {line-height: 1;}
h5 {line-height: 1;}
p {line-height: 1.2;}
p:last-child {margin-bottom: 0;}

strong {font-weight: 600;}

/* General */
.no-scroll {height: 100vh; overflow-y: hidden;}

.rrp-show {display:block; color:#2a3d72; opacity:0.6; font-size: 12px; padding-top: 5px;}

.custom-prev, .custom-next {position: relative; background: var(--iced-lavender); mask-image: url('/img/arrow.svg'); mask-size:contain; mask-repeat:no-repeat; width: 50px; height: 45px; transition: 0.5s; z-index: 1;}
.custom-prev {transform: rotate(180deg);}

.hamburger {flex-direction: column; width: 25px; cursor: pointer; padding: 0px 17px 0 14px; position: relative; display: none; justify-content: center;}
.hamburger span { background: var(--sapphire); border-radius: 5px; height: 4px; margin: 3px 0; transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6); }
.hamburger span:nth-of-type(1) { width: 50%; }
.hamburger span:nth-of-type(2) { width: 100%; }
.hamburger span:nth-of-type(3) { width: 75%; }
.hamburger.active span:nth-of-type(1) { transform-origin: bottom; transform: rotateZ(45deg) translate(4px, 2px); }
.hamburger.active span:nth-of-type(2) { transform-origin: top; transform: rotateZ(-45deg); }
.hamburger.active span:nth-of-type(3) { transform-origin: bottom; width: 50%; transform: translate(11px, -6px) rotateZ(45deg);}

.mobile-nav {background: var(--sapphire); height: 100dvh; opacity: 1; top: 0px; left: 0px; transform: none; margin-top: 0px; border: 0; position: fixed; z-index: -1; max-height:0vh; padding: 0px; box-sizing: border-box; overflow: hidden; width: 100vw; max-width:100%; transition:0.5s;}
.mobile-nav.active {max-height: 100dvh;}

.mobile-nav .nav-wrapper {padding: 100px 20px 25px; z-index: 0;}

.mobile-nav .nav-wrapper > ul {list-style: none; margin: 0; display: block;}
.mobile-nav .nav-wrapper > ul li span, .mobile-nav .nav-wrapper > ul li a {font-size: 20px; color: #fff; display: inline-block; cursor: pointer; position: relative; padding: 10px;}
.mobile-nav .nav-wrapper > ul a, .mobile-nav p a {display: block;}
.mobile-nav .nav-wrapper > ul p {font-family: 'Sharp-Grotesk-Medium-25'; text-transform: uppercase; color: #000; margin-bottom: 25px; cursor: pointer; position: relative; padding-left: 15px;}
.mobile-nav .nav-wrapper > ul p::before {font-family: 'Nioicon'; font-weight: normal; content: ""; display: block; position: absolute; font-size: 16px; left: -5px; top: 50%; transform: translateY(-50%);}
.mobile-nav .nav-wrapper > ul li span::after {font-family: 'Nioicon'; font-weight: normal; content: ""; display: block; position: absolute; font-size: 16px; right: -20px; top: 50%; transform: translateY(-50%); transition: 0.3s}
.mobile-nav .nav-wrapper > ul .parent.active span::after {transform: translateY(-50%) rotate(90deg);}
.mobile-nav .nav-wrapper > ul ul {margin: 0; list-style: none;}

.mobile-nav .nav-wrapper > a {font-size: 16px; color: #000; display: inline-block; cursor: pointer; position: relative;}

.mobile-nav .nav-grid {margin: 10px 20px; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #0001; padding-top: 40px;}
.mobile-nav .nav-grid ul {margin: 0; list-style: none;}
.mobile-nav .nav-grid ul li {display: block; margin-bottom: 15px;}
.mobile-nav .nav-grid ul li a {font-size: 15px; color: #0008;}
.mobile-nav .nav-grid ul:nth-of-type(2) li a {text-align: right; display: block;}

.mobile-nav .parent > ul {height: auto; max-height: 0; overflow: hidden; transition: 0.5s;}
.mobile-nav .parent > ul li a {padding-left: 15px; position: relative;}
.mobile-nav .parent > ul li a::before {content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 10px; height: 1px; background: var(--sapphire);}
.mobile-nav .parent > ul li a {color: #000; font-size: 15px;}
.mobile-nav .parent.active > ul {max-height: 500px;}

.gal-container {position: relative; width: 18%; margin: 10px; cursor: pointer;}
.gal-container .gal-item {height: 200px; overflow: hidden; position: relative; border-radius: 15px; transition: 0.3s;}
.gal-container .gal-item img {position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; height: 100%; width: auto; max-width: none;}
.gal-container .gal-pop {position: fixed; opacity: 0; transition: 0.5s; width: 75%;transform: translate(-50%, -50%); left: 150%; top: 50%; z-index: -999;}
.gal-container .gal-pop img {width: 50%; transition: 0.3s;}
.gal-container .gal-pop::after {content: ''; background: #0008; width: 101vw; height: 101vh; z-index: -1; position: absolute; transform: translate(-50%, -50%); left: 150%; top: 50%; transition: 0.6s;}
.gal-container.active {cursor: default;}
.gal-container.active .gal-pop img {width: 100%;}
.gal-container.active .gal-pop {opacity: 1; z-index: 999;  transform: translate(-50%, -50%); left: 50%;}
.gal-container.active .gal-pop::after {transform: translate(-50%, -50%); left: 50%;}
.gal-container .gal-pop .close-icon {padding: 18px 27px 33px 40px; border-radius: 60px 0px 0px 0px;}

.gal-container:hover .gal-item {transform: scale(1.1);}


.wrapper {max-width: 85%; margin: 0 auto;}
.wrapper-sml {max-width: 65%; margin: 0 auto;}
.wrapper-lrg {width: auto; max-width: 80%; margin: 0 auto;}

.center {text-align: center;}

.button {font-size: 25px; display: inline-block; padding: 20px 25px; color: #fff; background: var(--sapphire); border-radius: 15px; font-weight: 600; text-transform: uppercase; box-sizing: border-box; min-width: 180px; transition: 0.5s; cursor: pointer; font-family: inherit; outline: 0; border: 0;}
.button.green {background: var(--bright-green); color: var(--sapphire);}

.button:hover {background: var(--iced-lavender); color: var(--sapphire);}
.button.green:hover {background: var(--muted-blush); color: var(--sapphire);}

.green-bg {background: var(--bright-green);}
.blue-bg {background: var(--iced-lavender);}

.padding {padding: 6vw 0;}

.content {margin: 6vw 0;}
.content.wrapper {margin: 6vw auto;}
.content article h2 {margin-bottom: 1vw; font-weight: 600;}
.content article h3 {font-weight: 500; margin-bottom: 2vw;}
.content article p {font-size: var(--standard-font); line-height: 1.5; font-weight: 400; margin-bottom: 20px;}
.content article p:last-child {margin-bottom: 0;}
.content figure {position: relative; height: 0; padding-bottom: 100%;border-radius: var(--border-radius); overflow: hidden;}
.content figure img {position: absolute; top: 0;}
.content .wrapper-sml > article {max-width: 29vw;}
.content .wrapper-sml > article a {display: block; ; line-height: 1.5; font-size: var(--standard-font);}

.about .content article p {font-size: var(--standard-font); font-weight: 300;}
.about .blue-bg article p {font-size: var(--standard-font); font-weight: 400; max-width: 50vw; margin: 0 auto;}
.about .content .wrapper-sml > article {max-width: 27vw;}

.content.padding {margin: 0; padding: 6vw 0;}

.grid {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 5vw; align-items: center;}
.grid.no-gap {grid-gap: 0;}
.grid-3 {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px;}
.grid-5 {display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 2vw; align-items: center;}

.logo img {width: 240px;}

/* Header */

header {position: fixed; top: 50px; width: calc(100% - 100px); margin: 0 50px; z-index: 999; background: #aad15b00; transition: 0.5s;}
header.scroll, header.inner {top: 30px; width: calc(100% - 60px); margin: 0 30px;border-radius: var(--border-radius); overflow: hidden;}
header.inner {position: sticky!important; top: 30px; margin: 30px; overflow: hidden;}
header .flex-row {width: 100%;}
header.scroll .flex-row, header.inner .flex-row { box-sizing: border-box; padding: 0 10px 0 0; background: var(--bright-green); }

header.scroll .menu-right .button, .header.inner .menu-right .button {background: var(--sapphire); color: #fff;}

.menu-left {flex: 1;}
.menu-right {display: flex; flex: 1; justify-content: flex-end; align-items: center; gap: 15px;}
.menu-main {margin: auto;}
.menu-main ul, .menu-right ul {margin: 0; display: flex; list-style: none; gap: 10px;}
.menu-main ul li a, .menu-right a {display: inline-block; box-sizing: border-box; padding: 20px 10px; font-size: 20px;}
.mini-cart {}
.menu-right a {font-size: 20px; text-align: center;}
.menu-main ul li a.current, .menu-right ul li a.current {font-weight: 600;}

/* Page Sections */

.home-banner {height: 110dvh; position: relative; margin: 30px 30px 6vw; max-width: 100%!important;}
.home-banner article {position: absolute; top: 30%; left: 50%; transform: translate(-50%,-50%); width: 85%; text-align: center;}
.home-banner article h1 {font-size: 3vw; max-width: 40vw; font-weight: bold; margin: 0 auto 2vw;}
.home-banner article .button-row {gap: 20px; display: flex; justify-content: center;}
.home-banner figure {position: relative; height: 100%; box-sizing: border-box; border: 1px solid var(--sapphire); border-radius: var(--border-radius); overflow: hidden;}
.home-banner figure > h2 {position: absolute; bottom: 10vh; width: 110%; text-align: center; font-size: clamp(1rem, 9vw, 13rem); text-transform: uppercase; font-weight: bold; color: #fff7; z-index: 1; left: 50%; transform: translateX(-50%);}

.inner-banner {background: var(--sapphire); color: #fff; text-align: center; padding: 3vw 0; margin: 30px;border-radius: var(--border-radius);}
.inner-banner.light-bg {background: var(--iced-lavender); color: var(--sapphire);}
.inner-banner.products {background: #fff; position: relative; z-index: 1; margin: 60px 0 0; padding: 60px 0;}
.inner-banner.products::before {content: ''; display: block; position: absolute; right: 40vw; bottom: -1px; background: var(--sapphire); height: 20px; width: 20px; z-index: -1; mask-image:url('/img/corner-shape.svg'); mask-size:cover; mask-repeat:no-repeat;}
.inner-banner.products::after {content: ''; display: block; position: absolute; right: 0; bottom: -1px; background: var(--sapphire); height: 100%; border-radius: 20px 20px 0 0; width: 40vw; z-index: -1;}
.inner-banner.products > .grid {grid-template-columns: 1fr 1.5fr;}
.inner-banner.products .grid {grid-gap: 60px;}
.inner-banner.products h1 {color: var(--burgundy); max-width: 30vw; margin:0 auto; font-size: 3vw;}
.inner-banner h1 {font-size: 2vw; font-weight: bold;}
.inner-banner figure {position: relative; height: 0; padding-bottom: 75%;border-radius: var(--border-radius); overflow: hidden;}
.inner-banner figure img {position: absolute; top: 0;}

.values-bar {position: relative; margin: -85px 10% 0; background: var(--bright-green); color: var(--sapphire); display: flex;justify-content: space-around; box-sizing: border-box; padding: 60px; border-radius: var(--border-radius);}
.values-bar p {font-weight: 600;}

.values-bar.au-version {    max-width: 70%;
    margin: -85px auto 20px;}


.why-au {background:#e0e5f4; padding: 5vw 0;}
.why-au p {font-size: 20px; margin: 15px 0; line-height:1.4}
.why-au .button {border-radius: 60px; font-size: 19px; width: auto; text-align:center; margin-top: 20px;}
.why-au .button:hover {background: var(--bright-green);}

.intro {margin: 10vw 0 5vw;}
.intro .wrapper {max-width: 80%;}
.intro h3 {text-align: center; font-size: 1.6vw; margin: 0 auto 2vw;}
.intro img {margin: 0 auto;}

.blue-bg.feature {background: var(--iced-lavender); box-sizing: border-box; border: 1px solid var(--sapphire); border-radius: var(--border-radius); padding: 60px 60px 80px; margin-bottom: 40px;}
.blue-bg h3 {margin-bottom: 2vw;}
.blue-bg .flex-row {justify-content: center; gap: 10%;}

.item {max-width: 400px; width: auto;}
.item h4 {font-weight: 600; font-size: 1.4vw; margin-bottom: 25px;}
.item p {font-size: 1.3vw; max-width: 400px; margin: 0 auto; max-width: 19vw;}
.item:first-child p {max-width: 16vw;}
.item:last-child p {max-width: 14vw;}
.item figure {background: #fff; border-radius: 50vw; width: 165px; height: 165px; margin: 0 auto 30px; display: flex;}
.item figure img {margin: auto; max-width: 75px; max-height: 75px; object-fit: contain;}

.subscribe-block {border-radius: var(--border-radius); padding: 70px 80px; margin-bottom: 30px; box-sizing: border-box;}
.subscribe-block p {max-width: 30vw;}
.subscribe-block p strong {font-weight: bold;}
.subscribe-block form {grid-gap: 0;}
.subscribe-block input {font-size: 25px; border: 1px solid #fff; padding: 19px 30px 18px; border-radius: 20px 0 0 20px; color: var(--sapphire); width:550px; max-width: 85%; box-sizing: border-box; background: #fff; line-height: 26px; font-family: 'Biennale', sans-serif;}
.subscribe-block input::placeholder {color: var(--sapphire); opacity: 1;}
.subscribe-block .form-wrapper form {display: flex;}
.subscribe-block .form-wrapper form button {border-radius: 0 20px 20px 0; text-transform: capitalize; font-weight: bold; border:0; padding: 14px 40px; margin: 0;}

.testimonial {position: relative;}
.testimonial::after {content: ''; display: block; position: absolute; bottom: -1px; right: 0; width: 100%; height: 100%; background: var(--sapphire); mask-image: url('/img/background.svg'); mask-size:contain; mask-repeat: no-repeat; mask-position: bottom right; -webkit-mask-position: bottom right;}
.testimonial .testiSwiper .swiper-slide {background: var(--iced-lavender); border-radius: 10px; box-sizing: border-box; padding: 50px 50px 75px; height: auto; display: flex;}
.testimonial .testiSwiper .swiper-slide img { mix-blend-mode: multiply; position: absolute; bottom: 20px; right: 30px; width: 50px;}
.testimonial .testiSwiper .swiper-slide p {font-size: 17px; margin: auto; text-align: center; line-height: 1.3;}
.testimonial .testiSwiper .swiper-slide span {font-size: 23px; font-weight: 600; position: absolute; left: 30px; bottom: 30px;}
.testimonial .wrapper {max-width: 80%; width: 90%;}
.testimonial .wrapper .flex-row {margin-bottom: 3vw;}

.grid-map {display: grid; grid-template-columns: 404px 3fr; grid-gap: 15px;}

.location-list {box-sizing: border-box; padding: 15px; background: var(--cloud-grey);border-radius: var(--border-radius); height: 1100px; display: flex; flex-direction: column;}
.location-list .swiper {height: auto; width: 100%;}
.location-list .custom-navigation {display: flex; margin-top: 15px; justify-content: space-between; align-items: center;}
.location-list .custom-navigation > div {display: flex; gap: 10px; margin-right: 10px;}
.location-list .custom-navigation .button {font-size: 20px; min-width: 0;}
.location-list .custom-next, .location-list .custom-prev {background: var(--sapphire); width: 30px; height: 35px;}
.location-list .custom-prev {transform: rotate(-90deg);}
.location-list .custom-next {transform: rotate(90deg);}

.stockist {box-sizing: border-box; padding: 30px; background: #fff; border-radius: 10px; box-sizing: border-box; }
.stockist .title {font-size: 24px; display: block; margin-bottom: 15px;}
.stockist p {font-size: 20px; margin-bottom: 30px;}
.stockist p:nth-child(2) {max-width: 250px; min-height: 48px;}
.stockist .button {min-width: 0; font-size: 16px;}
.stockist:last-child {margin-bottom: 0;}

#map {height: 100%;border-radius: var(--border-radius); background: var(--cloud-grey);}

.store-page h3 {margin-bottom: 2vw; font-weight: bold;}
.store-page .content {margin: 30px 0;}

.gallery-grid .grid {grid-template-columns: 1fr 1fr; grid-gap: 5vw; align-items: flex-start;}
.gallery-grid h3 {margin-bottom: 3vw; font-weight: 500;}

.gallery {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; margin-top: 15px;}
.gallery a {display: block; width: 100%; height: 0; position: relative; padding-bottom: 75%; border-radius: 20px; overflow: hidden;}
.gallery a img {position: absolute; width: 100%; height: 100%; object-fit: cover;}
.gallery a:first-child {grid-column: span 2; padding-bottom: 65%;}

.mySwiper2 .swiper-slide {position: relative; height: 0; padding-bottom: 75%; border-radius: 20px; overflow: hidden;}
.mySwiper2 .swiper-slide img {position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover;}

.mySwiper {margin-top: 10px;}
.store-inner .mySwiper .swiper-slide a {position: relative; height: 0; padding-bottom: 100%; border-radius: 20px; overflow: hidden; display: block; }
.mySwiper .swiper-slide img {position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover;}

.store-inner .swiper-button-next, .store-inner .swiper-button-prev {color: #fff!important}

.social {position: relative; color: var(--sapphire); transition: 0.5s; display: inline-block;}
.social:hover {color: #97d700;}
.ni-facebook-circle:before { font-family: "Nioicon"; content: ""; display: block; font-style: normal; font-size: 50px;}

.content-map {background: var(--cloud-grey); border-radius: var(--border-radius); overflow: hidden; position: relative; height: 0; padding-bottom: 100%;}
.content-map iframe {position: absolute; top: 0; width: 100%; height: 100%;}

.team-item p {display: block; text-align: center; margin: 20px 0;}

.store-item {box-sizing: border-box; padding: 30px; background: var(--iced-lavender);border-radius: var(--border-radius);}
.store-item a {display: block; line-height: 1.3; text-decoration: underline;font-size: 18px;}
.store-item .title {font-size: var(--standard-font); margin-bottom: 20px;}
.store-item .hours {font-size: 18px; margin: 30px 0 0;}
.store-item .hours p {line-height: 1.5;}

.product-feature {margin: 0 0 6vw 7.5%; padding: 60px 7.5% 60px 0; background: var(--sapphire); border-radius: 20px 0 0 20px; display: grid; grid-template-columns: 2fr 1fr; color: #fff;}
.product-feature .grid {margin-left: 60px; align-items: center; grid-gap: 60px;}
.product-feature .grid figure {height: 0; padding-bottom: 125%; position: relative;border-radius: var(--border-radius); overflow: hidden;}
.product-feature .grid figure img {position: absolute; top: 0;}
.product-feature article {max-width: 85%; margin: auto;}
.product-feature h3 {color: var(--bright-green); margin-bottom: 20px;}
.product-feature p {font-weight: 300; font-size: var(--standard-font); margin-bottom: 15px;}
.product-feature p:last-child {margin-bottom: 0;}

.product-grid {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px;}
.product-grid-item {display: flex; flex-direction: column; grid-gap: 30px; box-sizing: border-box; padding: 30px; background: var(--iced-lavender);border-radius: var(--border-radius); justify-content: space-between;}
.product-grid-item article h3 {font-weight: bold; font-size: 2vw; text-transform: uppercase; margin-bottom: 20px;}
.product-grid-item article p {font-size: 17px; margin-bottom: 15px;}
.product-grid-item article p:last-child {margin-bottom: 0;}
.product-grid-item figure {border-radius: var(--border-radius); overflow: hidden; height: 0; padding-bottom: 65%; position: relative;}
.product-grid-item figure img {position: absolute; top: 0;}
.product-grid-item:first-child {display: grid; grid-column: span 2; grid-template-columns: 1fr 1fr;}
.product-grid-item:first-child figure {padding-bottom: 60%;}
.product-grid-item:nth-child(2) {grid-row: span 2; background: var(--bright-green);}
.product-grid-item:nth-child(2) article h3 {margin: 0; font-size: 5vw; font-weight: 400;}
.product-grid-item:nth-child(2) figure {padding-bottom: 145%;}
.product-grid-item:nth-child(3) {background: var(--cloud-grey);}
.product-grid-item:nth-child(4) {background: var(--muted-blush);}
.product-grid-item:last-child {grid-column: span 3; background: var(--cloud-grey); display: grid; grid-template-columns: 1fr 1fr 1fr;}
.product-grid-item:last-child figure {padding-bottom: 125%;}

.product-grid + .content h3 {color: var(--burgundy); margin-bottom: 3vw; font-size: 3vw;}

.contact-us .grid-3.wrapper-sml {max-width: 1450px; width: 90%;}

.testimonials h3 {margin-bottom: 3vw;}
.testi-item {background: var(--iced-lavender); box-sizing: border-box; padding: 30px; border-radius: var(--border-radius); border: 1px solid var(--sapphire); position: relative;}
.testi-item p {font-size: var(--standard-font); margin-bottom: 20px;}
.testi-item span {font-size: 20px; font-weight: 600;}
.testi-item img {width: 50px; position: absolute; bottom: 25px; right: 25px;}

/* New Homepage Section 2025 */

.home-categories {padding: 220px 0 100px 0;}
.home-categories .flex {display: grid; grid-template-columns: 1fr 1fr; align-items: initial; grid-gap: 30px;}

.homepage-box-one {background: #2a3d72;color:#fff;border-radius: 30px; padding:50px 50px 0 50px;}
.homepage-box-one p {font-size: 30px;}
.homepage-box-one h2 {font-size:22px;margin-bottom:20px;}

.homepage-box-two {background: #2a3d72;color:#fff;border-radius: 30px; padding:50px 50px 0 50px;;grid-row: span 2;position: relative;}
.homepage-box-two figure { border-radius: 50vw 50vw 0 0; overflow: hidden;height: 45vh;padding-bottom: 32%; position: absolute; width: calc(100% - 100px); bottom: 0; left: 50%; transform: translateX(-50%);}
.homepage-box-two figure img {position: absolute;}
.homepage-box-two p {font-size: 30px;}
.homepage-box-two h2 {font-size:22px;margin-bottom:20px;}
.homepage-box-two h5 {font-size:22px;margin-bottom:20px;font-style:italic;}

.homepage-box-three {height: 40vh;background: #2a3d72;color:#fff;border-radius: 30px; padding:30px 0 0 30px;position: relative;}
.homepage-box-three p {font-size: 42px;}
.homepage-box-three h2 {font-size:30px;margin-bottom:20px;}
.homepage-box-three figure {position: absolute; z-index: 1;right: 0;bottom: 0;display: flex;justify-content: flex-end;}
.homepage-box-three figure img {border-radius: 30px;width: 85%;}
.homepage-box-three::after { content: ""; display: block; background: url(https://bedsandmore.nz/uploads/images/Homepage/white-star-background.png) no-repeat top/contain; position: absolute; top: 30px; left: 30px; width: calc(100% - 60px); height: 100%; z-index: 0;}

.button_white { z-index: 3; position: relative;margin-top: 30px; font-size: 18px; display: inline-block; padding: 15px 45px; color: var(--sapphire); background:#fff; border-radius: 30px; font-weight: 600; box-sizing: border-box; min-width: 180px; transition: 0.5s; cursor: pointer; font-family: inherit; outline: 0; border: 0; text-align: center;}

.spilt-full .values-bar {margin: -160px 10% 0;}

.spilt-full {background: #e0e5f4; margin: 30px 30px 6vw; max-width: 100% !important; border-radius: 30px;padding: 60px 80px 180px 80px;}
.spilt-full .flex {justify-content: space-around;padding: 30px 0;}

.spilt-full article {position: relative; z-index: 1;}
.spilt-full article::after { content: ""; display: block; background: url(https://bedsandmore.nz/uploads/images/Homepage/white-star-background.png) no-repeat top/contain; position: absolute;top: 170px;left: 300px;width: calc(100% - 60px); height: 100%; z-index: 0;}

.spilt-full article h3 {line-height: 1.5;font-size: 50px; font-weight: 300;}
.spilt-full .button_blue {margin-top: 30px; font-size: 20px; display: inline-block; padding: 15px 45px; color: #fff; background: var(--sapphire); border-radius: 30px; font-weight: 600; box-sizing: border-box; min-width: 180px; transition: 0.5s; cursor: pointer; font-family: inherit; outline: 0; border: 0; text-align: center;}

.spilt-full h2 {position: absolute; width: 100%; text-align: center; font-size: clamp(1rem, 8vw, 13rem); text-transform: uppercase; font-weight: bold; color: #2a3d72; z-index: 1; left: 50%; transform: translateX(-50%); opacity: 30%;}

.spilt-full figure {z-index: 2;border-radius: 50vw 50vw 30px 30px; overflow: hidden; height: 0; padding-bottom: 30%; position: relative; width: 30vw;}
.spilt-full figure img {position: absolute;}

.intro.new {margin: 0vw 0 5vw;}

.menu-main .center button {background: none; border: none;position: absolute;padding: 10px;right: 10px;}
.menu-main .center img {height:20px;width:20px;}
.menu-main .center form { display: flex; align-items: center; position: relative;}
.menu-main .center input {padding: 10px 20px;border: none; border-radius: 30px; background:#fff; color:var(--sapphire); width: 500px; font-family: 'Biennale', sans-serif;font-size: 16px;border: 1px solid var(--sapphire)!important;}

.menu-bottom {background: #fff;margin: auto;justify-content: center; display: flex;border-bottom: 1px solid #eee;}
.scroll .menu-bottom {background: #2a3d72;color:#fff;border-radius: 0 0 20px 20px;border:none;}

.menu-bottom ul, .menu-right ul {margin: 0; display: flex; list-style: none; gap: 10px;}
.menu-bottom ul li a, .menu-right a {display: inline-block; box-sizing: border-box; padding: 20px 10px; font-size: 20px;}
.menu-bottom ul li a.current, .menu-right ul li a.current {font-weight: 600;}

.button_green_menu {background: var(--bright-green); color: var(--sapphire); font-weight: 600; box-sizing: border-box; min-width: 180px; transition: 0.5s; cursor: pointer; font-family: inherit; outline: 0; border-radius: 30px; padding: 15px 10px!important;}
.button_green_menu:hover {background: var(--muted-blush); color: var(--sapphire);}

.scroll .button_green_menu {border:1px solid var(--sapphire);}

.wrapper-home {width: auto; max-width: 70%; margin: 0 auto;}

.pop-up {position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; z-index: 999; background: #0005; backdrop-filter: blur(10px);}
.pop-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); box-sizing: border-box; padding: 2vw 2vw 0; background: #fff; border-radius: var(--border-radius);}
.pop-content article {margin-bottom: 1vw;  max-width: 450px;}
.pop-content article h3 {font-size: 1.5vw; display: block; max-width: 90%}
.pop-content .hbspt-form {width: 500px;}
.pop-content .close-icon {right: 20px; top: 20px;}

footer {background: var(--sapphire); color: #fff; padding: 4vw 0 50px;}
footer article ul {list-style: none; margin: 0;}
footer article ul li {margin-bottom: 20px; display: block; font-size: 17px;}
footer article ul li a {font-weight: normal; font-size: 17px;}
footer article > a {color: var(--bright-green); font-size: 17px; font-family: 'Biennale-Book';}
footer p strong {font-size: 20px; font-weight: 600; display: block; margin-bottom: 30px;}
footer .flex-row {align-items: flex-start; margin-bottom: 3vw;}
footer .grid {align-items: flex-start; max-width: 900px;}
footer form {grid-gap: 0;}
footer input {font-size: 20px; border: 1px solid #fff; padding: 19px 30px 18px; border-radius: 20px 0 0 20px; color: var(--sapphire); width: 450px; max-width: 85%; box-sizing: border-box; background: #fff; line-height: 26px; font-family: 'Biennale', sans-serif;}
footer input::placeholder {color: var(--sapphire); opacity: 1;}
footer .form-wrapper {margin-bottom: 30px;}
footer .form-wrapper form {display: flex;}
footer .form-wrapper form button {border-radius: 0 20px 20px 0; text-transform: capitalize; font-weight: bold; border:0; padding: 14px 40px; background: var(--bright-green); color: var(--sapphire); margin: 0;}
footer .social-row {display: flex; margin-top: 40px; gap: 30px;}
footer .facebook, footer .youtube {background: #fff; mask-size: contain; mask-repeat: no-repeat; display: block; transition: 0.5s;}
footer .facebook:hover, footer .youtube:hover {background: var(--bright-green);}
footer .facebook {mask-image: url('/img/facebook.svg'); width: 20px; height: 40px;}
footer .youtube {mask-image: url('/img/youtube.svg'); width: 55px; height: 40px;}

footer .copyright {margin: 0 auto;}
footer .copyright p, footer .copyright a {color: #fff4; font-size: 16px;}



#loader {display: none; position: absolute; left: 50%; top: 50%; z-index: 1; width: 30px; height: 30px; transform: translate(-50%, -50%); border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; transition: 0.3s; opacity: 1;}

@-webkit-keyframes spin { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); }}

@keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); }}

.animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s}

@-webkit-keyframes animatebottom { from { bottom:-100px; opacity:0 } to { bottom:0px; opacity:1 }}
@keyframes animatebottom { from{ bottom:-100px; opacity:0 } to{ bottom:0; opacity:1 }}

/* Footer */