:root{
  --primary-color:#13487d;
  --secondary-color:#7420b7;
  --active-color:#02c9f2;
  --scrollbarBG: #CFD8DC;
  --thumbBG: #90A4AE;
  --kids-primary-color:#008CDD;
  --kids-secondary-color:#30DBFF;
  --kids-text-color:#5c5c7f;
}
/* Global */
.h-100 {
  height: 100%;
}
.text-purple{
 color: var(--secondary-color);
}

body .challenges-section .titled-box.type-2 .streak-section{
  background-color: var(--secondary-site-color);
  border: 2px solid var(--secondary-site-color);
  color: var(--site-color);
}

/* Page: https://kind.ecahosting.com/user-view-profile */
span.rating-stars.stars-type-2, span.rating-stars:before {
  width: 187px;
  height: 19px;
}
.cs_kids_account .your-dashboard-link,
.cs_kids_account .challenges-section .titled-box.type-2 .title,
.cs_kids_account.link1-timeline .kindilly-score-section{
  background-color: var(--kids-primary-color);
  border-color: var(--kids-primary-color);
}
.cs_kids_account .cs-profile-top-text-section h2,
.cs_kids_account .act-details .details .content,
.cs_kids_account .search-ip-style button i{
  color:var(--kids-text-color);
}
.cs_kids_account .custom-personal-account .cs-profile-wrap,
.cs_kids_account .challenges-section .titled-box.type-2 .info,
body.cs_kids_account .custom-personal-account .kind_side_loggd_usr_hdr .avatar,
body.cs_kids_account .bordered-cntnr,
body.cs_kids_account.link1-sending-acts .sidebar-conatnier .sidebar div.choose-contact-box,
body.cs_kids_account.link1-sending-acts .sidebar-conatnier .sidebar .choose-contact-box.cs-user .avatar img,
body.cs_kids_account.link1-sending-acts .acts-catlist .acts-cat .img-header .arc:before,
body.cs_kids_account.link1-sending-acts .acts-catlist .acts-cat:hover,
body.cs_kids_account.link1-sending-acts .acts-catlist .acts-cat.active,
body.cs_kids_account .parent-account-card .avatar,
body.cs_kids_account .form-control,
body.cs_kids_account #dependent-add-content-modal input:focus,
.cs_kids_account .profile-edit-cntnr .sidebar-conatnier,
.cs_kids_account .search-bar.btn-purple .search-ip,
body.cs_kids_account.link1-sending-acts .donation-lists .donation-box.active, 
body.cs_kids_account.link1-sending-acts .donation-lists .donation-box:hover,
body.cs_kids_account .search-bar.btn-purple .btn-search,
body.cs_kids_account .kid-avatar:hover, 
body.cs_kids_account .kid-avatar.active,
body.cs_kids_account .cs-illy-gray-circle{
  border-color: var(--kids-primary-color);
}
body.cs_kids_account.link1-sending-acts .acts-catlist .acts-cat,
body.cs_kids_account.link1-sending-acts .acts-of-kindness-list .donation-lists .donation-box,
body.cs_kids_account.link1-sending-acts .charity-donate-form .fields-cntnr input{
  border-bottom-color:var(--kids-primary-color);
}
.cs_kids_account .name-info.home-welcome{
  /** all ready used !important **/
  color: var(--kids-primary-color) !important;
}
.cs_kids_account .cs-btn-purple{
  background-color: var(--kids-primary-color) !important;
}
.cs_kids_account .acts_tab .kindness-type .kindness-type-item.active .image,
.cs_kids_account .kind_side_loggd_usr_hdr .avatar img{
  /** all ready used !important **/
  border-color: var(--kids-primary-color) !important;
}
.cs_kids_account .custom-personal-account .kind_side_loggd_usr_hdr .title .edit-profile:before,
.cs_kids_account .custom-personal-account .kind_side_loggd_usr_hdr .title #user-full-name,
.cs_kids_account .color-purple,
body.cs_kids_account.link1-sending-acts .sidebar-conatnier .sidebar .choose-contact-box div.title-cntnr .title,
.cs_kids_account .purpel,
.cs_kids_account .cs-spread-kindness-tab .title .back-to-spread-kindness:before, 
.cs_kids_account .cs-spread-kindness-tab .title .back-to-donation-kindness:before,
body.cs_kids_account.link1-sending-acts .acts-catlist .acts-cat:hover .title, 
body.cs_kids_account.link1-sending-acts .acts-catlist .acts-cat.active .title,
.cs_kids_account .acts_tab .kindness-type .title,
.cs_kids_account .text-purple,
.cs_kids_account .profile-edit-cntnr .section-title,
.cs_kids_account .act-details .details .text .sender,
.cs_kids_account .act-details .act-nav a,
.cs_kids_account .kind_form_fields.field-inline input,
.cs_kids_account .kind_form_fields.field-inline select,
.cs_kids_account .purpel,
.cs_kids_account.link1-sending-acts .donation-lists .donation-box:hover .title,
.cs_kids_account .cs-spread-kindness-tab .title .back:before,
body.cs_kids_account .kind_sett_sidebar ul li.active.points a,
body.cs_kids_account .earn_points .ep_illus .ep_how_many.like_post svg,
body.cs_kids_account.link1-sending-acts .donation-lists .donation-box.active .title,
body.cs_kids_account.link1-sending-acts .charity-donate-form .fields-cntnr label,
body.cs_kids_account .kind_side_loggd_usr_hdr .title #user-full-name,
body.cs_kids_account span.cs-days,
body.cs_kids_account .sidebar-cntnr.bg-w .title,
body.cs_kids_account .profile-top-text-section h2{
  color: var(--kids-primary-color);
}
.cs_kids_account .sidebar-purple,
.cs_kids_account .footer-wrapper,
.cs_kids_account .ip-with-btn .btn,
.cs_kids_account .modal-dialog .btn-row .btn,
.cs_kids_account .btn.btn-purple,
.cs_kids_account #kill_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .kill_msg_tabs li.active a,
.cs_kids_account #kill_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn:hover,
.cs_kids_account .kill_settings_page.kind_content .avatar-holder,
.cs_kids_account .setting-panel .kill_aff_sett,
.cs_kids_account .abbey-box > .title,
.cs_kids_account #kill_main_sett_mid .kill_settings_page .text-center>.btn-mat{
  background-color: var(--kids-primary-color);
}
.cs_kids_account .acts-catlist.cs-acts-catlist::-webkit-scrollbar-thumb,
.cs_kids_account .acts-design-list::-webkit-scrollbar-thumb,
.cs_kids_account .messages-dropdown::-webkit-scrollbar-thumb {
  background: var(--kids-primary-color);
  border: 3px solid var(--kids-primary-color);
}

.cs_kids_account.link1-timeline .kindilly-score-section .title h2,
.cs_kids_account .new_user,
body.cs_kids_account.link1-sending-acts .total-kindilly-acts .count,
body.cs_kids_account .disable-highlight .cs-progress-count,
body.cs_kids_account.link1-timeline .kindilly-score-section .score-details.disable-highlight .count, 
body.cs_kids_account.link1-timeline .kindilly-score-section .score-details.disable-highlight .lbl,
body.cs_kids_account.link1-timeline .kindilly-score-section .score-details.kindilly-plus-icon.disable-plus .count:after,
.cs_kids_account .cs-fw-size{
  color: var(--kids-secondary-color);
}
body.cs_kids_account.link1-sending-acts .acts-of-kindness-list .donation-lists .donation-box .img-header{
  box-shadow: 0 0 0 6px #eee, 0 0 0 12px var(--kids-primary-color);
}
body.cs_kids_account .disable-highlight .progress-circle{
  background: conic-gradient(var(--kids-secondary-color) 0%, var(--kids-secondary-color) 10%, var(--kids-secondary-color) 0 100%);
}
body.cs_kids_account .acts-design-list .acts-grid .card-item{
  background: linear-gradient(45deg, var(--kids-primary-color), var(--kids-primary-color));
}
.cs_kids_account .challenges-section .titled-box.type-2 .title,
body.cs_kids_account .abbey-box > .title h3{
  color: #fff;
}

span.rating-stars.stars-0:before {
  width: 0px;
}

span.rating-stars.stars-1:before {
  width: 40px;
}

span.rating-stars.stars-2:before {
  width: 80px;
}

span.rating-stars.stars-3:before {
  width: 120px;
}

span.rating-stars.stars-4:before {
  width: 160px;
}

span.rating-stars.stars-5:before {
  width: 200px;
}
.cs-kindilly-acts-section .kindilly-type-content {
  min-height: 400px;
  max-height: 700px;
  position: relative;
}



.no-found {
  width: 100%;
  text-align: center;
  display: grid;
  grid-column: 1/5;
}

/* sidebar  */

/* header tabs kindilly thought, acts, donation*/
.cs-kindilly-type-tab {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
body.link1-sending-acts .kindilly-acts-section div.kindilly-type-tab{
  padding: 0px;
}
.cs-kindilly-type-tab .act-type-link.active {
  font-size: 1.75rem !important;
}

.cs-total-kindilly-acts-container {
  gap: 1rem;
  margin-left: auto;
}

body.link1-sending-acts .kindilly-acts-section .cs-kindilly-type-tab .act-type-link:after {
  color: #7420b7;
  margin: 0 4px !important;
}

.cs-total-kindilly-acts-container .total-kindilly-acts {
  padding: 10px !important;
  background: #02c9f2;
}

.cs-total-kindilly-acts-container .total-kindilly-acts .count {
  font-size: 3.5rem !important;
}

/* tab content container */
.cs-tab-content {
  margin-top: 20px;
}

/* Act Categories  */
.choose-acts-kindness-section .cs-main-title h2 {
  margin-top: 0 !important;
}

#charity-box .cs-acts-catlist {
  background-color: #fff;
  justify-content: center;
  gap:16px;
}
body.link1-sending-acts .cs-acts-catlist{
  flex-wrap: wrap;
  gap: 16px;
}
body.link1-sending-acts .cs-acts-catlist .item{
  flex: 1 1 200px;
  padding: 10px;
  margin-bottom: 70px;
}
body.link1-sending-acts .tabs__tab .cs-acts-catlist .cs_content_wrap .title {
  font-size: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  justify-content: center;
}
body.link1-sending-acts .acts-catlist.kindilly-acts-list .acts-cat .img-header {
  width: 130px;
  margin-top: -22%;
}

body.link1-sending-acts .tabs__tab .cs-acts-catlist .cs_content_wrap .text-line {
  font-size: 16px;
  max-width: none;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
}

/* Desing list and message list */
.acts-design-list {
  overflow-y: auto;
  max-height: 500px;
}
.acts-design-list .acts-grid {
  margin: 20px 24px;
  align-content: flex-start;
  gap: 25px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.acts-design-list .acts-grid .card-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 190px;
  background:linear-gradient(45deg, #7420b7, #13487d);
  padding-bottom: 4px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  filter: saturate(0.7);
  transition: all 0.5s ease;
  cursor: pointer;
}
.acts-design-list .acts-grid .card-item:hover {
  filter: saturate(1);
  scale: 1.02;
}
.acts-design-list .acts-grid .card-item label {
  text-align: center;
  height: 138px;
  width: 200px;
  margin: 0;
}
.acts-design-list .acts-grid .card-item label img,
.acts-design-list .acts-grid .card-item label video {
  object-fit: contain;
  object-position: center;
  height: 100%;
  cursor: pointer;
}

.acts-design-list .acts-grid .card-item input {
  accent-color: #7420b7;
  width: 20px;
  height: 20px
}


.cs-acts-tab .title .back {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.cs-acts-tab .title .back:before {
  content: '<';
  margin-right: 8px;
  display: inline-block;
  font-weight: bold;
  color: #7420b7;
  font-size: 2rem;
  transform: translate(0px, 4px);
}

.cs-acts-tab .next {
  text-align: end;
}

.cs-acts-tab .next a {
  text-decoration: underline;
  font-size: 18px;
  font-weight: 600;
}

/* preloader  */
.preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 15px;
  border-radius: 8px;
}

.preloader span {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  margin-top: 10px;
}

.preloader .preloader-icon {
  border: 2px solid #eeeeee;
  border-radius: 50%;
  border-top: 2px solid var(--secondary-site-color);
  width: 30px;
  height: 30px;
  animation: spin 0.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.preloader svg path {
  fill: #5066e1;
}

#level-modal .modal-content {
  padding-left: 0;
  padding-right: 0;
}
#level-modal .modal-header {
  padding-right: 40px;
}
#level-modal .title {
  font-size: 19px;
  font-weight: 500;
}
#level-modal .levels-scroll {
  overflow-x: auto;
}
#level-modal .levels-scroll::-webkit-scrollbar,
#level-modal .levels-scroll::-webkit-scrollbar-thumb,
#users-contact::-webkit-scrollbar,
#users-contact::-webkit-scrollbar-thumb {
  display: none;
}
#level-modal .levels-slider{
  display: flex;
  padding: 30px 0px;
  width: 800px;
}
#level-modal .level {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
}
#level-modal .level .slider{
  position: relative;
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
}
#level-modal .level .slider .text{
  color: #fff;
  font-size: 8px;
  height: 7px;
  background: rgb(2,0,36);
  width: 100%;
  text-align: center;
}
#level-modal .level .slider .text .label{
  color: #242424;
  font-weight: 500;
  font-size: 10px;
  transform: translateY(-16px);
  display: inline-block;
  letter-spacing: 1px;
  line-height: normal;
}
#level-modal .level .slider .circle{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -12%;
  transform: translateY(-50%);
  background: rebeccapurple;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
#level-modal .level .icon-container{
  text-align: end;
  flex: 1;
  display: flex;
  justify-content: end;
  align-items: end;
  background: transparent;
  transform: translate(20%, -3%);
}
#level-modal .level .icon-container img{
  width: 50%;
  position: relative;
  z-index: 999;
}
#level-modal .level .icon-container .active{
  width: 67%;
  transform: translate(8%, -3%);
}
#level-modal .stats-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#level-modal .stats-container .left {
  font-size: 45px;
  font-weight: bold;
}
#level-modal .stats-container .right {
  font-size: 30px;
  font-weight: bold;
}
#level-modal .stats-container ul.buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1%;
  margin: 0;
  padding: 0;
  font-weight: 600;
}
#level-modal .stats-container ul.buttons {
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
}
#level-modal .stats-container ul.buttons li.active {
  text-decoration: underline;
  text-decoration-color: #b67f2e;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

#level-modal .stats-container .stats .stat {
  text-align: center;
  display: none;
}
#level-modal .stats-container .stats .stat.active {
  display: block;
}

@media screen and (max-width: 1700px) {

  /* Act Categories  */
  .cs-acts-catlist {
    row-gap: 80px;
    column-gap: 20px;
  }
}

@media screen and (max-width: 1480px) {
  .acts-design-list .acts-grid {
    justify-content: flex-start;
  }
}

.kid-avatars {
  padding: 16px 0px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.kid-avatar {
  border: 3px solid #02c9f2;
  border-radius: 50%;
  overflow: hidden;
}

.kid-avatar:hover,
.kid-avatar.active {
  border: 3px solid #7420b7;
}

.kid-avatar label {
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

.cs-btn-purple {
  background: var(--secondary-site-color) !important;
  color: #fff !important;
}

.f-size-15{
  font-size: 15px !important;
}

.save-avatar-btn button {
  margin: auto;
  padding: 14px 40px;
}

/* home page  */
button.text-purple {
  color: #7420b7;
}

.parent-account-card {
  background: #daf9fd;
  border-radius: 18px;
  padding: 10px 20px;
}
.parent-account-card img{
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
}

.parent-account-card .avatar {
  border: 2px solid #7420b7;
  width: 50px;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
}

#dependent-qr-code-modal .qr-code {
  background: rgb(160, 160, 160);
  width: 200px;
  height: 200px;
  margin: 0px auto;
}
#dependent-add-content-modal .alert-msg{
  max-width: 440px;
  margin: auto;
}
#dependent-add-content-modal input.phrase{
  padding: 25px 12px;
  border-radius: 18px;
  width: 100%;
  max-width: 440px;
  background-color: transparent;
  font-size: 14px;
  margin: auto;
  text-align: left;
}
#dependent-add-content-modal input:focus{
  border-color: var(--secondary-color);
}
#qrcode-scanner-container {
  min-height: 420px;
}

.max-width-none {
  max-width: none;
}

.min-height-auto .container.home-section,
div.min-height-auto {
  min-height: auto;
}

div.min-height-100vh {
  min-height: calc(100vh) !important;
}

span.btn.white-space-normal {
  white-space: normal;
  white-space-collapse: collapse;
  text-wrap: wrap;
  max-width: none;
}

.isolator {
  max-width: 1350px;
  width: 100%;
  margin: auto;
}

.package .package.current {
  transform: scale(1);
}


.package .inner-cntnr .inner {
  gap: 15px;
  flex: 1 1 100px;
  align-items: center;
}

.package {
  padding: 20px;
}

.postion-relative {
  position: relative;

}
.packages .inner-cntnr .inner {
  position: static !important;
}

/* Page: https://kind.ecahosting.com/ Welcome page  */
.packages .inner-cntnr {
  padding-bottom: 0 !important;
}

.packages .inner-cntnr .inner {
  align-items: stretch !important;
}

.boxed-list .inner,
.boxed-list.box-blue .inner {
  min-height: 500px;
}

.sidebar-import-contacts .buttons-row .btn,
.sidebar-cntnr .buttons-row .btn.btn-link {
  text-wrap: wrap;
}

.sidebar-cntnr .buttons-row .btn {
  margin-right: 0px;
}

.sidebar-cntnr .buttons-row {
  gap: 6px;
}

.select2-cntnr.sel-type2 .option-item {
  padding: 3px 0 !important;
}

.sidebar-users-may-know-container {
  padding: 0 20px;
}

.sidebar-user {
  flex-wrap: wrap;
}

@media only screen and (max-width: 1600px) {
  .starred-list .list-item:nth-child(2n) {
    transform: translateX(0%) !important;
  }
}

@media only screen and (max-width: 1300px) {
  .messages-recipients-list .msg_rght_prt {
    max-width: 550px;
  }
}

@media only screen and (max-width: 1024px) {
  .inner .fs-4 {
    font-size: 30px;
  }

  .main-hero .leaf-list li.fs-4 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 992px) {

  .starred-list .list-item:nth-child(2n),
  .heading-comp-01 span:first-child {
    transform: translateX(0%) !important;
  }

  .messages-recipients-list .msg_rght_prt {
    max-width: none;
  }

  .heading-comp-01 span {
    font-size: 50px !important;
  }

  .heading-comp-01 img {
    max-width: 280px !important;
  }

  .starred-list .list-item {
    display: block !important;
    text-align: center;
  }

  .down-arrows:after {
    background: none !important;
  }

  .starred-list {
    padding-left: 0;
  }

  .packages .inner-cntnr .inner {
    display: block !important;
  }

  .packages .package.current {
    transform: scale(100%) !important;
  }

  .login_left_combo_two-xxx .packages .package {
    width: 100%;
  }
  .packages {
    padding: 8% 0% 8% 2% !important;
  }

  a.btn.phone-view-max-width,
  .search-users-chat {
    max-width: none !important;
  }

  .kindilly-acts.score-details,
  .kindilly-dollars.score-details,
  .kindilly-login-days.score-details,
  .kindilly-conse-days.score-details{
    width: 100% !important;
  }

  .btn-row .cs-btn-mw {
    max-width: none;
  }

  .profile-top-text-section h2{
    font-size: 30px !important;
  }
}

@media only screen and (max-width: 640px) {
  .cs-padding-right .col-md-12,
  .cs-padding-right .col-md-7 {
    padding-right: 10px !important;
  }
  .profile-top-text-section h2 {
    font-size: 24px !important;
  }
}

.mobile-circle-title{
  display: none;
}

@media only screen and (max-width: 570px) {
  .starred-list .list-item:before {
    right: 10px !important;
  }

  .fsz-24 {
    font-size: 18px !important;
  }

  body .fsz-62 {
    font-size: 22px;
  }

  .fs-24 {
    font-size: 45px;
  }
  body.link1-sending-acts .sidebar-conatnier .sidebar .kind_side_loggd_usr_hdr .user-cntnr,
  .kind_side_loggd_usr_hdr .title-cntnr {
    display: block !important;
  }

  .heading-comp-01 small {
    margin-bottom: 16px;
  }

  p.buttons-row.center {
    margin-left: 10px;
  }

  .heading-comp-01 span:last-child {
    transform: translateX(0%) !important;
  }

  .main-hero .btn-row .sep {
    margin: 0 19px 0 35px !important;
  }

  body .starred-list .list-item p {
    font-size: 18px;
  }

  body .starred-list .list-item .title {
    font-size: 22px;
  }

  body .packages .package .title,
  body .packages .package.current .title {
    font-size: 50px;
  }

  .cs-padding-right .inner {
    height: auto !important;
  }
}

.postion-relative {
  position: relative;

}

/* *************start code here ************ */
/* General Setting */

.kill_settings_page.kind_content .avatar-holder h5 a,
.infoz p,
.kill_affiliate_bottom .kind_form_fields.aff_link input,
#kill_main_sett_mid .kill_settings_page .text-center>.btn-mat {
  color: #fff;
}

.current-personal-account .kill_settings_page.kind_content .avatar-holder,
.current-personal-account .kill_settings_page.kind_content .avatar-holder.social,
.current-personal-account .kill_settings_page.kind_content .avatar-holder.invite,
.current-personal-account .kill_settings_page.kind_content .avatar-holder.notifications,
.current-personal-account .kill_settings_page.kind_content .avatar-holder.avatarr,
.current-personal-account .kill_settings_page.kind_content .avatar-holder.privacy,
.current-personal-account .kill_settings_page.kind_content .avatar-holder.sessions,
.current-personal-account .kill_settings_page.kind_content .avatar-holder.addresses,
.current-personal-account .kill_settings_page.kind_content .avatar-holder.addresses
{
  background-color: var(--secondary-color);
}

body .custom-personal-account .kind_side_loggd_usr_hdr .avatar{
  border-radius: 50px;
  border: 2px solid var(--secondary-color);
}
body .custom-personal-account .kind_side_loggd_usr_hdr .avatar img{
  border: 0px;
  border-radius: 50px;
  aspect-ratio: 1;
}
body .kind_side_loggd_usr_hdr .avatar.user-profile-avatar img{
  /* padding: 6px;
  border-radius: 0px;
  padding-left: 0px; */
}

.social-links .title {
  color: #fff;
}

body .kind_sett_sidebar ul li.active.points a {
  color: var(--secondary-site-color) ;
}

/* setting/affiliates  */

.setting-panel .kill_aff_sett {
  background-color: var(--site-color);
  color: #fff;
}

.kind_form_fields input,
.kind_form_fields select {
  height: 44px;
  text-align: left;
}

#user-ads .btn-default {
  background: #7420b7;
  border: 0;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}

.setting-general-form .btn-mat,
.form-horizontal .btn-mat,
.kill_settings_page.kind_content .btn-mat {
  font-weight: 400;
  font-size: 20px;
  padding: 3px 25px;
}


input[type=radio] {
  accent-color: #7420b7;
  height: 15px;
  width: 15px;
}

a#upgrade-button {
  background-color: aqua;
  color: #7420b7;
  font-size: 11px;
  font-weight: 900;
}

.as_list {
  background-color: #7420b7;
  color: #fff;
}

.cs-font-bold {
  font-weight: bold;
}

.round-check.over-ride-round-check input[type="checkbox"]:checked+label:before,
.round-check.over-ride-round-check input[type="radio"]:checked+label:before {
  background: #008aff !important;
}

.cs-padding-right .inner {
  height: 620px;
}

.title.text-purple {
  color: #7420b7;
}

.kind_side_loggd_usr_hdr .cs-inner .avatar img {
  max-width: 100px;
}

body.link1-sending-acts .sidebar-conatnier .sidebar .kind_side_loggd_usr_hdr .cs-inner .avatar img {
  border: 2px solid #7420b7;
}

.kind_side_loggd_usr_hdr .cs-inner .title-cntnr {
  padding: 0;
}

.cs-inner .account-link a.switch-account.active {
  font-size: 16px;
}

.kind_side_loggd_usr .cs-inner .account-link .switch-account {
  font-size: 16px;
  font-weight: 800;
  color: #000;
}

.cs-inner .account-link .sep {
  color: #000;
}

.dollar-size .dollars .number {
  font-size: 50px;
}

.dollar-size .dollars .text {
  font-size: 16px;
}

body.link1-sending-acts .donations_tab.dollar-size .dollars-cntnr .dollars {
  padding: 10px 25px;
}

body.link1-sending-acts .donations_tab.dollar-size .dollars-cntnr .more a {
  font-size: 16px;
  font-weight: 700;
}

.donations_tab.dollar-size .title .info {
  font-size: 16px;
}

body.link1-sending-acts .donations_tab.dollar-size .title {
  padding:0px;
}
body.link1-sending-acts .sidebar-conatnier .sidebar .choose-contact-box.cs-user .avatar img {
  max-width: 100px;
  border-width: 2px;
  border-color: var(--secondary-color);
  aspect-ratio: 1;
}

body.link1-sending-acts .sidebar-conatnier .sidebar .choose-contact-box .title-cntnr {
  padding: 0;
  align-items: start;
  padding-left: 12px;
}

body.link1-sending-acts .sidebar-conatnier .sidebar .choose-contact-box .title-cntnr div.text {
  font-size: 16px;
  color:#333;
  font-weight: 900;
}
body.link1-sending-acts .sidebar-conatnier .sidebar .choose-contact-box div.title-cntnr .title{
  font-size: 20px;
  color:var(--secondary-color);
  margin: 10px 0 0px;
  font-family: acuminpro;
  word-break: break-all;
}

.mt-2 a.color-blue.mt-1 {
  color: black;
}
.cs-postion{
  position: relative;
}
.cs-postion img{
  position: absolute;
  font-size: 25px;
  color: #B7ACAC;
  right: 4px;
  top:0px;
  width: 22px;
  margin: 13px;
}
.cs-postion img.usericon {
  margin: 16px 12px;
}
/* intro page  */
.intro-background-image {
  background: #c1f6ff !important;
}
.login-inner .kind_form_fields input{
  height: 52px;
}

@media screen and (max-width: 1000px) {
  .intro-section .home-page-banner video {
    display: none;
  }

  .intro-section .home-page-banner img {
    display: block;
  }

  .intro-section .intro-text {
    display: flex;
  }

  .intro-section .home-page-banner {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .intro-section .home-page-banner img {
    width: 100%;
    max-width: none;
  }
}

@media screen and (max-width: 1480px) {
  .intro-section .intro-text h1 {
    font-size: 2.5rem;
  }

  .intro-section .intro-text li {
    font-size: 1.6rem !important;
  }

  .intro-section .intro-text .btn-row a {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 1000px) {
  .home-section {
    min-height: auto !important;
  }
  .circle-mobile-view .title *{
    font-size: 2vw;
  }
  .intro-section .home-page-banner video {
    display: block;
    object-fit: cover;
    max-height: 900px;
    height: 95vh;
  }

  .intro-section .home-page-banner img {
    display: none;
  }

  .intro-section .intro-text {
    display: none;
  }

  .intro-section .intro-text.video-ended {
    display: block;
  }

  .intro-section {
    position: relative;
  }

  .intro-section .intro-text {
    position: absolute;
    right: 5%;
    bottom: 15%;
  }
}
.user-profile-score .kindilly-score-section .score-board{
  gap: 60px;
}

.challenges-section .titled-box.type-2 .title {
  text-align: center;
  color: var(--secondary-site-color);
  background: var(--site-color);
  border: 2px solid var(--secondary-site-color);
  border-radius: 16px 16px 0px 0px;
  padding: 10px 0px;
}
.challenges-section .titled-box.type-2 .info {
  border: 2px solid var(--secondary-site-color);
  border-radius: 0px 0px 16px 16px;
  border-top-color: transparent ;
}

.cs-fw-size{
  font-size: 50px;
  color: var(--site-color);
  font-family: acuminpro;
}

.cs-fw-size .dollar{
  font-size: 40px;
}

.kindilly-quote-day img{
  width: 180px;
}

.kindilly-quote-day .cs-profile-top-text-section h2{
  font-size: 28px;
}

.user-wallet-logs{
  min-height: 150px;
  overflow: scroll;
  max-height: 400px;
}

.your-dashboard-link{
  font-family: pn, arial, helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  border: 1px solid;
  margin-left: 10px;
  padding: 4px;
  border-radius: 4px;
  width: 186px;
  color: #fff;
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
/* .your-dashboard-link:hover,
.your-dashboard-link:focus{
  color: var(--primary-color);
} */

.cs-profile-top-text-section{
  padding: 20px 0px;
  max-width: 392px;
  margin: 0 auto;
}

.cs-profile-top-text-section h2 {
  font-size: 49px;
  text-align: center;
  margin: 0px;
  color: var(--text-header-color);
}

body.link1-timeline .challenges-section .challenge-box {
  width: 24%;
  margin: 0px 30px;
}

body .challenges-info .challenge-description{
  font-size: 15px;
  font-weight: 500;
}

body .challenges-info .cs-info-box {
  padding: 14px;
}

body.link1-timeline .kindilly-score-section {
  padding: 24px;
  box-shadow: none;
}

.progress-cntnr .progress {
  height: 17px;
  box-shadow:none;
}

.progress-cntnr .progress-bar-info {
  background-color: var(--secondary-site-color);
}

.progress-cntnr .progress-bar{
  line-height: 17px;
  color: #000;
  font-weight: 600;
  box-shadow:none;
}

body.link1-timeline  .kindilly-status-box .profile-kindilly-status{
  font-weight: bold;
  font-size: 20px;
}

/* Ui correction of messages notification */

span.main-color{
    text-transform: capitalize !important;
    display: block;
}

.notifications-dropdown li .notification-list.messages-list {
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

.notifications-dropdown .notification-list.messages-list{
  font-weight: bold;
}


.notifications-dropdown .notification-list.messages-list{
  font-weight: bold;
}


.notifications-dropdown li .notification-list.messages-list {
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

.notifications-dropdown li .notification-list.messages-list .notification-text {
  margin-left: 8px;
}

.notifications-dropdown .notification-list.messages-list{
  font-weight: bold;
}

.notifications-dropdown li .notification-list.messages-list {
    padding: 12px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}
.notifications-dropdown li .notification-list.messages-list .notification-text {
  margin-left: 8px;
}
.notifications-dropdown li .notification-list.messages-list .notification-text .header-message,
notifications-dropdown li .notification-list.messages-list .notification-time {
  color: #000;
}

.notification-text .header-message .from{
      font-weight: bold;
}

.messages-list .header-message .message-act {
    display: flex;
    flex-grow: 1;
    font-weight: bold;
}

#messages-list {
    padding: 6px;
}

#messages-list .notification-user-avatar {
    align-self: center;
}

#messages-list .notification-text .header-message {
    font-weight: 500;
}

.messages-recipients-list .msg_rght_prt .msg-body .preview {
    display: none !important;
}

#messages-list .notification-text span.main-color {
    font-weight: bold;
    text-transform: capitalize;
}

#messages-list .notification-text .header-message .from {
    align-self: baseline;
}

#messages-list .notification-text .header-message .preview .txt {
    display: none;
}

#messages-list .notification-text .header-message .preview .img {
    width: 67px;
    border: 1px solid #80808042;
}

#messages-list .notification-text .header-message .preview img {
	width: 100%;
	height: 100%;
}
.messages-recipients-list .msg_rght_prt .msg-body {
	width: 200px;  
}
body.link1-timeline .kindilly-score-section .score-details.disable-highlight .count,
body.link1-timeline .kindilly-score-section .score-details.disable-highlight .lbl {
  color: var(--light-secondary-site-color);
}
.link1-timeline .kindilly-score-section .score-details.disable-highlight .circle-progress-value,
.link1-timeline .kindilly-score-section .score-details.disable-highlight .circle-progress-circle {
  stroke: #600187;
}
.link1-timeline .kindilly-score-section .score-details.disable-highlight .circle-progress-text{
  fill: #600187;
}
body.link1-timeline .kindilly-score-section .score-details.kindilly-plus-icon.disable-plus .count:after{
  color: var(--light-secondary-site-color);
}
 body.link1-timeline .challenges-section .cs-width-chnages .challenge-box{
  width: 30%;
}
.gap-8{
  gap: 8px;
}
.update-profile-image-links p{
  font-size: 19px;
  cursor: pointer;
}
body .cs-illy-gray-circle{
  border:2px solid #7420b7;
  border-radius: 50%;
}

body .cs-illy-gray-circle img,
body #sent-card-preview-modal .modal-dialog .kind_side_loggd_usr_hdr .avatar.cs-illy-gray-circle img{
  border-radius: 0% !important;
  border: none !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 7px;
  box-shadow: none !important;
  max-width: 75px !important;
  height: 96px !important;

}
body .user-msg-profile-avatar{
  border-radius: 50%;
}

body .user-msg-profile-avatar img{
  /* border-radius: 0%;
  border: none;
  object-fit: contain;
  object-position: center;
  padding: 7px;
  box-shadow: none; */
}
body .messages-recipients-list .avatar.user-msg-profile-avatar img{
  /* border-radius: 0%; */
}
.login_left_combo_parent .form-row .form-group{
  flex: 1;
}

.update-profile-image-links p:hover{
  text-decoration: underline;
}

body .text-white{
  color: #fff !important;
}

#update-parents-profile-image-modal ul.parents-avatars li{
  display: flex;
  justify-content: center;
  align-items: center;
}

#update-parents-profile-image-modal ul.parents-avatars li img{
  object-fit: contain;
  padding: 1rem;
}

.dropdown-menu #update-username:hover b,
.navbar-default .dropdown-menu.ani-acc-menu >li>a:hover {
  color:#0000006e !important;
}
.dropdown-menu #update-username:hover b{
  color:#ecebec;
}

/** UI Correction **/
#charity-box .donation-lists,
body.link1-sending-acts .sidebar-conatnier .sidebar .kind_side_loggd_usr .choose-contact-box,
body.link1-sending-acts .acts-of-kindness-list .amount-to-donate{
  background-color: #fff;
}
.donation-lists form .btn {
  border-radius: 25%;
  padding-top: 10px;
  padding-bottom: 10px;
}
body.link1-sending-acts .acts-catlist.cs-acts-catlist{
  background-color: #fff;
  justify-content: center;
  padding: 60px 16px;
  max-height: 550px;
  overflow: auto;
}
body.link1-sending-acts .choose-acts-kindness-section .quote-lists .quote-item .quote:hover{
  text-decoration: none;
}
.send-card-profile .btn {
  text-transform: uppercase;
  padding: 12px 30px;
  margin-top: 10px;
}
body .abbey-box .bdy{
  border: 0px;
}

body .kindilly-qoute-color{
  color: var(--site-color);
  font-family: acuminpro, Helvetica, Arial, sans-serif;
}

/** Mobile Footer Style **/
.cs-footer {
  background-color: #f2feff;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index:1031;
}

.cs-footer .cs-notification-count{
  position: absolute;
  right: 15%;
  text-indent: initial;
  top: 14px;
  max-width: 18px;
  height: 18px;
  font-size: 10px;
  line-height: 1.6;
  display: block;
  border-radius: 50%;
  background: #9c47e0;
  color: #ecebec;
  font-weight: bold;
  width: 100%;
  transform: translate(0%, 0);
  box-shadow: 0px 0px 5px #7d7d7d;
  z-index: 2;
}
.mobile-footer {
  position: relative;
  width: 100%;
  height: 60px;
  color: #7420b7;
  font-size: 1rem;
  padding: 0;
  background: #61e4ff29;
}
.mobile-footer a {
  position: relative;
  overflow: hidden;
  width: calc(27% - 50px);
  height: 100%;
  display: inline-block;
  float: left;
  padding: 0;
  color: currentColor;
  line-height: 0;
  font-size: 0.725em;
  text-align: center;
  text-decoration: none;
  text-indent: -9999rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  will-change: background, line-height;
  transition: background 0.15s ease-in-out, line-height 0.2s ease 0.2s;
}
.mobile-footer a:hover, .mobile-footer a:focus {
  background-color: rgba(128, 128, 128, 0);
}
.mobile-footer a:hover svg, .mobile-footer a:focus svg {
  transform: scale(1.25);
  opacity: 0.6;
}
.mobile-footer a:focus, .mobile-footer a:active {
  outline: none;
}
.mobile-footer a:focus svg, .mobile-footer a:active svg {
  opacity: 0.8;
}
.mobile-footer a:active svg {
  opacity: 1;
}
.mobile-footer a svg {
  position: absolute;
  fill: currentColor;
  top: calc(25% + 2.5px);
  left: 30%;
  width: 50%;
  height: 50%;
  transform: scale(1);
  transform-origin: center;
  will-change: opacity, transform, top;
  transition: opacity 0.2s ease, transform 0.2s ease, top 0.2s ease;
  /* opacity: 0.4; */
  pointer-events: none;
}
.mobile-footer a.active {
  background-color: rgba(128, 128, 128, 0);
  /* text-indent: 0; */
  line-height: 10;
  transition-delay: 0s, 0s, 0s;
}
.mobile-footer a.active:hover svg, .mobile-footer a.active:focus svg, .mobile-footer a.active:active svg {
  transform: scale(1);
}
.mobile-footer a.traversing svg {
  transition-delay: 0s, 0s, 0s;
  animation: 0.15s traversing ease-out both;
}
.mobile-footer .line {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: 5px;
  text-indent: -9999rem;
  transform: translateX(-50%);
  border-radius: 2.5px;
  background: currentColor;
  transition: left 0.5s ease-out;
  z-index: 10;
  opacity: 0;
}
@keyframes traversing {
  0% {
    opacity: 1;
 }
  100% {
    opacity: 0.4;
 }
}
.mobile-footer.light {
  background-color: #d2d2d2;
  color: gray;
}
.mobile-footer.light svg {
  fill: gray;
}

body .cs-circle-icon{
  margin-top: -28px;
  z-index: 99999999;
  background: #fff;
  border-radius: 50%;
  width:80px;
  height: 80px;
  line-height: 80px;
  vertical-align: middle;
  box-shadow: -1px 3px 15px #00000045;
  margin-left: 24px;
  margin-right: 24px;
}
body .cs-circle-icon svg {
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
}
body .cs-circle-icon.active {
  background-color: #fff;
}

.cs-progress-container {
  position: relative;
  width: 130px;
  height: 130px;
}
.progress-grid{
  margin-top: 10px;
  display: inline-block;
}
.progress-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  mask: radial-gradient(farthest-side, transparent calc(100% - 6px), black calc(100% - 5px));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 6px), black calc(100% - 5px));
  transition: background 1s linear;
  background: conic-gradient(#fff 0%, #fff 10.8deg, white 10.8deg 100%);
}
.inner-circle{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.cs-progress-count {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
}
.inner-circle .title{
  color: #fff;
}
.disable-highlight .progress-circle {
  background: conic-gradient(#cfcfcf 0%, #cfcfcf 10%, #cfcfcf 0 100%);
}
.disable-highlight .cs-progress-count {
  color: var(--light-secondary-site-color);
}
.cs-progress-title{
  color: #600187;
  font-size: 12px;
  width: 100%;
  font-weight: 700;
  display:none;
}

.link1-timeline .cs-mobile-slide2 .kindilly-acts-donations{
  grid-gap:10px;
  margin-bottom: 20px;
}
body.link1-timeline .cs-mobile-slide2 .kindilly-acts-donations .titled-box {
  flex: 1 1 48%;
  background-color: #F2FEFF;
}

.cs-wrapper{
  position: relative;
}
.cs-mobile-slide2 .month-count span.dollar{
  font-size: 7vw;
}
.cs-desktop-view .profile-completion-custom{
  display: none;
}
body .slick-initialized .slick-slide.cs-desktop-progress{
  display: block ;
}
.slick-initialized .slick-slide.cs-mobile-slide2,
.cs-footer{
  display: none;
}
.cs-progress-tab .active {
  border-bottom: 1px solid #ccc;
}
body .profile-edit-cntnr .sidebar-conatnier{
  margin: 0px;
}
body.link1-timeline .cs-profile-progress-section .kindilly-score-section{
  padding:16px;
  margin: 0px;
  border-radius: 10px;
}
.cs-profile-progress-section .abbey-box{
  border-radius: 10px;
}
.cs-profile-progress-section .kindilly-donations.score-details{
  width:auto;
}
.link1-timeline .cs-profile-progress-section .kindilly-score-section .score-details .lbl{
  font-size: 1.3vw;
}
.link1-timeline .cs-profile-progress-section .kindilly-score-section .score-details .count{
  font-size: 1.3vw;
}
.link1-timeline  .cs-profile-progress-section .kindilly-score-section .score-details .count .val{
  font-size:2vw;
}
.link1-timeline .cs-profile-progress-section .kindilly-score-section .score-details .count .val
.link1-timeline .sidebar.sidebar-conatnier .kind_side_loggd_usr, 
.link1-timeline .sidebar.sidebar-conatnier .profile-completion-custom{
  max-width: 100%;
  border-radius: 26px;
  border: 0px;
}
.sidebar-dashboard{
  padding: 24px;
}
body .kill_settings_page{
  margin-top: 16px;
  padding: 0px;
}
 body.link1-home .kill_settings_page #charity-box{
  display: none;
} 
.custom-personal-account .kind_side_loggd_usr_hdr .title{
  margin: 0px;
  width: 100%;
  align-items: start;
  margin-bottom: 10px;
}
.current-personal-account .profile-container .kind_side_loggd_usr_hdr .title .edit-profile:before{
  color:#333333;
}
.welcome-footer{
  display: none;
}
.cs-postion input{
  border: 2px solid #ccc;
  border-radius: 10px;
  box-shadow: none;
  padding-right: 55px;
}
.cs-postion input:focus{
  box-shadow: none;
  /** allready used !important**/
  border-color: #888 !important;
}
.signup__ P {
  font-weight: 600;
}
.cs-poweredby {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #a59d9d;
  width: 100%;
  background: #fff;
}
.forgot_password label {
  font-weight: 600;
  margin-top: 0px;
  font-size: 15px;
}
.forgot_password > a {
  font-weight: 600;
}
.terms {
  display: flex;
  align-items: center;
}

.terms input[type="checkbox"] {
  display: none; /* Hide the default checkbox */
}

.terms label {
  position: relative;
  padding-left: 30px; /* Space for the custom checkbox */
  cursor: pointer;
  line-height: 20px; /* Adjust based on the size of your custom checkbox */
}

.terms label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s, border-color 0.3s;
}

.terms input[type="checkbox"]:checked + label::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 50%;
  width: 12px;
  height: 12px;
  background-color: var(--site-color);
  border-radius: 50%;
  transform: translateY(-50%);
}
body .form-group.cb input:checked ~ .lbl:before{
  background-color: transparent;
  border-color: #b4b4b4;
}
body .form-group.cb input:checked ~ .lbl:after {
  border-color: #007CFF;
  top: 8px;
}
/** box popup style **/
body .lucky-box-popup .luckybox {
  margin-top: 80px;
  gap: 6%;
}
body .lucky-box-popup .luckybox .item,
body .lucky-items-cntnr .box-cntnr{
  margin: 0px;
}
body .lucky-items-cntnr .box-cntnr,
body .lucky-items-cntnr .box-cntnr .box{
  width: auto;
  height: auto;
}
body .lucky-items-cntnr .box-cntnr.opened .box{
  width: 150px;
  height: 169px;
}
/** Remove ID **/
.cs_modal_style .modal-dialog{
  max-width: 800px;
  aspect-ratio: auto;
}
.received-message-popup .received-message img{
  width:100%;
}
.cs_modal_style .modal-dialog .popup-footer{
  color:#333333
}
.cs_modal_style .image {
  width: 300px;
  margin: auto;
}
/** box popup style end**/

/** Mobile circle view  **/
.circle-container {
  width: 60vw; 
  height: 60vw;
  max-width: 500px; /* Adjust as needed */
  max-height: 500px; /* Adjust as needed */
  margin: 0 auto;
  border-radius: 50%;
  background: conic-gradient(
    #5C5C7F 0% 10%,  /* bignner */
    #896348 10% 28%,  /* bronze */
    #B0B9C0 28% 46%, /* Silver */
    #BD995A 46% 64%, /* gold */
    #B2CCDD 64% 82%, /* platinum */
    #BEB2A0 82% 100% /* Dimond */
  );
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(342deg);
}

.circle-inner {
  text-align: center;
  background-color: #fff;
  width: 50vw; 
  height: 50vw;
  max-width: 500px; /* Adjust as needed */
  max-height: 500px;
  border-radius: 50%;
  position: relative;
  transform: rotate(30deg);
}

.circle-item {
  font-size: 2.3vw;
  color: #fff;
  letter-spacing: 1px;
  font-weight: bold;
  transition: transform 0.3s ease-in-out;
}
.circle-inner .circle-item:first-child{
  position: absolute;
  left: 40%;
  top: -7%;
  transform: translate(-50%) rotate(349deg);
}
.circle-inner .circle-item:nth-child(2){
  position: absolute;
  right: 15%;
  top: 4%;
}
.circle-inner .circle-item:nth-child(3){
  position: absolute;
  right: -3%;
  bottom: 33%;
}
.circle-inner .circle-item:nth-child(4){
  position: absolute;
  left: 62%;
  bottom: -7%;
  transform: translate(-50%) rotate(348deg);
}
.circle-inner .circle-item:nth-child(5){
  position: absolute;
  left: 7%;
  bottom: 13%;
}
.circle-inner .circle-item:nth-child(6){
  position: absolute;
  left: 4%;
  top: 17%;
}
.circle-item a{
  color: #fff;
  text-decoration:none;
}

/** Mobile circle view End**/
.cs-mobile-slide2 .titled-box .title {
  background: transparent;
  color: #004C83;
  font-size: 3vw;
}
.cs-mobile-slide2 .titled-box .info{
  border: 0px;
}
.circle-mobile-view .title span{
  color:#fff
}

.kind_side_loggd_usr .kindilly-dollars-acts .details{
  padding-top: 20px;
  padding-bottom: 20px;
}

/**Mobile-view UI end**/
.count.mobile-ui{
  display: none;
}

/** style List of Kindness start **/
.mobile_view_kindness .messages-recipients-list{
  justify-content: space-between;
  align-items: center;
}
.messages-users-list .messages-recipients-list .cs-col-item:first-child {
  display: flex;
  align-items: center;
}
/** style List of Kindness end **/
/** popup style  start**/
body .profile-edit-cntnr .edit-your-profile .kind_side_loggd_usr_hdr .avatar img {
  border: 0px;
  aspect-ratio: 1;
}
.cs-popup-style .instant-illy-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.cs-popup-style .instant-illy-container .instant-inlly-content{
  width:170px;
  text-align: center;
  cursor: pointer;
}
.cs-popup-style .instant-illy-container .instant-inlly-content img {
  width: 60px;
  margin-bottom: 16px;
}
.subtext {
  font-size: 14px;
  margin-bottom: 10px;
}
body .act-details .act-nav{
  padding-top: 20px;
}
.cs-popup-style .intant-illy-message{
  border-radius: 10px;
  padding: 10px 20px;
}
.cs-popup-style h3 {
  text-align: center;
}
.cs-popup-style .received-message-container{
  box-shadow:0px 16px 24px -14px rgba(0, 0, 0, 0.17);
}
body .cs-popup-style .received-message img {
  max-width: 100%;
}
body .cs-popup-style .received-message {
  max-width: 300px;
  height: auto;
  margin: auto;
}
.cs_loader {
  width: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 26px;
}
#cs_loader span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: var(--secondary-color);
  margin: 0px 5px;
  opacity: 0;
}
#cs_loader span:nth-child(1){
animation: opacitychange 1s ease-in-out infinite;
}

#cs_loader span:nth-child(2){
animation: opacitychange 1s ease-in-out 0.33s infinite;
}

#cs_loader span:nth-child(3){
animation: opacitychange 1s ease-in-out 0.66s infinite;
}

@keyframes opacitychange{
0%, 100%{
  opacity: 0;
}

60%{
  opacity: 1;
}
}
/** popup style end **/
.custom-personal-account .kind_side_loggd_usr_hdr {
  align-items: center;
  margin-bottom: 0px;
  flex-direction: column;
}
.cs-profile-leavel-wrap img {
  max-width: 40px;
  cursor: pointer;
}
span.cs-profile-leavel {
  font-size: 1vw;
  padding-left: 10px;
  cursor: pointer;
  text-wrap: nowrap;
}

span.popup-tooltip {
  position: absolute;
  top: -18px;
  right: -18px;
  font-size: 20px;
  color:var(--active-color)
}
.received-intant-illy-container {
  margin-top: 36px;
}
.new_user{
  color: #02c9f2;
}
.bronze{
  color: #8d6348;
}
.silver{
  color: #666f78;
}
.gold{
  color: #8d6e3a;
}
.platinum{
  color: #6c629c;
}
.diamond{
  color: #a1947c;
}
/** header UI start**/
body .kind_hdr_innr_right,
body .kind_hdr_innr_left{
  width: auto;
}
/** header UI end**/
.received-message-popup .received-message {
  max-width: 200px;
}
body .act-details .view-kindness-content .content{
 font-size: 30px;
}
span.intant-illy-title {
  position: relative;
}
.custom-personal-account .kind_side_loggd_usr_hdr .title #user-full-name {
  max-width: 250px;
  text-align: left;
  font-size: 26px;
  display: block;
  padding-left: 0px;
  font-family: acuminpro;
}
.custom-personal-account .kind_side_loggd_usr .account-link a{
  font-size: 1vw;
}
body .sidebar-send span {
  padding: 14px 2px;
  margin: auto;
  font-size: 1.2vw;
}
.leftcol .sidebar-send{
  padding-left: 10px;
  padding-right: 10px;
}
body .leftcol .sidebar-send:before{
  margin-top:0px;
}
.custom-personal-account .heading{
  font-size:22px;
}
body .mobile_view_kindness .messages-users-list .list-header .cell {
  flex: 1 1 auto;
  min-width: auto;
  width: auto;
}
body .mobile_view_kindness .messages-users-list .list-header .cell.msg_ava_name,
.mobile_view_kindness .messages-users-list .messages-recipients-list .cs-col-item:first-child{
  flex: 1 1 15%;
}
body .mobile_view_kindness .messages-users-list .list-header .cell.msg-body,
.mobile_view_kindness .messages-users-list .messages-recipients-list .cs-col-item:nth-child(2){
  flex: 1 1 30%;
}
body .mobile_view_kindness .messages-users-list .list-header .cell.instant-illy,
.mobile_view_kindness .messages-users-list .messages-recipients-list .cs-col-item:nth-child(3),
body .mobile_view_kindness .messages-users-list .list-header .cell.messages-last-sent,
.mobile_view_kindness .messages-users-list .messages-recipients-list .cs-col-item:nth-child(4){
  flex: 1 1 5%;
}
body .mobile_view_kindness .messages-users-list .list-header .cell.reply-cntnr,
.mobile_view_kindness .messages-users-list .messages-recipients-list .cs-col-item:nth-child(5){
  flex: 1 1 8%;
}
.mobile_view_kindness .messages-users-list .messages-recipients-list .cs-col-item {
  flex: 1 1 auto;
}
/* .mobile_view_kindness .messages-recipients-list .msg_rght_prt .msg-body{
  justify-content: center;
} */
.mobile_view_kindness .messages-users-list .list-header .messages-last-sent, 
.mobile_view_kindness .messages-users-list .messages-recipients-list .messages-last-sent,
body .mobile_view_kindness .messages-users-list .list-header .reply-cntnr, 
body .mobile_view_kindness .messages-users-list .messages-recipients-list .reply-cntnr,
body .mobile_view_kindness .messages-users-list .list-header .msg_ava_name, 
body .mobile_view_kindness .messages-users-list .messages-recipients-list .msg_ava_name {
  min-width: auto;
  width: auto;
}

.cs-scrollbar{
  overflow: auto;
}
/*body .tab-content {
  min-width: 900px;
}*/
/** mobile footer UI **/
.cs-footer-inner {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  background-color: #fff;
  padding: 10px 0;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
	z-index: 1;
}
.footer-item a {
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e3e2e2cc;
  border-radius:50px;
}
.footer-item a:hover,
.footer-item a.active{
  background: var(--site-color);
}
.footer-item:last-child .footer-icon img{
  width: 18px;
}
.footer-item .footer-icon img:last-child,
.footer-item a:hover .footer-icon img:first-child,
.footer-item a.active .footer-icon img:first-child{
  display: none;
}
.footer-item a:hover .footer-icon img:last-child,
.footer-item a.active .footer-icon img:last-child{
  display: block;
}
.footer-item .footer-icon img {
  width: 22px;
}
.view-kindness-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-item p {
  margin-top: 4px;
  margin-bottom: 0px;
  color: var(--text-header-color);
}
.footer-item.cs-footer-contact a{
  /* background-color: #02c9f2; */
}
.footer-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
}
/** mobile footer UI **/
span#gen-with-ai-btn {
  position: absolute;
  right: 0px;
  cursor: pointer;
}
#gen-with-ai-modal .modal-header {
  padding: 0;
  margin: 0;
}
div#gen-with-ai-message-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 230px;
}
div#gen-with-ai-message-container  .body-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
div#gen-with-ai-message-container .body-container > .cs_col {
  background: var(--secondary-color);
  padding: 18px 10px;
  width: 210px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 4px;
  cursor: pointer;
}

div#gen-with-ai-message-container form {
  max-width: 440px;
  width: 90%;
  margin: auto;
}
div#gen-with-ai-message-container textarea {
  text-transform: none;
  text-align: left;
  font-size: 14px;
  min-height: 80px;
  background-color: transparent;
  font-weight: 600;
  margin-top: 20px;
}
div#gen-with-ai-message-container textarea:focus {
  border: 3px solid #7420b7;
}
.cs_sendList .act-item {
  padding: 16px;
  background-color: #f2feff;
  position: relative;
}
.cs_sendList .act-item:nth-child(even) {
  background-color: #fff;
}
.cs_sendList {
  width: 100%;
  padding-right: 26px;
}
body .cc-window{
  box-shadow: 0px 0px 4px #00000029;
}
body .cc-type-info .cc-btn{
  background-color: #e3e2e2;
}
body .cc-type-info .cc-btn:hover {
  background: #f3f0f0;
}
body .step-one-completed .cs-progress-bar .line {
  background: green;
}

/** start-up form style start**/
  .cs-inform-setup .kind_usr_steps .upload-image{
    box-shadow: 0 0 0 3px white, 0 0 0 6px var(--secondary-color);
  }
  .cs-inform-setup .profile-init.step-one-active .start_up .line .line_sec{
    width: 100%;
  }
  .cs-inform-setup .profile-init .start_up .steps .step {
    transform: translate(0);
  }
  
 .cs-inform-setup .profile-init .start_up .steps .step.step-two{
    right: 0;
    left: auto;
  }
  .cs-inform-setup .profile-init .start_up .line .dot.one{
    transform: translate(0px, -50%);
    top: 0;
  }
  .cs-inform-setup .profile-init .start_up .line .dot.two {
    left: auto;
    right: 0;
    transform: translate(0px, -50%);
  }
  .cs-inform-setup .profile-init .start_up .steps {
    margin-top: 0px;
  }
  .cs-inform-setup .profile-init.step-two-active .start_up .line .line_sec {
    width: auto;
  }
  .cs-inform-setup #bar{
    background-color: var(--secondary-color);
  }
  .cs-inform-setup .kind_usr_steps_cont .btn {
    background: var(--secondary-color);
    border-radius: 4px;
    font-size: 18px;
  }
  .cs-inform-setup .kind_usr_steps_cont .btn:hover{
    color:#fff;
  }
  .cs-inform-setup .user-profile-avatar img.parents-avatars {
    padding-right: 14px;
    border-radius: 0px;
  }
  .cs-inform-setup .kind_usr_steps .upload-image img{
    width: 200px;
  }

  .cs-progress-bar {
    max-width: 450px;
    margin: auto;
  }
  .cs-inform-setup .kind_content{
    border:1px solid #eaeaea;
    box-shadow: none;
  }
  .cs-inform-setup h2{
    margin-bottom: 0px;
  }
  body .cs-inform-setup .profile-init .step-one-completed .line .dot.one{
    color: #fff;
    background: green;
  }
  body .cs-inform-setup .profile-init .step-one-completed .step-one{
    color: green;
  }
  .cs_modal_style .kid-avatar {
    width: 100px;
    height: 100px;
  }
  body .cs_modal_style .modal-header {
    margin: 0;
    padding: 0;
  }
/** start-up form style end**/
.custom-personal-account .kind_side_loggd_usr_hdr {
  flex-direction: column;
  max-width: 450px;
  margin: auto;
}
.cs_kids_style .custom-personal-account .kind_side_loggd_usr_hdr .title {
  width: auto;
}
.custom-personal-account .account-link{
  justify-content: start;
}
.custom-personal-account .account-link .sep {
  font-size: 1vw;
}
.custom-personal-account .kind_side_loggd_usr_hdr .title .edit-profile:before,
.custom-personal-account .account-link .sep{
  color: #000;
  font-weight: 500;
}
body .custom-personal-account .your-dashboard{
  margin:0px;
}
.custom-personal-account .profile-completion-custom {
  padding-top: 50px;
}
body.link1-timeline .kindilly-score-section .kindilly-plus-icon .count:after{
  content:'+';
  color:#fff;
  top:25px;
  right:-28px;
}
.custom-personal-account .kindilly-dollars-acts .round-section {
  flex: 1;
}
.custom-personal-account .kind_side_loggd_usr .kindilly-dollars-acts .details{
  border-radius: 0px;
  border: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column-reverse;
}
body .custom-personal-account .dollars .text,
body .custom-personal-account .dollars .number{
  color: var(--secondary-site-color);
}
body .custom-personal-account .acts .number{
  padding: 30px 0px;
  background: url(/upload/wysiwyg/images/heart_beating.gif);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
body .custom-personal-account .acts-section{
  position: relative;
  margin-bottom: 16px;
}
body .custom-personal-account .acts-section:after {
  content: "";
  position:absolute;
  right: -14px;
  width: 5px;
  height: 68px;
  background: var(--secondary-site-color);
  top: 60px;
  font-size: 0px;
}
body .custom-personal-account .kind_side_loggd_usr .kindilly-dollars-acts .details{
  background-color: transparent;
  max-width: 100%;
}
body .custom-personal-account .kind_side_loggd_usr .kindilly-dollars-acts .number {
  font-size: 60px;
}
body .custom-personal-account .kind_side_loggd_usr .kindilly-dollars-acts .text {
  white-space: nowrap;
  font-size: 20px;
}

body .custom-personal-account .details .number{
  padding: 30px 0px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.custom-personal-account .cs-day-streak {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.cs-day-streak-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: url(/themes/kindilly/img/circle.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 250px;
}
.cs_kids_account .cs-day-streak-inner {
  background: url(/themes/kindilly/img/circle-kids.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
span.cs-days {
  font-size: 80px;
  line-height: 80px;
  font-weight: bold;
  color: var(--primary-color);
}
span.cs-streak-text {
  font-size: 20px;
}

.custom-personal-account .cs-profile-wrap{
  padding: 16px;
  position: relative;
  border: 4px solid var(--secondary-color);
  border-radius: 24px;
  max-width: 450px;
  margin: 0 auto;
}
.custom-personal-account .cs_kids_view{
  background-color: #f2feff;
  padding-top: 1px;
  padding-bottom: 26px;
  display: none;
}
/** charity-box style start**/
body.link1-sending-acts .acts-of-kindness-list .donation-lists .donation-box .img-header,
body.link1-home .acts-of-kindness-list .donation-lists .donation-box .img-header{
  background: #eee;
  padding: 12px;
  width: 130px;
  box-shadow: 0 0 0 6px #eee, 0 0 0 12px var(--site-color);
  border:1px solid #02c9f2;
  margin: 0px;
  margin-top: -70px;
}
#charity-box .donation-lists {
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 70px;
}
/*.cs_charity_donate .donation-lists{
  margin-right: 100px;
  margin-left: 100px;
}*/
body.link1-sending-acts .acts-of-kindness-list .donation-lists .donation-box {
  padding: 16px;
  border: 2px solid transparent;
  border-bottom: 16px solid var(--site-color);
  box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.2);
  margin: 0px;
  flex: 1;
  width: auto;
  max-width: 260px;
}

body.link1-sending-acts .kindilly-acts-section div.kindilly-type-tab:before, 
body.link1-sending-acts .kindilly-acts-section div.kindilly-type-tab:after{
  display: none;
}
.spread-kindness-title {
  font-size: 45px;
}
.cs-kindilly-acts-section {
    padding-top: 50px;
}

body.link1-spread-kindness .spread-kindness-box .donation-lists.spread-kindness-lists .text-line{
  max-width: 100%;
  font-weight: 500;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.link1-sending-acts .acts-catlist .acts-cat{
  max-width: 260px;
}
.cs_content_wrap i.fa {
    font-size: 20px;
}
.search-ip-style{
  position: relative;
}
.search-ip-style input {
  border-radius: 50px;
  border: 1px solid #d4e7f3;
  width: 100%;
  padding: 12px 16px;
  padding-right: 46px;
  color: var(--primary-color);
}
.search-ip-style button {
  background-color: transparent;
  border: 0px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.search-ip-style button i{
  color: var(--secondary-color);
}
.search-ip-style input::-webkit-input-placeholder  { 
  color: var(--primary-color);
}
.search-ip-style input:-moz-placeholder { 
  color: var(--primary-color);
  opacity:  1;
}
.search-ip-style input::-moz-placeholder { 
  color: var(--primary-color);
  opacity:  1;
}
.search-ip-style input:-ms-input-placeholder {
  color: var(--primary-color);
}
.search-ip-style input::-ms-input-placeholder { 
  color: var(--primary-color);
}
.search-ip-style input::placeholder {
  color: var(--primary-color);
}
.cs_user_view_profile .cs-day-streak{
  display:none;
}
body.link1-sending-acts .sidebar-conatnier .sidebar div.choose-contact-box {
    border: 4px solid var(--site-color);
    padding: 16px;
    border-radius: 24px;
    max-width: 450px;
    margin: 0 auto;
    margin-bottom: 40px;
}
body.link1-sending-acts .sidebar-conatnier .sidebar .choose-contact-box div.avatar{
  width: 70px;
  height: 70px;
  min-width: 70px;
}
.choose-box-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cs_description_donation {
    margin-top: 26px;
}
.custom-personal-account .kind_content,
.theiaStickySidebar{
  background-color: transparent;
  max-width: 450px;
  margin: auto;
}
.mobile_view_kindness .messages-recipients-list .avatar img{
  aspect-ratio: 1;
}

#profile-edit-modal .modal-dialog {
  max-width: 1200px;
  margin-top: 16px;
  margin-bottom: 120px;
} 
#update-profile-image-modal .crop-image-description{
  max-width: 450px;
  margin: 0 auto;
  font-weight: 600;
  background: #87ceeb7d;
  padding: 10px;
  border-radius: 10px;
}
#update-profile-image-modal .crop-zoom-button-container .docs-tooltip{
  font-size: 14px;
}
body .profile-edit-cntnr .profile-completion-custom{
  margin-right: 0px;
  margin-left: 0px;
}
.update-user-img {
    width: 100px;
    height: 100px;
}
body .dependents-user-image .upload-image img{
  width: 100%;
}
/*.cs_kids_profile .custom-personal-account .kind_side_loggd_usr_hdr .title {
    width: auto;
}*/
.cs_contact_page .sidebar-conatnier,
.cs_contact_page  .middlecol{
  display: none;
} 
body .account-link .cs_account_tab{
  color: #000;
  font-weight: 500;
  font-size: 1vw;
  position: relative;
  padding: 4px 0;
}
body .account-link .cs_account_tab.active{
  color: #000;
  font-weight: 500;
}
body .account-link .cs_account_tab:hover,
body .account-link .cs_account_tab:focus{
  color: #000;
  text-decoration: none;
}
body .account-link .cs_account_tab:hover:after,
body .account-link .cs_account_tab.active:after {
  width: 100%;
}
body .account-link .cs_account_tab:after {
  content: '';
  width: 0;
  height: 2px;
  background: rgba(2, 201, 242, 0.8);
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: width 0.1s linear;
}
.cs_user_name {
    padding-left: 10px;
    padding-top: 10px;
}
a#edit-profile-account {
    display: block;
}
.cs_inner_title {
    display: flex;
}
body .cs-kindness-type .box .image {
  /** allready used !important **/
    border-width: 5px !important;
    margin-bottom: 0px;
}
body .cs-kindness-type .box .image img {
  width: 70px;
}
/** charity-box style end**/
/** inbox message style start**/
body #kill_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .kill_msg_tabs li.active a {
    color: #fff;
    background: var(--secondary-color);
}
body #kill_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn{
  color: #949494;
}
#kill_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn:hover{
  color: #fff;
}
 .cs-spread-kindness-tab .title .back:before {
  content: '<';
  margin-right: 8px;
  display: inline-block;
  font-weight: bold;
  color: #7420b7;
  font-size: 2rem;
  transform: translate(0px, 4px);
  margin-top: -15px;
}
#ipwx-search_contact_box input {
    padding-left: 16px;
    padding-right: 30px;
}
.list-ops-cntnr,
.in-contacts-list-cntnr,
.cs_table_wrap{
  overflow: auto;
  padding-bottom: 60px;
}
.cs_title_contacts {
  font-size: 26px;
}
.heading-cntnr .subheading-cntnr {
  margin-bottom: 0px;
  font-size: 14px;
  color: #333333;
  font-weight: 400;
}
body .name-info.home-welcome{
  font-size: 26px;
}
body .profile-top-text-section h2 {
  font-size: 40px;
}
.donation-lists form .btn{
  border-radius: 50px;
}
.footer-wrapper.cs-footer-space{
  padding: 50px 20px;
}
.cs_card_logo {
    width: 90px;
    margin: auto;
    padding: 10px;
}
.acts-catlist.cs-acts-catlist::-webkit-scrollbar,
.acts-design-list::-webkit-scrollbar,
.messages-dropdown::-webkit-scrollbar,
#ajaxcontactList::-webkit-scrollbar {
  width: 8px;
}
.acts-catlist.cs-acts-catlist::-webkit-scrollbar-thumb,
.acts-design-list::-webkit-scrollbar-thumb,
.messages-dropdown::-webkit-scrollbar-thumb,
#ajaxcontactList::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: var(--secondary-color);
  border: 3px solid var(--secondary-color);
}

/** inbox message style end**/
/** 2fA style start**/
body .forgot_pass form{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: auto;
  max-width: 400px;
  padding: 26px 24px 34px;
  font-weight: 400;
  background: #fff;
  border: 1px solid #c3c4c7a3;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
}
body .forgot_pass .login_innre{
  margin-top: 0px;
}
body .forgot_pass form input{
  box-shadow: none;
  border: 1px solid #c3c4c752;
}
body .forgot_pass form input:focus{
  box-shadow: none;
  /** allready used !important **/
  border: 1px solid #c3c4c7a3 !important;
}
body .forgot_pass form .title {
  margin-bottom: 10px;
  font-size: 28px;
}
body .forgot_pass form .alert,
body .forgot_pass form .alert_re {
    width: 100%;
    margin-bottom: 0px;
}
.forgot_pass form .kind_form_fields {
    width: 100%;
}
.forgot_pass form .send_again {
  margin: 4px;
  padding: 0px;
}
.forgot_pass form .kind_form_fields input {
    padding-right: 100px;
}
.forgot_pass form .login_signup_combo{
  margin: 0px;
}
.forgot_pass form .kind_form_fields > label {
    text-align: left;
}
.forgot_pass form .login_signup_combo .login__ .btn {
  line-height: normal;
  padding: 12px 26px;
  font-size: 16px;
}
/** 2fA style end**/
#save-as-contact{
  white-space: normal;
  font-size: 18px;
}
body .send-card-profile .send-card-text-line {
  max-width: 450px;
  margin: auto;
  font-size: 26px;
  padding: 20px 0px;
}
#sent-card-modal .modal-dialog .send-card-profile .kind_side_loggd_usr_hdr .avatar {
  width: 64px;
  height: 64px;
}
body .kind_side_loggd_usr_hdr .title.email {
  font-size: 24px;
}
.send-card-profile .kind_side_loggd_usr_hdr{
  margin-bottom: 0px;
}
body .title.tt-initial {
  word-break: break-all;
  text-align: left;
}
#users-invites .exp_btn {
  color: #ccc;
  display: inline-block;
  padding: 0 4px;
  margin-top: 12px;
  transition: color linear 0.2s;
  display: block;
  text-align: center;
}
.p-40{
  padding: 40px !important;
}
.cs_video_act_wrap{
  position: relative;
}
.cs_video_act {
  position: absolute;
  right: 10px;
  bottom: -14px;
  background: #fff;
  padding: 5px;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  box-shadow: 0px 0px 10px #d5cfcf;
}
.pagination .active a,
.pagination .active a:hover{
  background-color: #7420b7;
  border-color: #7420b7;
}

.pagination > li > a, .pagination > li > span {
  color: #7420b7;
}
.cs_title {
  font-size: 16px;
}
.btn-row input{
  font-size: 16px;
}
.btn-row {
  display: flex;
  gap: 10px;
}
input.btn.btn-danger{
  background-color: #c9302c;
  color: #fff;
}
body.link1-wallet .your-dashboard,
body.link1-wallet #edit-profile-account{
  display: none !important;
}
#paymentSection .form-control:focus{
  border-color:#7420b7;
}
.act-details .details .image img,
.act-details .details .image video {
  max-height: 450px;
}
.card-preview {
  display: flex;
  position: relative;
  overflow: hidden;
  width: 100%;
}
body .act-details .details .text .sender{
  margin-bottom: 0px;
  font-size:24px;
}
.card-overlay{
  position: absolute;
  top: 0;
  transition: transform 1s ease;
  pointer-events: none;
}
.translate-left{
  transform: translateX(100%);
}
.translate-right{
  transform: translateX(-100%);
}
.translate-top{
  transform: translateY(100%);
}
.translate-bottom{
  transform: translateY(-100%);
}
.translate-none{
  transform: translateX(0%);
}
.opacity-0{
  opacity: 0;
}
.opacity-1{
  opacity: 1;
}
#video-controls {
  position: absolute;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #fff;
  bottom: 10px;
  right: 15px;
}
#video-controls i{
  background: #1312126b;
  width: 25px;
  height: 25px;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.translog{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 10px;
  padding: 15px;
}
.mt-36px {
  margin-top: 36px;
}
.video-preview {
  display: none;
}
.link1-messages .message-contnaier .video-preview {
  display: block;
}
div.in-contacts-list .pagination {
  margin: 2% auto 2%;
}
div.sidebar-cntnr .buttons-row .btn.btn-white2 {
  font-size: 22px;
  color: white;
  background: var(--secondary-site-color);
}
.act-time-ago {
  font-size: 12px;
  display: flex;
}
body .sidebar-user .user-name a{
  padding: 0px;
}
.sidebar-user .user-name{
  padding-left: 12px;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.messages-users-list .cell.th.invite-message{
  display: none;
}
div.un-blocked-users {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 10px;
  min-width: 100px;
  max-width: 350px;
}
div.profile-style.un-blocked-users {
  width: 100%;
}
.sweet-alert .confirm, 
.sweet-alert .confirm {
  color: var(--site-color) !important;
  border: 3px solid var(--site-color) !important;
  padding: 9px !important;
}
.sweet-alert .cancel, 
.sweet-alert .cancel  {
  color: var(--secondary-site-color) !important;
  border: 3px solid var(--secondary-site-color) !important;
  padding: 9px !important;
}
/* card grid and list view */
body.link1-sending-acts .cs_viewList .acts-catlist.kindilly-acts-list .item{
  flex: 100%;
  box-shadow:none;
  display: flex;
  align-items: center;
  border: 0px;
  justify-content: start;
  gap: 20px;
  border-radius: 16px;
  margin-bottom:0px;
  padding: 16px;
}

body.link1-sending-acts .cs_viewList .acts-catlist.kindilly-acts-list .acts-cat .img-header{
  margin-top: 0;
  left: 0;
  width: 100px;
  transform: translate(0);
  box-shadow: none;
  border: 0px;
  background: var(--light-secondary-site-color);
  border-radius: 10px;
  box-shadow: 0px 0px 0px 3px #ffffff;
}
body.link1-sending-acts .cs_viewList .acts-catlist.kindilly-acts-list .acts-cat .img-header .inner {
  border: 0px;
  width: 100px;
}
body.link1-sending-acts .cs_viewList .acts-catlist .acts-cat {
  flex: 100%;
  width: auto;
  display: flex;
  max-width: 100%;
}
body.link1-sending-acts .cs_viewList .acts-catlist.kindilly-acts-list .acts-cat .img-header .arc:before{
  display: none;
}
/* body.link1-sending-acts .cs_viewList .acts-catlist.kindilly-acts-list .acts-cat.active .title{
  color: var(--primary-color);
} */
body.link1-sending-acts .cs_viewList .acts-catlist.kindilly-acts-list .acts-cat .title{
  text-align: left;
  color: var(--text-header-color);
  font-weight: bold;
  margin: 0px;
  margin-bottom: 10px;
}
body.link1-sending-acts .cs_viewList .acts-catlist.cs-acts-catlist .acts-cat .text-line {
  text-align: left;
  padding: 0px;
  margin: 0px;
}
body.link1-sending-acts .cs_viewList .acts-catlist.cs-acts-catlist {
  padding: 0px 16px 16px 0px;
}
span.filter_buttons_wrap {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
  border: 1px solid var(--site-color);
  border-radius: 4px;
}
.filter-buttons {
  display: flex;
}
body .blocked-container:after{
  background-color: transparent;
  opacity: 0px;
}
.list-view-button,
.grid-view-button {
  padding: 5px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 3px;
}
.list-view-button i,
.grid-view-button i{
  color: var(--site-color);
}
.list-view-button:hover,
.grid-view-button:hover {
  background: var(--secondary-site-color);
}
.list-view-button{
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
}
.grid-view-button{
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
}
.list-view-button:hover i,
.grid-view-button:hover i{
  color: #fff;
}
.list-view-button {
  border-right: 1px solid #ccc;
}
.no-contacts {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.btn-link.active:after {
  width: 90%;
}
.skip-step {
  cursor: pointer;
  font-weight: 500;
}
.cs-thought-sent,
.cs-donation-sent{
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 8px;
  width: 40%;
  margin-bottom: 10px;
}
.cs-donation-sent{
  margin-left: 6%;
}
.cs-donation-sent > *,
.cs-thought-sent > *{
  white-space: nowrap;
}
div.kindilly-acts-number, div.kindilly-donation-number {
  font-size: 50px;
  font-weight: 800;
  color:#004C83;
}
a.your-dashboard-link:hover {
  color: #ffffffe0;
}
 .ui-menu.ui-autocomplete .ui-menu-item-wrapper .search-user span.search-user-item img {
    width: 100%;
    height: 100%;
    border-radius: 0px !important;
    margin: 0px;
  }
 .ui-menu.ui-autocomplete .ui-menu-item-wrapper .search-user span.search-user-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 26px;
  }
  .ui-menu.ui-autocomplete .ui-menu-item-wrapper .search-user img {
    width: 45px;
  }
  .link1-home .new-user-homepage {
    background-color: var(--site-color);
    height: 100vh;
}
@media screen and (min-width:2400px){
  body .account-link .cs_account_tab, 
  .custom-personal-account .account-link .sep,
  span.cs-profile-leavel,
  body .sidebar-send span{
    font-size: 20px;
  }
}
@media screen and (min-width:1600px){
  .homepage_cs_space{
    padding:50px 100px;
  }
}
@media screen and (min-width:1366px){
  .homepage_cs_space .cs-profile-progress-section{
    padding-left: 100px;
  }
  .cs_title_contacts {
    font-size: 26px;
  }
  body .profile-top-text-section h2 {
    font-size: 50px;
  }
  .footer-powered .logo-footer{
    max-width: 250px;
  }
}
@media screen and (max-width:1366px) {
  .custom-personal-account .kind_side_loggd_usr_hdr .title #user-full-name{
    font-size: 20px;
  }
  body.link1-timeline .kindilly-score-section .kindilly-plus-icon .count:after{
    content: '';
  }
  .custom-personal-account .kindilly-dollars-acts {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1280px) and (min-width: 992px){
  body .leftcol {
    width: 100%;
  }
  body .rightcol {
    width: 30%;
  }
  body .middlecol {
    width: 70%;
  }
}
@media screen and (max-width: 1280px) and (min-width: 992px){
  body .leftcol {
    width: 100%;
  }
  body .rightcol {
    width: 30%;
  }
  body .middlecol {
    width: 70%;
  }
}
@media screen and (max-width: 1200px) {
  .messages-recipients-list .msg_rght_prt {
    max-width: 440px;
  }
  .cs-flex-direction{
    flex-direction: column;
  }
  
}
@media screen and (max-width:1200px) and (min-width:991px){
  .custom-personal-account .kind_side_loggd_usr_hdr .title {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .cs_inner_title,
  .sidebar-conatnier .account-link{
    justify-content: center;
  }
  .sidebar-conatnier .account-link {
    display: flex;
    justify-content: center;
  }
  .your-dashboard-link {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  body.link1-timeline .kindilly-score-section .kindilly-plus-icon .count:after{
    content:"+";
  }
  body .custom-personal-account .acts-section:after{
    display: block;
  }
  body .mobileleftpane {
    top: auto;
}
  body.link1-sending-acts .kindilly-dollars-acts{
    max-width: 450px;
    margin: 0 auto;
  }
  .custom-personal-account .kind_side_loggd_usr_hdr{
    max-width:350px;
  }
  .sidebar-dashboard,
  .link1-timeline .sidebar.sidebar-conatnier .profile-completion-custom{
    max-width: 450px;
    margin: auto;
  }
  .homepage_cs_space .kind_content > div {
    padding: 0px;
  }
  .custom-personal-account .account-link .sep,
  body .account-link .cs_account_tab{
    font-size:18px;
  }
  span.intant-illy-title {
    font-size: 5vw;
  }
   .link1-sending-acts .container {
    max-width: 100%;
  }
  .theiaStickySidebar{
    margin-top: 50px;
  }
  .link1-timeline .cs-profile-progress-section .kindilly-score-section .score-details .count .val{
    font-size: 3vw;
  }
  .link1-timeline .cs-profile-progress-section .kindilly-score-section .score-details .count,
  .link1-timeline .cs-profile-progress-section .kindilly-score-section .score-details .lbl,
  span.cs-profile-leavel{
    font-size:2vw
  }
  body .sidebar-send span {
    font-size: 24px;
  }
}
@media screen and (max-width:930px){
  body .login .title{
    margin-bottom: 40px;
  }
  body .form-row .form-group:first-child {
    padding-right: 5px;
  }
  body .form-row .form-group:last-child {
    padding-left: 5px;
  }
  .login_signup_combo {
    padding-left: 10px;
    padding-right: 10px;
  }
  body .login_innre{
    margin-top: 0px;
    justify-content: center;
    height: 100%;
  }
  body .cs-poweredby {
    display: block;
  }
  .lucky-items-cntnr .box-cntnr.vanish{
    display: none;
  }
  .cs_modal_style .modal-dialog .modal-content{
    padding: 48px 16px;
  }
}
@media screen and (min-width:768px){
  .circle-mobile-view .circle-container,
  .mobile_view_kindness .cs-message-act,
  .cs-footer,
  .cs-message-act,
  .user-profile-score .profile-completion-custom,
  .cs_inner-hide .kindilly-dollars-acts,
  .cs-thought-tab-title-mobile, 
  #contnet .cs-spread-kindness-tab .cs-second-step-thought, 
  .cs-kindness-type .cs_content_wrap .text-line,
  .link1-login-landing-page footer {
    display: none;
  }
  .subheading-cntnr{
    text-transform: uppercase;
  }
  .cs-thought-tab-title-desktop{
    display: block;
    margin-bottom: 0px;
  }
  .cs_contact_page .sidebar-conatnier,
  .cs_contact_page  .middlecol{
    display: block;
  }
  body .next #charity-id {
    background-color: #02c9f2;
  }
  body.link1-sending-acts .acts-of-kindness-list .donation-lists .donation-box a.donation-box  {
  padding: 0;
  border: 0px;
  box-shadow: none;
  max-width: initial;
}
}
.cs-thought-tab-title-mobile, 
#contnet .cs-spread-kindness-tab .cs-second-step-thought, 
.cs-kindness-type .cs_content_wrap .text-line{
  display: none;
}
.cs-thought-tab-title-desktop{
  display: block;
}
@media screen and (max-width:767px){
  .cs-thought-tab-title-mobile,
  body.link1-home .kill_settings_page #charity-box{
    display: block;
  }
  .link1-mobile-inbox .effect-load {
    /* display: none; */
  }
  body.link1-home .kill_settings_page{
    max-width: 500px;
    margin: 0 auto;
  }
  body .cs_mobile_inbox {
    margin-top: 90px;
  }
  .cs-kindness-type .cs_content_wrap .text-line{
    max-width: 100%;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: block;
  }
  .cs_donation_logo img{
    width: 36px;
  }
  .cs_charity_text {
    font-size: 14px;
  }
  .donation_title,
  .cs_donation_logo {
    color: var(--primary-color);
  }
  .donation_title:hover{
    color: #7420b7;
    text-decoration: underline; 
  }
  .cs_donation_logo {
      font-size: 14px;
      margin-bottom: 2px;
  }
  .cs_contact_page .theiaStickySidebar {
    display: flex;
    flex-direction: column;
  }
  .cs_contact_page .sidebar-send {
    width: 100%;
    order: 1;
  }
  a.your-dashboard-link:hover {
    color: #13487d;
  }
  .cs-thought-tab-title-mobile{
    font-size: 24px;
    color: var(--text-header-color);
    margin: 10px 0px;
    font-family: acuminpro;
  }
  .cs-tab-content{
    margin-top:0px;
  }
  body.link1-sending-acts .custom-personal-account .kind_content {
    max-width: initial;
  }
  body.link1-sending-acts .sidebar-conatnier .sidebar .section-list {
    margin-top: 0px;
  }
  .cs-thought-tab-title-desktop{
    display: none;
  }
  .cs_modal_style a.switch-account {
    font-size: 3vw;
  }
  body.pb-body {
    padding-bottom: 100px;
  }
  .navbar-default .for-desktop .navbar-nav > li > a {
    padding: 3px 3px;
  }
  .navbar-default .kind_hdr_innr_left{
    padding-left: 80px;
    flex: 100%;
  }
  body.link1-timeline .kindilly-score-section .kindilly-plus-icon .count:after{
    content:"";
  }
  .link1-timeline .cs-profile-progress-section .kindilly-score-section .score-details .count{
    font-size: 5vw;
  }
  .circle-mobile-view .title h2 {
    font-size: 20px;
  }
  body .cs-progress-container{
    width: 18vw;
    height: 18vw;
  }
  .desktop-ui {
    display: none;
  }
  body .count.mobile-ui{
    display: block;
  }
  .current-personal-account .sidebar-dashboard{
    padding: 10px;
  }
  .link1-timeline.current-personal-account .heading{
    margin-top:10px;
    margin-bottom:10px;
    font-size: 30px;
  }
  body .kindilly-qoute-color{
    margin-top: 12px;
    margin-bottom: 4px;
    font-size: 20px;
  }
  .cs-popup-style .instant-illy-container {
    gap: 20px;
  }
  .max-width-1920{
    padding:0px;
  }
  .cs-profile-top-text-section{
    padding: 0px;
  }
  .kindilly-quote-day .cs-profile-top-text-section h2{
    font-size: 16px;
  }
  .link1-timeline .profile-container,
  body.link1-timeline .sidebar .profile-completion-custom{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .sidebar-dashboard img{
    display: none;
  }
  .messages-dropdown:before,
  .notifications-dropdown:before,
  .ani-acc-menu:before{
    content: "dd";
    background: #000000b0;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    color: transparent;
  }
  .dropdown-menu > li {
    background: #fff;
  }
  .notifications-dropdown li{
    background: #fff;
  }
  .notifications-dropdown li.loader-list{
    padding: 120px 0px;
  }
  .notifications-dropdown .kill_loading_jelly{
    margin: 60px auto;
  }
  li#notification-list{
    min-height: 228px;
  }
  #notification-list .empty_state.single{
    margin: 0px;
  }
  body .navbar-default .dropdown-menu.ani-acc-menu li.kill_user_name{
    background-color: #ffffff;
    margin: 0px;
    border-radius: 0px;
  }
  .ani-acc-menu li hr{
    /** already used important **/
    margin: 0px !important;
  }
  body .cc-message {
    margin: 6px 10px;
  }
  body .nav > li.dropdown.open .dropdown-menu{
    top:0;
    width: calc(100% - 24px);
    margin: 12px;
  }
  .kind_hdr_innr_left{
    justify-content: center;
  }
  .kind_hdr_innr_left .navigation-toggler {
    position: absolute;
    left: 0;
    top: auto;
  }
  body .slick-initialized .slick-slide.cs-desktop-progress{
    display: none;
  }
  .slick-initialized .slick-slide.cs-mobile-slide2,
  .cs-footer{
    display: block;
  }
  .footer-wrapper .logo-footer {
    max-width: 200px;
  }
  .cs-center-vh{
    position: relative;
  }
  .cs-center-vh .mobile-circle-title {
    position: absolute;
    left: 50%;
    bottom: 28px;
    transform: translate(-50%, 0);
    width: 100%;
    font-size: 12px;
    color: #7420b7;
    font-weight: bold;
  }
  .disable-highlight .cs-center-vh .mobile-circle-title{
    color: #000;
  }
  body.link1-timeline .cs-profile-progress-section .kindilly-score-section .score-details .count .val {
    font-size: 4vw;
  }
  .link1-timeline .kindilly-score-section .score-details .count span {
    font-size: 3vw;
  }
  body.link1-timeline .kindilly-score-section .score-details .count{
    color: #004980;
  }
  body.link1-timeline .kindilly-score-section .score-details.disable-highlight .count{
    color: #959595; 
  }
  body.link1-timeline .kindilly-score-section .score-details .lbl{
    color: #004980;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
  }
  body.link1-timeline .kindilly-score-section .score-details.disable-highlight .circle-progress-text{
    fill: #cbcbcb ;
  }
  body.link1-timeline .kindilly-score-section .score-details.disable-highlight .circle-progress-circle{
    stroke: #9f9c9ce6;
  }
  body.link1-timeline .kindilly-score-section .score-details.disable-highlight .circle-progress-value{
    stroke: #8080808a;
  }
  .mobile-circle-title{
    display: block;
  }
  body .messages-users-list .messages-recipients-list{
    text-align: left;
    position: relative;
  }
  body.link1-timeline .kindilly-score-section .score-details.kindilly-donations .lbl{
    color:#000;
  }
  .cs-numbers-score .score-details {
    padding: 28px 0px;
  }
  .cs-mobile-view .score-details .lbl{
    display: none;
  }
  .cs-mobile-view .score-board,
  .cs-mobile-view  .challenges-info{
    display: flex;
    flex-wrap: wrap;
    /**remove this**/
    gap: 16px;
  }
  .cs-mobile-view .score-board .score-details,
  body.link1-timeline .cs-mobile-view .challenges-section .challenge-box{
    flex: 1 1 16vw;
  }
  .link1-timeline .cs-mobile-view .kindilly-score-section{
    background-color: transparent;
  }
  .link1-timeline .cs-mobile-view .kindilly-score-section .score-details .circle-progress-text {
    fill: #7420b7;
  }
  .cs-mobile-view .slick-next:focus, 
  .cs-mobile-view .slick-next:hover, 
  .cs-mobile-view .slick-prev:focus, 
  .cs-mobile-view .slick-prev:hover,
  .cs-mobile-view .slick-next, 
  .cs-mobile-view .slick-prev{
    box-shadow: none;
  }
  .cs-level{
    color:#fff;
  }
  .cs-mobile-view .circle-mobile-view{
    position: relative;
  } 
  .cs-mobile-view .score-board{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .cs-mobile-view .score-board:before {
    position: absolute;
    content: "+";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 8vw;
    color: #004980;
    font-weight: bold;
  }
  .cs-mobile-view .user-profile-score .kindilly-score-section .score-board{
    gap:0px;
    width: 42vw;
  }
  .link1-timeline .cs-mobile-view .kindilly-score-section .circle-mobile-view .title .beginner{
    color:#5C5C7F;
  }
  .link1-timeline .cs-mobile-view .kindilly-score-section .circle-mobile-view .title .silver{
    color:#B0B9C0;
  }
  .link1-timeline .cs-mobile-view .kindilly-score-section .circle-mobile-view .title .bronze{   
    color:#896348
  }
  .link1-timeline .cs-mobile-view .kindilly-score-section .circle-mobile-view .title .gold{   
    color:#BD995A
  } 
  .cs-mobile-view .plan a.month-clickable {
    border-bottom: 2px solid #00D3F5;
  }
  .cs-mobile-view .progress-circle{
    /** used inline **/
    background: conic-gradient(#02c9f2 0%, #7420b77a 30%, rgb(217 217 217) 0 100%);
  }
  .cs-mobile-view  .cs-progress-count {
    color: #600187;
  }
  .cs-progress-title{
    display:block;
    color: #004980;
    font-size:1.5vw;
  }
  .cs-mobile-view .disable-highlight .progress-circle {
    background: conic-gradient(#b3b3b3 0%, #b3b3b3 10%, #b3b3b3 0 100%);
  }
  .cs-mobile-view .disable-highlight .cs-progress-count {
    color: #b3b3b3;
  }
  .cs-mobile-view  .disable-highlight .cs-progress-title {
    color: #000;
  }
  ul.navbar-nav li.dropdown{
    position: static;
  }
  body .dashboard-level-img {
    right: -10px;
    top: -45px;
  }
  body .dashboard-level-img .dashboard-img{
    width: 70px;
  }
  .cs-desktop-progress {
    display: none;
  }
  .custom-personal-account .kind_content {
    border: 0px;
    padding: 20px 0px 0px 0px;
  }
  .custom-personal-account .cs-profile-wrap {
    border: 4px solid #cddbe6;
  }
  .custom-personal-account .kind_side_loggd_usr_hdr .title #user-full-name{
    color: var(--primary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /** style List of Kindness start **/
  .mobile_view_kindness .home-welcome,
  .mobile_view_kindness .list-header,
  .cs_content_wrap i.fa,
  span.send-btn{
     /** allready used !important **/
    display: none !important;
  }
  .mobile_view_kindness .subheading-cntnr{
    margin:30px 15px 10px;
    display: block;
  }
  .mobile_view_kindness .subheading-cntnr h4{
    font-size:22px;
    color: var(--text-header-color);
    font-weight: 600;
    font-family: acuminpro;
  }
  body .buttons-row.on-light.with-seps .sep{
    background-color: var(--secondary-color);
    opacity: 1;
  }
  body .mobile_view_kindness .ops .btn{
    color: #000;
    border-radius: 0px;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: acuminpro !important;
  }
  .mobile_view_kindness .btn.btn-link.current, 
  .mobile_view_kindness .btn.btn-link:link.current, 
  .mobile_view_kindness .btn.btn-link:visited.current, 
  .mobile_view_kindness .btn.btn-link:hover.current, 
  .mobile_view_kindness .btn.btn-link:active.current{
    font-weight: 500;
  }
  .mobile_view_kindness .cs-stant-img {
    width: 30px;
  }
  .mobile_view_kindness .messages-recipients-list .msg_rght_prt .msg_ava_name{
    margin-bottom: 5px;
  }
  .mobile_view_kindness .btn.btn-link:after{
    height: 3px;
  }
  .mobile_view_kindness .messages-recipients-list .msg_rght_prt {
    display: block;
  }
  .mobile_view_kindness .messages-recipients-list  .messages-user-name{
    color:var(--text-header-color);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inherit;
    max-width: 48vw;
    line-height: normal;
    margin-bottom: 0px;
  }
  .mobile_view_kindness .messages-recipients-list .msg_rght_prt .msg-body p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top:8px;
  }

  .mobile_view_kindness .messages-recipients-list .message-act .descr{
    color:#000;
    font-weight: 500;
    font-size: 13px;
    font-family: acuminpro;
    flex-direction: column;
    /** allready used **/
    align-items: self-start !important;
  }
  .mobile_view_kindness .messages-recipients-list .avatar {
    border: 2px solid var(--secondary-color);
  }
  .mobile_view_kindness .messages-recipients-list .messages-last-sent,
  .mobile_view_kindness .messages-users-list .messages-recipients-list .reply-cntnr{
    text-align: right;
    visibility: visible;
  }
  .mobile_view_kindness .messages-users-list .messages-recipients-list .reply-cntnr,
  .mobile_view_kindness .messages-recipients-list .msg_rght_prt .msg_ava_name,
  .mobile_view_kindness .messages-recipients-list .msg_rght_prt .msg-body{
    width: 100%;
    padding-left: 0px;
  }
  .mobile_view_kindness .messages-recipients-list .msg_rght_prt .you-received-msg,
  .mobile_view_kindness .messages-recipients-list .msg_rght_prt .you-send-msg{
    padding-left: 0px;
  }
  .mobile_view_kindness .reply-cntnr span{
    flex-direction: column;
    font-family: acuminpro;
  }
  /* .mobile_view_kindness .messages-users-list .messages-recipients-list .cs-col-item {
    flex: 1 1 auto;
  } */
  .mobile_view_kindness .messages-users-list .messages-recipients-list .cs-col-item:first-child,
  .mobile_view_kindness .messages-users-list .messages-recipients-list {
    align-items: start;
    flex: 1 1 auto;
  }
  .mobile_view_kindness .reply-cntnr {
    position: absolute;
    bottom: 12px;
    right: 12px;
  }
  .mobile_view_kindness .messages-users-list .messages-recipients-list .cs-col-item:nth-child(3){
    flex: 1 0 34px;
    text-align: center;
    justify-content: end;
    display: flex;
    padding-top: 14px;
    margin-left: 6px;
    margin-right: 30px;
  }
  .mobile_view_kindness .welcome-back {
    margin-left: -15px;
    margin-right: -15px;
  }
  body .mobile_view_kindness .reply-cntnr a.btn{
    color: var(--secondary-color);
    border-radius: 50px;
    font-size:12px;
    padding: 0px;
    opacity: 1;
    font-weight: 600;
    text-decoration: underline;
    border-radius: 0px;
    line-height: 14px;
  }
  .mobile_view_kindness .messages-recipients-list{
    border: 0px;
  }
  .mobile_view_kindness .messages-recipients-list:nth-child(odd),
  .mobile_view_kindness .coll .messages-recipients-list:nth-child(even),
  .mobilerightpane .messages-recipients-list:nth-child(odd){
    /* background-color: #f2feff00; */
  }
  body .mobilerightpane .messages-recipients-list{
    justify-content: start;
  }
  .mobilerightpane .messages-last-sent{
    margin-left: auto;
  }
  .mobilerightpane .form-group,
  .mobilerightpane .nav {
    max-width: 450px;
    margin: auto;
  }
  body .mobilerightpane .tab-content.messages-users-list{
    margin-left: -16px;
    margin-right: -16px;
  }
  .mobilerightpane .msg_rght_prt{
    padding-right: 10px;
  }
  body #kill_nw_msg_page .msg_under_hood .mobilerightpane {
    min-width: 100%;
    max-width: 100%;
  }
  body #kill_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form{
    padding-left: 16px;
    padding-right: 16px;
  }
  .mobile_view_kindness .messages-recipients-list:nth-child(even),
  .mobile_view_kindness .coll .messages-recipients-list:nth-child(odd){
    /* background-color: #ffffff; */
  }
  .mobile_view_kindness .messages-users-list .messages-recipients-list .messages-last-sent{
    min-width: auto;
    white-space: nowrap;
    font-size: 13px;
  }
  .mobile_view_kindness .messages-users-list .messages-recipients-list .avatar,
  .mobile_view_kindness .messages-recipients-list .avatar img{
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 40px;
    justify-content: center;
    padding:2px;
  }
  body .mobile_view_kindness .messages-recipients-list .avatar.user-msg-profile-avatar img{
    /* border-radius: 0px;
    padding: 6px;
    padding-left: 2px; */
  }
  .mobile_view_kindness .messages-recipients-list .messages-last-sent {
    color: #000;
  }
  body .kill_settings_page{
    padding-left: 0px;
    padding-right: 0px;
  }
/** style List of Kindness end **/
/** style homepage design start **/
  .link1-timeline .sidebar.custom-personal-account .kind_side_loggd_usr{
    border: 0px;
  }
  body .cs-cookies-ui.cc-floating{
    margin-bottom:101px;
    padding-top:0px;
    padding-bottom: 0px;
    bottom: 0px;
  }
  body .cs-cookies-ui{
    margin-bottom:101px;
    padding-top:16px;
    padding-bottom: 16px;
  }
  .round-section .more a {
    text-decoration: underline;
  }
  span.cs-profile-leavel {
    font-size: 14px;
  }
  .custom-personal-account .text{
    position: relative;
  }
  .custom-personal-account .text i {
    position: absolute;
    top: -11px;
    font-size: 20px;
  }
  .custom-personal-account .modal-dialog .modal-header {
    padding: 0;
  }
  .cs-popup-style .instant-illy-container .instant-inlly-content img {
    width: 50px;
    margin-bottom: 16px;
  }
  .cs-popup-style .intant-illy-message {
    padding: 10px 16px;
    font-size: 14px;
  }
  body .titled-box .info .count{
    font-size: 8vw;
    line-height: 6vw;
  }
  .cs_modal_style .modal-dialog .modal-content{
    padding: 30px 10px;
  }
  .cs_modal_style .modal-dialog .modal-header{
    padding: 0px;
    margin: 0px;
    min-height: 0px;
  }
  .cs_modal_style .modal-dialog .modal-header .close{
    margin-right: 0px;
    opacity: 1;
    color: var(--primary-color);
    border-radius: 50%;
    position: absolute;
    right: 0;
  }
  body .cs_modal_style .modal{
    /** already used !important **/
    padding-bottom: 102px !important;
  }
  .cs_modal_style .modal-dialog .modal-header .close span{
    line-height: 40px;
  }
  .cs_modal_style .modal-dialog .modal-header .close svg {
    width: 50px;
    height: 40px;
    line-height: 40px;
    padding: 10px;
  }
  body .cs_modal_style .lucky-box-popup .luckybox {
    margin-top: 20px;
    gap: 6%;
  }
  .cs_modal_style .popup-footer{
    display: none;
  }
  body .cs_modal_style .modal-dialog .title{
    margin-top: 0px;
    font-size:18px;
  }
  .cs_modal_style .lucky-items-cntnr .box-cntnr.opened {
    margin-top: 50px;
  }
  .cs_modal_style .modal-dialog .popup-footer {
    margin-bottom: 0px;
  }
  
  .parent-account-card{
    max-width: 400px;
    margin: auto;
  }
  body .mobile_view_kindness .tab-content {
    min-width: auto;
  }
  .custom-personal-account .kind_side_loggd_usr_hdr .avatar img{
    border:0px;
  }
  body .kind_side_loggd_usr_hdr .avatar{
    border-color:var(--active-color) ;
  }
  body.link1-sending-acts .acts-of-kindness-list .donation-lists .donation-box .img-header,
  body.link1-home .acts-of-kindness-list .donation-lists .donation-box .img-header,
  body.link1-sending-acts .acts-catlist.kindilly-acts-list .acts-cat .img-header{
    margin-top: 0;
    left: 0;
    width: 100px;
    transform: translate(0);
    box-shadow: none;
    border: 0px;
    background: var(--light-secondary-site-color);
    border-radius: 10px;
    box-shadow: 0px 0px 0px 3px #ffffff;
  }
  body.link1-sending-acts .acts-catlist.kindilly-acts-list .acts-cat .img-header .arc:before{
    display: none;
  }
  #charity-box .donation-lists {
    padding: 0px;
  }
  .spread-kindness-title {
    font-size: 24px;
    margin: 0px;
    padding: 4% 0px;
    font-family: acuminpro;
  }
  body .kind_side_loggd_usr .kindilly-dollars-acts.spread-kindness-wallet-conatiner .details .number {
    font-size: 28px;
  }
  .cs-kindilly-acts-section {
    padding:0px;
  }
  body.link1-sending-acts .acts-of-kindness-list .donation-lists .donation-box .title,
  body.link1-home .acts-of-kindness-list .donation-lists .donation-box .title,
  body.link1-sending-acts .acts-catlist.kindilly-acts-list .acts-cat .title{
    font-size: 24px;
    text-align: left;
    color: var(--text-header-color);
    font-weight: 600;
    margin: 0px;
    margin-bottom: 4px;
    font-family: acuminpro;
  }
  body.link1-sending-acts .acts-of-kindness-list .donation-lists.cs_donation .donation-box .title{
    margin-bottom: 0px;
  }
  body.link1-spread-kindness .acts-of-kindness-list .donation-lists.spread-kindness-lists .text-line,
  body.link1-sending-acts .acts-catlist.cs-acts-catlist .acts-cat .text-line {
    text-align: left;
    padding: 0px;
    margin: 0px;
    font-size:14px;
  }
  body.link1-sending-acts .acts-of-kindness-list .donation-lists .donation-box,
  body.link1-home .acts-of-kindness-list .donation-lists .donation-box,
  body.link1-sending-acts .acts-catlist.kindilly-acts-list .item,
  body.link1-home .acts-catlist.kindilly-acts-list .item{
    flex: 100%;
    box-shadow:none;
    display: flex;
    align-items: center;
    background: #f2feff00;
    border: 0px;
    justify-content: start;
    gap: 20px;
    border-radius: 16px;
    padding: 10px 0px 0px;
  }
  body.link1-sending-acts .acts-of-kindness-list .donation-lists .donation-box,
  body.link1-home .acts-of-kindness-list .donation-lists .donation-box{
    max-width: 100%;
    text-decoration: none;
  }
  body.link1-sending-acts .acts-catlist.kindilly-acts-list .acts-cat:hover,
  body.link1-sending-acts .acts-catlist.kindilly-acts-list .acts-cat.active{
    border: 0px;
  }
  body.link1-sending-acts .acts-catlist.kindilly-acts-list .acts-cat .img-header .inner {
    border: 0px;
    width: 100px;
  }
  body.link1-sending-acts .acts-catlist.kindilly-acts-list .acts-cat:hover .title,
  body.link1-sending-acts .donation-lists .donation-box:hover .title, 
  body.link1-sending-acts .acts-catlist.kindilly-acts-list .acts-cat.active .title{
    color: var(--primary-color);
  }
  body.link1-sending-acts .acts-catlist .acts-cat {
    flex: 100%;
    width: auto;
    display: flex;
  }
  body.link1-sending-acts .acts-catlist.kindilly-acts-list .item{
    margin-bottom:0px;
  }
  body.link1-sending-acts .kindilly-type-content.tab-content .title h2 {
    max-width: 400px;
    font-size: 24px;
    color: var(--text-header-color);
    margin: 10px 0px;
    font-family: acuminpro;
  }
  span#gen-with-ai-btn {
    font-size: 0px;
  }
  span#gen-with-ai-btn i {
    font-size: 16px;
  }
  span#gen-with-ai-btn i:after {
    content: "Ai";
  }
  .tabs__tab .title a {
    font-size: 0px;
  }
  .tabs__tab .title .next a {
    font-size: 14px;
  }
  body.link1-sending-acts .acts-catlist.cs-acts-catlist,
  body.link1-sending-acts .cs_viewList .acts-catlist.cs-acts-catlist{
    max-height: none;
    padding: 10px 0px 110px 0px;
  }
  .acts-design-list{
    max-height: none;
  }
  
  body .cs-spread-kindness-tab .title .back-to-donation-kindness:before,
  body .cs-acts-tab .title .back:before{
    color: var(--site-color);
    font-size: 22px;
  }
  #sent-card-preview-modal .sent-card-popup {
    flex-direction: column-reverse;
    gap: 10px;
    min-height: 150px;
  }
  .send-card-profile .btn {
    border-radius: 10px;
    background: var(--secondary-color);
    color: #fff;
    font-size:18px;
  }
  #sent-card-preview-modal_outer .sent-card-popup .kind_side_loggd_usr_hdr{
    display: none;
  }
  #sent-card-modal_outer .popup-footer {
    display: block;
    margin-top: 0px;
  }
  #sent-card-modal_outer .kind_side_loggd_usr_hdr{
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
  }
  .sent-card-popup.bg-content {
    background: transparent;
  }
  #sent-card-modal .kind_side_loggd_usr_hdr .title {
    margin-bottom: 0px;
  }
  body .items.acts-types {
    /** all ready used !important **/
    display: block !important;
    max-width: 100%;
  }
  .section-list .kindness-type-item{
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: row-reverse;
    gap: 16px;
    margin-bottom: 16px;
    border-radius: 16px;
    border:2px solid #ffffff00;
  }
   body.link1-sending-acts .sidebar-conatnier .sidebar .section .section-list .kindness-type{
    padding: 0px;
   }
  .acts_tab .section-list .kindness-type .image {
    width: 100px;
    height: 100px;
    margin: 0px;
    /** all ready used !important **/
    border: 0px !important;
    background: var(--light-secondary-site-color);
    border-radius: 10px;
    box-shadow: 0px 0px 0px 3px #ffffff;
  }
  .acts_tab .section-list .kindness-type .image img {
    width: 66px;
  }
  body .section .section-list .items .cs_content_wrap .title {
    font-size: 24px;
    text-align: left;
    font-family: acuminpro;
    font-weight: 600;
  }
  body .acts-listview {
    margin-right: 0px;
    font-size:18px;
  }
  body.link1-sending-acts .choose-acts-kindness-section .quote-lists div.quote-item .quote {
    color: #000;
    font-size: 14px;
    padding: 10px;
  }
  body.link1-sending-acts .choose-acts-kindness-section .quote-lists div.quote-item{
    background: #f2feff;
    margin-bottom: 16px;
  }
  body.link1-sending-acts .choose-acts-kindness-section .quote-lists div.quote-item:hover {
    border: 2px solid #02c9f200;
    background: #9df7ff;
  }
  body.link1-sending-acts .donation-lists .donation-box .cs_content_wrap .text-line,
  body.link1-home .donation-lists .donation-box .cs_content_wrap .text-line{
    text-align: left;
    margin: 0px;
    font-weight: 400;
    padding-right: 0px;
    font-size: 14px;
    font-family: acuminpro;
  }
  body.link1-sending-acts .donation-lists.cs_donation .donation-box .cs_content_wrap .text-line{
    max-width: 150px;
  }
  body.link1-sending-acts .acts-of-kindness-list .cs-acts-catlist .amount-to-donate{
    width: 100%;
    padding: 0px;
  }
  .donation-lists form .btn{
    background-color: var(--secondary-color);
    color: #fff;
  }
  body.link1-sending-acts .cs-acts-catlist .charity-donate-form .fields-cntnr input,
  body.link1-sending-acts .cs-acts-catlist .charity-donate-form .fields-cntnr label {
    font-size: 4vw;
  }
  body.link1-sending-acts .acts-catlist .acts-cat{
    max-width: 100%;
  }
  .cs_user_view_profile .kindilly-dollars-acts {
    margin-bottom: 40px;
  }
  body.link1-sending-acts .sidebar-conatnier .sidebar .choose-contact-box{
    border-color: var(--primary-color);
  }
  .cs_user_view_profile .search-bar {
    display: flex;
    justify-content: center;
    width: auto;
    position: relative;
  }
  body div.cs_user_view_profile .search-bar input.search-ip {
    border-radius: 50px;
    border: 1px solid;
    width: 100%;
    padding: 12px 16px;
    padding-right: 60px;
    border-color: #d4e7f3;
    color: var(--primary-color);
  }
  body .cs_user_view_profile .btn-search {
    background-color: transparent;
    border: 0px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-30%, -50%);
    color: var(--secondary-color);
  }
  body div.update-profile-image-links button.btn {
    font-size: 3vw;
  }
  .profile-edit-cntnr .sidebar-conatnier{
    margin-top: 0px;
  }
  body .profile-edit-cntnr .section-title {
    font-size: 28px;
  }
  .heading-cntnr {
    flex-direction: column;
    gap: 10px;
  }
  .cs_heading_cntnr{
    text-align: center;
  }
  .heading-cntnr .subheading-cntnr {
    max-width: 450px;
  }
  /** kids-color-scheme start**/
  .cs_kids_account .section-list .kindness-type-item.active{
    border-color: var(--kids-primary-color);
  }
  .cs_kids_account .cs_user_view_profile .btn-search{
    color: #fff;
  }
  .cs_kids_account .mobile-navigation-menu,
  .cs_kids_account .cs_modal_style .modal-dialog .modal-header .close{
    /* background-color: var(--kids-primary-color); */
  }
  .cs_kids_account .acts_tab .section-list .kindness-type .image{
    background-color: var(--kids-secondary-color);
  }
  #contnet .cs-spread-kindness-tab .cs-second-step-thought{
    display: block;
  }
  /** kids-color-scheme end**/
  form#paymentForm {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
  }
  form#paymentForm .cs_col:last-child {
    flex: 1;
  }
  div.kindilly-acts-number, 
  div.kindilly-donation-number {
    font-size: 38px;
  }
  body.link1-sending-acts .sidebar-conatnier .sidebar .choose-contact-box.cs-user .avatar img {
    max-width: 60px;
  }
}

/** style homepage design end **/

@media screen and (max-width:480px){
  .mobile-footer a {
    width: calc(27% - 42px);
  }
  body .cs_modal_style .modal-dialog .title{
    font-size: 18px;
  }
  .acts-design-list .acts-grid .card-item{
    max-width: 200px;
    flex: 100%;
    margin: auto;
  }
  .acts-design-list .acts-grid .card-item label {
    height: 100px;
    width: 100%;
  }
  body .cs_modal_style .modal-dialog  .progress-cntnr .title{
    font-size: 16px;
  }
  body .custom-personal-account .kind_side_loggd_usr .kindilly-dollars-acts .number {
    font-size: 45px;
  }
  #sent-card-preview-modal .preview-img{
    width: auto;
  }
  body.link1-sending-acts .acts-of-kindness-list .donation-lists .donation-box .title, 
  body.link1-sending-acts .acts-catlist.kindilly-acts-list .acts-cat .title,
  .section .section-list .items .title,
  body .section .section-list .items .cs_content_wrap .title,
  .cs-thought-tab-title-mobile,
  body.link1-sending-acts .kindilly-type-content.tab-content .title h2,
  body.link1-home .acts-of-kindness-list .donation-lists .donation-box .title{
    font-size: 18px;
    font-family: acuminpro;
  }

  body.link1-sending-acts .acts-of-kindness-list .donation-lists .donation-box .img-header, 
  body.link1-sending-acts .acts-catlist.kindilly-acts-list .acts-cat .img-header,
  body.link1-home .acts-of-kindness-list .donation-lists .donation-box .img-header{
    width: 100px;
  }
  .acts_tab .section-list .kindness-type .image {
    width: 80px;
    height: 80px;
  }
  .acts_tab .section-list .kindness-type .image img {
    width: 50px;
  }
  .lucky-box-popup .subtitle,
  .view-kindness-act.act-details .act-nav a,
  .cs_modal_style .modal-dialog .popup-footer {
    font-size: 16px;
  }
  .navbar-default .kind_hdr_innr_left {
    padding-left: 30px;
  }
  body .header-fixed1000 > .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  body.link1-timeline .kindilly-status-box .profile-kindilly-status {
    font-size: 22px;
  }
  body .lucky-box-popup .luckybox {
    margin-top: 10px;
    gap: 6%;
  }
  body .cs-circle-icon{
    width: 80px;
  }
  .custom-personal-account .account-link .sep,
  body .account-link .cs_account_tab{
    font-size:4vw;
  }
  .cs-popup-style .instant-illy-container {
    gap: 5px;
  }
  .cs-popup-style .intant-illy-message {
    padding: 10px 2px;
    font-size: 11px;
  }
  body .act-details .act-nav a.back,
  body .act-details .act-nav a.forward {
    background-size: 14px;
  }
  .spread-kindness-title {
    font-size: 18px;
  }
  .cs_modal_style .image {
    width: 200px;
  }
  body .heading-cntnr .btn {
    font-size: 14px;
  }
  .mobile_view_kindness .messages-recipients-list  .messages-user-name{
    max-width: 24vw;
  }
  .custom-personal-account .kind_side_loggd_usr_hdr .title #user-full-name{
    max-width: 48vw;
  }
}