body,h1,h2,h3,p,ul{margin:0;padding:0;list-style:none;font-family:Helvetica!important}html,body{overflow-x:hidden;width:100%}body{font-family:Helvetica!important;background-color:#fff;color:#333}.top-bar{background:black;color:#fff;text-align:center;padding:5px;font-size:12px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 10%;background:white;border-bottom:1px solid #ddd}.logo img{height:40px}.nav-links{display:flex;gap:20px}.nav-links a{text-decoration:none;color:#333;font-size:14px}.search-container{display:flex;align-items:center;background:#f5f5f5;padding:5px;border-radius:5px}.search-box{border:none;background:transparent;padding:5px;outline:none}.search-container i{margin-left:10px;color:#666;cursor:pointer}body{font-family:Helvetica!important;background-color:#fff;margin:0;padding:0;text-align:center}.title{font-size:24px;font-weight:700;margin-top:20px}.subtitle{font-size:14px;color:#666;margin-bottom:20px}.steps{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.step{text-align:center;padding:10px;border-bottom:3px solid #ccc}.step.active{border-bottom:3px solid black}.upload-section{text-align:left;margin:20px}.warning{color:red;font-size:12px}.image-upload{display:flex;gap:15px;margin-top:10px}.image-box{width:150px;height:150px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;position:relative}.image-box img{max-width:100%;max-height:100%}.image-box .upload-icon{font-size:24px;max-width:32px;color:#ccc;opacity:45%}.image-box.empty{background-color:#f5f5f5}.customize-description{text-align:left;margin:20px}.customize-description textarea{width:100%;height:100px;border:1px solid #ccc;padding:10px;resize:none}button{background-color:#fff;border:1px solid #000;padding:10px 20px;cursor:pointer;margin-top:20px}button:hover{background-color:#f0f0f0}.customize-section{text-align:center;padding:30px}.button-group{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-top:10px}.btn{padding:10px 15px;border:none;background-color:#000;color:#fff;cursor:pointer}.ring-selection{text-align:center;padding:25px}.ring-preview img{max-width:300px}.ring-options{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:15px}.ring-option.active{background:rgb(255,255,255);border:0px solid #333;color:#fff}.start-customize{margin-top:20px}.customize-container{text-align:center}.row{text-align:left}h1{font-size:24px}p{font-size:14px;color:#666}.customization-box{padding:20px;margin-top:20px;display:block}.customization-options{display:flex;justify-content:space-between;border-bottom:2px solid #ddd;padding-bottom:20px;margin-bottom:20px}.option{display:flex;align-items:center;position:relative;flex:1;text-align:left;gap:10px}.option img{width:80px;height:80px;margin-bottom:5px;margin-right:5px}.option-content{margin-left:10px}} */ .option.active::after{background-color:#050102}.jewelry-selection{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.jewelry-item img{width:100px;margin-bottom:10px}.jewelry-item p{margin:0;font-size:14px}.jewelry-item input{position:absolute;bottom:10px;right:10px;cursor:pointer}.button-container{margin-top:20px;text-align:right;padding:15px}.button-container-2{display:flex;justify-content:flex-end;padding:10px}.confirm-btn{background-color:#000;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-size:14px;text-align:right}.confirm-btn:hover{opacity:.8}footer{background-color:#f8f8f8;padding:40px 20px;font-family:Helvetica!important}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:auto}.footer-section{flex:1;min-width:200px;margin:20px}.footer-logo{width:150px;margin-bottom:15px}.footer-section h3{font-size:16px;font-weight:700;margin-bottom:15px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{text-decoration:none;color:#000;transition:color .3s ease}.footer-section ul li a:hover{color:gray}.contact-info{font-size:14px;color:#555}.contact-info li{margin-bottom:5px}.email-signup{display:flex;margin-top:10px}.email-signup input{flex:1;padding:10px;border:1px solid #ccc;border-radius:3px}.email-signup button{background:black;color:#fff;padding:10px 15px;border:none;cursor:pointer;font-weight:700}.email-signup button:hover{background:gray}.social-icons{display:flex;gap:10px}.social-icons a{text-decoration:none;font-size:20px;color:#000;transition:color .3s ease}.social-icons a:hover{color:gray}.footer-bottom{text-align:right;background:black;color:#fff;padding:10px;margin-top:30px}.shape-buttons-container{margin-bottom:15px}.shape-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;border:2px solid #dee2e6;background:white;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:80px;height:70px;font-size:12px;color:#6c757d}.shape-btn:hover{border-color:#adb5bd;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.shape-btn.active{border-color:#000;background:#f8f9fa;color:#000;font-weight:600}.shape-btn i{font-size:20px;margin-bottom:4px}.shape-btn span{font-size:11px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.row{margin:0!important}.col-md-4,.col-md-8{padding-left:0!important;padding-right:0!important}.ifrm{padding-left:0!important;margin-top:20px!important}.mobile-iframe-fix{margin:0!important;border-radius:8px!important;box-shadow:0 4px 15px #00000014!important;height:calc(100% - 100px)!important}.mobile-iframe-fix>div:first-child{padding:10px 15px!important}.mobile-iframe-fix h5{font-size:16px!important}.col-md-4{margin-bottom:15px}.col-md-4>div{height:auto!important;max-height:60vh;padding-right:0!important}.col-md-8{height:50vh!important}.shape-btn{min-width:70px;height:60px;padding:8px 12px}.shape-btn i{font-size:16px}.shape-btn span{font-size:10px}}@media (max-width: 576px){.container-fluid,.container{padding-left:10px!important;padding-right:10px!important}.mobile-iframe-fix{border-radius:5px!important}.col-md-8{height:45vh!important}.shape-buttons-container{gap:8px!important}.shape-btn{min-width:65px;height:55px}}@media (max-width: 768px){.footer-container{flex-direction:column;text-align:left}.email-signup{flex-direction:column}.email-signup input{margin-bottom:10px}.customization-options{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-behavior:smooth}.customization-options .option{flex:0 0 auto;min-width:250px}.option-desc{margin-top:10px}}@media (max-width: 768px){.navbar{flex-direction:column;text-align:left}.nav-links{flex-direction:column;padding:10px 0}.customization{padding:20px}.to-mt{margin-top:20px!important}.footer-content{flex-direction:column;text-align:left}.button-container{text-align:center}}.custom-tooltip{--bs-tooltip-bg: var(--bd-violet-bg);--bs-tooltip-color: var(--bs-white)}.contact-form{display:flex;justify-content:space-between;width:100%;text-align:left}.form-group{display:flex;flex-direction:column;flex:1;margin:10px 20px}.form-group label{font-size:14px;color:#333;margin-bottom:10px}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:3px;font-size:14px;color:#333;outline:none}.button-container-2{width:100%;display:flex;justify-content:flex-end;margin-top:15px}.form-group input::placeholder{color:#b3b3b3}@media (max-width: 768px){.contact-form{flex-direction:column;width:100%}.form-group{margin:10px}}.attachment-container{display:flex;justify-content:space-between;gap:5px;width:100%}.attachment-box{flex:1;max-width:100%;height:200px;border:2px solid #000000;display:flex;align-items:center;justify-content:center;position:relative;text-align:center}.attachment-box input{display:none}.upload-icon{font-size:24px;color:#999}.attachment-box img{max-width:100%;max-height:100%}.hidden{display:none}.remove-btn{position:absolute;top:5px;right:5px;background:red;color:#fff;border:none;cursor:pointer;font-size:10px}.confirm-button{background-color:#000;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:.3s ease;display:block;margin:30px auto;width:fit-content}.confirm-button:hover{background-color:#444}.swiper{width:100%;height:auto;padding:20px 0}.swiper-slide{display:flex;justify-content:center;align-items:center}.swiper-slide img{width:100px;height:auto}.ring-option{position:relative;display:inline-block;padding:16px}.ring-option input[type=radio]{display:none}.ring-option label{display:block;position:relative;cursor:pointer}.ring-option label img{display:block;width:140px;border:2px solid transparent}.ring-option input[type=radio]:checked+label img{border:2px solid black}.ring-option .checkmark{position:absolute;top:5px;right:5px;width:20px;height:20px;background:black;color:#fff;font-size:14px;text-align:center;line-height:20px;border-radius:3px;display:none}.ring-option input[type=radio]:checked+label .checkmark{display:block}.ring-option .checkmark:before{content:"\2714";font-weight:700}.jewelry-item{position:relative;display:inline-block;border:2px solid transparent;padding:15px;border-radius:5px;text-align:center;cursor:pointer;transition:all .3s ease}.jewelry-item label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;cursor:pointer;border:2px solid #E6E6E8}.jewelry-item input[type=radio]{position:absolute;opacity:0;width:0;height:0}.jewelry-item input[type=radio]:checked+label{border:2px solid black;border-radius:5px}.jewelry-item .checkmark{position:absolute;bottom:5px;right:5px;width:20px;height:20px;background:black;color:#fff;font-size:12px;text-align:center;line-height:20px;border-radius:50%;display:none}.jewelry-item input[type=radio]:checked+label .checkmark{display:block}.jewelry-item .checkmark:before{content:"\2714";font-weight:700;font-size:12px}.confirm-continue{place-self:end;padding-right:1%}@media (max-width: 768px){.attachment-box{margin:30px}body,h1,h2,h3,p,ul{font-family:Helvetica!important}.customize-container{text-align:center;padding:15px}.option{display:block}.jewelry-item{position:relative;display:contents;padding:10px}.jewelry-item label{height:100%;width:100%;border:2px solid #E6E6E8}.jewelry-item img{width:100%;margin-bottom:10px}.ring-selection,.customization-content{align-items:center}.jewelry-selection{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.jewelry-item input[type=radio]:checked+label{border:2px solid black;border-radius:5px}.jewelry-item .checkmark{position:absolute;top:112.5%;right:54%;width:21px;height:20px;background:black;color:#fff;font-size:14px;text-align:center;line-height:20px;border-radius:11px;display:none}.jewelry-item input[type=radio]:checked+label .checkmark{position:absolute;top:112.5%;right:54%;width:21px;height:20px;background:black;color:#fff;font-size:14px;text-align:center;line-height:20px;border-radius:11px;display:none}.jewelry-item .checkmark:before{position:absolute;top:112.5%;right:54%;width:21px;height:20px;background:black;color:#fff;font-size:14px;text-align:center;line-height:20px;border-radius:11px;display:none}.attachment-container{display:block;justify-content:space-between;gap:5px;width:100%}.confirm-continue{position:unset}.option img{width:65px;height:65px;margin-bottom:5px;margin-right:5px}.option p{font-size:8pt}.ring-option{position:relative;display:inline-block;padding:0}}