.flex-display{display:flex;justify-content:space-between}.width-50{width:50%}.remove_bt_space{margin-bottom:0!important}.appointment-modal-body{width:70%;height:70vh;border-radius:5px;cursor:pointer;border:1px solid #a7a7a7;margin:0 auto;padding:0!important;overflow:hidden}.form-steps video{height:100%;width:100%;object-fit:cover}.form-steps h2{font-size:16px}.multi-field{gap:15px}.inputForm{background:#fff;padding:20px 50px;position:relative;overflow-x:hidden;background-image:url(/images_new/book-an-appointment/banner-ring.png);background-size:70%;background-position:bottom;background-repeat:no-repeat;display:flex;justify-content:space-between;flex-direction:column}.inputForm h1{text-transform:uppercase;padding:40px 0}.inputForm .Start_form{padding:20px 30px;text-align:center}.inputForm .Start_form p{font-size:18px}.inputForm .Start_form button{cursor:pointer;padding:10px;width:140px;margin-top:40px;background-color:#000;border-radius:25px;color:#fff;outline:none;text-transform:uppercase;font-size:14px;border:1px solid transparent;transition:.3s}.inputForm .Start_form button:hover{border-color:#000;color:#000;background-color:transparent}.inputForm .appointment_steps{font-size:18px;letter-spacing:1px;text-align:center;text-transform:capitalize}.inputForm .select_ring_type{flex-wrap:wrap;align-items:center;padding:10px 0 30px;gap:2%}.inputForm .select_ring_type button{width:45%;margin-bottom:10px;font-size:18px;text-align:center;border:0px;padding:20px;background:transparent;border:1px solid transparent;transition:transform .3s ease-out;border-radius:5px}.inputForm .select_ring_type button:hover{border-color:#000;transform:scale(1.1);cursor:pointer}.inputForm .select_ring_type button:hover .selected_filter{display:block}.inputForm .select_ring_type button img{max-width:160px;width:100%;display:block;margin:0 auto;padding-bottom:20px}.inputForm .select_ring_type button span{font-size:14px;text-transform:uppercase;letter-spacing:1px}.inputForm .selected_filter{width:13px;height:13px;position:absolute;right:5px;top:15px;border:2px solid #000;transform:translateY(-50%);border-radius:100%;padding:3px;display:none}.inputForm .selected_filter .fa-check{font-size:12px;font-weight:400;position:absolute;top:4px;color:#000;left:3px}.inputForm .shape_wrap{flex-wrap:wrap;gap:3%;padding-top:20px;justify-content:stretch}.inputForm #myappointmentform{position:relative}.inputForm #myappointmentform .er-steps .shape_wrap .wrap-mounts,.inputForm #myappointmentform .er-steps .shape_wrap .wrap-diamond{width:28%;text-align:center;margin-bottom:10px;border:1px solid transparent;transition:transform .3s ease-out;border-radius:5px;position:relative;padding:5px}.inputForm #myappointmentform .er-steps .shape_wrap .wrap-mounts:hover,.inputForm #myappointmentform .er-steps .shape_wrap .wrap-diamond:hover{border-color:#000;transform:scale(1.1);cursor:pointer}.inputForm #myappointmentform .er-steps .shape_wrap .wrap-mounts:hover .selected_filter,.inputForm #myappointmentform .er-steps .shape_wrap .wrap-diamond:hover .selected_filter{display:block}.inputForm #myappointmentform .er-steps .shape_wrap .wrap-mounts .select_multiple,.inputForm #myappointmentform .er-steps .shape_wrap .wrap-diamond .select_multiple{position:absolute;height:100%;width:100%;left:0;top:0;opacity:0}.inputForm #myappointmentform .er-steps .shape_wrap .wrap-mounts img,.inputForm #myappointmentform .er-steps .shape_wrap .wrap-diamond img{max-width:80px;margin:0 auto}.inputForm #myappointmentform .er-steps .shape_wrap .wrap-mounts .mountShape,.inputForm #myappointmentform .er-steps .shape_wrap .wrap-diamond .mountShape{padding-bottom:10px}.inputForm #myappointmentform .er-steps .shape_wrap .main_checked_option{border-color:#000}.inputForm #myappointmentform .er-steps .shape_wrap .main_checked_option .selected_filter{display:block}.inputForm #myappointmentform .certifications{flex-wrap:wrap;align-items:center;padding:30px 0;gap:2%}.inputForm #myappointmentform .certifications .wrap_certifiacte{width:38%;text-align:center;margin-bottom:40px;border:1px solid transparent;transition:transform .3s ease-out;border-radius:5px;position:relative;padding:15px}.inputForm #myappointmentform .certifications .wrap_certifiacte:hover{border-color:#000;transform:scale(1.1);cursor:pointer}.inputForm #myappointmentform .certifications .wrap_certifiacte:hover .selected_filter{display:block}.inputForm #myappointmentform .certifications .wrap_certifiacte .select_multiple{position:absolute;height:100%;width:100%;left:0;top:0;opacity:0}.inputForm #myappointmentform .certifications .wrap_certifiacte img{max-width:160px;width:100%;margin:0 auto}.inputForm #myappointmentform .certifications .main_checked_option{border-color:#000}.inputForm #myappointmentform .certifications .main_checked_option .selected_filter{display:block}.inputForm #myappointmentform #step-3 .shape_wrap .wrap-diamond img{max-width:80px!important;width:100%}.inputForm #myappointmentform .diamond-type-wrap{padding:40px 0;gap:10%}.inputForm #myappointmentform .diamond-type-wrap .diamond-type{width:40%;text-align:center;padding:40px;border:1px solid #c3c3c3;transition:transform .3s ease-out}.inputForm #myappointmentform .diamond-type-wrap .diamond-type:hover{border-color:#000;transform:scale(1.1);cursor:pointer}.inputForm #myappointmentform .diamond-type-wrap .diamond-type:hover .selected_filter{display:block}.inputForm #myappointmentform .customerBudget,.inputForm #myappointmentform .caretWeight,.inputForm #myappointmentform .appointment_type{border:1px solid #a7a7a7;padding:10px;margin-bottom:20px;transition:.3s ease-in-out}.inputForm #myappointmentform .customerBudget:hover,.inputForm #myappointmentform .caretWeight:hover,.inputForm #myappointmentform .appointment_type:hover{border-color:#000}.inputForm #myappointmentform .customerBudget:hover label,.inputForm #myappointmentform .caretWeight:hover label,.inputForm #myappointmentform .appointment_type:hover label{color:#000}.inputForm #myappointmentform .customerBudget label,.inputForm #myappointmentform .caretWeight label,.inputForm #myappointmentform .appointment_type label{position:relative;padding-left:20px}.inputForm #myappointmentform .customerBudget input[type=radio],.inputForm #myappointmentform .caretWeight input[type=radio],.inputForm #myappointmentform .appointment_type input[type=radio]{opacity:0;position:absolute;z-index:999;margin:0;width:100%;margin-top:5px!important}.inputForm #myappointmentform .customerBudget input[type=radio]+label:before,.inputForm #myappointmentform .caretWeight input[type=radio]+label:before,.inputForm #myappointmentform .appointment_type input[type=radio]+label:before{height:12px;width:12px;margin-right:10px;content:" ";display:inline-block;vertical-align:baseline;border:1px solid #777;position:absolute;left:0;top:5px}.inputForm #myappointmentform .customerBudget input[type=radio]:checked+label:before,.inputForm #myappointmentform .caretWeight input[type=radio]:checked+label:before,.inputForm #myappointmentform .appointment_type input[type=radio]:checked+label:before{background:#000;border-color:#000}.inputForm #myappointmentform .customerBudget input[type=radio]+label:before,.inputForm #myappointmentform .caretWeight input[type=radio]+label:before,.inputForm #myappointmentform .appointment_type input[type=radio]+label:before{border-radius:50%}.inputForm #myappointmentform .appointment-form-wrap{padding:50px 0 30px}.inputForm #myappointmentform .appointment-form-wrap .inside-row{width:100%;margin-bottom:40px}.inputForm #myappointmentform .appointment-form-wrap .inside-row .error{width:100%}.inputForm #myappointmentform .appointment-form-wrap .inside-row .multi-field label.error{position:absolute;bottom:-16px}.inputForm #myappointmentform .appointment-form-wrap .inside-row .multi-field input[type=number]::-webkit-inner-spin-button,.inputForm #myappointmentform .appointment-form-wrap .inside-row .multi-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.inputForm #myappointmentform .appointment-form-wrap .inside-row .country_code{width:50px!important;display:inline!important}.inputForm #myappointmentform .appointment-form-wrap .inside-row input{width:100%!important;font-size:14px!important;height:30px;border:0px!important;border-bottom:1px solid #000!important;color:#666565}.inputForm #myappointmentform .appointment-form-wrap .inside-row label{display:inline-block;padding:0 2px 0 8px;text-transform:capitalize}.inputForm #myappointmentform .appointment-form-wrap .inside-row label .fa{color:#000;margin-right:10px}.move_step{align-items:center;width:100%}.move_step div input{color:#fff;background-color:#000;width:120px;text-transform:uppercase;font-size:14px;border-radius:25px;border:1px solid transparent;padding:5px 10px;transition:.3s}.move_step div input:hover{color:#000;border-color:#000;background-color:transparent}.move_step .next{text-align:right}.client-details{position:relative}.client-details span{position:absolute;color:red;bottom:0;font-size:12px}.appointment_type{border:0px!important;padding:0!important}.appointment_type h4{font-size:18px!important;letter-spacing:1px;text-align:center;text-transform:capitalize}.addMoreDate{background-color:transparent;border:none;color:#000;text-transform:capitalize;border-bottom:1px dotted;cursor:pointer;margin-top:20px}.book_your_slot{font-size:16px!important;text-transform:capitalize;padding:20px 0}.select-slot{max-width:310px;position:relative;width:100%}.select-slot input,.select-slot label{width:100%!important;margin:10px 0!important}.select-slot input{padding:15px 10px!important}.select-slot input::placeholder{color:#d9d9d9}#submitFormDiv{width:100%;padding:20px 0}#submitFormDiv input{margin:0;color:#fff;background-color:#000;width:190px;border-radius:2px;text-transform:uppercase;font-size:14px;border:1px solid transparent;padding:5px 10px;transition:.3s}#submitFormDiv input:hover{color:#000;border-color:#000;background-color:transparent}.appointment-outer-card{padding:30px 0}.flatpickr-calendar{width:329px}.flatpickr-day.today{border-color:#000!important}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#000!important;background:#000!important;color:#fff}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#000!important}.swal-modal{border-radius:0!important;border-top:4px solid #000}.swal-modal .swal-title{margin:0!important}.swal-modal .swal-text{text-align:center!important}.swal-modal .swal-button-container{width:100%;text-align:center}.swal-modal .swal-button-container .swal-button{margin:0 auto!important;color:#fff!important;width:120px!important;border-radius:2px!important;padding:5px 10px!important;outline:none!important;box-shadow:none!important}.select_ring_type.appointment_fillter button:first-child{border-color:#000!important;position:relative}.select_ring_type.appointment_fillter button:first-child .selected_filter{display:block}.appointment_fillter:first-child{border-color:#000!important}.appointment_fillter:first-child .selected_filter{display:block}.appointment_fillter .diamond-type:first-child{border-color:#000!important;position:relative}.appointment_fillter .diamond-type:first-child .selected_filter{display:block}@media (max-width: 1400px){.appointment-outer-card{padding:10px 0}.appointment-modal-body{height:80vh}.inputForm{overflow-y:auto;padding:20px}.inputForm .appointment_steps{margin-bottom:10px}.inputForm::-webkit-scrollbar{width:4px;background-color:#f5f5f5}.inputForm::-webkit-scrollbar-thumb{background-color:#000}.inputForm .select_ring_type{align-items:start;margin-bottom:10px}.inputForm .select_ring_type button{padding:10px}.inputForm .select_ring_type button img{max-width:100px;padding-bottom:10px}.inputForm #myappointmentform .er-steps .shape_wrap .wrap-mounts img,.inputForm #myappointmentform .er-steps .shape_wrap .wrap-diamond img,.inputForm #myappointmentform #step-3 .shape_wrap .wrap-mounts img,.inputForm #myappointmentform #step-3 .shape_wrap .wrap-diamond img{max-width:40px!important}.inputForm #myappointmentform .customerBudget,.inputForm #myappointmentform .caretWeight{width:90%;margin:0 auto;margin-bottom:20px!important}}@media (max-width: 1024px){.appointment-outer-card{padding:20px 0;height:63vh}.appointment-modal-body{height:auto}.width-50{width:100%}.inputForm h1{padding:0}.inputForm .select_ring_type button{width:43%;border-color:#000;margin-bottom:30px!important;position:relative}.inputForm #myappointmentform .er-steps .shape_wrap{justify-content:space-between}.inputForm #myappointmentform .er-steps .shape_wrap .wrap-mounts,.inputForm #myappointmentform .er-steps .shape_wrap .wrap-diamond{width:43%;border-color:#000;position:relative;margin-bottom:30px}.inputForm #myappointmentform .certifications .wrap_certifiacte{width:25%;border-color:#000;position:relative}.inputForm #myappointmentform .diamond-type-wrap .diamond-type{width:30%;border-color:#000;position:relative}.inputForm #wedd2Step .select_ring_type{justify-content:space-around}.inputForm .move_step{margin:0 auto;max-width:100%}.inputForm .move_step input{width:120px!important}.inputForm #submitFormDiv input{width:200px}.inputForm .select-slot input{padding:5px 10px!important}.shipping-tooltip .shipping-tooltip-popup{bottom:70px!important}}@media (max-width: 992px){.appointment-modal-body{width:90%!important}#submitFormDiv input{font-size:14px!important}}@media (max-width: 820px){.appointment-modal-body{height:50vh}.inputForm .form_image{max-width:80px}.inputForm .Start_form{padding:0}.inputForm .shape_wrap,.inputForm .select_ring_type{flex-wrap:wrap;align-items:stretch}.inputForm .appointment_steps{font-size:16px}.inputForm .select_ring_type{gap:10%}.inputForm .select_ring_type button{width:45%}.inputForm .select_ring_type button img{max-width:130px}.inputForm .select_ring_type,.inputForm .shape_wrap{justify-content:center!important}.inputForm #myappointmentform .er-steps .shape_wrap .wrap-mounts,.inputForm #myappointmentform .er-steps .shape_wrap .wrap-diamond{width:40%}.inputForm #myappointmentform .diamond-type-wrap .diamond-type{padding:30px}.appointment-outer-card{height:auto}}@media (max-width: 540px){.appointment-modal-body{flex-wrap:wrap;flex-direction:column-reverse;height:auto}.appointment-outer-card{height:auto}.inputForm{background-image:none}.inputForm .select_ring_type button:last-child{margin-bottom:0!important}.inputForm .move_step{flex-direction:column-reverse;gap:20px}.inputForm .move_step .previous,.inputForm .move_step .next{width:28%}.inputForm h1{font-size:20px;padding:10px 0!important}}@media (max-width: 480px){.appointment-modal-body{flex-wrap:wrap}.width-50{width:100%;box-sizing:border-box}.inputForm{padding:20px 10px!important}.inputForm .select_ring_type button{width:75%;margin:0 auto}.inputForm .select_ring_type button span{font-size:12px}.inputForm .move_step input{width:100px!important;font-size:12px}.inputForm .select_ring_type,.inputForm .shape_wrap{justify-content:space-between!important}.inputForm .options_wrap{flex-wrap:wrap}.inputForm .options_wrap div:first-child{margin-bottom:20px}.select-slot .shipping-tooltip .shipping-tooltip-popup{width:90%!important}.select-slot .shipping-tooltip .shipping-tooltip-popup:after{left:135px}.MenuToggle .slim-icon-burger_menu:before{color:#000!important}.inputForm #myappointmentform .customerBudget input[type=radio]+label:before,.inputForm #myappointmentform .caretWeight input[type=radio]+label:before,.inputForm #myappointmentform .appointment_type input[type=radio]+label:before{top:2px}}.selectedCheck{border-color:#000!important;transform:scale(1.1);cursor:pointer}.selectedCheck .selected_filter{display:block}.shipping-tooltip{text-align:center;display:inline-block;color:#fff;width:16px;height:16px;line-height:18px;background-color:#aaa;border-radius:50%;margin-left:5px;cursor:default;font-size:11px!important}.shipping-tooltip .shipping-tooltip-popup{bottom:90px!important;left:0!important;width:100%!important}.shipping-tooltip .shipping-tooltip-popup:after{content:"";position:absolute;width:15px;height:15px;bottom:-9px;left:160px;transform:rotate(45deg);display:block;background-color:#fff;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb}.shipping-tooltip:hover .shipping-tooltip-popup{display:block}#submitFormDiv>div{margin-top:10px;font-size:13px;font-style:italic}