.dating-preferences-form{box-shadow: 0 0 #0000,0 0 #0000, 0px 12px 28px 0px rgba(36,7,70,.06); padding: 1.5rem; margin-bottom: 10px; background: var(--white);  border-radius: 10px; position: relative;}

.dating-preferences-group{display: flex; gap: 10px; align-items: center;}
.dating-preferences-form .form-group{margin-bottom: 2rem;}
.dating-preferences-form .form-group h4 {font-size: 16px; font-weight: 700; margin: 0 0 10px 0; padding: 0; color: #4f5168; }
.dating-preferences-group h5{font-size: 14px; font-weight: 500; white-space: nowrap; margin: 0 0 0px 0; padding: 0; color: #4f5168; }


.dating-preferences-form .form-group input.form-control{background: var(--white);border-radius: 5px;font-size: 14px;border: 1px solid var(--border);font-weight: 400;height: auto;padding: 12px;outline: 0;width: 100%;display: inline-block;color: var(--black);box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05);line-height: normal;}
.dating-preferences-form .form-group select.form-control {background: var(--white);border-radius: 5px;font-size: 13px;border: 1px solid var(--border);font-weight: 400;height: auto;padding: 12px;outline: 0;width: 100%;display: inline-block;appearance: auto;color: var(--black);box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05);}
.dating-preferences-form .form-group textarea.form-control {background: var(--white); border-radius: 5px; font-size: 13px; border: 1px solid var(--border); font-weight: 400; height: auto; padding: 0.94rem 0.94rem; outline: 0; width: 100%; display: inline-block; color: var(--black); box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05); }
.dating-preferences-form .form-group .form-control:focus {border: 1px solid var(--cyan); }

.dating-preferences-form input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:var(--placeholder); }
.dating-preferences-form input.form-control::-moz-placeholder { /* Firefox 19+ */ color:var(--placeholder); }
.dating-preferences-form input.form-control:-ms-input-placeholder { /* IE 10+ */ color: var(--placeholder); }
.dating-preferences-form input.form-control:-moz-placeholder { /* Firefox 18- */ color:var(--placeholder); }
.dating-preferences-form .form-group-media {position: relative;}

.dating-preferences-form .form-group-icon{position: absolute; right: 10px; top: 8px;}


.lookingfor-form-list {display: flex ; gap: 10px; flex-wrap: wrap; }

.mmradio input[type="radio"]+label{background:var(--lightcyan);border-radius: 6px;padding: 10px 15px 10px 15px;display:inline-block;position:relative;color:#0F265B;cursor: pointer; font-style: normal; font-weight: 400; font-size: 16px; }
.mmradio input[type="radio"]{position:absolute;opacity:0;z-index:1}
.mmradio input[type="radio"]+label{}
.mmradio input[type="radio"]:checked+label:before{display:block}
.mmradio input[type="radio"]+label:after {content: ' ';width: 100%;position: absolute;top: 0;left: 0;height: 100%;border: 1px solid transparent;}
.mmradio input[type="radio"]+label:before{content:' ';border-radius: 6px;width: 100%;position:absolute;top:0;left:0;z-index: 1;height: 100%;display:none;/* border: 1px solid #024c8f; */display:none;background: var(--cyan);box-shadow: 0px 4px 20px rgba(89, 89, 89, 0.2);}
.mmradio input[type="radio"]:checked+label .radio-text {font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color:var(--white);position: relative;z-index: 2; }


.dating-preferences-form .form-group .cancel-btn{border: none;text-align: center;border-radius: 5px;padding: 10px 40px;color:var(--white);font-size: 13px;font-weight: 500;background:var(--red);display: inline-block;}
.dating-preferences-form .form-group .save-btn{border: none;text-align: center;border-radius: 5px;padding: 10px 40px;color:var(--white);font-size: 13px;font-weight: 500;background:var(--cyan);display: inline-block;}




.help-info-card{box-shadow: 0 0 #0000,0 0 #0000, 0px 12px 28px 0px rgba(36,7,70,.06); padding: 1.5rem; margin-bottom: 10px; background: var(--white);  border-radius: 10px; position: relative;}

.help-info-head {display: flex ; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.help-ticket{font-size: 13px; font-weight: 500; margin: 0 0 0px 0; padding: 0; color: var(--cyan); }
.help-ticket span {font-weight: 700; color: var(--black); }
.help-status {font-size: 14px; font-weight: 600; display: inline-block; margin: 0; border-radius: 50px; padding: 5px 20px; background: #EBF7F7; color: var(--cyan); }

.cyan-btn{background: var(--black); white-space: nowrap; border: 1px solid var(--black); padding: 8px 20px; display: inline-block; font-size: 14px; color: var(--white); border-radius: 5px; font-weight: 500; text-align: center; }

.help-msg-card {padding: 10px; width: 100%; margin-bottom: 10px; background: #f7fbfb; border: 1px solid #f7fbfb; border-radius: 10px; position: relative; }

.help-msg-card-head{display: flex ; align-items: center; justify-content: space-between; margin-bottom: 10px; }

.help-msg-profile{display: flex; gap:5px; align-items: center;}
.help-msg-profile-image {width:54px; height: 54px; position: relative; overflow: hidden; border-radius: 5px; margin: 0 10px 0 0; border: 1px solid #eaedf7; }
.help-msg-profile-image img {object-fit: cover; width: 100%; height: 100%; }
.help-msg-profile-text h2{font-size: 14px; font-weight: 500; white-space: nowrap; margin: 0 0 5px 0; padding: 0; color: #4f5168; }
.help-msg-tag {font-size: 13px; font-weight: 600; display: inline-block; margin: 0; border-radius: 50px; padding: 3px 15px; background: #EBF7F7; color: var(--cyan); }
.help-msg-card-text{font-size: 14px; font-weight: 500; margin: 0 0 5px 0; padding: 0; color: #4f5168; }


.help-response-card {padding: 10px; width: 100%; margin-bottom: 10px; background: #fff; border: 1px solid #f7fbfb; border-radius: 10px; position: relative; }

.help-response-card-head{display: flex ; align-items: center; justify-content: space-between; margin-bottom: 10px; }

.help-response-profile{display: flex; gap:5px; align-items: center;}
.help-response-profile-image {width:54px; height: 54px; position: relative; overflow: hidden; border-radius: 5px; margin: 0 10px 0 0; border: 1px solid #eaedf7; }
.help-response-profile-image img {object-fit: cover; width: 100%; height: 100%; }
.help-response-profile-text h2{font-size: 14px; font-weight: 500; white-space: nowrap; margin: 0 0 5px 0; padding: 0; color: #4f5168; }
.help-response-tag {font-size: 13px; font-weight: 600; display: inline-block; margin: 0; border-radius: 50px; padding: 3px 15px; background: #EBF7F7; color: var(--cyan); }
.help-response-card-text{font-size: 14px; font-weight: 500; white-space: nowrap; margin: 0 0 5px 0; padding: 0; color: #4f5168; }


.help-overview {position: relative; padding: 8px 20px; display: flex ; align-items: center; justify-content: space-between; border: 1px solid var(--cyan); background: var(--lightcyan); margin-bottom: 1rem; border-radius: 5px; box-shadow: 0 0 #0000, 0 0 #0000, 0px 12px 28px 0px rgba(36, 7, 70, .06); }

.help-overview{font-size: 13px; font-weight: 500;  color: var(--cyan); }
.help-overview span {font-weight: 700; color: var(--black); }



.settings-info-card {padding: 1.5rem; width: 100%; margin-bottom: 10px; background: #f7fbfb; border: 1px solid #f7fbfb; border-radius: 10px; position: relative; }
.settings-info-head{margin-bottom: 1rem;}
.settings-info-head h2{font-size: 18px; font-weight:600; white-space: nowrap; margin: 0 0 5px 0; padding: 0; color: var(--cyan); }
.settings-info-head p{font-size: 14px; font-weight: 500; white-space: nowrap; margin: 0 0 0px 0; padding: 0; color: var(--black); }

.settings-swich{    box-shadow: 0 0 #0000, 0 0 #0000, 0px 12px 28px 0px rgba(36, 7, 70, .06); padding: 1rem; margin-bottom: 10px; background: #FCFFFF; border-radius: 10px; position: relative; display: flex ; align-items: center; justify-content: space-between; }

.switch {position: relative; height: 1.5rem; width: 3rem; cursor: pointer; appearance: none; -webkit-appearance: none; border-radius: 9999px; background-color: rgba(100, 116, 139, 0.377); transition: all .3s ease; }
.switch:checked {background-color:var(--cyan); }
.switch::before {position: absolute; content: ""; left: calc(1.5rem - 1.6rem); top: calc(1.5rem - 1.6rem); display: block; height: 1.6rem; width: 1.6rem; cursor: pointer; border: 1px solid rgba(100, 116, 139, 0.527); border-radius: 9999px; background-color: rgba(255, 255, 255, 1); box-shadow: 0 3px 10px rgba(100, 116, 139, 0.327); transition: all .3s ease; }
.switch:hover::before {box-shadow: 0 0 0px 8px rgba(0, 0, 0, .15) }
.switch:checked:hover::before {box-shadow:0 0 0px 8px rgb(33 168 168 / 15%) }
.switch:checked:before {transform: translateX(100%); border-color: var(--cyan); }


.settings-search {position: relative; padding: 15px 0px; border-bottom: 1px solid #e8ecf2; display: flex; gap: 2px }
.settings-search input.form-control {position: relative; color: var(--gray, #4F5168); border-radius: 5px; font-weight: 400; font-size: 12px; box-sizing: border-box; padding: 10px 10px 10px 10px; width: 100%; background: #FFF; box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05); display: inline-block; height: auto; border: 1px solid #eee; }
button.search-btn {background:var(--cyan); border: none; border-radius: 5px; width: 40px; height: 40px; display: inline-block; color: #fff; font-size: 14px; }
.settings-search span.search-icon {position: absolute; top: 46%; left: 20px; pointer-events: none; transform: translateY(-50%) scaleX(-1); color: #fecb59; font-size: 18px; }
.settings-search span.search-icon img {height: 18px; }



.settings-user-item {box-shadow: 0px 8px 13px rgb(0 0 0 / 5%); border-radius: 10px; display: flex; padding: 15px 20px; margin-bottom: 10px; position: relative; transition: all .4s; gap: 10px; align-items: center; background: var(--white); justify-content: space-between; }
.settings-user-item-box{display: flex; align-items: center; gap: 10px;}
.settings-user-image {position: relative; width: 50px; height: 50px; border: 1px solid #eee; border-radius: 50px; }
.settings-user-image img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }


.settings-user-content h4{font-size: 16px; font-weight:600; white-space: nowrap; margin: 0 0 5px 0; padding: 0; color: var(--black); }
.settings-address{font-size: 14px; font-weight: 500; white-space: nowrap; margin: 0 0 0px 0; padding: 0; color: var(--black); }


.settings-user-action a{background: var(--black); white-space: nowrap; border: 1px solid var(--black); padding: 8px 20px; display: inline-block; font-size: 14px; color: var(--white); border-radius: 5px; font-weight: 500; text-align: center; }