@charset "utf-8";
/*--------------------------------------------------------------------
	General CSS
--------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Sora:ital,wght@0,400..700;1,400..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sora:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

html {
  height: 100%;
}

body {
  color: #000000;
  background: #f7ebf9;
  font-size: 14px;
  line-height: 1.6;
  font-family: "Sora";
}

/*----------- Heading -----------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px 0px 10px 0px;
  color: #1d1d1d;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 0.8em;
}

/*----------- Links -----------*/
a {
  color: #000000;
  text-decoration: none;
}

a,
a:focus,
a:hover,
a:active {
  outline: 0 !important;
}

a:focus {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none !important;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

/*----------- Lists -----------*/
ul {
  list-style: none;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

li ul,
li ol {
  padding: 0;
  margin: 0;
}

/*----------- Paragraph -----------*/
p {
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 10px 0;
}

strong {
  font-weight: bold;
}

em,
dfn {
  font-style: italic;
}

dfn {
  font-weight: 600;
}

sup {
  line-height: 0;
  font-size: smaller;
}

sub {
  line-height: 0;
  font-size: smaller;
}

abbr,
acronym {
  border-bottom: 1px dashed #ccc;
}

address {
  margin: 0 0 1.5em;
}

del {
  color: #666;
}

pre,
code,
tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5em;
  display: block;
}

code {
  background-color: #eee;
  display: inline;
  padding: 0px 2px 1px 2px;
  line-height: 1.1em;
}

pre {
  margin: 1.5em 0;
  white-space: pre;
}

i {
  font-style: normal;
}

/* ---------------------------------------
----------- Start css --------------------*/
#loginArea {
  background: #ffffff;
}

.login_main {
  height: 110vh;
  background-image: url("../images/shape.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  top: 0;
}

.login_left_area {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 30px 12px;
}

.login_right_area {
  margin: 50px 0px;
}

.login_right_area .lon_in_content {
  text-align: center;
}

.login_right_area .lon_in_content .log_in_head .login_heading-txt {
  color: #0f75bc;
  font-size: 40px;
  font-weight: 700;
  text-transform: capitalize;
  padding: 40px 0px;
}

.form_input_main {
  position: relative;
  padding: 12px 0px;
}

.form_input_main .log_inp_area {
  height: 74px;
  color: #212121;
  background: #fdfdfd;
  font-size: 14px;
  font-weight: 300;
  border: 0;
  border-radius: 10px;
  outline: none;
  padding: 10px 10px 10px 40px;
  box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.1);
  position: relative;
}

.form_input_main .inp_icon {
  position: absolute;
  top: 45px;
  left: 18px;
}

.form_input_main .inp_icon2 {
  position: absolute;
  top: 41px;
  left: 18px;
}

.form_input_main .view_icon {
  position: absolute;
  top: 37px;
  right: 20px;
  cursor: pointer;
}

.forgot_area .forgot_pwd_txt {
  color: #0f75bc;
  font-size: 14px;
  font-weight: 700;
}

.log_in_btn {
  padding-top: 40px;
}

.log_in_btn .login_btn {
  width: 100%;
  height: 64px;
  border: none;
  outline: none;
  border-radius: 10px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  text-transform: capitalize;
  background-image: linear-gradient(90deg, #ec008c, #0f75bc);
}

.selectHobbies {
  background-image: linear-gradient(90deg, #ec008c, #0f75bc);
}

/* ---forgot pwd---- */
.login_right_area
  .lon_in_content
  .log_in_head
  .login_heading-txt.forgot_head_txt {
  font-size: 36px;
  font-weight: 700;
  padding: 30px 0px;
}

.registration_txt p {
  color: #212121;
  font-size: 14px;
  font-weight: 500;
  padding: 0px 20px;
}

.registration_txt.verification_info p {
  padding: 0px 20px;
}

/* ----otp----- */
.form_input_otp {
  display: flex;
  justify-content: space-between;
  padding: 20px 0px;
}

.form_input_otp .opt_input_area {
  height: 80px;
  color: #b7b3b3;
  font-size: 35px;
  font-weight: 400;
  border: 0;
  border-radius: 5px;
  outline: none;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  text-align: center;
  width: 48px;
}

.opt_time .o_timing {
  color: #212121;
  font-size: 17px;
  font-weight: 800;
}

.resend_code a {
  color: #c33c42;
  font-size: 18px;
  font-weight: 700;
  padding-top: 12px;
  display: inline-block;
}

/* ============== */
.wrapper-main {
  background: #fff6f2;
}

.m-side-bar {
  width: 17%;
  height: 100%;
  z-index: 1038;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background: #0f75bc;
  /* margin-top: 5px;
  margin-left: 5px; */
  /* border-radius: 20px; */
  padding: 0px 4px;
  /* ---- */
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

.m-side-bar::-webkit-scrollbar {
  width: 0;
}

.m-side-bar .user-logo {
  padding: 30px 15px;
}

/* --- side bar --- */
.m-side-bar.open {
  transform: translateX(0);
}

.mobile-menu-tab {
  position: absolute;
  z-index: 9999;
  top: 11px;
  right: 10px;
  cursor: pointer;
  display: none;
  color: #c33c42;
  font-size: 24px;
}

.mobile-menu-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 999;
  display: none;
}

/* --- */
.m-main-content {
  position: relative;
  width: 82%;
  float: right;
}

/* ---sidebar menu bar---- */

.m-side-bar .menu-bar ul li {
  padding: 10px 0px;
}

.m-side-bar .menu-bar ul li > a > .menu_icon1 {
  padding-right: 10px;
}

.m-side-bar .menu-bar ul li .menu_icon2 {
  display: none;
}

.m_manage {
  position: relative;
  bottom: -2px;
}

.m-side-bar .menu-bar ul li a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  display: block;
  padding: 12px 6px 14px 7px;
  text-decoration: none !important;
  transition: ease 0.3s;
}

/* .textarea-control {
  height: auto;
  width: 100%;
  border-radius: 10px;
  border: none;
  font-size: 1rem;
  padding: 0px 20px 0px 45px;
  box-shadow: 0px 2px 20px -4px rgba(0, 0, 0, 0.1);

} */
.m-side-bar .menu-bar ul li a:hover {
  background: #ffffff;
  color: #0f75bc;
  /* font-weight: 600; */
}

.m-side-bar .menu-bar ul li a:hover .menu_icon1 {
  display: none;
}

.m-side-bar .menu-bar ul li a:hover .menu_icon2 {
  display: inline-block;
  padding-right: 10px;
}

.m-side-bar .menu-bar ul li a.active {
  background: #ffffff;
  color: #0f75bc;
}

.m-side-bar .menu-bar ul li a.active .menu_icon1 {
  display: none;
}

.m-side-bar .menu-bar ul li a.active .menu_icon2 {
  display: inline-block;
  padding-right: 10px;
}

/* brand main */
.brand_main {
  padding: 10px 0px;
}

.brand_main .brand_head_data {
  display: flex;
  flex-wrap: wrap;
  /* margin: 10px 0px; */
}

.brand_main .brand_head_data .brands_total {
  color: #ffffff;
  background: #0f75bc;
  padding: 14px 0px;
  margin: 5px;
  text-align: center;
  border-radius: 10px;
  width: 130px;
  /* box-shadow: 2px 5px 30px rgb(247 49 30 / 10%); */
}

.brand_mainn .brand_head_dataa .brands_totall {
  color: #ffffff;
  background: linear-gradient(120deg, #0f75bc, #ec008c);
  padding: 14px 0px;
  margin: 5px;
  text-align: center;
  border-radius: 10px;
  width: 200px;
  /* box-shadow: 2px 5px 30px rgb(247 49 30 / 10%); */
}

.brand_main .brand_head_data .brands_total .t_brand_txt {
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  padding: 2px 0px;
}

.brand_main .brand_head_data .brands_total .brand_num {
  margin: 0;
  font-size: 13px;
  color: #ffffff;
  font-weight: 600;
}

/* ---search area --- */
.search_area {
  /* padding-top: 10px; */
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.search_area .top-search-bar {
  position: relative;
}

.search_area .brand_add {
  padding-top: 15px;
}

.search_area .top-search-bar input {
  padding: 8px 20px 8px 30px;
  font-size: 13px;
  font-weight: 300;
  height: 52px;
  width: 295px;
  color: #656565;
  background: #ffffff;
  border-radius: 10px;
  border: 0;
  outline: none;
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1);
}

.search_areaa .top-search-barr input {
  padding: 8px 20px 8px 30px;
  font-size: 13px;
  font-weight: 300;
  height: 52px;
  width: 155px;
  color: #656565;
  background: #ffffff;
  border-radius: 10px;
  border: 0;
  outline: none;
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1);
}

.search_area .top-search-bar .search_icon {
  position: absolute;
  top: 18px;
  right: 15px;
}

/* ------- */
.manage_news_section .manage_tab {
  padding-bottom: 12px;
}

.manage_news_section .manage_tab .manage_news_inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.manage_news_section .manage_tab .manage_news_inner li a {
  background: #ffffff;
  color: #3e3e3e;
  font-size: 14px;
  font-weight: 500;
  display: block;
  width: 120px;
  text-align: center;
  padding: 12px 5px;
  margin: 6px;
  border-radius: 10px;
  box-shadow: 1px 5px 20px -4px rgba(0, 0, 0, 0.1);
}

.manage_news_section .manage_tab .manage_news_inner li:hover a {
  background: #0f75bc;
  color: #ffffff;
  font-size: 15px;
}

.manage_news_section .manage_tab .manage_news_inner li a.active {
  background: #0f75bc;
  color: #ffffff;
  font-size: 15px;
}

/* --- */
.brand_table .brand_table_inner .table {
  border-collapse: separate;
  border-spacing: 0px 15px;
}

.brand_table .brand_table_inner .table thead {
  background: #ffffff;
  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.1);
}

.brand_table .brand_table_inner .table thead th {
  border: none;
  font-size: 13px;
  color: #363636;
  font-weight: 600;
  padding: 20px 8px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.brand_table .brand_table_inner .table thead th:first-child {
  border-radius: 10px 0px 0px 10px;
}

.brand_table .brand_table_inner .table thead th:last-child {
  border-radius: 0px 10px 10px 0px;
}

.brand_table .brand_table_inner .table tbody {
  background-color: #ffffff;
}

.brand_table .brand_table_inner .table tbody tr {
  position: relative;
  top: 14px;
}

.brand_table .brand_table_inner .table tbody td {
  color: #414040;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  padding: 8px 8px 0px 8px;
  vertical-align: middle;
  white-space: nowrap;
}

.brand_table .brand_table_inner .table tbody .bt-non {
  /* border-top: none; */
}

.brand_table .brand_table_inner .table tbody .p_pic {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.brand_table .brand_table_inner .table tbody .p_pic img {
  width: 100%;
  height: 87%;
  border-radius: 10px;
  object-fit: cover;
}

.brand_table .brand_table_inner .table tbody td .table-action {
  white-space: nowrap;
}

.brand_table .brand_table_inner .table tbody td .table-action img {
  margin: 3px;
  width: 24px;
  height: auto;
  cursor: pointer;
}

/* ------ Manage New User Detail ------*/
/* .manage_new_user_details {
} */
.new_user_detail_heading .new_user_txt {
  text-align: center;
  color: #242424;
  padding: 35px 0px 30px 0px;
  font-size: 30px;
  font-weight: 700;
  margin: 0;
}

.new_user_main {
  background: #ffffff;
  margin: 15px;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 2px 8px 20px -4px rgba(0, 0, 0, 0.1);
}

.new_user_main .user_pic {
  margin: 0 auto;
  width: 82px;
  height: 85px;
}

.new_user_main .user_pic .user_pic1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 10px;
}

.user_main_details {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 20px;
  /* text-align: center; */
}

.user_main_details .user_info {
  text-align: center;
  margin: 5px 0px;
}

.user_main_details .user_info .name_title {
  font-size: 13px;
  font-weight: 500;
  margin: 2px 0px;
}

.user_main_details .user_info .usr_name {
  /* color: #; */
  font-size: 13px;
  font-weight: 700;
}

.upload_report_area {
  padding: 20px;
}

.upload_report_area .upload_btn_main {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.upload_report_area .upload_btn_main button {
  outline: none;
  border: none;
  margin: 8px;
}

.upload_report_area .upload_btn_main .upload_btn {
  background: #0f75bc;
  padding: 18px 34px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  border-radius: 10px;
}

.twidth {
  display: inline-block;
  width: 10em;
  overflow: hidden;
  white-space: nowrap;
}

.num {
  color: #ec008c;
  font-weight: bold;
  font-size: 12px;
}

.num2 {
  color: #ec008c;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
}

/* ----Popup----- */
#delUserDetails .modal-content {
  border-radius: 10px;
}

#delUserDetails .modal-header {
  justify-content: center;
  border: 0;
  padding: 0.8rem 0rem 2rem 0rem;
}

#delUserDetails .modal-header .close {
  margin: 0;
  position: absolute;
  top: 0;
  right: -14px;
  font-size: 2.7rem;
  font-weight: 400;
  line-height: 0;
  outline: none;
}

#delUserDetails .modal-header .modal-title {
  font-size: 22px;
  font-weight: 700;
}

#delUserDetails .modal-body {
  display: flex;
  justify-content: center;
  padding-top: 0;
}

#delUserDetails .modal-body .del_user {
  font-size: 15px;
  font-weight: 400;
}

#delUserDetails .modal-footer {
  justify-content: center;
  border: 0;
  padding: 10px 0px 40px 0px;
}

#delUserDetails .modal-footer .Del_btn {
  border: none;
  background: #0f75bc;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  border-radius: 10px;
  padding: 12px 34px;
  outline: none;
  margin: 5px;
}

#delUserDetails .modal-footer .Can_btn {
  border: 2px solid #0f75bc;
  background: transparent;
  color: #0f75bc;
  font-size: 18px;
  font-weight: 600;
  border-radius: 10px;
  padding: 10px 30px;
  margin: 5px;
  outline: none;
}

/* -------------User Marital status---------- */
.user-all-info {
  background: #ffffff;
  margin: 30px 15px;
  padding: 20px 6px;
  border-radius: 10px;
  box-shadow: 2px 8px 20px -4px rgba(0, 0, 0, 0.1);
}

.user_religious {
  text-align: center;
}

.user_religious .user_hnd {
  margin-bottom: 10px;
}

.user_religious .user_hnd ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.user_religious .user_hnd ul .user_r_name {
  margin: 6px;
  background: #fff5f1;
  padding: 5px 15px;
  border-radius: 30px;
}

.user_religious .user_hnd ul .user_r_name .rel_icon {
  margin-right: 2px;
}

.user_religious .user_hnd ul .user_r_name .usr_rel_txt {
  color: #3b3b3b;
  font-size: 15px;
  font-weight: 700;
}

.user_marital_status {
  padding: 5px 40px;
  border-bottom: 1px solid #a3a3a3;
}

.user-education_area {
  border-bottom: 1px solid #3b3b3b;
}

.user-education_area.user_bottom_0 {
  border: 0px;
}

.user_marital_status .marital_head {
  color: #ee7d4b;
  font-size: 16px;
  font-weight: 700;
  /* margin-bottom: 5px; */
}

.user_marital_status .m_status {
  color: #3b3b3b;
  font-size: 14px;
  font-weight: 600;
}

.user_marital_status .m_status > img {
  margin-right: 2px;
}

.user_education_details {
  padding: 40px 40px;
}

.user_education_details .education_head {
  color: #0f75bc;
  font-size: 16px;
  font-weight: 700;
  /* padding-bottom: 5px; */
}

.education_inner_info .education_info {
  display: flex;
  justify-content: space-between;
  padding: 5px 0px;
  align-items: center;
}

.edu_bottom {
  margin-bottom: 12px;
  border-bottom: 1px dashed #dddddd;
}

.education_inner_info .education_info .edu_title {
  color: #3b3b3b;
  font-size: 14px;
  font-weight: 500;
}

.education_inner_info .education_info .edu_title > img {
  padding-right: 2px;
}

.education_inner_info .education_info .edu_name {
  color: #191919;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
  text-transform: capitalize;
}

.education_questions {
  padding: 14px 0px;
}

.education_questions .edu_question {
  color: #ec008c;
  font-size: 16px;
  font-weight: 600;
}

.education_questions .edu_ans {
  color: #3b3b3b;
  font-size: 14px;
  font-weight: 600;
}

.box {
  height: 10px;
  width: 100%;
}

/* ----Add new user---- */
.user_img_main {
  text-align: center;
  padding-bottom: 35px;
}

.user_img_main .user_img_inner {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  position: relative;
}

.user_img_main .user_img_inner .usr-img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 50%;
}

.user_img_main .user_img_inner input[type="file"] {
  display: none;
}

.user_img_main .user_img_inner .slt_pic {
  position: relative;
  left: 2px;
  top: -15px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
}

/* ---- */
.add_new_details_mian .add_user_info {
  position: relative;
  padding-bottom: 24px;
}

.add_new_details_mian .add_user_info .form-control {
  border-radius: 10px;
  padding: 0px 20px 0px 45px;
  color: #242424;
  font-size: 13px;
  background: #fdfdfd;
  height: 62px;
  font-weight: 400;
  border: none;
  box-shadow: 0px 2px 20px -4px rgba(0, 0, 0, 0.1);
}

.add_user_infoo .form-controll {
  border-radius: 10px;
  padding: 0px 20px 0px 45px;
  color: #242424;
  font-size: 13px;
  background: #fdfdfd;
  height: 62px;
  font-weight: 400;
  border: 1px solid lightgray;
  box-shadow: 0px 2px 20px -4px rgba(0, 0, 0, 0.1);
}

.add_new_details_mian .add_user_info .user-icon2 {
  position: absolute;
  top: 24px;
  left: 19px;
}

.add_new_details_mian .add_user_info .user-icon2.t-email {
  top: 27px;
}

.add_new_details_mian .add_user_info .form-control.reports-input {
  padding: 0px 20px 0px 22px;
}

.blood_report_area .report_txt {
  color: #ee7d4b;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 5px;
}

.add_new_details_mian .add_user_info .form-control.p_cont_inp {
  padding: 0px 20px 0px 85px;
}

.add_new_details_mian .add_user_info .user-icon2.flat_icon {
  top: 19px;
  left: 12px;
}

/* ---- */
.blood_report_area .reports_question_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* flex-wrap: wrap; */
  margin-bottom: 16px;
}

.blood_report_area .reports_question_main.report_top {
  padding-top: 30px;
}

.report_yes_no {
  display: flex;
}

.blood_report_area .reports_question_main .report_qes {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}

.blood_report_area .reports_question_main .report_yes_no .yes_btn {
  margin: 0px 5px;
}

/* ---------- */
/* ---- */
.latest_details_main {
  padding: 20px 0px;
}

.letest_inner .letest_txt {
  color: #ee7d4b;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 5px;
}

.latest_inner_info {
  background: #ffffff;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  margin: 20px 0px;
  box-shadow: 0px 2px 20px -4px rgba(0, 0, 0, 0.1);
}

.latest_inner_info .info_upload {
  border: 1px dashed #ee7d4b;
  margin: 0 auto;
  border-radius: 10px;
  padding: 40px 24px 28px 24px;
  position: relative;
}

.latest_inner_info .info_upload input[type="file"] {
  display: none;
}

.latest_inner_info .info_upload label {
  cursor: pointer;
}

.latest_inner_info .info_upload .upload_txt {
  color: #c33c42;
  font-size: 14px;
  font-weight: 600;
  padding-top: 8px;
}

.add_new_details_mian .add_user_info .calender_icon {
  position: absolute;
  top: 21px;
  right: 18px;
}

.father_info {
  padding-left: 20px;
  padding-top: 10px;
  font-size: 13px;
  font-weight: 600;
}

.button_area {
  text-align: center;
  padding: 30px 0px;
}

.button_area .save_btn {
  width: 320px;
  height: 62px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  background: #0f75bc;
  border: none;
  outline: none;
  border-radius: 10px;
}

.container-select {
  display: block;
  position: relative;
  /* padding-left: 35px;
    margin-bottom: 12px; */
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-select input {
  position: absolute;
  opacity: 1;
  cursor: pointer;
  height: 0;
  width: 0;
  display: none !important;
}

/* Create a custom checkbox */
.checkmark-check {
  position: absolute;
  top: -5px !important;
  left: 4px !important;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #ec008c;
  font-size: 10px;
  margin-left: -9px !important;
}
.checkbox-text {
  color: #ec008c;
  font-size: 15px;
}

.container-select input:checked ~ .checkmark-check {
  background-color: #ec008c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-check:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-select input:checked ~ .checkmark-check:after {
  display: block;
}
.pointer {
  cursor: pointer;
}
/* Style the checkmark/indicator */
.container-select .checkmark-check:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.save_btnn {
  /* height: 42px; */
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  background: #ec008c;
  border: none;
  outline: none;
  border-radius: 10px;
}

.notification_btnn {
  /* height: 42px; */
  color: #ffffff;
  font-size: 16px;
  width: 100px;
  background: #ec008c;
  border: none;
  outline: none;
  border-radius: 10px;
}

.button-edit {
  padding: 12px;
  background-color: #ec008c;
  color: #fff;
  border-radius: 10px;
}
.pointer {
  cursor: pointer;
}

.parent {
  text-align: center;
  position: relative;
}

.center {
  display: inline-block;
}

.right {
  position: absolute;
  top: 0;
  right: 0;
}

.gothra_btn {
  width: 300px;
  height: 50px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  background: #ec008c;
  border: none;
  outline: none;
  border-radius: 10px;
  margin-top: 15px;
}

.savee_btnn {
  width: 100px;
  height: 42px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  background: linear-gradient(120deg, #ec008c, #0f75bc);
  border: none;
  outline: none;
  border-radius: 10px;
}

/* ----Approved user details---- */
.a_report_details_main {
  margin: 15px;
}

.a_report_details_main .report_details_head {
  text-align: center;
  color: #242424;
  padding: 35px 0px 15px 0px;
  font-size: 30px;
  font-weight: 700;
  margin: 0;
}

.user_match_menu {
  background: #ffffff;
  /* margin: 15px; */
  padding: 12px 12px;
  border-radius: 10px;
  box-shadow: 2px 8px 20px -4px rgb(0 0 0 / 10%);
}

.user_match_menu .user_match_info {
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
}

/* .user_match_menu .user_match_info::-webkit-scrollbar {
  width: 0;
} */
.user_match_info .user_match_list {
  padding-bottom: 14px;
  white-space: nowrap;
  margin: 0px 10px;
}

.user_match_info .user_match_list .match_link {
  color: #242424;
  font-size: 14px;
  font-weight: 700;
}

.user_match_info .user_match_list .match_link.active,
.user_match_info .user_match_list .match_link:hover {
  color: #ec008c;
  border-bottom: 4px solid #ec008c;
  padding-bottom: 10px;
}

.user_match_info .user_match_list .match_links {
  color: #ec008c;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 4px solid #ec008c;
}

.package_box {
  background: lightblue;
  color: #fff !important;
  padding: 20px;
  border-radius: 20px;
}

.user_match_info .user_match_list .match_links.active,
.user_match_info .user_match_list .match_links:hover {
  color: #ec008c;
  /* padding-bottom: 10px; */
}

.slider {
  width: 40% !important;
  height: 10px !important;
  /* background-color: */
  background: linear-gradient(120deg, #ec008c, #0f75bc);
  margin-top: 20px !important;
  border-radius: 10px;
}

.slider .thumb {
  width: 33px;
  height: 33px;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #ec008c !important;
  top: -11px;
}

.fbold {
  font-weight: bold;
}

.nutritionRadio {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nutritionRadio [type="radio"]:checked,
.nutritionRadio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.nutritionRadio [type="radio"]:checked + label,
.nutritionRadio [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

.nutritionRadio [type="radio"]:checked + label:before,
.nutritionRadio [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

.nutritionRadio [type="radio"]:checked + label:after,
.nutritionRadio [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #ec008c;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.nutritionRadio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.nutritionRadio [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.see_all_head .see_all_txt {
  text-align: right;
  color: #ec008c;
  font-size: 18px;
  font-weight: 700;
  display: block;
  margin: 20px 0px;
}

.rejectedStatus {
  color: #d8402d;
  font-weight: bold;
  text-transform: uppercase;
}

.successStatus {
  color: green;
  font-weight: bold;
  text-transform: uppercase;
}

.upi {
  color: #fcd070;
  font-weight: bold;
  text-transform: uppercase;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background: #0f75bc;
  border: #0f75bc;
}

.user_match_card_main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.match_card_content {
  background: #ffffff;
  padding: 14px 12px;
  border-radius: 10px;
  width: 21rem;
  display: flex;
  justify-content: space-between;
  margin: 8px 0px;
  box-shadow: 0px 2px 20px -4px rgba(0, 0, 0, 0.1);
}

.match_card_content .u_card_img {
  width: 80px;
  height: 80px;
}

.match_card_content .u_card_img .c_usr_img {
  width: 100%;
  height: 100%;
  object-position: top;
  object-fit: cover;
  border-radius: 10px;
}

.match_card_content .u_card_info {
  width: 76%;
  padding-left: 12px;
}

.match_card_content .u_card_info .mat_percent {
  background: linear-gradient(90deg, #ec008c, #0f75bc);
  padding: 2px 12px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 300;
  display: inline-block;
  border-radius: 30px;
  margin-bottom: 8px;
}

.searchWrapper {
  border: none !important;
  border-radius: 16px !important;
  min-height: 22px;
  padding: 5px;
  height: 56px;
  position: relative;
}

.match_card_content .u_card_info .mat_percent > i {
  margin-right: 2px;
}

.match_card_content .u_card_info .m_name {
  font-size: 14px;
  font-weight: 700;
}

.match_card_content .u_card_info .m_relegious {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.match_card_content .u_card_info .m_relegious .m_hnd {
  background-color: aliceblue;
  padding: 4px 8px;
  border-radius: 25px;
  margin: 5px 5px 5px 0px;
  font-size: 10px;
  font-weight: 500;
}

.add_user_info label {
  font-size: 14px;
  font-weight: 600;
  padding-left: 5px;
}

/* ----Deactivated user---- */
.p-top {
  margin-top: 30px;
}

.brand_main .brand_head_data .brands_total.deactive_user {
  width: 196px;
}

/* ----User Package ------- */
.user_package_main {
  padding: 40px 4px;
}

.manage_gender_main {
  padding: 20px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.user_head_img {
  text-align: center;
}

.manage_salary .manage_txt {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  padding-top: 12px;
}

.user_package_inner {
  border-bottom: 2px solid #ee7d4b;
  padding: 0px 0px 20px 0px;
}

.manage_gender_main .gend_txt {
  font-size: 18px;
  font-weight: 400;
  margin: 5px 26px;
}

.manage_gender_main .g_name {
  font-size: 18px;
  font-weight: 700;
}

.user_gender .u_gen {
  width: 110px !important;
  text-align: center;
  display: inline-block;
  background: #ffffff;
  padding: 20px 30px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
}

.user_gender {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 20px;
}

.user_gender input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 22px;
  left: 0;
  height: 18px;
  width: 18px;
  border: 2px solid #c33c42;
  border-radius: 50%;
}

.user_gender input:checked ~ .checkmark {
  background: linear-gradient(90deg, #c33c42, #ee7d4b);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.user_gender input:checked ~ .checkmark:after {
  display: block;
}

.user_gender .checkmark:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/* ---- */
.subs_validity {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  /* background: transparent; */
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 25px;
}

.min-package-area {
  background: #ffffff;
  padding: 40px 40px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 20px 30px 20px;
  width: 100%;
}

.min-package-area .package_main {
  position: relative;
  margin: 20px 0px;
}

.min-package-area .package_main .pact_txt {
  font-size: 16px;
  font-weight: 500;
  color: #414040;
}

.text_label {
  font-size: 20px;
  font-weight: 500;
  color: #0f75bc;
}

.text_labell {
  font-size: 16px;
  font-weight: bold;
  color: #0f75bc;
}

.passcode-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin: 0 auto;
  padding: 2rem;
}

.passcode-wrapper input {
  width: 20px;
  height: 50px;
  padding: 0;
  /* margin-right: 5px; */
  text-align: center;
  border: 1px dotted black;
  border-radius: 20px;
  font-size: 10px;
}

.min-package-area .package_main .package_enter {
  position: relative;
  width: 220px;
  padding: 0px 10px 0px 30px;
  height: 62px;
  border: 1px solid #dddddd;
  border-radius: 10px;
  outline: none;
}

.min-package-area .package_main img {
  position: absolute;
  bottom: 24px;
  left: 10px;
}

.min-package-area.subs_area {
  display: block;
  margin-top: 30px;
}

.min-package-area .package_main .package_enter.subs_amt {
  width: 100%;
}

.login_main.settings {
  height: 100%;
}

.settings-forgot {
  margin-bottom: 20px;
}

.sub-menu {
  background: #ffffff;
  padding: 10px 5px;
  display: none;
}

.sub-menu .c_pwd {
  position: relative;
  border: 2px solid #c84343;
  border-radius: 7px;
}

.sub-menu .c_pwd .chang_pwd {
  padding-left: 40px;
  color: #fff;
  font-size: 15px;
}

.sub-menu .c_pwd .lock-icon {
  position: absolute;
  top: 16px;
  left: 10px;
}

.sub-menu .c_pwd.c_logout {
  border: none;
  padding-left: 40px;
}

.sub-menu .c_pwd.c_logout .chang_pass {
  color: #242424;
}

.sub-menu .logout-icon {
  position: absolute;
  right: 60px;
  top: 17px;
}

/* Gender Start */

.gander {
  text-align: center;
  background-color: #fcfcfc;
  border-radius: 10px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  grid-gap: 32px;
  display: flex;
  justify-content: center;
}

.gander label p span {
  font-weight: 600;
  text-transform: capitalize;
}

.gander [type="radio"],
.gander [type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.gander [type="radio"] + div,
.gander [type="checkbox"] + div {
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
}

.gander [type="radio"] + div > img:first-child {
  display: block;
}

.gander [type="radio"] + div > img:last-child {
  display: none;
}

.gander [type="radio"]:checked ~ p > span {
  color: #ec008c;
}

.gander [type="radio"]:checked + div > img:first-child {
  display: none;
}

.gander [type="radio"]:checked + div > img:last-child {
  display: block;
}

.gander {
  text-align: center;
  background-color: #fcfcfc;
  border-radius: 10px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  grid-gap: 32px;
  display: flex;
  justify-content: center;
}

.gander label p span {
  font-weight: 600;
  text-transform: capitalize;
}

.gander [type="radio"],
.gander [type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.gander [type="radio"] + div,
.gander [type="checkbox"] + div {
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
}

.gander [type="radio"] + div > img:first-child {
  display: block;
}

.gander [type="radio"] + div > img:last-child {
  display: none;
}

.gander [type="radio"]:checked ~ p > span {
  color: #ec008c;
}

.gander [type="radio"]:checked + div > img:first-child {
  display: none;
}

.gander [type="radio"]:checked + div > img:last-child {
  display: block;
}

/* Gender End */

/* Edit Start */
.select {
  padding-right: 2rem !important;
}

.edit-pages {
  display: none;
  position: absolute;
  top: 20px;
  background: #0f75bc;
  border-radius: 8px;
  padding: 0.8rem;
  /* max-height: 150px; */
  overflow: hidden;
  overflow-y: scroll;
  z-index: 99999;
  text-align: left;
}

.edit-pages::-webkit-scrollbar {
  width: 0;
}

.edit-pages a {
  display: grid;
  margin: 0 0 10px 0;
  color: #fff;
  text-transform: capitalize;
}

.edit-icon-list:hover .edit-pages {
  display: block;
}

/* Edit End */

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}

.Guidelines-point {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Guidelines-point div {
  box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 6%);
  text-align: center;
  border-radius: 10px;
  padding: 15px 34px;
  font-weight: 600;
  background-color: #fff;
}

.Guidelines-point div:first-child {
  box-shadow: unset;
  color: #ef7e4c;
  padding: 0;
}

.upload-photo-video-input {
  display: flex;
  justify-content: center;
  grid-gap: 10px 32px;
  align-items: center;
}

.upload-photo-video-input .upload-btn-wrapper {
  text-align: center;
  position: relative;
  display: inline-block;
}

.upload-photo-video-input .upload-btn-wrapper .btn {
  background-color: white;
  padding: 130px 90px;
  border-radius: 10px;
  box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 6%);
}

.upload-photo-video-input .upload-btn-wrapper .btn img {
  width: 110px;
  height: 110px;
}

.upload-photo-video-input .upload-btn-wrapper input[type="file"] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  margin: auto;
}

.upload-photo-video-input .upload-btn-wrapper:last-child .btn {
  padding: 60px 49px;
}

.upload-photo-video-input .upload-btn-wrapper:last-child .btn img {
  width: 70px;
  height: 70px;
}

.input-img.pass {
  top: 20px;
}

.nav-pills.height-tab {
  border-radius: 30px;
  box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 6%);
  background-color: #fff;
  display: inline-flex;
  padding: 5px;
}

.nav-pills.height-tab .nav-link {
  padding: 6px 20px;
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
  border-radius: 30px;
  font-size: 1.3rem;
}

.nav-pills.height-tab .nav-link.active,
.nav-pills.height-tab .show > .nav-link,
.nav-pills.height-tab .nav-link:hover {
  color: #fff;
  background: rgb(198, 64, 67);
  background: linear-gradient(
    90deg,
    rgba(198, 64, 67, 1) 0%,
    rgba(198, 64, 67, 1) 35%,
    rgba(234, 119, 74, 1) 100%
  );
}

.nav-pills.height-tab .nav-item {
  margin-right: 10px;
}

.nav-pills.height-tab .nav-item:last-child {
  margin-right: 0;
}

.height-tab-content .tab-pane span {
  box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 6%);
  background-color: #fff;
  padding: 10px 50px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 2rem;
}

.height-tab-content .tab-pane input {
  box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 6%);
  background-color: #fff;
  padding: 2px 16px 10px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 2rem;
  width: 8rem;
  text-align: center;
  border: 0;
}

.gander.blood-group {
  box-shadow: unset;
  background-color: transparent;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px 20px;
  text-align: -webkit-center;
  align-items: center;
}

.gander.blood-group label {
  position: relative;
}

.gander.blood-group label p {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 20px;
}

.gander.blood-group.religion label p {
  position: static;
}

.gander.blood-group [type="radio"] + div {
  background-color: transparent;
  border-radius: 0%;
}

.gander.blood-group.religion [type="radio"]:checked + div,
.gander.blood-group.religion [type="checkbox"]:checked + div {
  background: #ec008c;
  /* background: linear-gradient(90deg,
      rgba(198, 64, 67, 1) 0%,
      rgba(198, 64, 67, 1) 35%,
      rgba(234, 119, 74, 1) 100%); */
  border-radius: 10px;
}

.gander.blood-group.religion [type="radio"] + .div-bg > div > img:first-child {
  display: block;
}

.gander.blood-group.religion [type="radio"] + .div-bg > div > img:last-child {
  display: none;
}

.gander.blood-group.religion [type="radio"]:checked ~ .div-bg > p > span,
.gander.blood-group.religion [type="checkbox"]:checked ~ .div-bg > p > span {
  /* color: #fff; */
}

.gander.blood-group.religion
  [type="radio"]:checked
  + .div-bg
  > div
  > img:first-child {
  display: none;
}

.gander.blood-group.religion
  [type="radio"]:checked
  + .div-bg
  > div
  > img:last-child {
  display: block;
}

.gander.blood-group.religion.community [type="radio"] + div,
.gander.blood-group.religion.community [type="checkbox"] + div {
  padding: 20px;
  box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 6%);
  background-color: #fff;
  border-radius: 10px;
}

#ui-datepicker-div {
  display: none;
  background-color: #fff;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
  margin-top: 0.25rem;
  border-radius: 0.5rem;
  padding: 0.5rem;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.ui-datepicker-calendar thead th {
  padding: 0.25rem 0;
  font-size: 0.75rem;
}

.ui-datepicker-calendar tbody td {
  width: 2.5rem;
  text-align: center;
  padding: 0;
}

.ui-datepicker-calendar tbody td a {
  display: block;
  border-radius: 0.25rem;
  line-height: 2rem;
  transition: 0.3s all;
  color: #546e7a;
  font-size: 0.875rem;
  text-decoration: none;
}

.ui-datepicker-calendar tbody td a:hover {
  background: rgb(198, 64, 67);
  background: linear-gradient(
    90deg,
    rgba(198, 64, 67, 1) 0%,
    rgba(198, 64, 67, 1) 35%,
    rgba(234, 119, 74, 1) 100%
  );
  color: #fff;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
  background: rgb(198, 64, 67);
  background: linear-gradient(
    90deg,
    rgba(198, 64, 67, 1) 0%,
    rgba(198, 64, 67, 1) 35%,
    rgba(234, 119, 74, 1) 100%
  );
  color: white;
}

.ui-datepicker-header a.ui-corner-all {
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 2rem;
  height: 2rem;
  margin: 0 0.5rem;
  border-radius: 0.25rem;
  transition: 0.3s all;
}

.ui-datepicker-header a.ui-corner-all:hover {
  background-color: #eceff1;
}

.ui-datepicker-header a.ui-datepicker-prev {
  left: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: 0.5rem;
  background-position: 50%;
  transform: rotate(180deg);
}

.ui-datepicker-header a.ui-datepicker-next {
  right: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 50%;
}

.ui-datepicker-header a > span {
  display: none;
}

.ui-datepicker-title {
  text-align: center;
  line-height: 2rem;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  padding-bottom: 0.25rem;
}

.ui-datepicker-week-col {
  color: #78909c;
  font-weight: 400;
  font-size: 0.75rem;
}

.AddtoList,
.remove {
  font-weight: 700;
  cursor: pointer;
  float: right;
  margin: 0.5rem 0;
  color: #ec008c;
}

.graduation .element {
  border-top: 2px dashed #ec008c;
  padding: 2rem 0px;
}

.graduation .element:first-child {
  border-top: 0px dashed #ec008c;
  padding: 0 0 2rem 0px;
}

.Present-checkbox label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #ec008c;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 6px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.doc-upload-wrapper {
  background-color: #fff;
  padding: 20px;
  border: 1px dashed #ec008c;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}
.doc-upload-wrapper input {
  display: none;
}
.Present-checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.Present-checkbox label {
  color: #ec008c;
}

.input-container.Present-checkbox {
  text-align: end;
}

.input-container.Present-checkbox .gov {
  text-align: center;
}

.input-container > input {
  /* width: 350px; */
  height: 40px;
}

.Present-checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: 56px;
  width: 5px;
  height: 10px;
  border: solid #ec008c;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

::-webkit-input-placeholder {
  /* Edge */
  font-size: 15px;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 15px;
}

::placeholder {
  font-size: 15px;
}

.input-container select {
  font-size: 15px;
}

.input-container {
  position: relative;
}

.upload-photo-video-input.family-img {
  display: block;
  margin: auto;
  text-align: center;
}

.upload-photo-video-input.family-img .upload-btn-wrapper .btn,
.upload-photo-video-input.family-img .upload-btn-wrapper {
  width: 70%;
}

.more-filters {
  color: #0f75bc;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
}
.family-lft-img .preferences-bg {
  height: 79pc;
  object-fit: fill;
}

.diet {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  justify-content: space-around;
}

.diet .gander.blood-group {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px 39px;
  align-items: center;
}

.diet .gander.blood-group .div-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  grid-gap: 0 10px;
  box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 6%);
  border-radius: 10px;
}

.diet .gander.blood-group label p {
  margin: unset;
  font-size: 16px;
}

.drinking.diet .gander.blood-group {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px 30px;
}

.diet.pets {
  justify-content: flex-start;
}

.marital-status.partner-preferences {
  display: block;
}

.marital-status.partner-preferences [type="radio"] + label {
  text-align: left;
  box-shadow: unset;
  padding: 20px 25px;
  font-weight: 500;
}

.marital-status.partner-preferences [type="radio"]:checked + label:before,
.marital-status.partner-preferences [type="radio"]:not(:checked) + label:before,
.marital-status.partner-preferences [type="radio"]:checked + label:after,
.marital-status.partner-preferences [type="radio"]:not(:checked) + label:after {
  left: 0;
}

.year-slider #slider,
.partner-Annual #slider-range-price-sales,
#sliderWidth {
  margin: 10px 0px;
}

.year-slider .date {
  display: none;
}

.partner-Year label {
  font-size: 14px;
  font-weight: 600;
}

.year-slider .ui-slider-handle:after {
  display: none;
}

.gov {
  display: flex;
  flex-direction: column;
}

.family_member {
  display: flex;
  flex-direction: column;
}

.gov label {
  font-size: 20px;
  font-weight: bold;
}

.form-grouppp {
  justify-content: center;
}

.form-grouppp > select {
  width: 500px !important;
  height: 40px !important;
}

.boxpop {
  height: 400px;
}

.partner-Year {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: capitalize;
}

.sliderValue {
  border: 0;
  font-size: 14px;
  font-weight: 600;
  width: 19px;
}

.year-slider .ui-widget-header,
.partner-Annual .ui-widget-header {
  background: rgb(198, 64, 67);
  background: linear-gradient(
    90deg,
    rgba(198, 64, 67, 1) 0%,
    rgba(198, 64, 67, 1) 35%,
    rgba(234, 119, 74, 1) 100%
  );
}

.year-slider .ui-widget-content,
.partner-Annual .ui-widget-content {
  border: 0;
  box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 6%);
}

.year-slider .ui-state-default,
.year-slider .ui-widget-content .ui-state-default,
.year-slider .ui-widget-header .ui-state-default,
.partner-Annual.year-slider .ui-state-default,
.partner-Annual .ui-widget-content .ui-state-default,
.partner-Annual .ui-widget-header .ui-state-default {
  border: 4px solid #ea774a;
  background: #fff;
  border-radius: 50%;
  color: unset;
  cursor: grab;
}

.year-slider .ui-state-focus,
.year-slider .ui-widget-content .ui-state-focus,
.partner-Annual .ui-state-focus,
.partner-Annual .ui-widget-content .ui-state-focus {
  outline: 0;
}

.partner-Annual .date {
  border: 0;
  width: 83px;
  font-size: 14px;
  padding: 0;
  margin: 0;
  font-weight: 600;
}

.prefen .form-group {
  border-top: 2px dashed #ec008c;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.prefen .form-group:first-child {
  border-top: 0px dashed rgb(198, 64, 67);
}

.commu-relig {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 10px 20px;
  text-align: center;
}

.commu-relig span {
  box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 6%);
  border-radius: 10px;
  background-color: #fff;
  padding: 10px 30px;
  font-weight: 600;
  cursor: pointer;
}

.commu-relig span p {
  margin-bottom: 0;
}

.form-group.has-search {
  position: relative;
}

.modal-content.other-city {
  background-color: #fef6f2;
}

.has-search .form-control-feedback {
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  right: 9px;
  top: 18px;
  background-image: url(../images/partner-search.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.other-city .form-control {
  border: 0;
  border-radius: 10px;
  height: 60px;
}

.modal-content.other-city .modal-header {
  border-bottom: 0;
  justify-content: center;
}

.modal-content.other-city button.btn-close {
  position: absolute;
  right: 16px;
  top: 16px;
  color: #000;
  opacity: 1;
}

.Partner-Preferencesimg.family-lft-img .preferences-bg {
  height: 86pc;
}

.modal-body .gander.blood-group.religion [type="radio"] + div,
.gander [type="checkbox"] + div {
  background-color: transparent;
  border-radius: 10px;
  padding: 5px;
}

/*============== Matches page ==============*/
.match-body {
  background-color: #fef8f5;
}

.header-top-tab {
  background: rgb(198, 64, 67);
  background: linear-gradient(
    90deg,
    rgba(198, 64, 67, 1) 0%,
    rgba(198, 64, 67, 1) 35%,
    rgba(234, 119, 74, 1) 100%
  );
  padding: 2rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-top-tab .navbar-brand img {
  height: 4rem;
  transition: height 0.3s ease-in-out;
}

.tabs-list {
  background-color: #fff;
  padding: 0.5rem;
  border-radius: 30px;
  text-align: center;
  display: flex;
}

.tabs-list a {
  padding: 10px 20px;
  display: flex;
  grid-gap: 0 10px;
  border-radius: 30px;
  align-items: center;
}

.tabs-list a img:first-child,
.tabs-list a.active img:last-child {
  display: block;
}

.tabs-list a img:last-child,
.tabs-list a.active img:first-child {
  display: none;
}

.tabs-list a.active {
  background: rgb(198, 64, 67);
  background: linear-gradient(
    90deg,
    rgba(198, 64, 67, 1) 0%,
    rgba(198, 64, 67, 1) 35%,
    rgba(234, 119, 74, 1) 100%
  );
  color: #fff;
}

.css-187mznn-MuiSlider-root {
  color: #ec008c !important;
  height: 10px !important;
}

.css-14pt78w-MuiSlider-rail {
  height: 10px !important;
}

.gander.blood-group.religion
  [type="checkbox"]
  + .div-bg
  > div
  > img:first-child,
.gander.blood-group.religion
  [type="checkbox"]:checked
  + .div-bg
  > div
  > img:last-child {
  display: block;
}

.gander.blood-group.religion [type="checkbox"] + .div-bg > div > img:last-child,
.gander.blood-group.religion
  [type="checkbox"]:checked
  + .div-bg
  > div
  > img:first-child {
  display: none;
}

.marital-status {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px 125px;
  justify-content: center;
  align-items: center;
}

.marital-status [type="radio"]:checked,
.marital-status [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.marital-status [type="radio"]:checked + label,
.marital-status [type="radio"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #fff;
  font-weight: 600;
  text-transform: capitalize;
  background-color: #ec008c;
}

.marital-status [type="radio"] + label {
  box-shadow: 0px 0rem 4rem 0px rgb(0 0 0 / 8%);
  padding: 20px 20px;
  border-radius: 10px;
  min-width: 200px;
  text-align: center;
}

.marital-status [type="radio"]:checked + label:before,
.marital-status [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: -25px;
  top: 20px;
  width: 18px;
  height: 18px;
  border: 1px solid #0f75bc;
  border-radius: 100%;
  background: #fff;
}

.marital-status [type="radio"]:checked + label:after,
.marital-status [type="radio"]:not(:checked) + label:after {
  content: "";
  left: -25px;
  top: 20px;
  width: 18px;
  height: 18px;
  border: 4px solid #0f75bc;
  position: absolute;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.marital-status [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.marital-status [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

span.botr {
  margin: 1rem 0;
  color: inherit;
  border: 1px dashed #ec008c;
  display: block;
}

.nationality-box {
  background-color: #fff;
  box-shadow: 0px 0rem 4rem 0px rgb(0 0 0 / 8%);
  padding: 1rem;
  border-radius: 10px;
}

.marital-status.yesNo [type="radio"] + label {
  box-shadow: unset;
  padding: 0 0 0 25px;
  border-radius: 0;
  min-width: auto;
  text-align: center;
}

.offcanvas-title {
  color: #ec008c;
  font-weight: bold;
}

.marital-status.yesNo [type="radio"]:checked + label:before,
.marital-status.yesNo [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #0f75bc;
  border-radius: 100%;
  background: #fff;
}

.marital-status.yesNo [type="radio"]:checked + label:after,
.marital-status.yesNo [type="radio"]:not(:checked) + label:after {
  content: "";
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 4px solid #0f75bc;
  position: absolute;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.b-r-20 {
  border-radius: 20px;
}

.range {
  background-color: #fafafa;
  padding: 1rem;
  box-shadow: 0px 0rem 4rem 0px rgb(0 0 0 / 8%);
  border-radius: 10px;
}

.form-group.range__value {
  margin-top: 6px;
}

.range .form-group span {
  font-weight: 600;
  color: #3c3b3b;
}

.range__slider [type="range"] {
  width: 100%;
  -webkit-appearance: none;
  height: 13px;
  border-radius: 6px;
  background: #f1f1f1;
  outline: none;
  padding: 0;
  margin: 0;
}

.range .marital-status {
  grid-template-columns: repeat(1, 1fr);
}

.form-stylee .form-groupp .form-controll {
  height: 60px;
  border-radius: 10px;
  border: 2px solid #ddd;
}

.form-stylee .form-groupp {
  height: auto;
  border-radius: 1px;
  width: 100%;
  border: 0px solid #ced4da;
}

.form-style .form-control {
  border: 0;
  height: 60px;
  padding: 10px 30px;
  box-shadow: 0px 0rem 4rem 0px rgb(0 0 0 / 18%);
  border-radius: 15px;
}

.searchWrapper {
  border: 0;
  border-radius: 4px;
  /* min-height: 37px; */
  box-shadow: 0px 0rem 4rem 0px rgb(0 0 0 / 18%);
  padding: 10px 30px;
  position: relative;
}

.detail_notify {
  object-fit: contain;
  width: 100px;
  height: 50px;
  border-radius: 10px;
}

.form-styl .form-contro {
  border: 0;
  height: 60px;
  padding: 10px 30px;
  box-shadow: 0px 0rem 4rem 0px rgb(0 0 0 / 18%);
  border-radius: 15px;
}

.form-select {
  padding: 8px 20px 8px 30px;
  font-size: 13px;
  font-weight: 300;
  height: 52px;
  width: 125px;
  line-height: 1;
  background: #ffffff;
  border-radius: 10px;
  border: 0;
  outline: none;
  box-shadow: 0px 10px 20px -5px;
  padding-right: 2rem !important;
}

.MuiPagination-ul {
  margin: 0;
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  justify-content: center;
}

.MuiPaginationItem-page.Mui-selected {
  background-color: #ec008c !important;
  color: white !important;
}

.form-selectt {
  padding: 8px 20px 8px 30px;
  font-size: 13px;
  font-weight: 300;
  height: 52px;
  width: 150px;
  color: #656565;
  background: #ffffff;
  border-radius: 10px;
  border: 0;
  outline: none;
  box-shadow: 0px 10px 20px -5px;
}

.textarea-control {
  height: auto;
  width: 100%;
  border-radius: 10px;
  padding: 0.375rem 0.75rem;
  border: none;
  color: #242424;
  background: #fdfdfd;
  font-weight: 400;
  box-shadow: 0px 0rem 4rem 0px rgb(0 0 0 / 18%);
}

@media (max-width: 767.9px) {
  form.row.form-style {
    padding-left: 15px;
  }
}

.profile-form {
  max-width: 50%;
  margin: auto;
}

.profile-upload .Guidelines-point.profile-upload div:first-child {
  box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 6%);
  text-align: center;
  border-radius: 10px;
  padding: 15px 34px;
  font-weight: 600;
  background-color: #fff;
  color: #000;
}

.profile-upload {
  max-width: 670px;
  margin: 1rem auto;
}

.profile-upload .Guidelines {
  color: #ef7e4c;
  font-weight: 600;
}

.profile-upload
  .marital-status.partner-preferences
  [type="radio"]:checked
  + label,
.profile-upload
  .marital-status.partner-preferences
  [type="radio"]:not(:checked)
  + label {
  background-color: transparent;
}

.wrapper .file-upload {
  height: 270px;
  width: 100%;
  position: relative;
}

.wrapper .file-upload img {
  height: 270px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 8%);
}

.wrapper .file-upload input[type="file"] {
  height: 270px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.remove-photo {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 20px;
  width: 30px;
}

.wrapper .file-upload .remove-photo img {
  width: 30px;
  height: 30px;
}

.login-social {
  margin: 2rem 0;
}

.login-social-btn {
  background-color: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 27px 50px;
  color: #000;
  font-weight: 600;
  white-space: nowrap;
}

.f-w-600 {
  font-weight: 600;
}

.login-page .btn-submit {
  width: 50%;
}

.profile-upload
  .marital-status.partner-preferences
  [type="radio"]:checked
  + label,
.profile-upload
  .marital-status.partner-preferences
  [type="radio"]:not(:checked)
  + label {
  background-color: transparent;
}

.gander.blood-group.religion.community [type="radio"] + div {
  background-color: #fff;
  padding: 20px;
}

.setting-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.switch {
  height: 24px;
  display: block;
  position: relative;
  cursor: pointer;
}

.switch input {
  display: none;
}

.switch input + span {
  padding-left: 0px;
  min-height: 24px;
  line-height: 24px;
  display: block;
  color: #99a3ba;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  transition: color 0.3s ease;
}

.switch input + span:before,
.switch input + span:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 12px;
}

.switch input:checked + span:before {
  border: 2px solid #c64043;
}

.switch input + span:before {
  top: 0;
  left: -8px;
  width: 39px;
  height: 18px;
  background: transparent;
  transition: all 0.3s ease;
  border: 2px solid #a39595;
}

.switch input + span:after {
  width: 10px;
  height: 10px;
  background: #a39595;
  top: 4px;
  left: -4px;
  box-shadow: 0 1px 3px rgba(18, 22, 33, 0.1);
  transition: all 0.45s ease;
}

.switch input + span strong {
  font-weight: normal;
  position: relative;
  display: block;
  top: -1px;
  left: -32px;
}

.switch input + span strong:before,
.switch input + span strong:after {
  font-size: 14px;
  font-weight: 500;
  display: block;
  font-family: "Mukta Malar", Arial;
  -webkit-backface-visibility: hidden;
}

.switch input + span strong:before {
  content: "Off";
  transition: all 0.3s ease 0.2s;
}

.switch input + span strong:after {
  content: "On";
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  color: #c64043;
  transition: all 0.3s ease;
  transform: translate(2px, 0);
}

.switch.Lock-On-Exit input + span strong:before {
  content: "Disable";
}

.switch.Lock-On-Exit input + span strong:after {
  content: "Enable";
}

.switch.Lock-On-Exit input + span:before {
  left: 17px;
}

.switch.Lock-On-Exit input + span:after {
  left: 22px;
}

.switch input:checked + span:after {
  background: #c64043;
  transform: translate(18px, 0);
}

.switch input:checked + span strong:before {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  transform: translate(-2px, 0);
}

.switch input:checked + span strong:after {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
  transition: all 0.3s ease 0.2s;
}

.reportaproblem .toggle-icon:after {
  top: 13px;
}

.range.bg-trans .marital-status [type="radio"]:checked + label,
.range.bg-trans .marital-status [type="radio"]:not(:checked) + label {
  background-color: transparent;
  text-align: left;
}

.range.bg-trans.reason-accont .marital-status [type="radio"]:checked + label,
.range.bg-trans.reason-accont
  .marital-status
  [type="radio"]:not(:checked)
  + label {
  font-weight: normal;
}

.gg-25 {
  grid-gap: 25px;
}

.input-img.rep-iss {
  top: 17px;
}

.input-img {
  position: absolute;
  top: 24px;
  left: 8px;
}

.field-icon {
  position: absolute;
  top: 23px;
  right: 15px;
}

.Present-checkbox.highest-qualification input:checked + label:after {
  left: 5px;
  right: unset;
}

.Present-checkbox.highest-qualification label {
  position: relative;
}

.edit-span-button {
  position: absolute;
  right: 30px;
  top: 40px;
}

.edit-span-button .edit-pages {
  right: 0;
  width: 10rem;
}

.dropdown {
  position: absolute !important;
}

.tabs-lists {
  background-color: #fff;
  border-radius: 100px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  position: relative;
}

.bg-danger {
  color: #fff !important;
  background-color: crimson !important;
  height: 17px !important;
}

.dropdown-toggle::after {
  content: none !important;
}

.notification {
  color: #ec008c;
  font-weight: bold;
}

.dropdown-menu.show {
  display: block !important;
  background: #fff;
  border-radius: 50px;
  width: 460px !important;
  border: none;
}

.unread {
  color: black;
  font-weight: bold;
}

.dropdown-item:hover {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  background: lightgray;
  color: #ffffff;
  text-align: inherit;
  white-space: nowrap;
  border: 0;
  border-radius: 20px;
}

.fa-circle:before {
  content: "\f111";
  color: #ec008c;
  margin-right: 5px;
}

.fa-bell:before {
  content: "\f0f3";
  color: #0f75bc;
}

.dropdown-item a:hover {
  text-decoration: none;
  color: black;
}