.off-canvas--viewport{min-height:auto !important}#main-content{min-height:calc(100vh - 99px);background:#FFFCF0}#new-knby-container-footer{display:none}.steps-enter-active{transition:opacity .35s}.steps-leave-active{transition:opacity .35s}.steps-enter,.steps-leave-to{opacity:0}@keyframes spin-most-popular{100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#giftsub{margin-left:max(0px, calc((100% - 1800px) / 2));padding-bottom:152px}#giftsub .giftsub__steps{display:flex;justify-content:space-between}#giftsub .giftsub__steps-text{padding:88px 0 0 88px;position:relative;margin-right:160px;width:55%;max-width:568px}#giftsub .giftsubs__steps-img{position:relative;display:flex;justify-content:center;height:100vh;z-index:0;align-items:flex-start;top:60px;right:24px;background:transparent;border-radius:16px;min-width:calc(100vh - 147px);max-width:inherit;width:100%}#giftsub .giftsubs__steps-img img{min-width:calc(100vh - 147px);border-radius:16px;max-width:600px}@media (min-width: 1921px){#giftsub .giftsub__steps-text{max-width:592px}}@media (max-width: 1921px){#giftsub{padding-left:88px}#giftsub .giftsub__steps-text{margin-right:80px;padding:54px 0 0 54px}}@media (max-width: 1700px){#giftsub .giftsubs__steps-img{min-width:auto}}@media (max-width: 1441px){#giftsub .giftsub__steps-text{padding:54px 0 0 0;margin-right:120px}}@media (max-width: 991px){#giftsub{height:auto;padding-left:0;padding:0 24px}#giftsub .giftsub__steps{flex-direction:column}#giftsub .giftsub__steps-text{margin:0;padding:0;padding-top:24px;width:100%}#giftsub .giftsubs__steps-img{display:none}}@media (max-width: 767px){#giftsub{margin-left:0;padding:0 24px;padding-bottom:120px}}#giftsub .giftsub__header .giftsub__header-header{display:flex;align-items:center;justify-content:space-between;padding:16px;padding-right:calc(8vw - 16px);margin-bottom:0;width:100%}#giftsub .giftsub__header .giftsub__header-header .back_button{padding:0;height:auto;min-height:auto;background:transparent}#giftsub .giftsub__header .giftsub__header-header .back_button.opacity-0{pointer-events:none;opacity:0}#giftsub .giftsub__header .giftsub__header-header .giftsub__header-custom-progress{display:flex;align-items:center;z-index:1}#giftsub .giftsub__header .giftsub__header-header .giftsub__header-custom-progress .text{font-style:normal;font-weight:400;font-size:16px;text-align:right;color:#0B2F3D}#giftsub .giftsub__header .giftsub__header-header .giftsub__header-custom-progress .bar{width:350px;height:8px;background:#D9D9D9;border-radius:16px;margin:0 24px;overflow:hidden}#giftsub .giftsub__header .giftsub__header-header .giftsub__header-custom-progress .bar .bar-progress{background:linear-gradient(-90deg, #f36, #FFD143);background-size:400% 400%;animation:gradient 3s ease infinite;height:100%;display:block;border-radius:16px 0 0 16px;transition:0.35s}#giftsub.step-5 .giftsub__header .giftsub__header-header .giftsub__header-custom-progress .bar .bar-progress{border-radius:16px}#giftsub .giftsub__header .giftsub__header-header .giftsub__header-custom-progress .close-btn{padding:0;height:auto;min-height:auto;background:transparent}@media (max-width: 991px){#giftsub .giftsub__header .giftsub__header-header{padding:0}#giftsub .giftsub__header .giftsub__header-header .back_button{margin-top:16px;margin-right:16px}#giftsub .giftsub__header .giftsub__header-header .giftsub__header-custom-progress{margin-top:16px;width:100%}#giftsub .giftsub__header .giftsub__header-header .giftsub__header-custom-progress .text{display:none}#giftsub .giftsub__header .giftsub__header-header .giftsub__header-custom-progress .bar{margin:0;display:block;width:100%}#giftsub .giftsub__header .giftsub__header-header .giftsub__header-custom-progress .close-btn{margin-left:16px}}#giftsub .star-icon{position:absolute;width:fit-content}#giftsub .star-icon .outer{transform:rotate(90deg);animation:spin 10s linear infinite}#giftsub .star-icon .inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#giftsub.step-1 .star-icon.star-one{top:32px}#giftsub .star-icon.star-one{position:absolute;top:40px;left:0}#giftsub .star-icon.star-two{top:280px;left:-56px}#giftsub .star-icon.star-three{top:320px;right:-88px}@media (max-width: 1921px){#giftsub .star-icon.star-one{left:-40px}#giftsub .star-icon.star-two{left:-64px}#giftsub .star-icon.star-three{top:80px;right:-32px}}@media (max-width: 1441px){#giftsub .star-icon.star-one{left:-72px}#giftsub .star-icon.star-two{left:-88px}#giftsub .star-icon.star-three{right:-64px}}@media (max-width: 991px){#giftsub .star-icon.star-one{display:none}#giftsub .star-icon.star-two{display:none}#giftsub .star-icon.star-three{display:none}}#giftsub .giftsub__steps.step-one .giftsub__steps-text h1{font-style:normal;font-size:40px;line-height:120%;color:#0B2F3D;margin:0}#giftsub .giftsub__steps.step-one .giftsub__steps-text h1 span{color:#FF3366}#giftsub .giftsub__steps.step-one .giftsub__steps-text p{font-style:normal;font-weight:400;font-size:16px;line-height:152%;color:#0B2F3D}#giftsub .giftsub__steps.step-one .giftsub__steps-text .lead{margin:0;margin-top:40px}#giftsub .giftsub__steps.step-one .giftsub__steps-text .how-it-works{font-style:normal;font-weight:700;font-size:16px;line-height:152%;text-transform:uppercase;color:#0b2f3d;margin-top:40px}#giftsub .giftsub__steps.step-one .giftsub__steps-text ul{list-style:disc;padding-left:24px}#giftsub .giftsub__steps.step-one .giftsub__steps-text ul li{display:list-item}#giftsub .giftsub__steps.step-one .giftsub__steps-text .knby-btn-primary{width:100%;display:flex;align-items:center;justify-content:center;height:56px;margin-top:40px;margin-bottom:80px;color:#0B2F3D}#giftsub .giftsub__steps.step-one .giftsub__steps-text .knby-btn-primary:hover{color:white}#giftsub .giftsub__steps.step-one .giftsub__steps-text .giftsub__steps-text-footer img{display:block;margin:32px auto 24px auto}#giftsub .giftsub__steps.step-one .giftsub__steps-text .giftsub__steps-text-footer h2{margin:0;font-style:normal;font-size:32px;line-height:100%;text-align:center;color:#0B2F3D}@media (max-width: 1441px){#giftsub .giftsub__steps.step-one .giftsub__steps-text h1{font-size:32px}#giftsub .giftsub__steps.step-one .giftsub__steps-text .lead{margin-top:24px}#giftsub .giftsub__steps.step-one .giftsub__steps-text .how-it-works{margin-top:24px}#giftsub .giftsub__steps.step-one .giftsub__steps-text .knby-btn-primary{margin-top:24px;margin-bottom:54px}#giftsub .giftsub__steps.step-one .giftsub__steps-text .giftsub__steps-text-footer img{margin-top:24px}}@media (max-width: 991px){#giftsub .giftsub__steps.step-one .giftsub__steps-text .mobile-use{margin-top:24px}#giftsub .giftsub__steps.step-one .giftsub__steps-text .mobile-use .knby-btn-primary{margin-top:32px;margin-bottom:40px}}#giftsub .giftsub__steps.form-step .giftsub__steps-text h2{font-style:normal;font-size:64px;line-height:100%;color:#0B2F3D;margin:0}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-them{margin-top:32px}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-them p{font-style:normal;font-weight:700;font-size:16px;line-height:152%;text-transform:uppercase;color:#0b2f3d;margin:0}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-them input{margin-top:16px;height:56px;padding:0 24px;border:2px solid #9AA9AE;border-radius:8px;font-style:normal;font-size:16px;line-height:100%;display:flex;align-items:center;letter-spacing:0.008em;text-transform:inherit;color:#0B2F3D}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-them input::placeholder{font-style:normal;font-size:16px;line-height:100%;display:flex;align-items:center;letter-spacing:0.008em;color:#9AA9AE}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-live p{font-style:normal;font-weight:700;font-size:16px;line-height:152%;display:flex;align-items:center;text-transform:uppercase;color:#0b2f3d;margin:0;margin-top:32px}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-live .giftsub__steps-text-live-country{margin-top:8px;display:flex;align-items:center;justify-content:space-between}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-live .giftsub__steps-text-live-country button{font-style:normal;font-weight:700;font-size:16px;line-height:100%;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:0.008em;text-transform:uppercase;color:#0B2F3D;width:calc(25% - 8px);background:#FFFFFF;border:2px solid #0b2f3d;border-radius:45px;height:48px}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-live .giftsub__steps-text-live-country button.active{background:#0B2F3D;border:2px solid #0b2f3d;border-radius:45px;color:white}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-live span{font-style:normal;font-weight:400;font-size:12px;line-height:152%;display:flex;align-items:center;color:#0b2f3d;margin-top:16px}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you{margin-top:32px}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you p{font-style:normal;font-weight:700;font-size:16px;line-height:152%;text-transform:uppercase;color:#0b2f3d}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you input{margin-top:16px;height:56px;padding:0 24px;border:2px solid #9AA9AE;border-radius:8px;font-style:normal;font-size:16px;line-height:100%;display:flex;align-items:center;letter-spacing:.008em;text-transform:inherit;color:#0B2F3D}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you input::placeholder{font-style:normal;font-size:16px;line-height:100%;display:flex;align-items:center;letter-spacing:0.008em;color:#9AA9AE}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you textarea{margin-top:16px;height:112px;padding:24px;border:2px solid #9AA9AE;border-radius:8px;font-style:normal;font-size:16px;line-height:100%;display:flex;align-items:center;letter-spacing:.008em;text-transform:inherit;color:#0B2F3D}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you textarea::placeholder{font-style:normal;font-size:16px;line-height:100%;display:flex;align-items:center;letter-spacing:0.008em;color:#9AA9AE}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you .giftsub__steps-text-you-checkbox{position:relative;padding-left:32px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:32px 0 0;font-style:normal;font-weight:700;font-size:16px;line-height:152%;text-transform:uppercase;color:#0b2f3d;letter-spacing:inherit}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you .giftsub__steps-text-you-checkbox span{font-style:normal;font-weight:400;font-size:16px;line-height:152%;display:flex;align-items:center;color:#0b2f3d;text-transform:initial}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you .giftsub__steps-text-you-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you .giftsub__steps-text-you-checkbox .checkmark{position:absolute;top:8px;left:0;height:16px;width:16px;border-radius:50%;background:#FFFFFF;border:2px solid #0B2F3D}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you .giftsub__steps-text-you-checkbox input:checked ~ .checkmark{background-color:#0B2F3D}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you .giftsub__steps-text-you-checkbox input:checked ~ .checkmark:after{display:block}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you .giftsub__steps-text-you-checkbox .checkmark:after{content:"";position:absolute;display:none;top:50%;left:50%;transform:translate(-50%, -50%);width:6px;height:6px;border-radius:50%;background:white}#giftsub .giftsub__steps.form-step .giftsub__steps-text .knby-btn-primary{margin-top:32px;width:224px;height:56px;display:flex;align-items:center;justify-content:center;color:#0B2F3D}#giftsub .giftsub__steps.form-step .giftsub__steps-text .knby-btn-primary:hover{color:white}#giftsub .giftsub__steps.form-step .giftsub__steps-text .knby-btn-primary.disabled{box-shadow:none !important;border:1px solid #CBD2D5;pointer-events:none;color:#cbd2d5 !important}@media (max-width: 1921px){#giftsub .giftsub__steps.form-step .giftsub__steps-text h2{font-style:normal;font-size:40px;line-height:120%;color:#0B2F3D}}@media (max-width: 1441px){#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-them input{height:48px}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you input{height:48px}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you textarea{height:88px}}@media (max-width: 991px){#giftsub .giftsub__steps.form-step .giftsub__steps-text h2{font-style:normal;font-size:32px;line-height:100%;color:#0B2F3D}#giftsub .giftsub__steps.form-step .giftsub__steps-text .giftsub__steps-text-you .giftsub__steps-text-you-checkbox{margin-top:24px}#giftsub .giftsub__steps.form-step .giftsub__steps-text .knby-btn-primary{width:100%;margin-top:48px}}#giftsub .giftsub__steps.length-step .giftsub__steps-text h2{font-style:normal;font-size:64px;line-height:100%;color:#0B2F3D;margin:0}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency{margin-top:48px;display:flex;flex-direction:column}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button{position:relative;background:#FFFFFF;border:2px solid #0B2F3D;border-radius:16px;height:auto;padding:24px;margin-top:16px}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button:hover{color:var(--darkblue)}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button:not(.popular).active{background:#0B2F3D}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button canvas{width:150%;height:900%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;pointer-events:none}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button.popular{background:linear-gradient(-90deg, #f36, #FFD143);animation:gradient 3s ease infinite;padding:2px;border:none}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button.popular.active .giftsub__steps-text-frequency-inner{background:#0B2F3D}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button.popular .giftsub__steps-text-frequency-inner{background:white;padding:24px;border-radius:14px}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button:first-child{margin-top:0}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button .header{display:flex;align-items:center;justify-content:space-between}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button .header span{font-style:normal;font-weight:700;font-size:16px;line-height:100%;letter-spacing:0.008em;text-transform:uppercase}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button .header span .save-amt{font-size:0.875rem;text-transform:capitalize;margin-right:1rem;color:var(--knobbypink) !important}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button.active .header span{color:white}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button.active ul li{color:white}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button ul{margin:0;margin-top:24px;text-align:left;list-style-type:disc;padding-left:32px}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button .most-popular-svg{position:absolute;top:70%;transform:translateY(-50%);right:-30px;width:fit-content}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button .most-popular-svg svg:last-child{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);animation:spin-most-popular 10s linear infinite}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button ul li{display:list-item;font-style:normal;font-weight:400;font-size:16px;line-height:152%;color:#0B2F3D}#giftsub .giftsub__steps.length-step .giftsub__steps-text .knby-btn-primary.pink{margin-top:64px;width:224px;height:56px;display:flex;align-items:center;justify-content:center;color:#0B2F3D}#giftsub .giftsub__steps.length-step .giftsub__steps-text .knby-btn-primary.pink:hover{color:white}#giftsub .giftsub__steps.length-step .giftsub__steps-text .knby-btn-primary.disabled{box-shadow:none !important;border:1px solid #CBD2D5;pointer-events:none;color:#cbd2d5 !important}@media (max-width: 1921px){#giftsub .giftsub__steps.length-step .giftsub__steps-text h2{font-style:normal;font-size:40px;line-height:120%;color:#0B2F3D}}@media (max-width: 991px){#giftsub .giftsub__steps.length-step .giftsub__steps-text h2{font-style:normal;font-size:32px;line-height:100%;color:#0B2F3D}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency{margin-top:24px}#giftsub .giftsub__steps.length-step .giftsub__steps-text .giftsub__steps-text-frequency button ul{margin-top:16px}#giftsub .giftsub__steps.length-step .giftsub__steps-text .knby-btn-primary.pink{margin-top:32px;width:100%}}#giftsub .giftsub__steps.step-four .giftsub__steps-text h2{font-style:normal;font-size:64px;line-height:100%;color:#0B2F3D;margin:0}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-you{margin-top:56px}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-you .header{font-style:normal;font-weight:700;font-size:16px;line-height:152%;color:#0B2F3D;margin:0}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-you p:not(.header){font-style:normal;font-size:16px;line-height:152%;color:#0B2F3D;margin:0}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-sending{margin-top:24px;background:#FFF1CD;border-radius:16px;padding:16px}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-sending .header{font-style:normal;font-weight:700;font-size:16px;line-height:152%;color:#0B2F3D;margin:0}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-sending .header.message{margin-top:16px}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-sending p:not(.header){font-style:normal;font-size:16px;line-height:152%;color:#0B2F3D;margin:0}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-sending .review{margin-top:16px !important}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-next{margin-top:32px}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-next .header{font-style:normal;font-weight:700;font-size:16px;line-height:152%;color:#0B2F3D}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-cta{margin-top:64px}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-cta button{width:224px;height:56px;display:flex;align-items:center;justify-content:center;color:#0B2F3D}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-cta button:last-child{margin-top:32px}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-cta button:last-child:hover{color:white}@media (max-width: 1921px){#giftsub .giftsub__steps.step-four .giftsub__steps-text h2{font-style:normal;font-size:40px;line-height:120%;color:#0B2F3D}}@media (max-width: 991px){#giftsub .giftsub__steps.step-four .giftsub__steps-text h2{font-style:normal;font-size:32px;line-height:100%;color:#0B2F3D}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-you{margin-top:16px}#giftsub .giftsub__steps.step-four .giftsub__steps-text .giftsub__steps-text-cta button:last-child{width:100%}}