.user-settings .user-profile-main .sign-up-right{
    width: 100%;
}
.book-details-wrapper.user-settings-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading h1,
.book-details-wrapper.user-settings-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading a,
.book-details-wrapper.user-notification-settings .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading h1{
    color: var(--primary-color);
    margin: 0;
    font-size: 52px;
    line-height: 78px;
    font-family: 'Gurmukhi MN';
    font-weight: 400;
    height: 54px;
}

.book-details-wrapper.user-settings-wrapper .my-bookshelf-details-wrapper-left .my-bookshelf-details-wrapper-thumb {
    box-shadow: none;
    margin: 0;
    width: 100%;
    height: auto;
}

.book-details-wrapper.user-settings-wrapper .my-bookshelf-details-wrapper-left .users-settings-navbar {

}

.book-details-wrapper.user-settings-wrapper .my-bookshelf-details-wrapper-left .users-settings-navbar ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.book-details-wrapper.user-settings-wrapper .my-bookshelf-details-wrapper-left .users-settings-navbar li {
    width: 100%;
}

.book-details-wrapper.user-settings-wrapper .my-bookshelf-details-wrapper-left .users-settings-navbar li a {
    width: 100%;
    font-size: 16px;
    line-height: 100%;
    font-weight: var(--font-weight-600);
    height: auto;
    padding: 17px 15px;
}

.book-details-wrapper.user-settings-wrapper .my-bookshelf-details-wrapper-left .users-settings-navbar li.active a {
    border-left: 2px solid var(--primary-color);
    color: var(--primary-color);
}

.my-profile-actions-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    flex-direction: column;
}

.my-profile-actions label {
    display: block;
    font-size: 16px;
    line-height: 100%;
    font-weight: var(--font-weight-600);
    margin-bottom: 20px;
}

.my-profile-actions button{
    background: var(--secondary-color);
    color: var(--white-color);
    border: 1px solid var(--secondary-color);
    transition: all 0.3s ease;
    font-size: 14px;
    line-height: 18px;
    font-weight: var(--font-weight-500);
    padding: 14px 18px;
    border-radius: 40px;
    cursor: pointer;
    letter-spacing: var(--letter-spacing);
}
#userProfileform .user-profile-img-size{
    max-width: 221px;
    max-height: 221px;
    width: 221px;
    height: 221px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top center;
}
.user-settings-profile-page .my-bookshelf-details-wrapper-right,
form#userProfileform.sign-up-frm .form-group label,
form#userContactform.sign-up-frm .form-group label,
form#userProfileform .sign-up-form.user-information-form .profile-info-section .form-group.form-group-textarea textarea,
.user-settings-contact .sign-up-form.user-information-form .contact-info-section .form-group.form-group-textarea textarea,
.invite-link-page .sign-up-frm .form-group label,
.user-settings-apps .sign-up-frm .form-group label{
    background-color: #FDFCF6;
}
form#userProfileform .sign-up-right{
    width: 1112px;
    text-align: left;
}
form#userProfileform .sign-up-form.user-information-form{
    width: 100%;
    max-width: unset;
}
form#userProfileform .sign-up-form.user-information-form input,
.user-settings-apps .sign-up-frm .form-group input{
    width: 350px;
}
form#userProfileform .sign-up-form.user-information-form .profile-info-section .profile-info-inner-section{
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px!important;
}
form#userProfileform .sign-up-form.user-information-form .profile-info-section .form-group.form-group-textarea textarea{
    width: 1110px;
    height: 100px;
    border: 1px solid #22273629;
    border-radius: 20px;
    padding: 14px 20px;
}
form#userProfileform .form-group.form-group-picker i {
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
}
form#userProfileform .form-group.form-group-picker .yearpicker-container {
  width: 100%;
  background: var(--beige-color);
}

form#userProfileform .form-group.form-group-picker .yearpicker-year {
  margin: 0;
}

form#userProfileform .form-group.form-group-picker .yearpicker-items{
  padding: 0.6rem 0.5rem;
}

form#userProfileform .form-group.form-group-picker .yearpicker-items:hover {
  background: var(--beige-color);
  color: var(--primary-color);
}

form#userProfileform .form-group.form-group-picker .yearpicker-items.selected {
  color: var(--primary-color);
}
form#userProfileform .my-bookshelf-details-wrapper-inner-content{
    text-align: left;
}
form#userProfileform .my-bookshelf-details-wrapper-inner-content strong,
.user-settings-wrapper.privacy-settings .user-privacy-settings .setting-item div strong,
.user-settings-wrapper.user-notification-settings .setting-item .email-notify strong,
.user-settings-wrapper.user-notification-settings .setting-item .app-notify strong,
.user-notification-settings .notifications-list .notification-content h4.notification-title{
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
}
.user-settings-profile-page .error-message{
  color: #e74c3c;
  font-size: 13px;
  margin-top: 5px;
  display: none;
  text-align: left;
  margin-top: 10px;
}
.user-information-form input.btn.user-profile-submit{
  font-weight: var(--font-weight-600);
  width: 185px!important;
}
.user-information-form input.btn.user-profile-submit,
.user-information-form input.btn.user-contact-submit,
.invite-link-page button.btn,
.user-settings-apps .sign-up-frm .form-group .btn,
.user-settings-apps .connect-linkedin-btn .con-linkedin-btn,
.user-settings-apps .connect-twitter-btn .con-twitter-btn,
.user-notification-settings .user-notifications-title-wrapper .mark-all-as-read .btn{
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.25px;
  background: var(--secondary-color);
  color: var(--white-color);
  transition: all 0.3s ease;
  border: 1px solid var(--secondary-color);
  cursor: pointer;
  padding: 15px 20px;
  border-radius: 40px;
}
/*User Privacy Settings*/
.user-privacy-settings{
    background-color: #FDFCF6;
}
.user-privacy-settings .setting-item,
.user-notification-settings .setting-item{
  width: 649px;
  margin-bottom: 30px;
}

.user-privacy-settings .setting-item.hide-birth-year,
.user-privacy-settings .setting-item.bookshelf-sharing,
.user-notification-settings .setting-item.email-notifications,
.user-notification-settings .setting-item.app-notifications .new-followers,
.user-notification-settings .setting-item.app-notifications .book-add-notifications{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.user-notification-settings .setting-item.app-notifications .new-followers,
.user-notification-settings .setting-item.app-notifications .book-add-notifications{
    margin-top: 20px;
}
.user-settings-wrapper.privacy-settings .user-privacy-settings .setting-item div.bookshelf-share,
.notification-settings .user-notification-settings .setting-item .email-notify,
.notification-settings .user-notification-settings .setting-item .app-notify{
    display: flex;
    flex-direction: column;
}
.user-settings-wrapper.privacy-settings .user-privacy-settings .setting-item div.bookshelf-share strong,
.user-settings-wrapper.notification-settings .user-notification-settings .setting-item div.email-notify strong,
.user-settings-wrapper.notification-settings .user-notification-settings .setting-item div.app-notify strong{
    margin-bottom: 6px;
    width: 100%!important;
}
.user-settings-wrapper.privacy-settings .user-privacy-settings .setting-item div small,
.user-settings-wrapper.notification-settings .user-notification-settings .setting-item div small,
.user-settings-apps .connect-amazon-wrapper .amazon-logo-text p,
.user-settings-apps .connect-linkedin-wrapper .linkedin-logo-text p,
.user-settings-apps .connect-twitter-wrapper .twitter-logo-text p,
.user-notification-settings .notifications-list .notification-content p.notification-message,
.user-notification-settings .notifications-list .notification-meta span.notification-time{
  font-family: Montserrat;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.25px;
}
.user-settings-wrapper.privacy-settings .user-privacy-settings .setting-item div small,
.user-settings-wrapper.notification-settings .user-notification-settings .setting-item div small,
.invite-link-page .refer-friends .refer-title span,
.invite-link-page .refer-friends .refer-title ul li{
  color: #8f9296;
}
.setting-item.hide-birth-year .checkbox input[type="checkbox"],
.setting-item.bookshelf-sharing .checkbox input[type="checkbox"],
.setting-item.email-notifications .checkbox input[type="checkbox"],
.setting-item.app-notifications .checkbox input[type="checkbox"],
.user-notifications-title-wrapper .checkbox input[type="checkbox"]{
  visibility: hidden;
  display: none;
}
.setting-item.hide-birth-year .checkbox .toggle,
.setting-item.bookshelf-sharing .checkbox .toggle,
.setting-item.email-notifications .checkbox .toggle,
.setting-item.app-notifications .checkbox .toggle,
.user-notifications-title-wrapper .checkbox .toggle{
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
}
.setting-item.hide-birth-year .checkbox .toggle:before,
.setting-item.bookshelf-sharing .checkbox .toggle:before,
.setting-item.email-notifications .checkbox .toggle:before,
.setting-item.app-notifications .checkbox .toggle:before,
.user-notifications-title-wrapper .checkbox .toggle:before{
  content: "";
  position: relative;
  top: 3px;
  left: 3px;
  width: 34px;
  height: 14px;
  display: block;
  background: #ECEBE7;
  border-radius: 8px;
  transition: background 0.2s ease;
}
.user-notifications-title-wrapper .checkbox .toggle:before{
  background: #E0DED6;
}
.setting-item.hide-birth-year .checkbox .toggle span,
.setting-item.bookshelf-sharing .checkbox .toggle span,
.setting-item.email-notifications .checkbox .toggle span,
.setting-item.app-notifications .checkbox .toggle span,
.user-notifications-title-wrapper .checkbox .toggle span{
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: var(--primary-color);
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
  transition: all 0.2s ease;
}
.setting-item.hide-birth-year .checkbox .toggle span:before,
.setting-item.bookshelf-sharing .checkbox .toggle span:before,
.setting-item.email-notifications .checkbox .toggle span:before,
.setting-item.app-notifications .checkbox .toggle span:before,
.user-notifications-title-wrapper .checkbox .toggle span:before {
  content: "";
  position: absolute;
  display: block;
  margin: -18px;
  width: 56px;
  height: 56px;
  background: rgba(255, 32, 32, 0.5);
  border-radius: 50%;
  transform: scale(0);
  opacity: 1;
  pointer-events: none;
}
.setting-item.hide-birth-year .checkbox #hide-birth-yr-cbx:checked + .toggle:before,
.setting-item.bookshelf-sharing .checkbox #bookshelf-sharing-cbx:checked + .toggle:before,
.setting-item.email-notifications .checkbox #email-notifications-cbx:checked + .toggle:before,
.setting-item.app-notifications .checkbox #new-followers-cbx:checked + .toggle:before,
.setting-item.app-notifications .checkbox #book-add-notify-cbx:checked + .toggle:before,
.user-notifications-title-wrapper .checkbox #show-unread-cbx:checked + .toggle:before {
  background: #F0AEAD;
}
.setting-item.hide-birth-year .checkbox #hide-birth-yr-cbx:checked + .toggle span,
.setting-item.bookshelf-sharing .checkbox #bookshelf-sharing-cbx:checked + .toggle span,
.setting-item.email-notifications .checkbox #email-notifications-cbx:checked + .toggle span,
.setting-item.app-notifications .checkbox #new-followers-cbx:checked + .toggle span,
.setting-item.app-notifications .checkbox #book-add-notify-cbx:checked + .toggle span,
.user-notifications-title-wrapper .checkbox #show-unread-cbx:checked + .toggle span {
  background: var(--primary-color);
  transform: translateX(20px);
  transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
  box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
}
.setting-item.hide-birth-year .checkbox #hide-birth-yr-cbx:checked + .toggle span:before,
.setting-item.bookshelf-sharing .checkbox #bookshelf-sharing-cbx:checked + .toggle span:before,
.setting-item.email-notifications .checkbox #email-notifications-cbx:checked + .toggle span:before,
.setting-item.app-notifications .checkbox #new-followers-cbx:checked + .toggle span:before,
.setting-item.app-notifications .checkbox #book-add-notify-cbx:checked + .toggle span:before,
.user-notifications-title-wrapper .checkbox #show-unread-cbx:checked + .toggle span:before {
  transform: scale(1);
  opacity: 0;
  transition: all 0.4s ease;
}
.location-options{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 20px;
}
.location-options .radio-label{
    width: fit-content;
    color: #8f9296;
    position: relative;
}

.location-options .radio-label:hover{
    cursor: pointer;
}
.location-options input[type="radio"]{
    width: 20px;
    height: 20px;
    vertical-align: text-top;
    margin-right: 12px;
    opacity: 0;
}
.location-options input[type="radio"]:checked + .radio-custom::before{
    content: "";
    position: absolute;
    background-color: var(--primary-color);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    top: 0;
    left: 3px;
    bottom: 0;
    margin: auto;
}
.location-options input[type="radio"] + .radio-custom::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #8f9296;
    border-radius: 50%;
    margin: auto;
}
.location-options input[type="radio"]:checked + .radio-custom::after{
    content: "";
    position: absolute;
    border: 1px solid var(--primary-color);
    top: 0;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto;
}

/*Help page > user settings*/
.help-page-content{
    width: 776px;
}
.help-faq-wrapper {
  font-family: Montserrat;
  width: 764px;
  margin-bottom: 20px;
}
.help-content h3{
  margin-bottom: 20px;
}
.faq-item {
  padding-top: 20px;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.faq-number {
  font-weight: bold;
  margin-right: 10px;
}

.faq-text {
  flex-grow: 1;
}

.faq-toggle img.faq-arrow-icon {
  width: 20px;
  transition: transform 0.3s ease;
}

.faq-question.active .faq-toggle img.faq-arrow-icon {
  transform: rotate(180deg);
}
.help-faq-wrapper .faq-answer {
  padding: 10px 0 0 20px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}
.faq-answer ul,
.faq-answer ul li ul li ul{
  margin-left: 0;
  padding-left: 10px;
}
.help-faq-wrapper h3,
.help-content h3,
.help-content h3 strong{
  font-family: Montserrat;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.25px;
}
.help-content p,
.faq-question .faq-text,
.faq-question .faq-number,
.faq-answer p,
.help-content ul li,
.faq-answer ul li,
.faq-answer,
.invite-link-page .refer-friends .refer-title span,
.invite-link-page .refer-friends .refer-title ul li,
.invite-link-page .sign-up-frm a.learn-more,
.invite-link-page .my-referrals-main .my-referrals-items h4,
.invite-link-page .my-referrals-main .my-referrals-items span,
.user-settings-apps .sign-up-frm .form-group .btn,
.leaflet-popup-content .map-user-name-country span,
.leaflet-popup-content .map-user-org-bookcount span{
  font-weight: 500;
}

.help-content h4 strong,
.help-content ul li strong,
.help-content p strong,
.faq-answer ul li strong,
.faq-answer p strong,
.invite-link-page .refer-friends .refer-title ul li strong,
.invite-link-page button.btn,
.user-settings-apps .connect-amazon-btn .con-amazon-btn,
.user-settings-apps .connect-linkedin-btn .con-linkedin-btn,
.user-settings-apps .connect-twitter-btn .con-twitter-btn,
.leaflet-popup-content .map-user-name-country strong,
.user-notification-settings .user-notifications-title-wrapper .mark-all-as-read .btn{
  font-weight: 600;
}
.help-content h4{
  padding-bottom: 20px;
}
.help-content p,
.help-content p strong,
.faq-question .faq-text,
.faq-question .faq-number,
.faq-answer p,
.faq-answer p strong,
.faq-answer ul li strong,
.faq-answer ul li,
.help-content ul li,
.help-content h4 strong,
.faq-answer,
.invite-link-page .refer-friends .refer-title span,
.invite-link-page .refer-friends .refer-title ul li{
  font-family: Montserrat;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -0.25px;
}
.help-content ul{
  margin-left: unset;
  padding-left: 30px;
}
.help-content p iframe{
  width: 754px;
  height: 292px;
  margin-bottom: 40px;
}
/*User Contact Page*/

form#userContactform .sign-up-form.user-information-form .contact-info-section .name-email-section{
  display: flex;
  flex-direction: row;
  gap: 12px;
}
form#userContactform .sign-up-form.user-information-form .contact-info-section .contact-info-inner-section{
  width: 570px;
}
form#userContactform .sign-up-form.user-information-form input{
  width: 279px;
}
form#userContactform .sign-up-form.user-information-form input#contact_subject{
  width: 100%;
}
form#userContactform .sign-up-form.user-information-form .contact-info-section .form-group.form-group-textarea textarea{
    border: 1px solid #22273629;
    border-radius: 20px;
    padding: 14px 20px;
}
form#userContactform .sign-up-form.user-information-form .contact-info-section span{
  color: var(--primary-color);
  font-weight: var(--font-weight-500);
  float: right;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.25px;
}
.user-information-form input.btn.user-contact-submit{
  font-weight: var(--font-weight-500);
  width: auto!important;
}
.user-information-form .form-group{
  margin-top: 27px;
}
.user-settings-contact .contact-main-wrapper h3{
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
}
.user-settings-wrapper .custom-sup-mail,
.user-settings-wrapper .contact-form,
.user-settings-wrapper .phone-support{
  margin-bottom: 40px;
}
.user-settings-wrapper .custom-sup-mail,
.user-settings-wrapper .phone-support,
.user-settings-contact .social-media-links{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.user-settings-contact .custom-sup-mail span,
.user-settings-contact .custom-sup-mail a,
.user-settings-contact .phone-support span,
.user-settings-contact .phone-support a,
.user-settings-contact .social-media-links span{
  font-family: Montserrat;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.25px;
}
.user-settings-contact .custom-sup-mail span,
.user-settings-contact .custom-sup-mail a,
.user-settings-contact .phone-support span,
.user-settings-contact .phone-support a,
.user-settings-contact .contact-form form,
.user-settings-contact .social-media-links span,
.user-settings-contact .social-media-links .contact-social-links{
  margin-left: 15px;
}
.user-settings-contact .custom-sup-mail span,
.user-settings-contact .phone-support span,
.user-settings-contact .social-media-links span{
  color: #22273680!important;
}
.user-settings-contact .custom-sup-mail a,
.user-settings-contact .phone-support a,
.help-content ul li a{
  color: var(--primary-color);
  text-decoration: none;
}
form .contact-info-inner-section span{
  margin-top: 6px;
}
.user-settings-contact .social-media-links .contact-social-links{
  margin-top: 10px;
}
.user-settings-contact .social-media-links .contact-social-links a{
  margin-right: 20px;
}
.user-settings-contact .sign-up-form.user-information-form{
  height: auto!important;
}
/* User Settings > Plan and Invite Page*/
.subscription-feature-table-switcher .pricing-toggle span.label,
.invite-link-page .refer-friends h3,
.invite-link-page .my-referrals-wrapper h3,
.invite-link-page .referral-table-wrapper h3,
.leaflet-popup-content .map-user-name-country strong{
  font-family: Montserrat;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.25px;
}
.invite-link-page .refer-friends{
  display: flex;
  gap: 30px;
}
.refer-friends .refer-title{
  max-width: 509px;
}
.refer-friends .refer-title h3{
  margin-bottom: 6px;
}
.invite-link-page .refer-friends .refer-title ul{
  margin: 0;
  padding-left: 22px;
}
.invite-link-page .refer-friends .refer-title ul li strong,
.invite-link-page .refer-friends .refer-title ul li::marker,
.invite-link-page .sign-up-frm .form-group input,
.user-settings-apps .sign-up-frm .form-group input,
.leaflet-popup-content .map-user-name-country strong a{
  color: #222736;
}
.invite-link-page .sign-up-frm .form-group input{
  width: 487px;
}
.invite-link-page .sign-up-frm .form-group{
  margin: 40px 0 10px 0;
  display: flex;
  gap: 6px;
}
.invite-link-page .sign-up-frm a.learn-more,
.user-settings-apps .connect-amazon-btn .con-amazon-btn,
.user-settings-apps .sign-up-frm .form-group .btn{
  font-family: Montserrat;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.25px;
}
.invite-link-page .sign-up-frm a.learn-more{
  color: var(--primary-color);
}
.invite-link-page .my-referrals-wrapper{
  margin-top: 40px;
}
.referral-table-wrapper .referral-table{
   margin-top: 30px;
}
.invite-link-page .my-referrals-main{
  margin-top: 15px;
}
.invite-link-page .my-referrals-main .my-referrals-items{
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  border-bottom: 1px solid rgba(34, 39, 54, 0.16);
}
.invite-link-page .my-referrals-main .my-referrals-items h4,
.invite-link-page .my-referrals-main .my-referrals-items span,
.leaflet-popup-content .map-user-name-country span,
.leaflet-popup-content .map-user-org-bookcount span{
  font-family: Montserrat;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.25px;
}
/* User Settings > Apps Page*/
.user-settings-apps .connect-amazon-wrapper,
.user-settings-apps .connect-linkedin-wrapper,
.user-settings-apps .connect-twitter-wrapper{
  display: flex;
  justify-content: space-between;
  width: 800px;
  margin-bottom: 40px;
}
.user-settings-apps .amazon-logo-text,
.user-settings-apps .linkedin-logo-text,
.user-settings-apps .twitter-logo-text{
  width: 357px;
}
.user-settings-apps .amazon-logo-text img{
  width: 102px;
  height: 30px;
}
.user-settings-apps .connect-amazon-btn .con-amazon-btn{
  padding: 15px 20px;
  border-radius: 40px;
  border: none;
  background: var(--primary-color);
  color: rgba(255, 255, 255, 1);
}
.user-settings-apps .sign-up-frm .form-group{
  display: flex;
  gap: 10px;
}
.user-settings-apps .linkedin-logo-text img{
  width: 125px;
  height: 30px;
}
.user-settings-apps .connect-linkedin-wrapper,
.user-settings-apps .connect-twitter-wrapper{
  width: 825px;
  margin-top: 60px;
}
.user-settings-apps .connect-amazon-wrapper .amazon-logo-text p,
.user-settings-apps .connect-linkedin-wrapper .linkedin-logo-text p,
.user-settings-apps .connect-twitter-wrapper .twitter-logo-text p{
  color: rgba(34, 39, 54, 0.50);
  margin-top: 12px;
}
.user-settings-apps .twitter-logo-text img{
  width: 30px;
  height: 30px;
}
.leaflet-popup-content{
  margin: 20px!important;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip{
  background: #FDFCF6!important;
}
.leaflet-popup-content .map-user-img{
  width: 60px;
}
.leaflet-popup-content .map-user-img img{
  border-radius: 50%;
  height: 60px;
  width: 60px;
}
.leaflet-popup-content .map-user-org-bookcount{
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  gap: 12px;
}
.map-user-name-country{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.leaflet-popup-content .map-user-org-bookcount span.map-user-org,
.leaflet-popup-content .map-user-name-country span{
  color: rgba(34, 39, 54, 0.60);
}
.leaflet-popup-content .map-user-org-bookcount span.map-book-count a{
  color: var(--primary-color);
}
.leaflet-container a.leaflet-popup-close-button{
  display: none;
}
.leaflet-popup-content .map-popup-wrapper{
  min-width: 160px; font-size: 14px;
}
.leaflet-popup-content .map-img-name-country{
  display: flex;
  gap: 12px;
}
.leaflet-popup-content .map-popup-wrapper .map-user-name-country a,
.leaflet-popup-content .map-user-org-bookcount span.map-book-count a{
  text-decoration: none;
}
.user-settings-apps .affiliate-input-wrapper{
  display:flex; align-items:center; gap: 10px;
}
.user-settings-apps .affiliate-input-wrapper i.affiliate-delete-icon{
  font-size: 26px!important; cursor:pointer; display: none;
}
.user-settings-apps .affiliate-input-wrapper i.affiliate-delete-icon.show{
  display: block!important;
}
/* User Notifivations red dot css*/
.my-bookshelf-page-header .header-user-profile-nav li.notification-bell-wrapper a{
    position: relative;
}

.header-user-profile-nav ul li.notification-bell-wrapper a span.red-dot {
    position: absolute;
    top: 4px;
    right: 0;
    width: 12px;
    height: 12px;
    background-color: var(--primary-color);
    border-radius: 50%;
    z-index: 1;
    display: none;
}
.header-user-profile-nav .notif-popup.search-field-dropdown.active{
  z-index: 9999;
}
.header-user-profile-nav ul.notif-popup-list{
  display: block;
}
.header-user-profile-nav ul.notif-popup-list li.bookshelf-dropdown-item,
.header-user-profile-nav ul.notif-popup-list li.bookshelf-dropdown-divider{
  width: 100%;
  justify-content: left;
  background-color: var(--soft-ivory);
  border-radius: unset;
}
.header-user-profile-nav ul.notif-popup-list li.bookshelf-dropdown-divider{
  justify-content: center;
}
.header-user-profile-nav ul.notif-popup-list li a.bookshelf-dropdown-item-link {
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--font-weight-500);
    color: var(--secondary-color);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.header-user-profile-nav ul.notif-popup-list li a.bookshelf-dropdown-item-link:hover,
.header-user-profile-nav ul.notif-popup-list li.bookshelf-dropdown-divider a{
  color: var(--primary-color);
  transition: all 0.3s ease;
}
.notif-popup.search-field-dropdown.active{
  width: 80%;
}
/* User Notification css */
.book-details-wrapper.user-settings-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading h1,
.book-details-wrapper.user-settings-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading a,
.book-details-wrapper.user-notification-settings .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading h1{
  color: var(--secondary-color);
}
.user-notifications-title-wrapper{
  display: flex;
  flex-direction: row;
}
.user-notification-settings .user-notifications-title-wrapper .show-unread-only{
  border-right: 2px solid rgba(34, 39, 54, 0.16);
  padding: 10.5px 20px 10.5px 0;
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.user-notification-settings .user-notifications-title-wrapper .mark-all-as-read .btn{
  margin-left: 20px;
  padding: 14px 20px;
}
.user-notification-settings .notifications-list{
  background-color: var(--soft-ivory);
}
/* .user-notification-settings .notifications-list .notification-item .notification-details, */
.user-notification-settings .notifications-list .notification-item,
.user-notification-settings .notifications-list .no-notifications{
  border-bottom: 1px solid rgba(34, 39, 54, 0.16);
  padding: 30px;
  display: flex;
  gap: 20px;
  align-items: center;
}
.user-notification-settings .notifications-list .notification-item .notification-details{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.user-notification-settings .notifications-list .notification-item{
  cursor: pointer;
}
.user-notification-settings .my-bookshelf-page-content .my-bookshelf-page-content-inner{
  border: none;
}
.user-notification-settings .notifications-list .notification-content p.notification-message,
.user-notification-settings .notifications-list .notification-meta span.notification-time{
  color: rgba(34, 39, 54, 0.70);
  line-height: 20px;
  margin-top: 6px;
}
.user-notification-list-scroll {
  max-height: 550px; /* Set a vertical height */
  overflow-y: auto;  /* Enable vertical scroll */
  overflow-x: auto;  /* Enable horizontal scroll */
  width: 100%;       /* Ensure it doesn't overflow the page */
  margin-top: 30px;
  scrollbar-color: #1e1e1e transparent;
}
.my-bookshelf-wrapper.book-details-wrapper.user-notification-settings .header-user-profile-nav ul li.notification-bell-wrapper{
  cursor: pointer;
  background-color: var(--primary-color)!important;
}
.user-notification-settings .my-bookshelf-page-header .header-user-profile-nav li.notification-bell-wrapper a{
  position: relative;
  color: var(--white-color);
}
.my-bookshelf-page-header .header-user-profile-nav li.notification-bell-wrapper a span.red-dot{
  background-color: var(--primary-color);
}
.user-notification-settings .my-bookshelf-page-header .header-user-profile-nav li.notification-bell-wrapper a span.red-dot{
  background-color: var(--white-color);
}
.my-bookshelf-page-header .header-user-profile-nav li.notification-bell-wrapper a span.red-dot {
  position: absolute;
  top: 0;
  right: 4px;
  width: 6px;
  height: 6px;
}
.user-notification-settings .notification-item span.unread-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 6px;
}
.user-notification-settings .notification-item.read .dot-grey {
    background-color: #ccc;
}
.user-notification-settings .notification-item.unread .dot-red {
    background-color: var(--primary-color);
}
/*User Notification Pagination*/
.network-pagination .pagination-dots,
.network-pagination .user-notification-pagination-link{
    border-radius: 50px;
    background: var(--secondary-color);
    font-size: 14px;
    font-weight: var(--font-weight-500);
    letter-spacing: var(--letter-spacing);
    color: var(--white-color);
    text-decoration: none;
    display: inline-block;
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.network-pagination .pagination-dots strong {
    position: relative;
    top: -3px;
    letter-spacing: 2px;
    left: 1.5px;
}

.network-pagination .user-notification-pagination-link.disabled {
    background: #ddd;
    color: #999;
    cursor: default;
    pointer-events: none;
}
.user-notification-pagination-link.pagination-link-next i {
    transform: rotate(-180deg);
}
.user-notification-pagination-link.active {
    background: var(--primary-color);
    color: var(--white-color);
}

.user-notification-pagination-link:hover {
    background: var(--primary-color);
    color: var(--white-color);
}
/*End User Notification Pagination*/