:root{--background-color: #ffffff;--default-color: #4e4e4e;--heading-color: #0a090f;--accent-color: #000000;--surface-color: #ffffff;--contrast-color: #ffffff}.light-background{--background-color: #f9f9f9;--surface-color: #ffffff}.dark-background{--background-color: #060606;--default-color: #ffffff;--heading-color: #ffffff;--surface-color: #252525;--contrast-color: #ffffff}:root{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:var(--heading-color)}html,body{overflow-x:hidden}.create-page img{margin-bottom:0}section,.section{color:var(--default-color);background-color:var(--background-color);padding:30px 0;scroll-margin-top:92px;overflow:clip}@media (max-width: 1199px){section,.section{scroll-margin-top:76px}}.section-title{text-align:center;padding-bottom:20px;position:relative}.section-title h2{font-size:30px;font-weight:300;margin-bottom:15px;text-transform:uppercase}.section-title p{margin-bottom:0}.hero{width:100%;position:relative;padding:150px 0;display:flex;align-items:center;background-color:#f6f6f6}.hero:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:url(/cdn/shop/files/join-loyalty-program-at-mansi-jewelry.webp) center center;background-size:cover;opacity:1;background-position:top center}.hero .container-fluid{position:relative;z-index:2;padding:0 100px}.hero .hero-content{padding-right:0}.hero .date-tag{display:inline-flex;align-items:center;gap:8px;background:var(--accent-color);padding:12px 24px;border-radius:8px;margin-bottom:32px}.hero .date-tag span{color:var(--contrast-color);font-weight:600}.hero .date-tag .day{font-size:32px;line-height:1}.hero .date-tag .month{font-size:14px;text-transform:uppercase;letter-spacing:1px}.hero .date-tag .year{font-size:14px;opacity:.8}.hero h1{font-size:48px;font-weight:600;color:var(--heading-color);margin-bottom:24px;line-height:1.2;text-transform:uppercase}.hero .hero-text{color:color-mix(in srgb,var(--default-color),transparent 0%);margin-bottom:32px;line-height:1.8;font-weight:300}.hero .cta-area{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero .btn-primary-cta{padding:16px 40px;background:var(--accent-color);color:var(--contrast-color);font-weight:400;font-size:16px;text-decoration:none}.hero .btn-primary-cta:hover{background:color-mix(in srgb,var(--accent-color),black 15%);color:var(--contrast-color);text-decoration:none}@media (min-width: 1600px){.hero .container-fluid{padding:0 220px}.hero{padding:220px 0}}@media (max-width: 992px){.hero{padding:0}.hero .hero-content{padding-right:0;margin:50px 25px;text-align:center}.hero h1{font-size:40px}.hero .cta-area{justify-content:center}.hero .container-fluid{padding:0}.hero:before{display:none}}@media (max-width: 576px){.hero h1{font-size:28px}.hero .hero-text{font-size:15px}.hero .cta-area{flex-direction:column;width:100%}.hero .btn-primary-cta{width:100%;text-align:center}}.steps{padding-top:60px;padding-bottom:60px}.steps .row{position:relative}.steps .process-item{padding:0rem 2rem;text-align:center;position:relative;height:100%;display:flex;flex-direction:column;overflow:visible}.steps .process-item .icon-wrapper{width:90px;height:90px;background:#fff;color:#000;border-radius:0;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .3s ease;position:relative;z-index:1}.steps .process-item h3{font-size:1.2rem;font-weight:500;margin-bottom:1rem;color:var(--heading-color);text-transform:uppercase}@media (max-width: 576px){.steps .process-item h3{font-size:1.1rem}}.steps .process-item p{line-height:1.7;margin-bottom:0;margin-top:10px;flex-grow:1}@media (max-width: 991px){.steps .process-item .icon-wrapper{width:80px;height:80px}.steps .process-item .icon-wrapper i{font-size:2.2rem}.steps .process-item{margin-bottom:20px}}@media (max-width: 767px){.steps .process-item{padding:1.75rem 1.25rem}.steps .process-item .number-badge{width:40px;height:40px;font-size:1rem}.steps .process-item .icon-wrapper{width:70px;height:70px;margin:1.5rem auto 1.25rem}.steps .process-item .icon-wrapper i{font-size:2rem}.steps .process-item h3{font-size:1.05rem}.steps .process-item p{font-size:.85rem}}.services{background-color:#f3f2f2}.services .service-item{justify-content:start}.services h2{font-weight:300;text-transform:uppercase}.services .service-item,.services .service-item:hover{display:block;text-decoration:none}.services .service-item h5{margin-bottom:5px;text-transform:uppercase;font-size:16px}.services .service-item .icon,.services .service-item:hover .icon{background:transparent;color:#000;padding:0;border:0}.services .service-item{background-color:transparent;box-shadow:none;border-radius:0;border:1px solid #000}.services .service-item:hover{transform:none}.services .service-item .points{font-size:14px}.nsnote{text-align:center;margin:36px 0 20px}.faq .content h3{font-weight:400;font-size:34px}.faq .content p{color:color-mix(in srgb,var(--default-color),transparent 30%)}.faq .faq-container{display:grid;margin-top:15px}.faq .faq-container .faq-item{background-color:var(--surface-color);position:relative;padding:20px;margin-bottom:20px;border:1px solid #eee;overflow:hidden}.faq .faq-container .faq-item:last-child{margin-bottom:0}.faq .faq-container .faq-item h3{font-weight:500;font-size:17px;line-height:24px;margin:0 30px 0 0;transition:.3s;cursor:pointer}.faq .faq-container .faq-item h3 span{color:var(--accent-color);padding-right:5px}.faq .faq-container .faq-item h3:hover{color:var(--accent-color)}.faq .faq-container .faq-item .faq-content{display:grid;grid-template-rows:0fr;transition:.3s ease-in-out;visibility:hidden;opacity:0}.faq .faq-container .faq-item .faq-content p{margin-bottom:0;overflow:hidden}.faq .faq-container .faq-item .faq-icon{position:absolute;top:32px;left:20px;font-size:22px;line-height:0;transition:.3s;color:var(--accent-color);display:none}.faq .faq-container .faq-item .faq-toggle{position:absolute;top:20px;right:20px;font-size:16px;line-height:0;transition:.3s;cursor:pointer}.faq .faq-container .faq-item .faq-toggle:hover,.faq .faq-container .faq-active h3{color:var(--accent-color)}.faq .faq-container .faq-active .faq-content{grid-template-rows:1fr;visibility:visible;opacity:1;padding-top:10px}.faq .faq-container .faq-active .faq-toggle{transform:rotate(90deg);color:var(--accent-color)}.reward-amounts{display:flex;justify-content:space-between;font-weight:600;margin-bottom:14px}.reward-amounts span{color:#444;min-width:90px}.bar-custom{background:#dfdfdf;width:100%;border-radius:20px;margin:20px auto}.progress-custom{height:10px;border-radius:20px;background:#000;position:relative;animation:progressAnimation 3s infinite}@keyframes progressAnimation{0%{width:0}20%{width:22%}40%{width:40%}60%{width:58%}80%{width:76%}to{width:100%}}.progress-track{position:relative;height:12px;background:#eaeaea;border-radius:20px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#ad8d24,#e2c564);border-radius:20px;transition:width .8s ease}.reward-points{display:flex;justify-content:space-between;margin-top:12px;font-size:14px}.reward-points span{color:#aaa;min-width:90px}.reward-points span.active{color:#c9a24d;font-weight:600}@media (max-width: 767px){.reward-amounts span,.reward-points span{min-width:60px;font-size:8.5px}.steps .row.gy-5{--bs-gutter-y: 0rem}.steps .process-item{padding:1.75rem 1.25rem;margin:0;border-bottom:1px solid #eee}.steps .col-12:last-child .process-item{border-bottom:0}.steps .section-title{margin:0!important;padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/loyalty-program.css.map */