body { background: #f5f5f5; font-family: "Outfit", sans-serif; font-optical-sizing: auto; overflow-x: hidden; min-width: 320px; }

h1 { font-size: 7rem; line-height: 1; }
h2 { font-size: 4.5rem; line-height: 1.2; }
h3 { font-size: 2.4rem; line-height: 1.2; }
h4 { font-size: 3.2rem; line-height: 1.2; }
p, ul, ol { font-size: 2.4rem; line-height: 1.6; }
ul, ol { margin-top: 0; margin-bottom: 0; }
ul li:last-child, ol li:last-child { margin-bottom: 0; }

.g-icon { font-family: 'Material Symbols Outlined'; font-size: 1em; font-weight: normal; font-style: normal; display: inline-block; vertical-align: middle; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }

.page { margin: 0 auto; max-width: 1920px; width: 100%; background: #f9f9f9; position: relative; }
.content { max-width: 950px; padding-left: var(--lg); padding-right: var(--lg); margin-left: auto; margin-right: auto; }
.content-2 { max-width: 950px; margin-left: auto; margin-right: auto; background: #fff; box-shadow: 0px 0px 15px -8px #000; }

.footer { font-family: arial; font-size: 1.6rem; background-color: #252525; color: #fff; line-height: 1.6; }
.footer a { color: #3484f4; text-decoration: none; }
.footer a:hover { color: #4792fa; }
.footer-logo { max-width: 190px; width: 100%; margin: 0 auto 15px; display: block; }
.footer-links { font-size: 1.5rem; display: flex; align-items: center; justify-content: center; list-style: none; margin: 0 0 15px; padding: 0; }
.footer-links li { margin: 0 1rem 0 0; padding: 0; }
.footer-links li:last-child { margin-right: 0; }

.hd-1 { font-weight: 900; }
.hd-2 { font-weight: 800; line-height: 1.5; }
.hd-4 { font-weight: 800; max-width: 500px; margin-left: auto; margin-right: auto; }
.hd-5 { margin: 0 auto; padding: 15px; max-width: 680px; border-top: 1px solid #ced3d7; border-bottom: 1px solid #ced3d7; background: #f5fbff; }
.hd-6 { font-weight: 800; max-width: 600px; margin-left: auto; margin-right: auto; }
.hd-7 { max-width: 460px; margin-left: auto; margin-right: auto; }
.hd-8 { padding-top: var(--md); border-top: 1px solid #ced3d7; max-width: 650px; margin-left: auto; margin-right: auto; }
.hd-9 { max-width: 650px; margin-left: auto; margin-right: auto; }
.hd-10 { font-size: 36px; max-width: 700px; text-align: center; margin: 0 auto; line-height: 1.6; }

.text-1 { position: relative; left: 380px; margin-bottom: -70px; }
.text-2 { max-width: 620px; margin-left: auto; margin-right: auto; }
.text-3 { margin-bottom: var(--xl-2); }

.blk-1 { background: #dcd9e2; position: relative; }
.blk-1::before { top: 0; left: 0; z-index: 0; background: url(./../images/bnsn/bnsn-img-1.webp) top left no-repeat; background-size: auto 100%; content: ''; position: absolute; width: 100%; height: 100%; pointer-events: none; }
.blk-1::after { top: 0; right: 0; z-index: 0; background: url(./../images/bnsn/bnsn-img-2.webp) top right no-repeat; background-size: auto 100%; content: ''; position: absolute; width: 100%; height: 100%; pointer-events: none; }
.blk-2 .content { position: relative; z-index: 1; }
.blk-3 { background: #3296df; }
.blk-4 { background: linear-gradient(to bottom, #3296df 50%, #f9f9f9 50%); }
.blk-6 { background: #e4eaee; }
.blk-7 { background: linear-gradient(to bottom, #e4eaee 114px, #f9f9f9 114px); }
.blk-8 { background: #fff; padding-bottom: 80px; }
.blk-9 { background: #fff5e3; }
.blk-9 .content { margin-top: -80px; position: relative; }
.blk-10 { background: linear-gradient(to bottom, #fff5e3 40%, #f9f9f9 40%); }
.blk-11 { background: #f9f9f9; }
.blk-12 { background: linear-gradient(to bottom, #f9f9f9 40%, #3697df 40%); }
.blk-13 { background: #3697df; }
.blk-14 .content { padding-left: 145px; position: relative; z-index: 1; }
.blk-16 { background: #e4eaee; }
.blk-18 { background: linear-gradient(to top, #fff5e3 120px, #f9f9f9 120px); }
.blk-19 { background: #fff5e3; }
.blk-19 .content { position: relative; z-index: 1; }
.blk-20 { background: #fff5e3; padding-bottom: calc(var(--xl-2) + 40px); }
.blk-20 .content { position: relative; z-index: 1; }
.blk-21 { margin-top: -40px; background: linear-gradient(to bottom, transparent 40px, #3697df 40px); position: relative;  }
.blk-23 { background: #fff; }
.blk-24 { background: linear-gradient(to bottom, #fff 50%, #e4eaee 50%); }
.blk-25 { background: #e4eaee; }
.blk-26 { background: linear-gradient(to bottom, #e4eaee 50%, #f7efee 50%); }
.blk-27 { position: relative; background-color: #f7efee; }
.blk-27:before { top: 0; left: 0; background-size: 400px auto, 550px auto; background-position: bottom left, bottom right; background-image: url(./../images/bnsn/bnsn-img-32.webp), url(./../images/bnsn/bnsn-img-33.webp); background-repeat: no-repeat; content: ''; position: absolute; width: 100%; height: 100%; pointer-events: none; }
.blk-31 { padding-bottom: 70px; background: #2b88d0; position: relative; }
.blk-32 .content-2 { margin-top: -70px; }
.blk-34 { background: #fff5e3; }
.blk-35 { background: #f9f9f9; }
.blk-36 { background: linear-gradient(to bottom, #f9f9f9 50%, #e4eaee 50%); }
.blk-37 { background-color: #e4eaee; margin-top: -1px; }
.blk-39 { background-color: #fff5e3; }
.blk-39 { background-color: #fff5e3; }
.blk-40 { background: linear-gradient(to bottom, #fff5e3 60px, #f9f9f9 60px); }
.blk-40 .indent { margin-left: 100px; }
.blk-41 { background-color: #e4eaee; border-top: 7px solid #2d81c4; border-bottom: 7px solid #2d81c4; box-shadow: 0px 0px 20px -5px #2d81c4; }
.blk-45 { background-color: #2b88d0; background: linear-gradient(to top, #f9f9f9 60px, #2b88d0 60px);  }
.blk-47 { background-color: #f0dcc0; }

.indent-1 { padding-left: 145px; }
.indent-2 { padding-right: 145px; }

.box-1 { background: #3a3a42; color: #fff; }
.box-2 { background: #fff; box-shadow: 0px 0px 20px -15px #000; }
.box-3 { background: #3a3a42; color: #fff; border-top: 10px solid #3296df; max-width: 760px; margin-left: auto; margin-right: auto; }
.box-4 { padding: 15px 15px 15px 0; display: flex; gap: 20px; max-width: 700px; border: 1px solid #e4e4e4; margin-left: auto; margin-right: auto; background: #fff; font-weight: 600; align-items: center; position: relative; }
.box-4 > div:first-child { width: 105px; }
.box-4-wrap > div:nth-child(1) img { left: 10px; bottom: 0; position: absolute; width: 95px; }
.box-4-wrap > div:nth-child(2) img { left: -5px; bottom: 0; position: absolute; width: 110px; }
.box-4-wrap > div:nth-child(3) img { left: 25px; bottom: 0; position: absolute; width: 55px; }
.box-5 { padding: 15px; max-width: 550px; margin: 0 auto; font-weight: 600; text-align: center; background: #fff; border: 1px solid #e4e4e4; position: relative; z-index: 1; }
.box-6 { padding: 15px 20px; max-width: 780px; margin-left:auto; margin-right: auto; gap: 30px; display: flex; color: #fff; background: #3a3a42 url(./../images/bnsn/bnsn-img-31.webp) center right no-repeat; background-size: auto 100%; align-items: center; }
.box-6 > div:first-child { margin: -20px -20px -20px -80px; max-width: 340px; width: 100%; flex-shrink: 0; }
.box-7 { max-width: 700px; margin: 0 auto; border: 3px solid #fff; box-shadow: 0px 0px 25px -15px #000; background: #fff5e3; text-align: center; }
.box-8 { max-width: 750px; background: #fff; margin-left: auto; margin-right: auto; }
.box-9 { background: #fff; box-shadow: 0px 0px 20px -15px #000; max-width: 600px; width: 100%; margin-left: auto; margin-right: auto; }
.box-10 { padding: var(--xl) var(--xl) 0; }
.box-11 { padding: 15px var(--xl) 15px 125px; background: #2b88d0; color: #fff; font-weight: 500; position: relative; }
.box-12 { padding: 15px var(--xl) 15px 165px; }
.box-13 { background: #fff; box-shadow: 0px 0px 20px -15px #000; max-width: 800px; width: 100%; margin-left: auto; margin-right: auto; }
.box-14 { display: flex; gap: 30px; }
.box-14 > div:first-child { max-width: 100px; width: 100%; flex-shrink: 0; position: relative; }
.box-14 > div:last-child { flex-grow: 1; }
.box-14-a { background: #fff url(./../images/bnsn/bnsn-img-66.webp) top left no-repeat; background-size: auto 100%; }
.box-14-a img { top: -10px; left: -90px; position: absolute; }
.box-14-b { background: #fff url(./../images/bnsn/bnsn-img-68.webp) top left no-repeat; background-size: auto 100%; }
.box-14-b img { bottom: 0; left: -70px; position: absolute; }
.box-14-c { background-color: #fff; background-image: url(./../images/bnsn/bnsn-img-70.webp), url(./../images/bnsn/bnsn-img-71.webp); background-size: 230px auto, 350px auto; background-position: top left, bottom right; background-repeat: no-repeat; }
.box-14-c img { bottom: 30px; left: -90px; max-width: 180px; position: absolute; }
.box-14-head { padding-bottom: 5px; border-bottom: 1px solid #000; }

.flex-1 { display: flex; gap: 20px; background: #3a3a42; color: #fff; }
.flex-1 > div:last-child { width: 346px; margin-top: -40px; padding-right: 30px; flex-shrink: 0; }
.flex-2 { display: flex; gap: 30px; padding-top: 60px; }
.flex-2 > div:first-child { margin-left: -25px; flex-shrink: 0; }
.flex-3 { display: flex; gap: 30px; align-items: flex-start; justify-content: space-between; }
.flex-3 img { max-width: 260px; width: 100%; margin: 0 auto; display: block; }
.flex-3 p { color: #ff0000; text-align: center; }
.flex-4 { display: flex; gap: 0px; align-items: flex-start; justify-content: space-between; }
.flex-4 > div:last-child { margin: -5px -40px -30px -10px; }
.flex-5 { display: flex; gap: 20px; }
.flex-5 > div:last-child { margin: 0 -70px -20px 0; max-width: 340px; width: 100%; flex-shrink: 0; }
.flex-6 { display: flex; justify-content: center; gap: 20px; }
.flex-6 > div { width: 250px; display: flex; gap: 10px; flex-direction: column; text-align: center; }
.flex-6 > div:nth-child(2) { padding: 0 20px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.flex-7 { display: flex; gap: 20px; }
.flex-7 > div:first-child { margin: -20px 0 0 -40px; max-width: 260px; width: 100%; flex-shrink: 0; }
.flex-7 .checklist-1 { max-width: 600px; }
.flex-8 { margin-left: var(--lg); padding: 10px 15px; gap: 15px; max-width: 700px; width: 100%; align-items: center; font-weight: 600; background: #fff; display: flex; }
.flex-8 > span:first-child { margin: -15px 0 -15px -30px; max-width: 60px; width: 100%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.flex-9 { display: flex; gap: 20px; }
.flex-9 > div:first-child { margin-top: -70px; margin-left: -220px; max-width: 410px; width: 100%; flex-shrink: 0; }
.flex-10 { display: flex; align-items: center; justify-content: center; }
.flex-10 > div:first-child { background: #fff; padding-left: var(--lg); padding-right: 80px; margin-right: -60px; }
.flex-10 > div:last-child { margin: -20px -60px -20px 0; max-width: 290px; width: 100%; flex-shrink: 0; }
.flex-11 { display: flex; gap: 30px; }
.flex-11 > div:last-child { flex-grow: 1; width: 100%; }
.flex-12 { display: flex; gap: 30px; }
.flex-12 > div:first-child { flex-grow: 1; }
.flex-12 > div:last-child { flex-shrink: 0; width: 200px; }
.flex-12 > div:last-child img { max-width: 580px; bottom: 0; right: 0; position: absolute; }
.flex-13 { display: flex; gap: 15px; }
.flex-13 > div:first-child { max-width: 230px; width: 100%; }
.flex-13 > div:first-child img { margin-top: -20px }

.hr-1 { height: 0px; border: 0; border-bottom: 2px solid #6ab5f0; max-width: 500px; }

.img-1 { top: 160px; right: 15%; position: absolute; pointer-events: none; }
.img-2 { width: 100%; }
.img-3 { float: right; margin: 20px -90px 20px 30px; }
.img-5 { float: right; margin: -75px 30px 20px 20px; max-width: 254px; }
.img-6 { float: left; margin: -22px 20px -10px -30px; }
.img-7 { display: block; margin-left: auto; margin-right: auto; }
.img-8 { margin-top: -60px; max-width: 400px; width: 100%; z-index: 1; position: relative; }
.img-9 { float: right; margin: -20px -30px 0 20px; max-width: 535px; width: 100%; display: block; }
.img-10 { float: right; margin: -20px -60px 0 20px; max-width: 365px; display: block; }
.img-11 { position: absolute; max-width: 460px; left: 0; bottom: 0; z-index: 1; pointer-events: none; }
.img-12 { float: right; margin: -20px -60px 0 20px; max-width: 365px; display: block; }
.img-13 { float: right; margin: -20px -60px 0 20px; max-width: 365px; display: block; }
.img-14 { position: absolute; height: 100%; top: 0; left: -120px; z-index: 0; pointer-events: none; }
.img-15 { float: right; margin: -20px -60px 0 20px; max-width: 365px; width: 100%; display: block; }
.img-16 { float: left; margin: 0px 30px 0 0px; max-width: 365px; display: block; }
.img-17 { position: relative; z-index: 1; max-width: 400px; width: 100%; }
.img-18 { position: absolute; width: 600px; bottom: 30px; left: 0; z-index: 0; pointer-events: none; }
.img-19 { position: absolute; width: 600px; bottom: 0px; right: 0; z-index: 0; pointer-events: none; }
.img-20 { margin-left: -20%; top: 40px; left: 50%; transform: translateX(-50%); position: absolute; height: calc(100% - 40px); width: auto; z-index: 0; pointer-events: none; }
.img-21 { margin-right: -20%; top: 40px; right: 50%; transform: translateX(50%) scaleX(-1); position: absolute; height: calc(100% - 40px); width: auto; z-index: 0; pointer-events: none; }
.img-23 { float: left; margin: -15px 15px -10px -20px; max-width: 300px; display: block; }
.img-24 { float: right; margin: -20px -60px 0 20px; max-width: 365px; display: block; position: relative; z-index: 1; }
.img-25 { float: right; margin: 20px -50px 0 20px; max-width: 350px; display: block; }
.img-26 { float: right; margin: -10px -50px 0 0px; max-width: 500px; display: block; }
.img-27 { position: absolute; left: -75px; width: 214px; }
.img-30 { position: absolute; width: 600px; bottom: 0; left: 0; z-index: 0; pointer-events: none; }
.img-31 { opacity: 0.3; position: absolute; width: 600px; bottom: 0; right: 0; z-index: 0; pointer-events: none; }
.img-32 { float: right; margin: 0 -250px 0 0; max-width: 650px; width: 100%; display: block; }
.img-33 { position: absolute; left: -240px; top: 30px; }
.img-34 { position: absolute; left: -370px; top: 30px; }
.img-35 { position: absolute; right: -50px; margin-top: -5px; width: 100px; }
.img-37 { max-width: 630px; width: 100%; margin-left: auto; margin-right: auto; display: block; }
.img-39 { position: absolute; height: 100%; top: 0; left: 0; z-index: 0; pointer-events: none; }
.img-40 { position: absolute; max-width: 360px; width: 100%; bottom: 0; right: 40px; z-index: 0; pointer-events: none; }
.img-41 { position: absolute; max-width: 600px; width: 100%; bottom: 0; right: 0; z-index: 0; pointer-events: none; }

.img-35-b { position: absolute; right: -50px; margin-top: -5px; width: 100px; z-index: 2; }
.img-33-b { position: absolute; left: -235px; top: -30px; max-width: 150px; z-index: 1; }

.nubby-prd { margin-left: auto; margin-right: auto; display: block; max-width: 380px; width: 100%; display: block; }

.checklist-1 { list-style: none; }
.checklist-1 li { position: relative; }
.checklist-1 .bullet { position: absolute; left: -32px; top: 7px; }

.ul-wrap-1 { position: relative; color: #fff; padding: var(--nm) 10px; }
.ul-wrap-1:before { left: 0; top: 0; background: #3697df; content: ''; width: 150%; height: 100%; position: absolute; z-index: 0; }
.checklist-2 { list-style: none; }
.checklist-2 .bullet { position: absolute; left: -32px; top: 5px; }

.queslist-1 { list-style: none; }
.queslist-1 li { position: relative; }
.queslist-1 .bullet { font-size: 1.4em; left: -1.25em; top: 4px; position: absolute; }

.highlight-1 { background: #2b88d0; padding: 8px 15px; }
.highlight-2 { background: #2b88d0; padding: 8px 15px 8px 0; color: #fff; font-weight: 600; position: relative; }
.highlight-2::before { left: -200%; top: 0; width: 200%; height: 100%; z-index: 0; background: #2b88d0; content: ''; position: absolute; pointer-events: none; }
.highlight-3 { background: #2b88d0; padding: 8px 15px; max-width: 220px; }
.highlight-4 { background: #2b88d0; padding: 8px 0 8px 15px; margin-left: -15px; color: #fff; font-weight: 600; position: relative; }
.highlight-4::before { right: -170%; top: 0; width: 170%; height: 100%; z-index: 0; background: #2b88d0; content: ''; position: absolute; pointer-events: none; }
.highlight-5 { background: #2b88d0; width: 90%; padding: 8px 0 8px 15px; margin-left: -15px; color: #fff; font-weight: 600; position: relative; }
.highlight-6 { background: #2b88d0; padding: 8px 15px 8px 0; color: #fff; font-weight: 600; gap: 7px; display: flex; align-items: center; position: relative; }
.highlight-6::before { left: -200%; top: 0; width: 200%; height: 100%; z-index: 0; background: #2b88d0; content: ''; position: absolute; pointer-events: none; }
.highlight-7 { padding: 12px 40px; background: #edf7ff; color: #2b88d0; }

.sale-options { font-size: 1rem; display: flex; max-width: 1300px; margin: 0 auto; width: 96%; align-items: center; gap: 20px; text-align: center; font-family: 'Nunito Sans', Arial, sans-serif; }
.sale-options > a { text-decoration: none; color: #000; transition: transform 0.3s ease; }
.sale-options > a:hover { transform: scale(1.025); }
.sale-options h3 { font-size: 3.6em; font-weight: 900; color: #128c91; text-transform: uppercase; line-height: 1.2; margin: 0 0 5px; }
.sale-options p { margin: 0; }
.option1 { background: #fff; width: 33%; padding: 50px 20px 30px; margin-right: -2px; position: relative; z-index: 18; border: #dddddd solid 2px; border-radius: 4px; }
.option2 { background: #fff; width: 33%; padding: 50px 20px 30px; margin-left: -2px; position: relative; z-index: 19; border: #dddddd solid 2px; border-radius: 4px; }
.option3 { background: #f7fffb; width: 34%; padding: 80px 20px 30px; position: relative; z-index: 20; border: #257376 solid 3px; border-radius: 4px; }
.best_value_top { position: absolute; top: -5px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.optiontxt, p.optiontxt { font-size: 2em; font-weight: 600; text-transform: uppercase; margin-bottom: 2px; }

.per-item { display: flex; align-items: center; gap: 5px; justify-content: center; line-height: 1; }
.price-item { font-size: 6.5em; font-weight: 900; }
.price-flex { display: flex; flex-direction: column; text-align: left; padding-top: 4px; }
.price-flex > span:first-child { font-weight: 900; font-size: 2.6em; line-height: 1; }
.price-flex > span:last-child { text-transform: uppercase; font-weight: 600; color: #128c91; font-size: 2.6em; }

.price-summary { display: flex; align-items: center; justify-content: center; gap: 1.5rem; font-size: 2.6em; font-weight: 300; }
.strike { color: #f00; text-decoration: line-through; text-decoration-thickness: 12%; font-weight: 600; }
.sale-price { font-weight: 900; color: #128c91; }
.sale-desc { text-transform: uppercase; font-weight: 600; font-size: 1.8em; margin-top: 10px; }

.prd-img { display: block; max-width: 225px; width: 100%; margin: 1.2rem auto; }
.prd-img-2 { display: block; max-width: 270px; width: 100%; margin: 1.2rem auto; }
.prd-img-3 { display: block; max-width: 140px; width: 100%; margin: 1.2rem auto; }

.btn { box-sizing: border-box; text-align: center; text-decoration: none; margin: 1rem auto; max-width: 250px; width: 100%; display: block; font-size: 2rem; font-weight: 700; color: #ffffff; line-height: 1.2; padding: 15px 30px; position: relative; cursor: pointer; background: linear-gradient(90deg, rgb(227 83 4) 0%, rgb(242 103 28) 100%); border-radius: 40px; box-shadow: 7px 3px 24px rgba(251, 203, 176, 0.21); transition: all 0.3s ease-in-out 0s; outline: 0; border: 0; -webkit-appearance: none; appearance: none; }
.btn_r { text-align: center; text-decoration: none; max-width: 250px; margin: 1rem auto;  width: 100%; display: inline-block; font-size: 2rem; font-weight: 700; color: #ffffff; line-height: 1.2; padding: 15px 30px; position: relative; cursor: pointer; background: linear-gradient(90deg, rgb(227 83 4) 0%, rgb(242 103 28) 100%); border-radius: 40px; box-shadow: 7px 3px 24px rgba(251, 203, 176, 0.21); transition: all 0.3s ease-in-out 0s; outline: 0; border: 0; -webkit-appearance: none; appearance: none; }
.btn_r::after { content: ''; width: 30px; height: 30px; border-radius: 100%; border: 6px solid rgb(253 160 109); position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ring 1.5s infinite; pointer-events: none; }

@keyframes ring {
    0% { width: 30px; height: 30px; opacity: 1; }
    100% { width: 300px; height: 300px; opacity: 0; }
}

@keyframes animate {
	0% {
		opacity: 0;
		transform: rotate(-45deg) translate(-20px, -20px);
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: rotate(-45deg) translate(20px, 20px);
	}
}

.nubby-walmart-sc { max-width: 980px; width: 94%; margin: 0 auto; display: block; border: 1px solid #ccc; border-radius: 5px; padding: 5px; background: #fff; }
.nubby-home-sc { max-width: 720px; width: 94%; margin: 0 auto; display: block; border: 1px solid #ccc; border-radius: 5px; padding: 5px; background: #fff; }
.blk-note { background: #fffce6; }

.blk0-b { background: url(https://thenubby.com/images/celebrate-bg-1.jpg?v=2) top center no-repeat; background-size: cover; }
.blk0-b .content-width  { margin: 0 auto; }
.blk0-b-header { text-align: center; margin-top: 0; margin-bottom: 10px; line-height: 1.6; }
.blk0-b-header.has-promo { text-align: left; max-width: 1000px; margin: 20px auto 40px; background: rgb(251 254 228 / 60%); border: 2px solid #ffe900; padding: 20px; }
.blk0-b-text1 { font-weight: 900; display: block; color: #257376; }
.blk0-b-text2 { display: block; font-size: 0.55em; margin: 10px auto 5px; color: #fb5507; font-weight: 500; }
.blk0-b-text3 { font-size: 0.55em; color: #257376; font-weight: 500; display: block; }
.f-aadvd-cmw .blk0-b-text2 { max-width: 700px; }

.featured-img  { text-align: center; margin: 30px auto; max-width: 350px; }
.f-aadvd-cmw .featured-img { max-width: 400px; }
.f-btgff .featured-img { max-width: 400px; }
.f-btgff .featured-desc { font-size: 16px; max-width: 900px; }
.f-btgff .featured-desc ul { margin-bottom: 0; padding-left: 25px; }
.f-btgff .featured-desc li { margin-bottom: 7px; }

.featured-desc { display: block; max-width: 800px; margin: 0 auto 40px; background: #eafeff; padding: 20px; border-radius: 7px; border: 1px solid #257376; }
.blk0-b .cta-button a { max-width: 100%; }
.bonus_cta {  display: block; max-width: 500px; position: relative; z-index: 1; }

.cta-button { display: flex; max-width: 620px; width: 85%; margin: 20px auto 5px; align-items:center; justify-content: center; position: relative; z-index: 1; }
.cta-button a { max-width: 340px; width: 100%; text-decoration: none; }
.cta-button:hover { transition: all .4s ease-in-out 0s; }
.cta-button .btn-1-hp { flex-grow: 1; position: relative; }
.arrow-left { flex-shrink: 0; }
.arrow-right { flex-shrink: 0; transform: scaleX(-1); }
.arrow span { display: inline-block; width: 25px; height: 25px; border-bottom: 5px solid #f74646; border-right: 5px solid #f74646; transform: rotate(-45deg); margin: -6px; animation: animate 2s infinite; position: relative; z-index: 10 }
.arrow { position: relative; z-index: -1; }
.arrow span:nth-child(2) { animation-delay: -0.2s; }
.arrow span:nth-child(3) { animation-delay: -0.4s; }

.btn-1 { display: inline-block; font-size: 2.5rem; font-weight: 700; color: #ffffff; padding: 15px 50px; position: relative; cursor: pointer; border-radius: 40px; background: linear-gradient(90deg, rgb(227 83 4) 0%, rgb(242 103 28) 100%); box-shadow: 7px 3px 24px rgba(251, 203, 176, 0.21); transition: all 0.3s ease-in-out 0s;  text-align: center; }
.btn-1::before { content: ''; border-radius: 50px; min-width: 102%; min-height: 115%; border: 6px solid rgb(248 124 55); box-shadow: 0 0 60px rgba(251, 203, 176, 0.21); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s ease-in-out 0s; }
.btn-1:hover::before, .btn-1:focus::before { opacity: 1; }
.btn-1::after { content: ''; width: 30px; height: 30px; border-radius: 100%; border: 6px solid rgb(253 160 109); position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ring 1.5s infinite; pointer-events: none; }
.btn-1:hover::after, .btn-1:focus::after { animation: none; display: none; }
.btn-1:hover, .btn-1:focus { color: #ffffff; background: linear-gradient(90deg, rgb(252 114 38) 0%, rgb(248 131 66) 100%); transform: translateY(-10px); }

/* Popup Offer */
.hidden { display: none; }
.overlay { visibility: hidden; position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(rgba(31,31,31,1),rgba(26,26,26,1)); transition: opacity .15s linear, 0.15s visibility step-end; opacity: 0; }
.modal { max-width: 900px; height: 100%; padding: 20px; box-sizing: border-box; margin: auto; visibility: hidden; opacity: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: center; overflow: auto; transform: translate3d(0, -50px, 0); transition: 0.15s transform linear, 0.15s opacity linear, 0.25s visibility step-end; z-index: 1000; scrollbar-width: none; }
.modalcontent { max-width: 100%; background-color: white; position: relative; border-radius: 3px; padding: 40px 0; }
.modal-close { top: -10px; right: -10px; font-size: 22px; font-weight: 500; line-height: 1; color: #fff; padding: 0 0 1px 1px; background-color: #000; border: 2px solid #fff; box-shadow: 0px 0px 3px 1px #000; height: 32px; width: 32px; border-radius: 50px; position: absolute; text-shadow: 0 1px 0 #fff; outline: 0; appearance: none; cursor: pointer; transition: opacity 0.15s ease; }
.modal-spacing { padding: 0 32px; }
#exitpop.active .overlay { display: block; visibility: visible; opacity: 0.7; transform: none; transition: 0.3s transform ease-out, 0.3s opacity ease-out; }
#exitpop.active .overlay + .modal { visibility: visible; opacity: 1; transform: none; transition: 0.3s transform ease-out, 0.3s opacity ease-out; }
.exitpop-btn { font-size: 2.4rem; box-sizing: border-box; text-align: center; text-decoration: none; margin: 0 auto; width: 100%; display: block; color: #ffffff; line-height: 1.2; padding: 15px 30px; position: relative; cursor: pointer; background: linear-gradient(90deg, rgb(227 83 4) 0%, rgb(242 103 28) 100%); box-shadow: 7px 3px 24px rgba(251, 203, 176, 0.21); transition: all 0.3s ease-in-out 0s; outline: 0; border: 0; -webkit-appearance: none; appearance: none; }
.exitpop-btn-2 { box-sizing: border-box; text-align: center; text-decoration: none; margin: 1rem auto; width: 100%; display: block; font-size: 2rem; font-weight: 700; color: #ffffff; line-height: 1.2; padding: 20px 30px; position: relative; cursor: pointer; background: linear-gradient(90deg, rgb(227 83 4) 0%, rgb(242 103 28) 100%); border-radius: 3px; box-shadow: 7px 3px 24px rgba(251, 203, 176, 0.21); transition: all 0.3s ease-in-out 0s; outline: 0; border: 0; -webkit-appearance: none; appearance: none; }

#pr-pop { font-size: 14px; font-family: arial; line-height: 1.4; transition: all 0.6s ease; opacity: 0; left: -35px; bottom: 15px; margin-right: 15px; position: fixed; background: #fff; padding: 20px; border-radius: 7px; box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 50%); display: flex; gap: 20px; z-index: 20; align-items: center; justify-content: center; }
#pr-pop.active { opacity: 1; left: 15px; }

.pr-time-wrap  { color: #333; }
.pr-img-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; }
.pr-img-wrap img { height: 56px; width: auto; display: block; }
#pr-name { font-weight: 600; }
#pr-loc { font-weight: 600; color: #005cc4; }

.m-width-300 { max-width: 300px; }
.m-width-480 { max-width: 480px; }
.m-width-500 { max-width: 500px; }
.m-width-550 { max-width: 550px; }
.m-width-600 { max-width: 600px; }
.m-width-650 { max-width: 650px; }
.m-width-800 { max-width: 800px; }

.no-x-space { left: calc(var(--lg) * -1); width: calc(100% + calc(var(--lg) * 2)); position: relative; }
.hide-x { overflow-x: hidden; overflow-y: auto; }

.blue { color: #2b88d0; }
.blue-2 { color: #2b88d0; background: linear-gradient(to bottom, #2c84c9, #80c7fe); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.red { color: #ff0000; }
.red-2 { color: #ff0000; background: linear-gradient(to bottom, #ff0000, #c64e4e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.white { color: #fff; }
.green { color: #377571; }
.green-2 { color: #128306; }

.bg-white { background: #fff; }

.inline { display: inline; }
.z-index-1 { z-index: 1; }

@media screen and (max-width: 1820px) {
    .img-11 { z-index: 0; opacity: 0.25; }
    .img-14 { opacity: 0.1; left: 0; width: auto; object-fit: cover; }
    .img-30, .img-31 { opacity: 0.2; }
    .img-39 { opacity: 0.2; }

    .blk-14 .content { padding-left: var(--lg); }
    .blk-27:before  { opacity: 0.15; }
}

@media screen and (max-width: 1600px) {
    .blk-1::before, .blk-1::after { opacity: 0.3; }
    .img-18 { opacity: 0.15; }
    .img-19 { opacity: 0.15; }
    .img-40 { opacity: 0.2; }
    .img-41 { opacity: 0.2; }

    .indent-1 { padding-left: 0; }
    .indent-2 { padding-right: 0; }
}

@media screen and (max-width: 1400px) {
    .img-32 { margin-right: -150px; max-width: 500px; }
    .img-33 { position: relative; display: block; margin: var(--xl) auto var(--lg); left: 0; top: 0; }
    .img-34 { position: relative; display: block; margin: var(--xl) auto var(--lg); left: 0; top: 0; }
    .img-35 { position: absolute; right: initial; margin-top: 0; width: 100px; bottom: -65px; top: initial; left: 50%; z-index: 1; }
    .img-39 { opacity: 0.15; object-fit: cover; }
    .img-40 { display: none; }

    .img-33-b { position: relative; display: block; margin: var(--xl) auto var(--lg); left: 0; top: 0; }
    .img-35-b { position: absolute; right: initial; margin-top: 0; width: 100px; bottom: -65px; top: initial; left: 50%; z-index: 2; }

    .blk-38 { overflow-x: hidden; overflow-y: auto; }
    .blk-40 .indent { margin-left: 0; }

    .flex-9 { flex-direction: column; align-items: center; }
    .flex-9 > div:first-child { margin-top: -90px; margin-left: auto; margin-right: auto; max-width: 300px; }
}

@media screen and (max-width: 1200px) {
    .blk-1::before { display: none; }
    
    .img-3 { margin-right: 0; }
    .img-20 { margin-left: 0; top: 40px; left: 0; transform: none; }
    .img-21 { margin-right: 0; top: 40px; right: 0; transform: scaleX(-1) }
    .img-30 { display: none; }

    .box-14-a img { left: -20px; }
    .box-14-b img { left: -20px; }
    .box-14-c img { left: -42px; }
}

@media screen and (max-width: 1080px){
    .sale-options { flex-direction: column; max-width: 1080px; width: 100%; padding-left: 3.5%; padding-right: 3.5%; }
    .sale-options > a { width: 100%; max-width: 500px; }
}

@media screen and (max-width: 992px) {
    .img-1 { right: 15px; }
    .img-3 { float: none; margin: 0 auto; display: block; max-width: 300px; }
    .img-5 { float: none; margin: calc((var(--xl-2) * -1) - 30px) auto var(--lg); display: block; max-width: 160px; }
    .img-6 { float: none; margin: 0 auto; display: block; max-width: 320px; }
    .img-7 { max-width: 480px; width: 100%; }
    .img-8 { max-width: 320px; margin-left: auto; margin-right: auto; display: block; }
    .img-9 { float: none; margin: 0 auto; display: block; max-width: 580px; }
    .img-10 { float: none; margin: 0 auto; display: block; max-width: 280px; }
    .img-11 { z-index: 0; opacity: 0.15; }
    .img-12 { float: none; margin: 0 auto; display: block; max-width: 280px; }
    .img-13 { float: none; margin: 0 auto; display: block; max-width: 280px; }
    .img-15 { float: none; margin: -15px auto; display: block; max-width: 350px; }
    .img-16 { float: none; margin: 0 auto; display: block; max-width: 180px; }
    .img-22 { max-width: 280px; margin: 0 auto; display: block; }
    .img-23 { float: none; margin: 0 auto; display: block; max-width: 280px; }
    .img-24 { float: none; margin: 0 auto; display: block; max-width: 220px; }
    .img-25 { float: none; margin: 0 auto var(--nm); display: block; max-width: 260px; }
    .img-26 { float: none; margin: -5px auto; display: block; max-width: 420px; width: 100%; }
    .img-27 { position: relative; margin: 0 auto; display: block; left: 0; }
    .img-32 { float: none; margin: 0 auto; display: block; max-width: 420px; }
    .img-33 { max-width: 200px; }
    .img-34 { max-width: 320px; }
    .img-37 { max-width: 500px; }
    .img-38 { max-width: 280px; }

    .box-1 > div:last-child { position: absolute; opacity: 0.25;  top: 0; right: -15px; margin: 15px 0 0; bottom: 0; height: 100%; width: auto; }
    .box-1 > div:last-child img { height: 100%; width: auto; }
    .box-2 { max-width: 700px; margin-left: auto; margin-right: auto; }
    .box-6 { flex-direction: column; gap: 0px; }
    .box-6 > div:first-child { margin: 0; }
    .box-11 { padding-left: var(--xl); }
    .box-12 { padding-left: calc(var(--xl) + 40px); }
    .box-14 > div:first-child { display: none; }
    .box-14-a img { display: none; }
    .box-14-b img { display: none; }
    .box-14-c img { display: none; }
    .box-14-c { background-image: url(./../images/bnsn/bnsn-img-70.webp); background-size: 230px auto; background-position: top left; }

    .blk-27:before { background-size: 550px auto; background-position: bottom right; background-image: url(./../images/bnsn/bnsn-img-33.webp); background-repeat: no-repeat; }

    .flex-1 { overflow: hidden; }
    .flex-1 > div:first-child { position: relative; z-index: 1; }

    .flex-2 { flex-direction: column; align-items: center; gap: 0; }
    .flex-2 > div:first-child { margin-left: 0; }
    .flex-2 > div:last-child p { margin-top: 0; }
    
    .flex-4 { flex-direction: column; align-items: center; margin: 0 auto; left: 0; }
    .flex-4 > div:first-child { width: 100%; }
    .flex-4 > div:last-child { margin-left: auto; margin-right: auto; }

    .flex-5 { flex-direction: column; align-items: center; }
    .flex-5 > div:last-child { margin: 0 auto calc(var(--lg) * -1); }
    .flex-5 p:first-child { margin-top: 0; }

    .flex-6 { flex-direction: column; align-items: center; gap: 30px; }
    .flex-6 > div { width: 90%; }
    .flex-6 > div:nth-child(2) { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0; border-right: 0; padding: 30px 0;  }

    .flex-7 { flex-direction: column; align-items: center; }
    .flex-7 > div:first-child { max-width: 280px; margin: -20px auto 0; }

    .flex-8 { margin-left: 0; }

    .flex-10 { flex-direction: column; gap: 30px; }
    .flex-10 > div:first-child { padding: var(--lg); margin: 0; }
    .flex-10 > div:last-child { margin-right: 0; }

    .flex-11 { flex-direction: column; gap: 10px; align-items: center; width: 100%; }

    .flex-12 > div:first-child { margin-bottom: var(--xl); }
    .flex-12 > div:last-child { display: none; }

    .cta-left { margin-left: auto; margin-right: auto; justify-content: center; }

    .blk-48 { padding-bottom: 0; }
    
    .ul-wrap-1 { margin-bottom: var(--lg); }
    .ul-wrap-1::before { width: 100%; }

    .text-3 { margin-bottom: 1em; }
    .text-1 { top: 0; left: 0; margin: 0; padding-bottom: var(--lg); }

    .highlight-2 { padding-left: 15px; }
    .highlight-2:before { display: none; }
    .highlight-4 { width: 100%; margin-left: 0; }
    .highlight-4:before { display: none; }
    .highlight-5 { width: 100%; }
    .highlight-6 { padding-left: 15px; }
    .highlight-6:before { display: none; }
}

@media screen and (max-width: 768px) {
    p, ul, ol { font-size: 2rem; }
    h1 { font-size: 4rem; }
    h2 { font-size: 3rem; }

    .hd-1 { padding-top: 0; }
    .hd-2 { margin-bottom: 0; }
    .hd-5 { max-width: 460px; }
    .hd-10 { font-size: 24px; max-width: 480px; }

    .img-3 { max-width: 200px; }
    .img-5 { max-width: 120px; }
    .img-6 { max-width: 250px; }
    .img-7 { max-width: 300px; margin-bottom: 10px; }
    .img-8 { max-width: 250px; }
    .img-10 { max-width: 220px; }
    .img-12 { max-width: 210px; }
    .img-13 { max-width: 210px; }
    .img-15 { max-width: 260px; left: -10px; position: relative; }
    .img-16 { max-width: 130px; }
    .img-17 { max-width: 260px; }
    .img-22 { max-width: 250px; }
    .img-23 { max-width: 240px; }
    .img-24 { max-width: 160px; }
    .img-25 { max-width: 180px; left: -10px; position: relative; }
    .img-26 { max-width: 300px; left: -10px; position: relative; }
    .img-29 { max-width: 180px; display: block; margin-left: auto; margin-right: auto; }
    .img-32 { max-width: 280px; }
    .img-33 { max-width: 160px; }
    .img-34 { max-width: 260px; }
    .img-35 { max-width: 80px; bottom: -55px; }
    .img-36 { max-width: 240px; display: block; margin-left: auto; margin-right: auto; margin-bottom: -10px; left: -7px; position: relative; }
    .img-37 { max-width: 335px; }
    .img-38 { max-width: 220px; }

    .box-4 > div:first-child { width: 75px; flex-shrink: 0; }
    .box-4-wrap > div:nth-child(1) img { width: 75px; left: -5px; top: 15px; }
    .box-4-wrap > div:nth-child(2) img { width: 90px; left: -10px; top: 15px; }
    .box-4-wrap > div:nth-child(3) img { width: 45px; left: 20px; top: 15px; }
    .box-14 { position: relative; }
    .box-14 > div { position: relative; z-index: 1; }
    .box-14:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height:  100%; background: rgba(255, 255, 255, 0.5); }

    .text-2 { max-width: 200px; }
    .text-4 { max-width: 270px; margin-left: auto; margin-right: auto; }
    .text-5 { max-width: 265px; margin-left: auto; margin-right: auto; margin-top: -40px; }
    .text-6 { max-width: 245px; margin-left: auto; margin-right: auto; margin-bottom: 15px; }

    .box-2 { max-width: 500px; }

    .flex-3 { gap: 20px; flex-direction: column; align-items: center; }
    .flex-3 > div img { max-width: 200px; }
    .flex-5 > div:last-child { max-width: 250px; }
    .flex-6 { max-width: 300px; margin-left: auto; margin-right: auto; }
    .flex-6 img { max-width: 90px; }
    .flex-9 > div:first-child { margin-top: -60px }
    .flex-10 img { max-width: 250px; margin: 0 auto; display: block; }
    .flex-13 { flex-direction: column; align-items: center; gap: 0; }

    .highlight-7 { padding-left: 20px; padding-right: 20px; }

    .blk-1 br { display: none; }
    .blk-10 { background: #fff5e3; padding-bottom: var(--xl-2); }

    .br-desktop { display: none; }

    .modalcontent { padding: 30px 0px; }
    .modal-spacing { padding: 0 15px; }
    .exitpop-btn { padding: 15px; }

    .btn-3 { font-size: 2.2rem; }
	.arrow { display: none; }

    @keyframes ring {
		0% { width: 30px; height: 30px; opacity: 0; }
		5% { opacity: 1; }
		95% { width: 200px; height: 200px; opacity: 0; }
		100% { width: 0px; height: 0px; opacity: 0; }
	}

	@keyframes animate {
		0% {
			opacity: 0;
			transform: rotate(-45deg) translate(5px, 5px);
		}
		50% {
			opacity: 1;
		}
		100% {
			opacity: 0;
			transform: rotate(-45deg) translate(50px, 50px);
		}
	}
}

@media screen and (max-width: 380px) {
    #pr-pop { left: 0; bottom: -35px; margin-right: 0; border-radius: 0px; width: 100%; gap: 10px; }
	#pr-pop.active { left: 0; bottom: 0;  }
	.pr-img-wrap img { height: 45px; }
}