@charset "UTF-8";
/* Start global */
* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}

.rtl {
  direction: rtl;
  text-align: right;
}

.ltr {
  direction: ltr;
  text-align: left;
}

/* Force LTR for phone numbers and other directional-sensitive content */
.force-ltr,
.force-ltr * {
  direction: ltr !important;
  unicode-bidi: embed;
  text-align: left;
}

/* Specific protection for whatsapp-number if used without the utility class */
.whatsapp-number p {
  direction: ltr;
  unicode-bidi: embed;
  text-align: left;
}

.whatsapp-box h2 {
  direction: ltr;
  unicode-bidi: embed;
  text-align: left;
}

.account-whatsapp h1 {
  direction: ltr;
  unicode-bidi: embed;
  text-align: left;
}

.address p {
  direction: ltr;
  unicode-bidi: embed;
  text-align: left;
}

.iti__country-list {
  direction: ltr;
  text-align: left;
}

.flash-overlay {
  animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(#14213d, #ff9a17);
}

::-webkit-scrollbar-corner {
  border-radius: 5px;
}

body,
html {
  font-family: Montserrat-Regular;
}

.regular {
  font-family: Montserrat-Regular;
}

.light {
  font-family: Montserrat-Light;
}

.exlight {
  font-family: Montserrat-ExtraLight;
}

.bold {
  font-family: Montserrat-Bold;
}

.semi-bold {
  font-family: Montserrat-SemiBold;
}

.thin {
  font-family: Montserrat-Thin;
}

@font-face {
  font-family: Montserrat-ExtraLight;
  src: url("../fonts/Montserrat-ExtraLight.ttf");
}
@font-face {
  font-family: Montserrat-Thin;
  src: url("../fonts/Montserrat-Thin.ttf");
}
@font-face {
  font-family: Montserrat-Regular;
  src: url("../fonts/Montserrat-Regular.ttf");
}
@font-face {
  font-family: Montserrat-Light;
  src: url("../fonts/Montserrat-Light.ttf");
}
@font-face {
  font-family: Montserrat-Bold;
  src: url("../fonts/Montserrat-Bold.ttf");
}
@font-face {
  font-family: Montserrat-SemiBold;
  src: url("../fonts/Montserrat-SemiBold.ttf");
}
.navy-blue {
  color: #14213d;
}

.gold {
  color: rgb(255, 154, 23);
}

.black {
  color: rgb(0, 0, 0);
}

.container {
  width: 85%;
  margin: auto;
}

.btn-website {
  display: inline-block;
  background-color: rgb(255, 154, 23);
  padding: 8px 10px;
  border: 1px solid rgb(255, 154, 23);
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.35s linear;
}

.btn-website:hover {
  box-shadow: 0 0 14px 4px rgba(255, 154, 23, 0.2);
  border: 1px solid rgb(255, 154, 23);
  background-color: transparent;
  color: rgb(255, 154, 23);
}

.pad-sec {
  padding: 60px 0;
}

.title-sec {
  text-align: center;
  margin-bottom: 50px;
}

.validation-error {
  display: flex;
  justify-content: flex-start;
  gap: 6px;
  align-items: center;
  margin: -5px 0 10px 0;
}
.validation-error svg {
  color: rgb(255, 43, 43);
}
.validation-error p.error-message {
  font-size: 12px;
  color: rgb(255, 43, 43);
}

.icon-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  cursor: pointer;
}

.fundraiser-Icons {
  display: flex;
  align-items: center;
  gap: 2px;
}

.tooltip {
  position: absolute;
  top: calc(100% + 6px); /* positioned BELOW the icon */
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  pointer-events: none;
  z-index: 100;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.tooltip::after {
  content: "";
  position: absolute;
  bottom: 100%; /* arrow points UP from the tooltip */
  left: 50%;
  transform: translateX(-50%);
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}

.icon-wrapper:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(2px);
}

/* Verified - Orange */
.tooltip-verified {
  background: #ff9a17;
}

.tooltip-verified::after {
  border-bottom-color: #ff9a17;
}

/* Charity - Green */
.tooltip-charity {
  background: #2ecc71;
}

.tooltip-charity::after {
  border-bottom-color: #2ecc71;
}

/* Urgent - Red */
.tooltip-urgent {
  background: #ff4757;
}

.tooltip-urgent::after {
  border-bottom-color: #ff4757;
}

/* 3. Stop the card boxes from clipping the tooltip */
.sub-fundraiser-box,
.almost-complete-fundraiser-box,
.charity-fundraiser-box {
  overflow: visible !important;
}

/* أنماط النوافذ المنبثقة */
/* Dropdown styles */
.dropdown-content {
  display: none;
  position: absolute;
  top: 19px;
  left: 76px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 111;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {
  background-color: #f1f1f1;
  border-radius: 4px;
}
.dropdown-content .language-menu {
  position: relative;
  cursor: pointer;
}
.dropdown-content .language-switcher {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  padding: 15px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 112;
  min-width: 180px;
  margin-top: 5px;
  gap: 10px;
}
.dropdown-content .language-switcher .lang-btn {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  background-color: #e0e0e0;
  cursor: pointer;
  transition: background-color 0.3s;
  text-align: center;
  font-weight: 500;
}
.dropdown-content .language-switcher .lang-btn.active {
  background-color: #4caf50;
  color: white;
}
.dropdown-content .language-switcher .lang-btn:hover {
  opacity: 0.9;
}
.dropdown-content .flex {
  display: flex;
}
.dropdown-content .show {
  display: block;
}

@media (max-width: 480px) {
  .dropdown-content {
    left: 0 !important;
    top: 45px !important;
    width: 50vw !important;
    z-index: 1003;
  }
}
.show {
  display: block;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* تنسيقات الأزرار في الوضع RTL */
.owl-rtl .owl-nav .owl-prev {
  left: auto;
  right: -30px;
}

.owl-rtl .owl-nav .owl-next {
  right: auto;
  left: -30px;
}

/* تأكد من أن العناصر تتصرف بشكل صحيح في الوضع RTL */
.rtl .owl-stage-outer {
  direction: ltr; /* الحفاظ على اتجاه العناصر الداخلية */
}

.rtl .owl-item {
  direction: rtl; /* اتجاه المحتوى داخل كل عنصر */
}

.rtl {
  /* RTL support for Arabic */
}
.rtl .search-field input {
  text-align: right !important;
}
.rtl .suggestion-item {
  text-align: right !important;
}
.rtl .search-field {
  direction: rtl !important;
}
.rtl .search-field input {
  border-radius: 0 5px 5px 0 !important;
}
.rtl .search-btn {
  border-radius: 5px 0 0 5px !important;
}
.rtl .language-switcher {
  left: unset !important;
  right: 0px;
}
.rtl .input-box label {
  left: unset !important;
  right: 10px !important;
}
.rtl .input-box .label-img {
  right: 88px !important;
}
.rtl .input-box .label-text {
  right: 105px !important;
}
.rtl .fundraiser-account {
  left: unset !important;
  right: 0px !important;
}
.rtl .dropdown-content {
  left: unset !important;
  right: 76px !important;
}
.rtl .carousel-box::after {
  left: 464px !important;
  right: unset !important;
}
.rtl .carousel-box::before {
  right: unset !important;
  left: 0px !important;
}
.rtl .almost-complete-fundraiser-box .flex-content, .rtl .charity-fundraiser-box .flex-content {
  padding: 10px 0 10px 10px !important;
}
.rtl .top-donor-box {
  padding: 0 0 0 10px !important;
}
.rtl .top-donor-box a {
  padding: 6px 6px 2px 6px !important;
}
.rtl .top-donor-box a svg {
  transform: rotate(180deg) !important;
}
.rtl .top-donor-box .account-image {
  margin-left: unset !important;
  margin-right: 10px !important;
}
.rtl .most-fundraisers-sec .donate-window .donate-amount i {
  left: 25px !important;
  right: unset !important;
}
.rtl .top-donor-box::before {
  left: unset !important;
  right: 0 !important;
}
.rtl .top-donor-content .rewards::before {
  right: 240px !important;
}
.rtl .top-donor-content .reward-one-point {
  left: 35% !important;
}
.rtl .top-donor-content .reward-two-point {
  left: 33% !important;
}
.rtl .top-donor-content .reward-three-point {
  left: 30% !important;
}
.rtl .top-categories-boxes::after {
  left: unset !important;
  right: 135px !important;
  bottom: -60px !important;
}
.rtl .top-categories-boxes .box-two {
  right: 480px !important;
  left: unset !important;
}
.rtl .top-categories-boxes .box-three {
  right: 245px !important;
  left: unset !important;
}
.rtl .top-categories-boxes .box-four {
  right: 0px !important;
  left: unset !important;
}
.rtl .top-categories-boxes .box-five {
  right: 265px !important;
  left: unset !important;
}
.rtl .top-categories-boxes .box-six {
  right: 325px !important;
  left: unset !important;
}
.rtl .owl-nav {
  width: -moz-fit-content !important;
  width: fit-content !important;
  right: unset !important;
  left: 0 !important;
}
.rtl .owl-nav button {
  margin-left: unset !important;
  margin-right: 10px !important;
}
.rtl .faq-header-sec .submit-complaint {
  left: unset !important;
  right: 0px !important;
}
.rtl .comments-container .comment.reply {
  margin-right: 3rem !important;
}
.rtl .comments-container .comment.reply::before {
  right: -1.5rem !important;
  rotate: 270deg !important;
}
.rtl .achievements-chart .point-scale .point-mark-one {
  left: unset !important;
  right: 0% !important;
  transform: translateX(50%);
}
.rtl .achievements-chart .point-scale .point-mark-two {
  left: unset !important;
  right: 8% !important;
  transform: translateX(50%);
}
.rtl .achievements-chart .point-scale .point-mark-three {
  left: unset !important;
  right: 20% !important;
  transform: translateX(50%);
}
.rtl .achievements-chart .point-scale .point-mark-four {
  left: unset !important;
  right: 40% !important;
  transform: translateX(50%);
}
.rtl .achievements-chart .point-scale .point-mark-five {
  left: unset !important;
  right: 60% !important;
  transform: translateX(50%);
}
.rtl .achievements-chart .point-scale .point-mark-six {
  left: unset !important;
  right: 80% !important;
  transform: translateX(50%);
}
.rtl .achievements-chart .point-scale .point-mark-seven {
  left: unset !important;
  right: 100% !important;
  transform: translateX(50%);
}
.rtl .all-fundraisers-header-sec .main-content-all-fundraisers .search-filed a, .rtl .user-panel-donor-header-sec .main-content-all-fundraisers .search-filed a, .rtl .user-panel-indigent-header-sec .main-content-all-fundraisers .search-filed a {
  border-radius: 5px 0 0 5px !important;
}
.rtl .all-fundraisers-header-sec .main-content-all-fundraisers .search-filed input, .rtl .user-panel-donor-header-sec .main-content-all-fundraisers .search-filed input, .rtl .user-panel-indigent-header-sec .main-content-all-fundraisers .search-filed input {
  border-radius: 0 5px 5px 0 !important;
}
.rtl .all-fundraisers-header-sec .main-content-all-fundraisers .dropdown-content, .rtl .user-panel-donor-header-sec .main-content-all-fundraisers .dropdown-content, .rtl .user-panel-indigent-header-sec .main-content-all-fundraisers .dropdown-content {
  right: unset !important;
  left: 20px !important;
}
.rtl .all-fundraisers-header-sec .notifications-window, .rtl .user-panel-donor-header-sec .notifications-window, .rtl .user-panel-indigent-header-sec .notifications-window {
  left: unset !important;
  top: 10px;
  right: 220px !important;
}
.rtl .fundraiser-header-sec .fundraiser-info .donation-bar .donation-money-number, .rtl .fundraiser-header-sec .fundraiser-info .donation-bar .donation-charity-note {
  left: unset !important;
  right: 23px !important;
}
.rtl .fundraiser-header-sec .fundraiser-info .donation-bar .donation-money-number::before {
  left: unset !important;
  border-left: unset !important;
  border-right: 15px solid #ff9a17 !important;
  right: 87px;
}
.rtl .fundraiser-header-sec .fundraiser-info .donation-bar .donation-charity-note::before {
  left: unset !important;
  border-left: unset !important;
  border-right: 15px solid #ff9a17 !important;
  right: 87px;
}
.rtl .fundraiser-header-sec .fundraiser-info .donation-bar .donation-scale {
  left: unset !important;
  right: 130px !important;
}
.rtl .fundraiser-comments-sec .comment-actions .action-btn {
  margin-right: unset !important;
  margin-left: 10px !important;
}
.rtl .fundraiser-requesters-table-sec .content-table th, .rtl .fundraiser-requesters-table-sec .content-table td {
  text-align: unset !important;
}
.rtl .user-panel-donor-header-sec .payment-methods-boxes .triangle, .rtl .user-panel-indigent-header-sec .payment-methods-boxes .triangle {
  right: unset !important;
  left: -29px !important;
  clip-path: polygon(100% 0, 25% 50%, 100% 100%) !important;
}
.rtl .user-panel-donor-header-sec .ranks-rewards .rank-reward-box::before, .rtl .user-panel-indigent-header-sec .ranks-rewards .rank-reward-box::before {
  right: 0 !important;
  left: unset !important;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%) !important;
}
.rtl .user-panel-donor-header-sec .ranks-rewards .rank-reward-box::after, .rtl .user-panel-indigent-header-sec .ranks-rewards .rank-reward-box::after {
  right: 0 !important;
  left: unset !important;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%) !important;
}
.rtl .user-panel-donor-header-sec .ranks-rewards .reward-small-gift, .rtl .user-panel-indigent-header-sec .ranks-rewards .reward-small-gift {
  bottom: 43px !important;
  left: 423px !important;
  right: unset !important;
}
.rtl .user-panel-donor-header-sec .ranks-rewards .reward-big-gift, .rtl .user-panel-indigent-header-sec .ranks-rewards .reward-big-gift {
  bottom: 30px !important;
  left: 110px !important;
  right: unset !important;
}
.rtl .user-panel-donor-header-sec .achievements-chart .point-mark-six, .rtl .user-panel-indigent-header-sec .achievements-chart .point-mark-six {
  left: unset !important;
  right: 94%;
}
.rtl .user-panel-donor-header-sec .characters, .rtl .user-panel-indigent-header-sec .characters {
  left: 10px !important;
  right: unset !important;
}
.rtl .user-panel-donor-header-sec .my-donations-table .content-table th, .rtl .user-panel-donor-header-sec .my-donations-table .content-table td, .rtl .user-panel-donor-header-sec .greatful-users-table .content-table th, .rtl .user-panel-donor-header-sec .greatful-users-table .content-table td, .rtl .user-panel-indigent-header-sec .my-donations-table .content-table th, .rtl .user-panel-indigent-header-sec .my-donations-table .content-table td, .rtl .user-panel-indigent-header-sec .greatful-users-table .content-table th, .rtl .user-panel-indigent-header-sec .greatful-users-table .content-table td {
  text-align: right !important;
}
.rtl .user-panel-indigent-header-sec .fundraiser-type-box .fundraiser-type-selector.donation-mode::before {
  left: 0% !important;
  width: 43% !important;
}
.rtl .user-panel-indigent-header-sec .fundraiser-type-box .fundraiser-type-selector.fundraiser-mode::before {
  left: 43% !important;
  width: 57% !important;
}
.rtl .user-panel-indigent-header-sec .fundraiser-type-box .fundraiser-type-selector a.active-type {
  color: #fff;
}
.rtl .user-panel-indigent-header-sec .categories-and-money-req .categories-box .arrow {
  left: 2% !important;
  right: unset !important;
}
.rtl .user-panel-indigent-header-sec .categories-and-money-req .categories-box .clear {
  left: 15px !important;
  right: unset !important;
}
.rtl .user-panel-indigent-header-sec .categories-and-money-req .money-req-box i {
  left: 25px !important;
  right: unset !important;
}
.rtl .user-panel-indigent-header-sec .statistics-charts .next-btn svg, .rtl .user-panel-indigent-header-sec .statistics-charts .prev-btn svg {
  transform: rotate(180deg);
}
.rtl .registration-header-sec {
  overflow: hidden;
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-in-box .sign-up-panel {
  transform: translateX(-1600px);
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-in-box .sign-in-form-box {
  z-index: 1;
  left: 70%;
  opacity: 0;
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-in-panel {
  transform: translateX(0px);
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box {
  left: 5%;
  opacity: 1;
  z-index: 2;
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box .label-text {
  right: 62px !important;
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box .label-img {
  right: 75px !important;
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box .account-type a:first-child {
  border-radius: 0 5px 5px 0 !important;
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box .account-type a:last-child {
  border-radius: 5px 0 0 5px !important;
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box .donor-btn {
  padding: 8px 10px !important;
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box .charity-mode {
  border-radius: 5px 0px 0px 5px !important;
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box .account-type.indigent-mode::before {
  width: 26% !important;
  left: 47% !important;
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box .account-type.donor-mode::before {
  width: 26% !important;
  left: 74% !important;
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box .account-type.charity-mode::before {
  width: 47% !important;
  left: 0.33% !important;
}
.rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box .birthday-and-gender .input-box::after, .rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box .charity-date-and-type .input-box::after {
  left: 10px !important;
  right: unset !important;
}
.rtl .registration-header-sec .main-content.sign-up-mode::before {
  transform: translate(100%, -50%);
  right: 52%;
}
.rtl .registration-header-sec .main-content .sign-up-panel {
  transform: translateX(-800px);
}
.rtl .registration-header-sec .main-content .sign-in-form-box {
  z-index: 1;
  left: 0% !important;
}
@media (max-width: 480px) {
  .rtl .dropdown-content {
    left: unset !important;
    right: 0px !important;
  }
  .rtl .achievements-chart .point-mark-one {
    left: unset !important;
    right: -3% !important;
  }
  .rtl .achievements-chart .point-mark-two {
    left: unset !important;
    right: 7% !important;
  }
  .rtl .achievements-chart .point-mark-three {
    left: unset !important;
    right: 12% !important;
  }
  .rtl .achievements-chart .point-mark-four {
    left: unset !important;
    right: 17% !important;
  }
  .rtl .achievements-chart .point-mark-five {
    left: unset !important;
    right: 57% !important;
  }
  .rtl .achievements-chart .point-mark-six {
    left: unset !important;
    right: 89% !important;
  }
  .rtl .all-fundraisers-header-sec, .rtl .user-panel-donor-header-sec, .rtl .user-panel-indigent-header-sec {
    position: relative;
  }
  .rtl .all-fundraisers-header-sec .notifications-window, .rtl .user-panel-donor-header-sec .notifications-window, .rtl .user-panel-indigent-header-sec .notifications-window {
    right: 0px !important;
    left: unset !important;
    margin: 0 5px !important;
    z-index: 1001;
  }
  .rtl .all-fundraisers-header-sec .notifications-window .notifications-close-btn:hover, .rtl .user-panel-donor-header-sec .notifications-window .notifications-close-btn:hover, .rtl .user-panel-indigent-header-sec .notifications-window .notifications-close-btn:hover {
    background-color: #ffffff;
  }
  .rtl .all-fundraisers-header-sec .access-links, .rtl .user-panel-donor-header-sec .access-links, .rtl .user-panel-indigent-header-sec .access-links {
    position: fixed;
    top: 0;
    right: -300px !important;
    left: unset !important;
    width: 280px;
    height: 100vh;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease !important;
    z-index: 1000;
    overflow-y: auto;
  }
  .rtl .all-fundraisers-header-sec .access-links.active, .rtl .user-panel-donor-header-sec .access-links.active, .rtl .user-panel-indigent-header-sec .access-links.active {
    right: 0 !important;
    left: unset !important;
  }
  .rtl .user-panel-donor-header-sec .access-links-btn, .rtl .user-panel-indigent-header-sec .access-links-btn {
    left: unset !important;
    right: 0px !important;
    border-radius: 20px 0px 0px 20px;
  }
  .rtl .user-panel-donor-header-sec .access-links-btn svg, .rtl .user-panel-indigent-header-sec .access-links-btn svg {
    transform: rotate(180deg);
  }
  .rtl .user-panel-donor-header-sec .access-links-btn.active, .rtl .user-panel-indigent-header-sec .access-links-btn.active {
    left: unset !important;
    right: 280px !important;
  }
  .rtl .user-panel-donor-header-sec .ranks-rewards .rank-reward-box::before, .rtl .user-panel-indigent-header-sec .ranks-rewards .rank-reward-box::before {
    right: 0 !important;
    left: unset !important;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%) !important;
  }
  .rtl .user-panel-donor-header-sec .ranks-rewards .rank-reward-box::after, .rtl .user-panel-indigent-header-sec .ranks-rewards .rank-reward-box::after {
    right: 0 !important;
    left: unset !important;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%) !important;
  }
  .rtl .user-panel-donor-header-sec .ranks-rewards .reward-small-gift, .rtl .user-panel-indigent-header-sec .ranks-rewards .reward-small-gift {
    bottom: 208px !important;
    top: unset !important;
    left: 79px !important;
    right: unset !important;
  }
  .rtl .user-panel-donor-header-sec .ranks-rewards .reward-big-gift, .rtl .user-panel-indigent-header-sec .ranks-rewards .reward-big-gift {
    left: 119px !important;
  }
  .rtl .registration-header-sec .main-content {
    overflow: hidden;
  }
  .rtl .registration-header-sec .main-content .container {
    width: 100%;
    padding: 0 10px;
  }
  .rtl .registration-header-sec .main-content {
    /* Stack panels vertically */
  }
  .rtl .registration-header-sec .main-content .sign-in-box,
  .rtl .registration-header-sec .main-content .sign-up-box {
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .rtl .registration-header-sec .main-content .sign-up-panel {
    transform: unset;
  }
  .rtl .registration-header-sec .main-content .sign-in-panel img,
  .rtl .registration-header-sec .main-content .sign-up-panel img {
    display: none;
  }
  .rtl .registration-header-sec .main-content .sign-in-panel {
    transform: translate3d(800px, 760px, 10px) !important;
    transition: all;
  }
  .rtl .registration-header-sec .main-content {
    /* Forms adapt to screen width */
  }
  .rtl .registration-header-sec .main-content .sign-in-form-box,
  .rtl .registration-header-sec .main-content .sign-up-form-box {
    position: relative;
    width: 100% !important;
    margin-top: 0px;
    left: 0 !important;
    top: auto;
    height: auto;
    padding: 10px;
  }
  .rtl .registration-header-sec .main-content .sign-in-form-box {
    margin-top: 170px;
  }
  .rtl .registration-header-sec .main-content .sign-in-form-box .email-window {
    left: 25px !important;
  }
  .rtl .registration-header-sec .main-content {
    /* Inputs full width */
  }
  .rtl .registration-header-sec .main-content .sign-up-form .input-box {
    width: 180px !important;
    height: 38px !important;
    margin-bottom: 10px !important;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .input-box label {
    top: 22%;
    left: 10px;
    color: #767676;
    font-size: 16px;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .input-box input {
    padding: 12px 10px 0px 10px;
    font-size: 15px;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .input-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #e2e2e2;
    z-index: -1;
    border-radius: 5px 5px 0 0;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .input-box.input-box-active label {
    top: 10%;
    left: 10px;
    color: #ff9a17;
    font-size: 10px;
    font-weight: bold;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .input-box.input-box-active input {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 5px 5px 0 0;
    border: transparent;
    border-bottom: 2px solid #ff9a17;
    padding: 12px 10px 0px 10px;
    font-size: 17px;
    transition: 0.3s ease-in-out;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .input-box.field-is-filled label {
    position: absolute;
    top: 10%;
    left: 10px;
    color: #767676;
    font-size: 10px;
    display: block;
    font-weight: bold;
    transition: 0.3s ease-in-out;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .input-box.field-is-filled input {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 5px 5px 0 0;
    border: transparent;
    border-bottom: 1px solid #14213d;
    padding: 12px 10px 0px 10px;
    font-size: 13px;
    transition: 0.3s ease-in-out;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .gender, .rtl .registration-header-sec .main-content .sign-up-form .country-code, .rtl .registration-header-sec .main-content .sign-up-form .zip-code {
    width: 100px !important;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .day, .rtl .registration-header-sec .main-content .sign-up-form .year, .rtl .registration-header-sec .main-content .sign-up-form .csv {
    width: 70px !important;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .card-number, .rtl .registration-header-sec .main-content .sign-up-form .card-name {
    width: 230px !important;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .flex-input-boxes {
    width: 100% !important;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .flex-input-boxes .image {
    height: 170px !important;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .flex-input-boxes .image .label-img {
    top: -5% !important;
    left: 50px !important;
    font-size: 115px !important;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .flex-input-boxes .image .label-text {
    top: 80% !important;
    left: 32px !important;
    font-size: 12px !important;
  }
  .rtl .registration-header-sec .main-content .sign-up-form .next-btn-box-one, .rtl .registration-header-sec .main-content .sign-up-form .flex-btns {
    width: 100% !important;
  }
  .rtl .registration-header-sec .main-content .form-step-two .box-one .input-box {
    width: 235px !important;
  }
  .rtl .registration-header-sec .main-content .form-step-two .box-two {
    width: 35% !important;
  }
  .rtl .registration-header-sec .main-content .form-three .flex-input-boxes {
    flex-direction: column !important;
    align-items: center !important;
  }
  .rtl .registration-header-sec .main-content .form-three .flex-input-boxes .box-two {
    width: 65% !important;
    gap: 14px !important;
  }
  .rtl .registration-header-sec .main-content {
    /* Progress bar shrink */
    /* Titles scale down */
  }
  .rtl .registration-header-sec .main-content h1 {
    font-size: 24px !important;
  }
  .rtl .registration-header-sec .main-content p {
    font-size: 12px !important;
  }
  .rtl .registration-header-sec .main-content {
    /* Buttons fit better */
  }
  .rtl .registration-header-sec .main-content .login-btn,
  .rtl .registration-header-sec .main-content .sign-in-btn,
  .rtl .registration-header-sec .main-content .sign-up-btn,
  .rtl .registration-header-sec .main-content .skip-btn,
  .rtl .registration-header-sec .main-content .prev-btn {
    padding: 4px 10px;
  }
  .rtl .registration-header-sec .main-content:before {
    height: 1500px !important;
    width: 1500px !important;
    top: -62% !important;
    right: -122% !important;
  }
  .rtl .registration-header-sec .main-content.sign-up-mode:before {
    height: 1500px !important;
    width: 1500px !important;
    top: 162% !important;
    right: 224% !important;
  }
  .rtl .registration-header-sec .main-content.sign-up-mode .validation-error svg {
    width: 14px;
    height: 14px;
  }
  .rtl .registration-header-sec .main-content.sign-up-mode .validation-error p.error-message {
    font-size: 10px !important;
  }
  .rtl .registration-header-sec .main-content.sign-up-mode .progress-bar {
    width: 100% !important;
    justify-content: center !important;
  }
  .rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-in-panel {
    min-width: 400px;
    transform: translate3d(0px, 760px, 10px) !important;
    transition: all 1.5s ease-out;
  }
  .rtl .registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-in-panel .title {
    transform: none !important;
  }
}

/* end global */
/* Start Header */
.header-sec {
  position: relative;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  transition: background-color 1s ease, background-image 1s ease;
  z-index: 0;
  height: 100vh;
}
.header-sec nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 5% 0 5%;
  background-color: transparent;
  position: sticky;
  top: 0;
  z-index: 101;
}
.header-sec nav .links-list {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.header-sec nav .links-list img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.header-sec nav .links-list {
  padding: 8px 10px 6px 10px;
}
.header-sec nav .links-list img {
  width: 22px;
  height: 22px;
}
.header-sec nav ul.nav-links {
  display: flex;
  list-style: none;
  gap: 15px;
  display: none;
}
.header-sec nav ul.nav-links a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  transition: color 0.3s;
}
.header-sec nav .brand {
  display: flex;
}
.header-sec nav .brand img {
  width: 150px;
  height: 40px;
}
.header-sec nav .search-and-contact {
  display: flex;
  gap: 15px;
  text-align: center;
}
.header-sec nav .search-and-contact .search-box {
  position: relative;
  text-align: center;
}
.header-sec nav .search-and-contact .search-box input {
  width: 100%;
  outline: none;
  font-size: 15px;
  padding: 0 50px 0 10px;
  line-height: 40px;
  border-radius: 5px;
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  outline: none;
}
.header-sec nav .search-and-contact .search-box ::-moz-placeholder {
  color: #fff;
}
.header-sec nav .search-and-contact .search-box ::placeholder {
  color: #fff;
}
.header-sec nav .search-and-contact .search-box :focus {
  border: 2px solid #ff9a17;
}
.header-sec nav .search-and-contact .search-box .search-icon {
  display: flex;
  position: absolute;
  right: 10px;
  top: 32%;
}
.header-sec nav .search-and-contact .search-box .search-icon svg {
  color: #fff;
}
.header-sec nav .search-and-contact .account-btn {
  border-radius: 50%;
  padding: 0px;
  background-color: transparent !important;
  border: 1px solid transparent !important;
}
.header-sec nav .search-and-contact .account-btn i {
  font-size: 25px;
}
.header-sec nav .search-and-contact .login-btn {
  border-radius: 5px;
  padding: 9px 11px;
}
.header-sec nav .search-and-contact .login-btn i {
  font-size: 25px;
}
.header-sec nav .search-and-contact .btn-animated {
  padding: 2px 6px;
  background-color: transparent;
  border-radius: 50%;
}
.header-sec nav .search-and-contact .btn-animated img {
  width: 30px;
  height: 30px;
  padding-top: 5px;
}
.header-sec {
  /* Mobile Navigation */
}
@media (max-width: 768px) {
  .header-sec nav {
    padding: 15px 10px !important;
  }
  .header-sec .brand {
    order: 2;
    text-align: center;
  }
  .header-sec .brand img {
    width: 100px !important;
    height: auto !important;
  }
  .header-sec .links-list {
    order: 1;
  }
  .header-sec .search-and-contact {
    order: 3;
  }
  .header-sec .search-and-contact .search-box {
    flex: 1;
    display: none;
  }
  .header-sec .dropdown-content {
    left: 0 !important;
    top: 45px !important;
    width: 100vw;
  }
}

.header-sec::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(20, 33, 61, 0.5);
}

@media (max-width: 768px) {
  .header-sec {
    height: auto !important;
  }
  .main-content {
    padding-top: 30px !important;
  }
  .main-content .disaster-description {
    width: 100% !important;
    height: 360px !important;
  }
  .main-content .disaster-description .location h2, .main-content .disaster-description .time h2 {
    font-size: 13px !important;
  }
  .main-content .disaster-description p {
    height: 100px;
  }
  .main-content .disaster-description h1 {
    width: 100% !important;
    height: 100px !important;
    font-size: 28px !important;
  }
  .main-content .carousel-box {
    padding-top: 30px !important;
  }
  .main-content .carousel-box .owl-carousel {
    width: 100% !important;
    margin-top: 40px;
  }
  .main-content .carousel-box::before, .main-content .carousel-box::after {
    display: none;
  }
}
/* Mobile Navigation */
@media (max-width: 768px) {
  nav {
    padding: 15px 10px !important;
  }
  nav .brand {
    order: 2;
    text-align: center;
  }
  nav .brand img {
    width: 100px !important;
    height: auto !important;
  }
  .links-list {
    order: 1;
  }
  .search-and-contact {
    order: 3;
  }
  .search-and-contact .search-box {
    flex: 1;
    display: none;
  }
  .dropdown-content {
    left: 0 !important;
    top: 45px !important;
    width: 100vw;
  }
  .faq-header-sec {
    min-height: 100vh;
  }
}
/* Start Main Content */
.main-content {
  position: relative;
  padding-top: 90px;
  width: 100%;
  min-height: 700px;
}
.main-content .disaster-description {
  z-index: 1;
  width: 690px;
}
.main-content .disaster-description h1 {
  width: 100%;
  height: 50px;
  font-size: 50px;
  color: #ffffff;
  display: none;
}
.main-content .disaster-description h1.active {
  display: contents;
}
.main-content .disaster-description .disaster-info {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  align-items: center;
}
.main-content .disaster-description .time, .main-content .disaster-description .location {
  margin-bottom: 5px;
}
.main-content .disaster-description .time h2, .main-content .disaster-description .location h2 {
  font-size: 15px;
  color: #ffffff;
  display: none;
}
.main-content .disaster-description .time h2.active, .main-content .disaster-description .location h2.active {
  display: contents;
}
.main-content .disaster-description .split {
  width: 2.5px;
  height: 20px;
  border-radius: 10px;
  background-color: #ff9a17;
}
.main-content .description-and-find-fundraisers-btn-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 80%;
}
.main-content .p-hidden {
  margin-top: 10px;
  width: 100%;
  color: #ffffff;
  display: none;
}
.main-content p.active {
  display: contents;
}
.main-content .keword-hidden {
  display: none;
}
.main-content .keword-hidden.active {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
}
.main-content .btns {
  margin-top: 15px;
  display: flex;
  gap: 20px;
}
.main-content .btns .more-btn {
  display: flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
}
.main-content .btns .more-btn svg {
  padding-top: 1px;
  font-size: large;
}
.main-content .btns .more-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.main-content .carousel-box {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: end;
  min-height: 200px;
  background-color: transparent;
  padding-top: 100px;
  box-shadow: 0px 0px 14px 0px rgba(19, 19, 19, 0);
  z-index: 4;
}
.main-content .carousel-box .owl-carousel {
  width: 699px;
  height: 100%;
  display: flex;
  justify-content: space-around;
  overflow: hidden;
}
.main-content .carousel-box .owl-carousel .carousel-item {
  width: 100%;
  height: 120px;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  transition: all 0.2s ease;
}
.main-content .carousel-box .owl-carousel .carousel-item:hover {
  border: 3px solid rgb(255, 154, 23);
}
.main-content .carousel-box::after {
  position: absolute;
  content: "";
  width: 233px;
  height: 120px;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-color: rgba(20, 33, 61, 0.6);
  border-left: 3px solid rgb(255, 154, 23);
}
.main-content .carousel-box::before {
  position: absolute;
  content: "";
  width: 233px;
  height: 120px;
  left: 598px;
  bottom: 0;
  right: 0;
  z-index: 5;
  background-color: rgba(20, 33, 61, 0.6);
  border-right: 3px solid rgb(255, 154, 23);
}

/* End Main Content */
/* End Header */
/* Your existing CSS */
.fundraisers-main-content {
  padding-top: 30px;
  position: relative;
}

/* ... (all your existing CSS styles) ... */
/* New animation styles */
.slide-right {
  animation: slideRight 2s forwards;
}

.slide-left {
  animation: slideLeft 2s forwards;
}

.slide-up {
  animation: slideUp 2s forwards;
}

.slide-down {
  animation: slideDown 2s forwards;
}

@keyframes slideRight {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0); /* Changed from translateX(0) to translateY(0) */
  }
}
@keyframes slideDownFlashMessage {
  from {
    opacity: 0;
    transform: translate(-50%, -20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes slideUpFlashMessage {
  from {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -20px);
  }
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Initially hide elements before animation */
/* Start Most Fundraisers Section */
.most-fundraisers-sec {
  height: 100vh;
}
.most-fundraisers-sec .fundraisers-main-content {
  padding-top: 30px;
  position: relative;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window {
  display: none;
  padding: 20px;
  top: 30%;
  left: 30%;
  position: absolute;
  background-color: #efefef;
  min-width: 400px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 2px solid #ff9a17;
  z-index: 5;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window h1 {
  margin-bottom: 10px;
  font-size: 15px;
  color: #14213d;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two {
  margin-top: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  border-radius: 5px;
  border: 2px solid #e6e6e6;
  transition: all 0.3s ease;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .payment-method-one-info, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .payment-method-two-info, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .payment-method-one-info, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .payment-method-two-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .payment-method-one-info h1, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .payment-method-two-info h1, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .payment-method-one-info h1, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .payment-method-two-info h1 {
  font-size: 20px;
  color: #ff9a17;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .payment-method-one-info img, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .payment-method-two-info img, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .payment-method-one-info img, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .payment-method-two-info img {
  width: 55px;
  height: 55px;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .payment-method-one-info .ms-img, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .payment-method-two-info .ms-img, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .payment-method-one-info .ms-img, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .payment-method-two-info .ms-img {
  height: 45px;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .payment-method-one-info .card-number-info, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .payment-method-two-info .card-number-info, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .payment-method-one-info .card-number-info, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .payment-method-two-info .card-number-info {
  font-size: 17px;
  color: #14213d;
  font-weight: 600;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .flex-btns, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .flex-btns {
  display: flex;
  align-items: center;
  gap: 10px;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .flex-btns .checkbox-container, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .flex-btns .checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .flex-btns .checkbox-container input, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .flex-btns .checkbox-container input {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .flex-btns .checkmark, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .flex-btns .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #f8f8f8;
  border: 2px solid #767676;
  border-radius: 5px;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark {
  background-color: #ff9a17;
  border-color: #ff9a17;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .flex-btns .checkmark:after, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .flex-btns .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-one .flex-btns .checkbox-container .checkmark:after, .most-fundraisers-sec .fundraisers-main-content .donate-window .select-payment-method .payment-method-two .flex-btns .checkbox-container .checkmark:after {
  left: 7px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box {
  position: relative;
  overflow: hidden;
  width: 500px;
  height: 55px;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box label {
  position: absolute;
  top: 30%;
  left: 10px;
  color: #767676;
  font-size: 17px;
  display: block;
  transition: 0.3s ease-in-out;
  z-index: 1;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box.input-box-active label {
  position: absolute;
  top: 10%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box.input-box-active input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
  transition: 0.3s ease-in-out;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box.input-box-active i {
  position: absolute;
  top: 32%;
  right: 18px;
  color: #ff9a17;
  font-size: 20px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: absolute;
  z-index: 1;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box.field-is-filled label {
  position: absolute;
  top: 10%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box.field-is-filled input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
  transition: 0.3s ease-in-out;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box.field-is-filled i {
  position: absolute;
  top: 32%;
  right: 18px;
  color: #ff9a17;
  font-size: 20px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: absolute;
  z-index: 1;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box {
  width: 220px;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box i {
  position: absolute;
  top: 35%;
  right: 25px;
  color: #767676;
  font-size: 18px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: absolute;
  z-index: 1;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box.input-box-active i {
  position: absolute;
  top: 45%;
  right: 30px;
  color: #ff9a17;
  font-size: 15px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: absolute;
  z-index: 1;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items .donate-amount-box .input-box.field-is-filled i {
  position: absolute;
  top: 45%;
  right: 30px;
  color: #767676;
  font-size: 15px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: absolute;
  z-index: 1;
}
.most-fundraisers-sec .fundraisers-main-content .donate-window .flex-items a.confirm-donate-btn {
  padding: 14px 20px;
}
.most-fundraisers-sec .fundraisers-main-content .show {
  display: block;
}
.most-fundraisers-sec .fundraisers-main-content .title-and-more-fundraisers {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.most-fundraisers-sec .fundraisers-main-content .title-and-more-fundraisers .title {
  color: #14213d;
  font-size: 45px;
}
.most-fundraisers-sec .fundraisers-main-content .title-and-more-fundraisers .more-fundraisers-btn {
  margin-top: 5px;
  padding: 10px 28px;
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
}
.most-fundraisers-sec .fundraisers-main-content .title-and-more-fundraisers .more-fundraisers-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes {
  display: flex;
  gap: 20px;
  height: 700px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box {
  position: relative;
  width: 30%;
  height: 91.52%;
  box-shadow: 0px 0px 14px 0px rgba(19, 19, 19, 0.1);
  border-radius: 5px;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  z-index: 1;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-account {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-account img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 2px solid #ddd;
  width: 38px;
  height: 38px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-account h1 {
  color: #fff;
  font-size: 14px;
  text-shadow: 0.5px 0.5px 0 #565656, -0.5px -0.5px 0 #565656, 0.5px -0.5px 0 #565656, -0.5px 0.5px 0 #565656;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-title {
  display: flex;
  justify-content: space-between;
  padding: 580px 10px 30px 10px;
  transition: all 0.5s linear;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-title .main-title {
  color: #fff;
  font-size: 22px;
  width: 70%;
  min-height: 30px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-title span {
  color: rgb(255, 154, 23);
  font-size: 10px;
  padding-top: 6px;
  opacity: 0;
  transition: all 0.7s linear;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-categories {
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-categories .category-tag {
  text-align: center;
  font-size: 10px;
  padding: 4px;
  color: #ffffff;
  background-color: #9d9d9d;
  border: 1.5px solid #adadad;
  border-radius: 20px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box p.fundraiser-des {
  color: #ffffff;
  width: 100%;
  font-size: 9px;
  height: 16%;
  padding: 0 10px;
  margin-top: 5px;
  display: --webkit-box;
  --webkit-line-clamp: 2; /* Limits to 2 lines (adjust as needed) */
  -webkit-box-orient: vertical;
  overflow: hidden; /* Hides text that exceeds the area */
  text-overflow: ellipsis; /* Adds "..." at the cutoff point */
  word-break: break-word; /* Forces long strings (like "aaa...") to wrap */
  line-height: 1.4;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  opacity: 0;
  transition: all 0.7s linear;
  position: relative;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns .main-donate-btn {
  padding: 8px 12px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns .main-donate-btn img {
  width: 20px;
  height: 20px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns .flex-btns {
  display: flex;
  gap: 10px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns .flex-btns .chat-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns .flex-btns .chat-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns .flex-btns .donation-bar {
  gap: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-scale {
  background-color: rgba(20, 33, 61, 0.5);
  border-radius: 20px;
  width: 110px;
  height: 6px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-scale .donation-progress {
  background-color: #ff9a17;
  width: 70%;
  height: 100%;
  border-radius: 20px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-money-number, .most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-charity-note {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #14213d;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: rgba(20, 33, 61, 0.5);
  opacity: 0;
  z-index: -1;
  transition: all 0.7s linear;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box:hover::before {
  opacity: 1;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box:hover .fundraiser-title {
  padding: 390px 10px 30px 10px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box:hover .fundraiser-title span {
  opacity: 1;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box:hover p.fundraiser-des {
  opacity: 1;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .main-fundraiser-box:hover .fundraiser-btns {
  opacity: 1;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes {
  width: 70%;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  -moz-columns: 2;
       columns: 2;
  position: relative;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box {
  position: relative;
  height: 45%;
  box-shadow: 0px 0px 14px 0px rgba(19, 19, 19, 0.1);
  border-radius: 5px;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  margin-bottom: 10px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-account {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-account img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 2px solid #ddd;
  width: 35px;
  height: 35px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-account h1 {
  color: #fff;
  font-size: 12px;
  text-shadow: 0.5px 0.5px 0 #565656, -0.5px -0.5px 0 #565656, 0.5px -0.5px 0 #565656, -0.5px 0.5px 0 #565656;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-img {
  width: 100%;
  height: 50%;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  margin-bottom: 10px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-title {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  transition: all 0.5s linear;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-title .main-title {
  color: #14213d;
  font-size: 15px;
  width: 50%;
  margin-bottom: 10px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-title span {
  color: rgb(255, 154, 23);
  font-size: 8px;
  padding-top: 2px;
  transition: all 0.7s linear;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-categories {
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-categories .category-tag {
  text-align: center;
  font-size: 10px;
  padding: 4px;
  color: #949494;
  background-color: #f0f0f0;
  border: 1.5px solid #adadad;
  border-radius: 20px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box p.fundraiser-des {
  color: #767676;
  width: 100%;
  font-size: 9px;
  height: 10%;
  padding: 0 10px;
  margin-top: 5px;
  display: --webkit-box;
  --webkit-line-clamp: 2; /* Limits to 2 lines (adjust as needed) */
  -webkit-box-orient: vertical;
  overflow: hidden; /* Hides text that exceeds the area */
  text-overflow: ellipsis; /* Adds "..." at the cutoff point */
  word-break: break-word; /* Forces long strings (like "aaa...") to wrap */
  line-height: 1.4;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-btns {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  transition: all 0.7s linear;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-btns .flex-btns {
  display: flex;
  align-items: center;
  gap: 10px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: #fff;
  padding: 10px 5px;
  color: rgb(114, 107, 97);
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-btns .flex-btns .chat-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: #fff;
  padding: 10px 5px;
  color: rgb(114, 107, 97);
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-btns .flex-btns .chat-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-btns .flex-btns .donation-bar {
  gap: 10px;
  background-color: rgba(20, 33, 61, 0.1);
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-scale {
  background-color: rgba(20, 33, 61, 0.5);
  border-radius: 20px;
  width: 110px;
  height: 6px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-scale .donation-progress {
  background-color: #ff9a17;
  width: 70%;
  height: 100%;
  border-radius: 20px;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-money-number, .most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-charity-note {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #14213d;
}
.most-fundraisers-sec .fundraisers-main-content .fundraisers-boxes .sub-fundraisers-boxes .sub-fundraiser-box .fundraiser-btns .donate-btn {
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 768px) {
  .most-fundraisers-sec {
    height: auto !important;
    padding: 40px 0;
  }
  .most-fundraisers-sec .donate-window {
    left: -4% !important;
  }
  .most-fundraisers-sec .donate-window .donate-amount {
    width: 170px !important;
  }
  .most-fundraisers-sec .fundraisers-boxes {
    flex-direction: column;
    height: auto !important;
  }
  .most-fundraisers-sec .fundraisers-boxes .main-fundraiser-box,
  .most-fundraisers-sec .fundraisers-boxes .sub-fundraisers-boxes {
    width: 100% !important;
    display: flex;
  }
  .most-fundraisers-sec .fundraisers-boxes .main-fundraiser-box {
    display: none;
  }
  .most-fundraisers-sec .fundraisers-boxes .sub-fundraiser-box {
    margin-bottom: 30px !important;
    height: 335px !important;
    width: 100% !important;
  }
  .most-fundraisers-sec .fundraisers-boxes .sub-fundraiser-box .donation-bar {
    width: 180px !important;
  }
  .most-fundraisers-sec .fundraisers-boxes .sub-fundraiser-box .donation-bar .donation-scale {
    width: 70px !important;
  }
  .most-fundraisers-sec .fundraisers-boxes .sub-fundraiser-box .donation-bar .money {
    font-size: 12px !important;
  }
  .most-fundraisers-sec .title-and-more-fundraisers {
    flex-direction: column;
    align-items: flex-start;
  }
  .most-fundraisers-sec .title-and-more-fundraisers h1.title {
    font-size: 30px !important;
    margin-bottom: 10px;
    text-align: center;
  }
  .most-fundraisers-sec .title-and-more-fundraisers .more-fundraisers-btn {
    margin-top: 15px;
  }
  .almost-complete-and-application-funraisers {
    padding-top: 0px;
  }
  .almost-complete-and-application-funraisers .almost-complete-fundraisers h1.title, .almost-complete-and-application-funraisers .application-funraisers h1.title, .almost-complete-and-application-funraisers .charity-fundraisers h1.title {
    text-align: center;
  }
  .almost-complete-and-application-funraisers .almost-complete-fundraisers .flex-content .flex-btns .donation-bar, .almost-complete-and-application-funraisers .charity-fundraisers .flex-content .flex-btns .donation-bar {
    width: 125px !important;
  }
  .almost-complete-and-application-funraisers .almost-complete-fundraisers .flex-content .flex-btns .donation-bar .donation-scale, .almost-complete-and-application-funraisers .charity-fundraisers .flex-content .flex-btns .donation-bar .donation-scale {
    width: 50px !important;
  }
  .almost-complete-and-application-funraisers .almost-complete-fundraisers .flex-content .flex-btns .donation-bar .donation-money-number, .almost-complete-and-application-funraisers .almost-complete-fundraisers .flex-content .flex-btns .donation-bar .donation-charity-note, .almost-complete-and-application-funraisers .charity-fundraisers .flex-content .flex-btns .donation-bar .donation-money-number, .almost-complete-and-application-funraisers .charity-fundraisers .flex-content .flex-btns .donation-bar .donation-charity-note {
    font-size: 8px !important;
  }
}
/* End Most Fundraisers Section */
/* Start Almost Complete Fundraisers And Application Fundraisers Section */
.almost-complete-and-application-funraisers {
  padding-top: 60px;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers, .almost-complete-and-application-funraisers .charity-fundraisers {
  margin: 40px 0;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers h1.title, .almost-complete-and-application-funraisers .charity-fundraisers h1.title {
  margin-bottom: 30px;
  font-size: 25px;
  color: #14213d;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box {
  width: 425.5px;
  display: flex;
  gap: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 14px 0px rgba(19, 19, 19, 0.1);
  border-radius: 5px;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .fundraiser-img, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .fundraiser-img, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .fundraiser-img, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .fundraiser-img, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .fundraiser-img, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .fundraiser-img, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .fundraiser-img, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .fundraiser-img {
  width: 40%;
  height: 100%;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px 10px 10px 0;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account {
  display: flex;
  align-items: center;
  gap: 10px;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account img, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account img, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account img, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account img, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account img, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account img, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account img, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 2px solid #ddd;
  width: 35px;
  height: 35px;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account h1, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account h1, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account h1, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account h1, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account h1, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account h1, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account h1, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .fundraiser-account h1 {
  color: #14213d;
  font-size: 12px;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: #fff;
  padding: 10px 5px;
  color: rgb(114, 107, 97);
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn:hover, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn:hover, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn:hover, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn:hover, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn:hover, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn:hover, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn:hover, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .account-and-save-btn .donate-later-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .title h1, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .title h1, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .title h1, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .title h1, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .title h1, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .title h1, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .title h1, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .title h1 {
  font-size: 13px;
  color: #14213d;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .location, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .location, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .location, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .location, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .location, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .location, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .location, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .location {
  display: flex;
  align-items: center;
  gap: 5px;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .location svg, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .location svg, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .location svg, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .location svg, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .location svg, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .location svg, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .location svg, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .location svg {
  color: #ff9a17;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .location span, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .location span, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .location span, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .location span, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .location span, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .location span, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .location span, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .location span {
  font-size: 11px;
  color: #ff9a17;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar {
  background-color: rgba(20, 33, 61, 0.1);
  padding: 10px;
  border-radius: 5px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale {
  background-color: rgba(20, 33, 61, 0.5);
  border-radius: 20px;
  width: 65px;
  height: 6px;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale .donation-progress, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale .donation-progress, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale .donation-progress, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale .donation-progress, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale .donation-progress, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale .donation-progress, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale .donation-progress, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-scale .donation-progress {
  background-color: #ff9a17;
  width: 70%;
  height: 100%;
  border-radius: 20px;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-money-number, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-charity-note, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-money-number, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-charity-note, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-money-number, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-charity-note, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-money-number, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-charity-note, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-money-number, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-charity-note, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-money-number, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-charity-note, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-money-number, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donation-bar .donation-charity-note, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-money-number, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donation-bar .donation-charity-note {
  display: flex;
  align-items: center;
  font-size: 9px;
  color: #14213d;
}
.almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donate-btn, .almost-complete-and-application-funraisers .almost-complete-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donate-btn, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donate-btn, .almost-complete-and-application-funraisers .almost-complete-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donate-btn, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donate-btn, .almost-complete-and-application-funraisers .charity-fundraisers .almost-complete-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donate-btn, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .almost-complete-fundraiser-box .flex-content .flex-btns .donate-btn, .almost-complete-and-application-funraisers .charity-fundraisers .charity-fundraisers-boxes .charity-fundraiser-box .flex-content .flex-btns .donate-btn {
  padding: 8px;
}
.almost-complete-and-application-funraisers .application-funraisers {
  position: relative;
}
.almost-complete-and-application-funraisers .application-funraisers .submit-complaint {
  display: none;
  padding: 20px;
  position: absolute;
  background-color: #f9f9f9;
  text-align: center;
  min-width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border: 2px solid #3c9646;
  border-radius: 4px;
  z-index: 1;
  top: 20px;
  right: 470px;
}
.almost-complete-and-application-funraisers .application-funraisers .submit-complaint img {
  margin-bottom: 10px;
  width: 60px;
  height: 60px;
}
.almost-complete-and-application-funraisers .application-funraisers .submit-complaint h2 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #3c9646;
}
.almost-complete-and-application-funraisers .application-funraisers .submit-complaint h1 {
  margin-bottom: 10px;
  font-size: 25px;
  color: #00482b;
}
.almost-complete-and-application-funraisers .application-funraisers .show {
  display: block;
}
.almost-complete-and-application-funraisers .application-funraisers {
  margin: 60px 0;
}
.almost-complete-and-application-funraisers .application-funraisers h1.title {
  margin-bottom: 30px;
  font-size: 25px;
  color: #14213d;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box {
  width: 425.5px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 14px 0px rgba(19, 19, 19, 0.1);
  border-radius: 5px;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .account-and-urgent-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 23%;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .account-and-urgent-state .fundraiser-account {
  display: flex;
  align-items: center;
  gap: 10px;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .account-and-urgent-state .fundraiser-account img {
  width: 35px;
  height: 35px;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .account-and-urgent-state .fundraiser-account h1 {
  color: #14213d;
  font-size: 14px;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .account-and-urgent-state .urgent-state {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  border: 2px solid rgb(255, 60, 60);
  padding: 10px;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .account-and-urgent-state .urgent-state svg {
  color: rgb(255, 60, 60);
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .account-and-urgent-state .urgent-state h1 {
  font-size: 14px;
  color: rgb(255, 60, 60);
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .title h1 {
  font-size: 16px;
  color: #14213d;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .location-and-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .location-and-date .location {
  display: flex;
  align-items: center;
  gap: 5px;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .location-and-date .location svg {
  color: #ff9a17;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .location-and-date .location span {
  font-size: 14px;
  color: #ff9a17;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .location-and-date .date-and-time {
  display: flex;
  align-items: center;
  gap: 5px;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .location-and-date .date-and-time svg {
  color: #767676;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .location-and-date .date-and-time h1 {
  font-size: 14px;
  color: #767676;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .category-and-details-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.almost-complete-and-application-funraisers .application-funraisers .application-funraisers-boxes .application-funraiser-box .category-and-details-btn .category-box {
  font-size: 15px;
  padding: 10px 14px;
  color: #767676;
  background-color: #e2e2e2;
  border-radius: 20px;
  border: 2px solid #d5d5d5;
}
.almost-complete-and-application-funraisers .charity-fundraisers .campaign-submitted {
  border: 2px solid #28a745;
  opacity: 0.85;
}
.almost-complete-and-application-funraisers .charity-fundraisers .campaign-full {
  border: 2px solid #dc3545;
  opacity: 0.7;
}
.almost-complete-and-application-funraisers .charity-fundraisers .fill-form-btn {
  border-radius: 6px;
  color: white;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s ease;
}
.almost-complete-and-application-funraisers .charity-fundraisers .fill-form-btn:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(111, 66, 193, 0.3);
}
.almost-complete-and-application-funraisers .charity-fundraisers .fill-form-btn:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

/* End Almost Complete Fundraisers And Application Fundraisers Section */
/* Start Top Donor Section */
.top-donor-sec {
  padding: 60px 0;
  background-color: #ebebeb;
  height: 100vh;
}
.top-donor-sec .flex-top-donor-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-donor-sec .flex-top-donor-content .top-donor-list {
  width: 66%;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .title-content {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .title-content h1.title {
  font-size: 40px;
  color: rgb(20, 33, 61);
}
.top-donor-sec .flex-top-donor-content .top-donor-list .title-content h2 {
  font-size: 40px;
  color: rgb(255, 154, 23);
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 15px;
  -moz-columns: 3;
       columns: 3;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box {
  position: relative;
  padding: 0 10px 0 0;
  background-color: #ffffff;
  border-radius: 5px;
  display: flex;
  gap: 10px;
  width: 270px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .rank-number {
  position: absolute;
  display: flex;
  justify-content: center;
  margin-top: 8px;
  z-index: 2;
  width: 30px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .rank-number img {
  width: 25px;
  height: 25px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .rank-number h1 {
  font-size: 16px;
  color: #ffffff;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-image {
  position: relative;
  padding: 5px 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-image img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 2px solid #ddd;
  width: 90px;
  height: 90px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-image .donor-reward-frame {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  border-radius: 0;
  border: none;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .reward-image {
  position: absolute;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0px;
  z-index: 2;
  width: 30px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .reward-image img {
  width: 25px;
  height: 25px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-desc {
  padding: 15px 0;
  width: 100%;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-desc .name-and-points {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-desc .name-and-points h1 {
  font-size: 14px;
  color: #14213d;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-desc .name-and-points .rank-point {
  padding: 6px 8px;
  border: 2px solid #ff9a17;
  border-radius: 5px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-desc .name-and-points .rank-point h1 {
  font-size: 10px;
  color: #ff9a17;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-desc .rank-and-thanks-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-desc .rank-and-thanks-btn .donation-rank {
  display: flex;
  gap: 5px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-desc .rank-and-thanks-btn .donation-rank img {
  width: 14px;
  height: 14px;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-desc .rank-and-thanks-btn .donation-rank h1 {
  font-size: 10px;
  color: #7300ff;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-desc .rank-and-thanks-btn a {
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  padding: 4px 6px;
  color: rgb(114, 107, 97);
  border-radius: 50%;
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box .account-desc .rank-and-thanks-btn a:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.top-donor-sec .flex-top-donor-content .top-donor-list .top-donor-list-boxes .top-donor-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(100% 0, 100% 100%, 49% 80%, 0% 100%, 0 49%, 0% 0%);
  background-color: rgba(255, 154, 23, 0.7764705882);
  height: 80px;
  width: 30px;
  z-index: 1;
}
.top-donor-sec .flex-top-donor-content .top-donor-content {
  width: 32%;
  margin-top: 50px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .title-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .title-content h1.title {
  font-size: 22px;
  color: rgb(20, 33, 61);
}
.top-donor-sec .flex-top-donor-content .top-donor-content .title-content h2 {
  font-size: 22px;
  color: rgb(255, 154, 23);
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); /* Adjust for desired floating height */
  }
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .split-line {
  width: 2px;
  background-color: #b7b7b7;
  border-radius: 5px;
  height: 90px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background-color: #ffffff;
  border-radius: 5px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-box .reward-point {
  position: absolute;
  padding: 6px 8px;
  border: 2px solid #ff9a17;
  border-radius: 5px;
  top: 0;
  left: 45%;
  background-color: rgba(255, 154, 23, 0.9176470588);
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-box .reward-point h1 {
  font-size: 14px;
  color: #ffffff;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-box .reward-one-point {
  top: 55px;
  left: 40%;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-box .reward-one-point h1 {
  font-size: 13px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-box .reward-two-point {
  top: 36px;
  left: 39%;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-box .reward-two-point h1 {
  font-size: 10px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-box .reward-three-point {
  top: 29px;
  left: 34%;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-box .reward-three-point h1 {
  font-size: 8px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-box img {
  width: 22px;
  height: 22px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-box h3 {
  font-size: 12px;
  color: #14213d;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-one img {
  width: 50px;
  height: 50px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-one h3 {
  font-size: 16px;
  color: #ffa600;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-two img {
  width: 30px;
  height: 30px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-two h3 {
  font-size: 14px;
  color: #ff0073;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-three img {
  width: 20px;
  height: 20px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-boxes .reward-three h3 {
  font-size: 12px;
  color: #39a715;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards .rewards-arrow {
  background-color: #ff9a17;
  width: 100px;
  height: 400px;
  clip-path: polygon(100% 35%, 65% 35%, 60% 100%, 40% 100%, 35% 35%, 0% 35%, 50% 10%);
  animation: rewards-arrow 1s linear infinite, float 1s ease-in-out infinite; /* Combined animations */
}
.top-donor-sec .flex-top-donor-content .top-donor-content .rewards::before {
  position: absolute;
  top: 5px;
  right: 60px;
  background-color: #d1d1d1;
  width: 100px;
  height: 400px;
  clip-path: polygon(100% 35%, 65% 35%, 60% 100%, 40% 100%, 35% 35%, 0% 35%, 50% 10%);
  content: "";
  z-index: 0;
  animation: rewards-arrow 1s linear infinite, float 1s ease-in-out infinite; /* Combined animations */
}
.top-donor-sec .flex-top-donor-content .top-donor-content p {
  text-align: center;
  font-size: 14px;
  color: #767676;
  margin-top: 20px;
}
.top-donor-sec .flex-top-donor-content .top-donor-content .donate-now-btn-box {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .top-donor-sec {
    height: auto !important;
  }
  .top-donor-sec .flex-top-donor-content {
    flex-direction: column;
  }
  .top-donor-sec .flex-top-donor-content .top-donor-six, .top-donor-sec .flex-top-donor-content .top-donor-seven,
  .top-donor-sec .flex-top-donor-content .top-donor-eigth, .top-donor-sec .flex-top-donor-content .top-donor-nine,
  .top-donor-sec .flex-top-donor-content .top-donor-ten {
    display: none !important;
  }
  .top-donor-sec .flex-top-donor-content .top-donor-list,
  .top-donor-sec .flex-top-donor-content .top-donor-content {
    width: 100% !important;
  }
  .top-donor-sec .flex-top-donor-content .top-donor-list .title-content {
    justify-content: center;
  }
  .top-donor-sec .flex-top-donor-content .top-donor-content .title-content h1, .top-donor-sec .flex-top-donor-content .top-donor-content .title-content h2 {
    font-size: 20px;
  }
  .top-donor-sec .top-donor-list-boxes {
    -moz-columns: 1 !important;
         columns: 1 !important;
    gap: 15px;
  }
}
/* End Top Donor Section */
/* Start Categories Section */
.categories-sec {
  height: 100vh;
  padding-top: 200px;
  overflow: hidden;
}
.categories-sec .flex-top-categorie {
  display: flex;
  justify-content: space-between;
}
.categories-sec .top-categories-boxes {
  position: relative;
  z-index: 1;
}
.categories-sec .top-categories-boxes .categorie-content {
  position: absolute;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  transition: all 0.5s linear;
  border: 2px dashed rgb(20, 33, 61);
}
.categories-sec .top-categories-boxes .categorie-content .categorie-icon {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.categories-sec .top-categories-boxes .categorie-content .categorie-icon img {
  width: 40px;
  height: 40px;
}
.categories-sec .top-categories-boxes .categorie-content .categorie-name {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.categories-sec .top-categories-boxes .categorie-content .categorie-name h2 {
  color: #14213d;
  font-size: 15px;
}
.categories-sec .top-categories-boxes .categorie-content:hover {
  border: 2px solid rgb(20, 33, 61);
  transform: scale(1.05);
}
.categories-sec .top-categories-boxes .box-two {
  top: 20px;
  left: 480px;
}
.categories-sec .top-categories-boxes .box-three {
  top: -85px;
  left: 245px;
}
.categories-sec .top-categories-boxes .box-four {
  top: 285px;
  left: 500px;
}
.categories-sec .top-categories-boxes .box-five {
  top: 270px;
  left: 265px;
}
.categories-sec .top-categories-boxes .box-six {
  top: 45px;
  left: 150px;
}
.categories-sec .top-categories-boxes::before {
  position: absolute;
  content: "";
  width: 600px;
  height: 500px;
  left: 0;
  top: -30px;
  right: 0;
  z-index: -1;
  background-color: transparent;
  border-top: 15px solid rgb(255, 154, 23);
  border-right: 10px solid rgb(255, 154, 23);
  border-radius: 50%;
}
.categories-sec .top-categories-boxes::after {
  position: absolute;
  content: "";
  width: 300px;
  height: 250px;
  left: 150px;
  right: 0;
  bottom: -40px;
  z-index: -1;
  background-color: transparent;
  border-bottom: 15px solid rgb(255, 154, 23);
  border-left: 10px solid rgb(255, 154, 23);
  border-radius: 50%;
  transform: rotate(30deg);
}
.categories-sec .top-categories-content {
  width: 45%;
  margin-top: 50px;
}
.categories-sec .top-categories-content .title-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
}
.categories-sec .top-categories-content .title-content h1 {
  font-size: 40px;
  color: rgb(20, 33, 61);
}
.categories-sec .top-categories-content .title-content h2 {
  font-size: 40px;
  color: rgb(255, 154, 23);
}
.categories-sec .top-categories-content p {
  text-align: center;
  font-size: 14px;
  color: #767676;
  margin-top: 20px;
}
.categories-sec .top-categories-content p.p-span {
  margin-top: 10px;
}
.categories-sec .top-categories-content .btn-top-categories {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .categories-sec {
    height: auto !important;
    padding: 50px 0;
  }
  .categories-sec .flex-top-categorie {
    flex-direction: column-reverse;
  }
  .categories-sec .flex-top-categorie .top-categories-content {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .categories-sec .flex-top-categorie .top-categories-content .title-content h1 {
    font-size: 25px;
  }
  .categories-sec .flex-top-categorie .top-categories-content .title-content h2 {
    font-size: 25px;
  }
  .categories-sec .top-categories-boxes {
    display: flex;
    flex-wrap: wrap;
    position: relative !important;
    height: auto;
  }
  .categories-sec .top-categories-boxes .categorie-content {
    position: relative !important;
    margin: 15px auto;
    top: auto !important;
    left: auto !important;
  }
  .rtl .categories-sec {
    height: auto !important;
    padding: 50px 0;
  }
  .rtl .categories-sec .flex-top-categorie {
    flex-direction: column-reverse;
  }
  .rtl .categories-sec .flex-top-categorie .top-categories-content {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .rtl .categories-sec .top-categories-boxes {
    display: flex;
    flex-wrap: wrap;
    position: relative !important;
    height: auto;
  }
  .rtl .categories-sec .top-categories-boxes .categorie-content {
    position: unset !important;
    margin: 15px auto;
    top: auto !important;
    left: auto !important;
  }
  .rtl .categories-sec .top-categories-boxes::after {
    display: none;
  }
}
/* End Categories Section */
/* Start Mobile App Section */
.mobile-app-sec {
  padding: 60px 0;
}
.mobile-app-sec .main-content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 30px 0;
}
.mobile-app-sec .main-content .mobile-img {
  width: 50%;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
}
.mobile-app-sec .main-content .sub-content {
  padding-top: 100px;
}
.mobile-app-sec .main-content .sub-content .title h1 {
  color: #3c9646;
  padding-bottom: 15px;
  font-size: 30px;
}
.mobile-app-sec .main-content .sub-content .title .sub-title {
  width: 495px;
  font-size: 40px;
  color: #00482b;
  padding-bottom: 20px;
}
.mobile-app-sec .main-content .sub-content p.mobile-dec {
  width: 426px;
  color: rgb(69, 90, 100);
  font-size: 15px;
  margin-bottom: 15px;
  display: inline-block;
}
.mobile-app-sec .main-content .sub-content h3 {
  font-family: Montserrat-Bold;
  color: rgb(69, 90, 100);
  margin-bottom: 15px;
}
.mobile-app-sec .main-content .sub-content h3 span {
  color: #ff9a17;
}
.mobile-app-sec .main-content .sub-content .download-btns {
  display: flex;
  gap: 30px;
  text-align: center;
  padding: 15px 0px;
}
.mobile-app-sec .main-content .sub-content .download-btns a {
  display: inline-block;
  padding: 28px 90px;
  border: none;
  border-radius: 5px;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
}
.mobile-app-sec .main-content .submit-complaint {
  display: none;
  padding: 20px;
  position: absolute;
  background-color: #f9f9f9;
  text-align: center;
  min-width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border: 2px solid #3c9646;
  border-radius: 4px;
  z-index: 1;
  top: 240px;
  right: 440px;
}
.mobile-app-sec .main-content .submit-complaint img {
  margin-bottom: 10px;
  width: 60px;
  height: 60px;
}
.mobile-app-sec .main-content .submit-complaint h2 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #3c9646;
}
.mobile-app-sec .main-content .submit-complaint h1 {
  margin-bottom: 10px;
  font-size: 25px;
  color: #00482b;
}
.mobile-app-sec .main-content .show {
  display: block;
}

@media (max-width: 768px) {
  .mobile-app-sec .main-content {
    flex-direction: column;
  }
  .mobile-app-sec .main-content .mobile-img {
    width: 90% !important;
    min-height: 330px;
  }
  .mobile-app-sec .main-content .sub-content {
    padding-top: 30px !important;
  }
  .mobile-app-sec .main-content .sub-content .title .sub-title {
    width: 100% !important;
    font-size: 28px !important;
  }
  .mobile-app-sec .main-content .sub-content .download-btns {
    gap: 15px;
  }
  .mobile-app-sec .main-content .sub-content .download-btns a {
    padding: 20px 62px !important;
  }
}
/* End Mobile App Section */
/* Start About Us And FAQ Section */
.about-and-faq-sec {
  padding: 60px 0;
}
.about-and-faq-sec .container .title-content {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.about-and-faq-sec .container .title-content .flex-title {
  display: flex;
  gap: 8px;
}
.about-and-faq-sec .container .title-content h1 {
  font-size: 40px;
  color: rgb(20, 33, 61);
}
.about-and-faq-sec .container .title-content h2 {
  font-size: 40px;
  color: #ff9a17;
}
.about-and-faq-sec .about-us {
  padding-top: 20px;
  background-color: rgba(20, 33, 61, 0.7);
}
.about-and-faq-sec .about-us .main-content-about-us {
  display: flex;
  justify-content: space-between;
}
.about-and-faq-sec .about-us .main-content-about-us .sub-content {
  width: 55%;
  padding: 50px 0;
}
.about-and-faq-sec .about-us .main-content-about-us .sub-content h1 {
  font-size: 25px;
  color: #fff;
}
.about-and-faq-sec .about-us .main-content-about-us .sub-content .about-us-dec {
  font-size: 15px;
  color: #dadada;
  margin-top: 10px;
}
.about-and-faq-sec .about-us .main-content-about-us .sub-content .start-now-btn {
  margin-top: 15px;
}
.about-and-faq-sec .about-us .main-content-about-us .about-us-img {
  width: 40%;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
}
.about-and-faq-sec .faq {
  padding: 40px 0;
}
.about-and-faq-sec .faq .title {
  margin-bottom: 20px;
}
.about-and-faq-sec .faq .title h1 {
  color: #14213d;
  font-size: 25px;
}
.about-and-faq-sec .faq .faq-boxes {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  justify-content: space-between;
  width: 100%;
}
.about-and-faq-sec .faq .faq-boxes .faq-box {
  width: 32%;
  height: 18vh;
  border-radius: 5px;
  padding: 10px;
  background-color: rgba(20, 33, 61, 0.8);
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
}
.about-and-faq-sec .faq .faq-boxes .faq-box h1 {
  color: #fff;
  font-size: 15px;
  padding-bottom: 10px;
}
.about-and-faq-sec .faq .faq-boxes .faq-box .split-line {
  width: 100%;
  height: 3px;
  background-color: rgba(255, 154, 23, 0.7);
  margin-bottom: 10px;
}
.about-and-faq-sec .faq .faq-boxes .faq-box h3 {
  color: #fff;
  font-size: 12px;
  padding-bottom: 10px;
}
.about-and-faq-sec .faq .faq-boxes .faq-box h3 span {
  color: #ff9a17;
}
.about-and-faq-sec .faq .faq-boxes .more-btn-box {
  width: 32%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-and-faq-sec .faq .faq-boxes .more-btn-box .more-faq-btn {
  display: flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
}
.about-and-faq-sec .faq .faq-boxes .more-btn-box .more-faq-btn svg {
  padding-top: 1px;
  font-size: large;
}
.about-and-faq-sec .faq .faq-boxes .more-btn-box .more-faq-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}

@media (max-width: 768px) {
  .about-and-faq-sec .title-content {
    flex-direction: column;
  }
  .about-and-faq-sec .title-content .flex-title {
    display: flex;
    gap: 5px;
  }
  .about-and-faq-sec .title-content h1 {
    font-size: 25px !important;
  }
  .about-and-faq-sec .title-content h2 {
    font-size: 25px !important;
  }
  .about-and-faq-sec .main-title {
    width: 100% !important;
    font-size: 25px !important;
    text-align: center;
  }
  .about-and-faq-sec .about-us .sub-content {
    width: 100% !important;
  }
  .about-and-faq-sec .about-us .about-us-img {
    display: none;
  }
}
/* End About Us And FAQ Section */
/* Start Footer */
.footer-sec {
  background-color: rgba(20, 33, 61, 0.9);
}
.footer-sec .content .boxes {
  display: flex;
  gap: 100px;
}
.footer-sec .content .boxes .box-one {
  margin: 10px 0;
  width: 30%;
}
.footer-sec .content .boxes .box-one a.brand img {
  width: 280px;
  height: 80px;
}
.footer-sec .content .boxes .box-one p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 30px;
}
.footer-sec .content .boxes .box-one .main-icon {
  /* width: 100%;
  height: 100vh; */
  /*background-color: #333; */
}
.footer-sec .content .boxes .box-one .main-icon ul {
  display: flex;
  gap: 10px;
}
.footer-sec .content .boxes .box-one .main-icon ul .content-icon:hover {
  background-color: rgb(255, 154, 23);
  box-shadow: 0 0 14px 4px rgba(255, 154, 23, 0.5);
}
.footer-sec .content .boxes .box-one .main-icon ul .content-icon:hover i {
  color: #ffffff;
}
.footer-sec .content .boxes .box-one .main-icon ul li {
  background-color: #ffffff;
  color: rgb(255, 154, 23);
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  text-align: center;
  transition: 0.5s;
}
.footer-sec .content .boxes .box-one .main-icon ul li :hover i {
  color: #ffffff;
}
.footer-sec .content .boxes .box-one .main-icon ul li i {
  color: rgb(255, 154, 23);
  padding-top: 10px;
}
.footer-sec .content .boxes .box-one .main-icon ul li a {
  color: rgb(255, 154, 23);
  font-size: 17px;
}
.footer-sec .content .boxes .box-two {
  margin: 30px 0;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.footer-sec .content .boxes .box-two ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer-sec .content .boxes .box-two ul li {
  color: #dadada;
}
.footer-sec .content .boxes .box-two ul li h2 {
  font-weight: 100;
  font-size: 14px;
  color: #dadada;
}
.footer-sec .content .boxes .box-two ul li h1 {
  color: #fff;
  font-size: 18px;
}
.footer-sec .content .boxes .box-two ul li form {
  display: flex;
  flex-wrap: wrap;
}
.footer-sec .content .boxes .box-two ul li form input[type=email] {
  border: 0;
  padding: 0.625rem;
  margin-top: 0.3125rem;
}
.footer-sec .content .boxes .box-two ul li form input[type=submit] {
  background-color: #ff9a17;
  color: #fff;
  cursor: pointer;
  border: 0;
  padding: 0.625rem 0.9375rem;
  margin-top: 0.3125rem;
}
.footer-sec .content .boxes .box-two ul .flex-li {
  display: flex;
  gap: 8px;
  align-items: center;
}
.footer-sec .content .boxes .box-two ul .flex-li i {
  color: #ff9a17;
}
.footer-sec .copyright-box {
  padding: 10px 20px;
  background-color: rgb(255, 154, 23);
}
.footer-sec .copyright-box .copyright-box-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.footer-sec .copyright-box .copyright-box-list li {
  margin: 0.125rem 0.625rem;
  white-space: nowrap;
  color: #fff;
}
.footer-sec .copyright-box .copyright-box-list li a {
  color: #fff;
  text-decoration: none;
}
.footer-sec .copyright-box .copyright-box-list li:nth-last-child(2) {
  flex: 1; /* same as flex-grow: 1; */
}

@media (max-width: 768px) {
  .faq-boxes {
    flex-direction: column;
  }
  .faq-boxes .faq-box,
  .faq-boxes .more-btn-box {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .footer-sec .boxes {
    flex-direction: column;
    gap: 0px !important;
  }
  .footer-sec .boxes .box-one,
  .footer-sec .boxes .box-two {
    width: 100% !important;
  }
  .footer-sec .boxes .box-one {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer-sec .boxes .box-one .brand {
    width: 64% !important;
    margin-bottom: 10px;
  }
  .footer-sec .boxes .box-one p {
    margin-bottom: 10px !important;
  }
  .footer-sec .boxes .box-one .main-icon ul {
    transform: translate(0, 0) !important;
  }
  .footer-sec .boxes .box-two {
    display: flex;
    flex-wrap: wrap;
  }
  .footer-sec .boxes .box-two .submit-complaint-li {
    display: none;
  }
  .copyright-box {
    font-size: 10px !important;
  }
}
/* End Footer */
/* Start Categories header Section */
.categories-header-sec, .category-header-sec {
  min-height: 100vh;
}
.categories-header-sec nav, .category-header-sec nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 5% 15px 5%;
  background-color: #14213d;
  position: sticky;
  top: 0;
  z-index: 101;
}
.categories-header-sec nav .links-list, .category-header-sec nav .links-list {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.categories-header-sec nav .links-list img, .category-header-sec nav .links-list img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.categories-header-sec nav .links-list, .category-header-sec nav .links-list {
  padding: 8px 10px 6px 10px;
}
.categories-header-sec nav .links-list img, .category-header-sec nav .links-list img {
  width: 22px;
  height: 22px;
}
.categories-header-sec nav .help-btn, .category-header-sec nav .help-btn {
  border-radius: 50%;
  padding: 5px 6px 3px 6px;
}
.categories-header-sec nav ul.nav-links, .category-header-sec nav ul.nav-links {
  display: flex;
  list-style: none;
  gap: 15px;
  display: none;
}
.categories-header-sec nav ul.nav-links a, .category-header-sec nav ul.nav-links a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  transition: color 0.3s;
}
.categories-header-sec nav .brand, .category-header-sec nav .brand {
  display: flex;
}
.categories-header-sec nav .brand img, .category-header-sec nav .brand img {
  width: 140px;
  height: 35px;
}
.categories-header-sec nav .search-and-contact, .category-header-sec nav .search-and-contact {
  display: flex;
  gap: 15px;
  text-align: center;
}
.categories-header-sec nav .search-and-contact .search-box, .category-header-sec nav .search-and-contact .search-box {
  position: relative;
  text-align: center;
}
.categories-header-sec nav .search-and-contact .search-box input, .category-header-sec nav .search-and-contact .search-box input {
  width: 100%;
  outline: none;
  font-size: 15px;
  padding: 0 50px 0 10px;
  line-height: 40px;
  border-radius: 5px;
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  outline: none;
}
.categories-header-sec nav .search-and-contact .search-box ::-moz-placeholder, .category-header-sec nav .search-and-contact .search-box ::-moz-placeholder {
  color: #fff;
}
.categories-header-sec nav .search-and-contact .search-box ::placeholder, .category-header-sec nav .search-and-contact .search-box ::placeholder {
  color: #fff;
}
.categories-header-sec nav .search-and-contact .search-box :focus, .category-header-sec nav .search-and-contact .search-box :focus {
  border: 2px solid #ff9a17;
}
.categories-header-sec nav .search-and-contact .search-box .search-icon, .category-header-sec nav .search-and-contact .search-box .search-icon {
  display: flex;
  position: absolute;
  right: 10px;
  top: 32%;
}
.categories-header-sec nav .search-and-contact .search-box .search-icon svg, .category-header-sec nav .search-and-contact .search-box .search-icon svg {
  color: #fff;
}
.categories-header-sec nav .search-and-contact .login-btn, .category-header-sec nav .search-and-contact .login-btn {
  border-radius: 5px;
  padding: 9px 11px;
}
.categories-header-sec nav .search-and-contact .login-btn i, .category-header-sec nav .search-and-contact .login-btn i {
  font-size: 25px;
}
.categories-header-sec nav .search-and-contact .btn-animated, .category-header-sec nav .search-and-contact .btn-animated {
  padding: 2px 6px;
  background-color: transparent;
  border-radius: 50%;
}
.categories-header-sec nav .search-and-contact .btn-animated img, .category-header-sec nav .search-and-contact .btn-animated img {
  width: 30px;
  height: 30px;
  padding-top: 5px;
}
.categories-header-sec nav .search-and-contact .submit-complaint, .category-header-sec nav .search-and-contact .submit-complaint {
  display: none;
  padding: 20px;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1;
  top: 0;
  left: 0;
}
.categories-header-sec nav .search-and-contact .submit-complaint h1, .category-header-sec nav .search-and-contact .submit-complaint h1 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #14213d;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box, .category-header-sec nav .search-and-contact .submit-complaint .input-box {
  position: relative;
  height: 130px;
  width: 100%;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box .label-desc, .category-header-sec nav .search-and-contact .submit-complaint .input-box .label-desc {
  position: absolute;
  top: 10%;
  left: 10px;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box textarea, .category-header-sec nav .search-and-contact .submit-complaint .input-box textarea {
  resize: none;
  font-size: 15px;
  font-weight: 500;
  color: #14213d;
  width: 100%;
  height: 100%;
  padding: 20px 10px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: 0.3s ease-in-out;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::-moz-placeholder, .category-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::-moz-placeholder {
  font-size: 15px;
  font-weight: 500;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::placeholder, .category-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::placeholder {
  font-size: 15px;
  font-weight: 500;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box .characters, .category-header-sec nav .search-and-contact .submit-complaint .input-box .characters {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  color: #767676;
  font-size: 14px;
  background-color: white;
  padding: 2px 5px;
  border-radius: 3px;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .label-desc, .category-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active textarea, .category-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active textarea {
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding-top: 20px;
  padding: 30px 10px 10px 10px;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .characters, .category-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .characters {
  display: flex;
  color: #ff9a17;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .label-desc, .category-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled textarea, .category-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled textarea {
  padding: 30px 10px 10px 10px;
  border-bottom: 1px solid #14213d;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .characters, .category-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .characters {
  color: #767676;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box.error textarea, .category-header-sec nav .search-and-contact .submit-complaint .input-box.error textarea {
  border-bottom: 2px solid red;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box.error .label-desc, .category-header-sec nav .search-and-contact .submit-complaint .input-box.error .label-desc {
  color: red;
}
.categories-header-sec nav .search-and-contact .submit-complaint .input-box.error .characters, .category-header-sec nav .search-and-contact .submit-complaint .input-box.error .characters {
  color: red;
}
.categories-header-sec nav .search-and-contact .submit-complaint a.complaint-submit-btn, .category-header-sec nav .search-and-contact .submit-complaint a.complaint-submit-btn {
  margin-top: 10px;
}
.categories-header-sec nav .search-and-contact .show, .category-header-sec nav .search-and-contact .show {
  display: block;
}
.categories-header-sec .categories-main-content, .categories-header-sec .category-main-content, .category-header-sec .categories-main-content, .category-header-sec .category-main-content {
  padding: 60px 0;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
}
.categories-header-sec .categories-main-content .title h1, .categories-header-sec .category-main-content .title h1, .category-header-sec .categories-main-content .title h1, .category-header-sec .category-main-content .title h1 {
  font-size: 50px;
  color: #14213d;
}
.categories-header-sec .categories-main-content .title p, .categories-header-sec .category-main-content .title p, .category-header-sec .categories-main-content .title p, .category-header-sec .category-main-content .title p {
  width: 90%;
  color: #767676;
  font-size: 15px;
  margin-top: 20px;
}
.categories-header-sec .categories-main-content .category-title-and-description h1, .categories-header-sec .category-main-content .category-title-and-description h1, .category-header-sec .categories-main-content .category-title-and-description h1, .category-header-sec .category-main-content .category-title-and-description h1 {
  font-size: 50px;
  color: #14213d;
}
.categories-header-sec .categories-main-content .category-title-and-description p, .categories-header-sec .category-main-content .category-title-and-description p, .category-header-sec .categories-main-content .category-title-and-description p, .category-header-sec .category-main-content .category-title-and-description p {
  width: 90%;
  color: #767676;
  font-size: 15px;
  margin-top: 20px;
}
.categories-header-sec .categories-main-content .split-line, .categories-header-sec .category-main-content .split-line, .category-header-sec .categories-main-content .split-line, .category-header-sec .category-main-content .split-line {
  width: 100%;
  height: 2px;
  background-color: #ff9a17;
  margin: 40px 0;
}
.categories-header-sec .categories-main-content .categories-boxes, .categories-header-sec .category-main-content .categories-boxes, .category-header-sec .categories-main-content .categories-boxes, .category-header-sec .category-main-content .categories-boxes {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: center;
}
.categories-header-sec .categories-main-content .categories-boxes .categorie-box, .categories-header-sec .category-main-content .categories-boxes .categorie-box, .category-header-sec .categories-main-content .categories-boxes .categorie-box, .category-header-sec .category-main-content .categories-boxes .categorie-box {
  width: 140px;
  height: 140px;
  border: 2px solid rgba(20, 33, 61, 0.7);
  border-radius: 5px;
  transition: all 0.3s linear;
}
.categories-header-sec .categories-main-content .categories-boxes .categorie-box .categorie-icon, .categories-header-sec .category-main-content .categories-boxes .categorie-box .categorie-icon, .category-header-sec .categories-main-content .categories-boxes .categorie-box .categorie-icon, .category-header-sec .category-main-content .categories-boxes .categorie-box .categorie-icon {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.categories-header-sec .categories-main-content .categories-boxes .categorie-box .categorie-icon img, .categories-header-sec .category-main-content .categories-boxes .categorie-box .categorie-icon img, .category-header-sec .categories-main-content .categories-boxes .categorie-box .categorie-icon img, .category-header-sec .category-main-content .categories-boxes .categorie-box .categorie-icon img {
  width: 38px;
  height: 38px;
}
.categories-header-sec .categories-main-content .categories-boxes .categorie-box .categorie-name, .categories-header-sec .category-main-content .categories-boxes .categorie-box .categorie-name, .category-header-sec .categories-main-content .categories-boxes .categorie-box .categorie-name, .category-header-sec .category-main-content .categories-boxes .categorie-box .categorie-name {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.categories-header-sec .categories-main-content .categories-boxes .categorie-box .categorie-name h2, .categories-header-sec .category-main-content .categories-boxes .categorie-box .categorie-name h2, .category-header-sec .categories-main-content .categories-boxes .categorie-box .categorie-name h2, .category-header-sec .category-main-content .categories-boxes .categorie-box .categorie-name h2 {
  color: rgb(20, 33, 61);
  font-size: 15px;
  text-align: center;
  padding: 5px;
}
.categories-header-sec .categories-main-content .categories-boxes .categorie-box:hover, .categories-header-sec .category-main-content .categories-boxes .categorie-box:hover, .category-header-sec .categories-main-content .categories-boxes .categorie-box:hover, .category-header-sec .category-main-content .categories-boxes .categorie-box:hover {
  box-shadow: 0px 0px 20px 5px rgba(20, 33, 61, 0.5);
  border: 0;
}

/* End Categories header Section */
/* Start Most Viewed Categories Section */
.most-viewed-categories-sec {
  margin-bottom: 120px;
}
.most-viewed-categories-sec h1 {
  font-size: 40px;
  color: #14213d;
}
.most-viewed-categories-sec .categorie {
  margin-top: 40px;
  margin-bottom: 80px;
}
.most-viewed-categories-sec .categorie h1 {
  margin-bottom: 10px;
  font-size: 30px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel {
  position: relative;
  padding: 5px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box {
  position: relative;
  width: 100%;
  height: 200px;
  border-radius: 5px;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  z-index: 1;
  transition: all 0.5s linear;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-account {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-account img {
  width: 35px;
  height: 35px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-account h1 {
  color: #fff;
  font-size: 12px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-title {
  display: flex;
  justify-content: space-between;
  transition: all 0.5s linear;
  padding: 140px 10px 0px 10px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-title .main-title {
  color: #fff;
  font-size: 20px;
  width: 60%;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-title span {
  color: rgb(255, 154, 23);
  font-size: 10px;
  padding-top: 6px;
  opacity: 0;
  transition: all 0.7s linear;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box p.fundraiser-des {
  color: #e2e2e2;
  font-size: 12px;
  padding: 0 10px;
  display: inline-block;
  opacity: 0;
  transition: all 0.7s linear;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns {
  display: flex;
  justify-content: space-between;
  padding: 20px 10px;
  opacity: 0;
  transition: all 0.7s linear;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .flex-btns {
  display: flex;
  gap: 10px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .flex-btns .chat-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .flex-btns .chat-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .donate-btn {
  padding: 8px 12px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .donate-btn img {
  width: 20px;
  height: 20px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: rgba(20, 33, 61, 0.5);
  opacity: 0;
  z-index: -1;
  transition: all 0.7s linear;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box:hover::before {
  opacity: 1;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box:hover .fundraiser-title {
  padding: 60px 10px 0px 10px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box:hover .fundraiser-title span {
  opacity: 1;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box:hover p.fundraiser-des {
  opacity: 1;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .fundraiser-box:hover .fundraiser-btns {
  opacity: 1;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .owl-dots {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(50%);
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .owl-dot {
  background: #d8d8d8;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  padding: 0;
  margin: 0 4px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .owl-nav {
  position: absolute;
  top: -50px;
  right: 0;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .owl-nav button {
  display: inline-block;
  padding: 2px 10px !important;
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.35s linear;
  margin-left: 10px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .owl-nav button span {
  font-size: 30px;
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .owl-nav button:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.most-viewed-categories-sec .categorie .fundraisers-boxes-carousel .owl-dot.active {
  background-color: #ff9a17;
}

@media (max-width: 480px) {
  .categories-header-sec .categories-main-content .container {
    width: 91% !important;
  }
  .categories-header-sec .categories-main-content .container .categories-boxes .categorie-box {
    width: 90px !important;
    height: 90px !important;
  }
  .categories-header-sec .categories-main-content .container .categories-boxes .categorie-box .categorie-icon {
    margin-top: 15px !important;
  }
  .categories-header-sec .categories-main-content .container .categories-boxes .categorie-box .categorie-icon img {
    width: 32px !important;
    height: 32px !important;
  }
  .categories-header-sec .categories-main-content .container .categories-boxes .categorie-box .categorie-name h2 {
    font-size: 13px !important;
  }
  .most-viewed-categories-sec .owl-dots {
    left: 32% !important;
  }
}
/* End Most Viewed Categories Section */
/* Start Category header Section */
.category-header-sec .flex-category-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.category-header-sec .flex-category-content .category-img {
  display: flex;
  align-items: center;
}
.category-header-sec .flex-category-content .category-img img {
  width: 100px;
  height: 100px;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  -moz-columns: 3;
       columns: 3;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box {
  width: 32.2%;
  position: relative;
  height: 320px;
  border: 2px solid #ff9a17;
  box-shadow: 0px 0px 14px 0px rgba(19, 19, 19, 0.1);
  border-radius: 5px;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  margin-bottom: 15px;
  background-color: #fff;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-account {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-account img {
  width: 35px;
  height: 35px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 2px solid #ddd;
  display: block;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-account h1 {
  color: #fff;
  font-size: 11px;
  text-shadow: 0.5px 0.5px 0 #565656, -0.5px -0.5px 0 #565656, 0.5px -0.5px 0 #565656, -0.5px 0.5px 0 #565656;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-img {
  width: 100%;
  height: 50%;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  margin-bottom: 10px;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-title {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  transition: all 0.5s linear;
  height: 9%;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-title .main-title {
  color: #14213d;
  font-size: 14px;
  width: 50%;
  margin-bottom: 10px;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-title span {
  color: rgb(255, 154, 23);
  font-size: 9px;
  padding-top: 2px;
  transition: all 0.7s linear;
  font-weight: 600;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box p.fundraiser-des {
  color: #767676;
  width: 100%;
  font-size: 9px;
  height: 16%;
  padding: 0 10px;
  margin-top: 5px;
  display: --webkit-box;
  --webkit-line-clamp: 2; /* Limits to 2 lines (adjust as needed) */
  -webkit-box-orient: vertical;
  overflow: hidden; /* Hides text that exceeds the area */
  text-overflow: ellipsis; /* Adds "..." at the cutoff point */
  word-break: break-word; /* Forces long strings (like "aaa...") to wrap */
  line-height: 1.4;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  gap: 10px;
  align-items: center;
  transition: all 0.7s linear;
  height: 22%;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns {
  display: flex;
  gap: 10px;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .chat-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .chat-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar {
  gap: 10px;
  background-color: rgba(20, 33, 61, 0.1);
  padding: 10px 8px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale {
  background-color: rgba(20, 33, 61, 0.5);
  border-radius: 20px;
  width: 110px;
  height: 6px;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale .donation-progress {
  background-color: #ff9a17;
  width: 70%;
  height: 100%;
  border-radius: 20px;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number, .category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note {
  display: flex;
  align-items: center;
  gap: 2px;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number .money, .category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note .money {
  font-size: 14px;
  color: #14213d;
}
.category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .fundraiser-btns .donate-btn {
  padding: 8px 16px;
}
.category-header-sec .category-fundraisers-boxes .show-more-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}
.category-header-sec .category-fundraisers-boxes .show-more-box .pagination-controls {
  display: flex;
  gap: 10px;
}
.category-header-sec .category-fundraisers-boxes .show-more-box .pagination-controls .page-info {
  padding: 8px;
  border: 1px solid #ff9a17;
  border-radius: 5px;
  background-color: #ffffff;
}
.category-header-sec .category-fundraisers-boxes .show-more-box .pagination-controls button {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #14213d;
  border: 1px solid #14213d;
}
.category-header-sec .category-fundraisers-boxes .show-more-box .pagination-controls button h1 {
  font-size: 15px;
  font-weight: 100;
}
.category-header-sec .category-fundraisers-boxes .show-more-box .pagination-controls button:hover {
  background-color: transparent;
  border: 1px solid #14213d;
  color: rgb(20, 33, 61);
  box-shadow: 0 0 14px 4px rgba(20, 33, 61, 0.2);
}
.category-header-sec .category-fundraisers-boxes .show-more-box .pagination-controls button.prev-page-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  color: #ffffff;
}
.category-header-sec .category-fundraisers-boxes .show-more-box .pagination-controls button.prev-page-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}

@media (max-width: 480px) {
  .category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box {
    width: 100% !important;
  }
  .category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .donation-bar {
    width: 240px !important;
  }
  .category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .donation-bar .donation-money-number .money, .category-header-sec .category-fundraisers-boxes .fundraisers-boxes .fundraiser-box .donation-bar .donation-charity-note .money {
    font-size: 10px !important;
  }
  .category-header-sec .category-fundraisers-boxes .show-more-box {
    margin: 20px 0 10px 0;
  }
  .category-header-sec .category-main-content .title h1 {
    font-size: 40px !important;
    color: #14213d;
  }
}
/* End Category header Section */
/* أنماط النوافذ المنبثقة */
/* Start Fundraiser Header Section */
.fundraiser-header-sec nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 5% 15px 5%;
  background-color: #14213d;
  position: sticky;
  top: 0;
  z-index: 101;
}
.fundraiser-header-sec nav .links-list {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.fundraiser-header-sec nav .links-list img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.fundraiser-header-sec nav {
  /* Dropdown styles */
}
.fundraiser-header-sec nav .dropdown-content {
  display: none;
  position: absolute;
  top: 19px;
  left: 76px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1;
}
.fundraiser-header-sec nav .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.fundraiser-header-sec nav .dropdown-content a:hover {
  background-color: #f1f1f1;
  border-radius: 4px;
}
.fundraiser-header-sec nav .show {
  display: block;
}
.fundraiser-header-sec nav .links-list {
  padding: 8px 10px 6px 10px;
}
.fundraiser-header-sec nav .links-list img {
  width: 22px;
  height: 22px;
}
.fundraiser-header-sec nav ul.nav-links {
  display: flex;
  list-style: none;
  gap: 15px;
  display: none;
}
.fundraiser-header-sec nav ul.nav-links a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  transition: color 0.3s;
}
.fundraiser-header-sec nav .brand {
  display: flex;
}
.fundraiser-header-sec nav .brand img {
  width: 140px;
  height: 35px;
}
.fundraiser-header-sec nav .help-btn {
  border-radius: 50%;
  padding: 5px 6px 3px 6px;
}
.fundraiser-header-sec nav .search-and-contact {
  display: flex;
  gap: 15px;
  text-align: center;
}
.fundraiser-header-sec nav .search-and-contact .search-box {
  position: relative;
  text-align: center;
}
.fundraiser-header-sec nav .search-and-contact .search-box input {
  width: 100%;
  outline: none;
  font-size: 15px;
  padding: 0 50px 0 10px;
  line-height: 40px;
  border-radius: 5px;
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  outline: none;
}
.fundraiser-header-sec nav .search-and-contact .search-box ::-moz-placeholder {
  color: #fff;
}
.fundraiser-header-sec nav .search-and-contact .search-box ::placeholder {
  color: #fff;
}
.fundraiser-header-sec nav .search-and-contact .search-box :focus {
  border: 2px solid #ff9a17;
}
.fundraiser-header-sec nav .search-and-contact .search-box .search-icon {
  display: flex;
  position: absolute;
  right: 10px;
  top: 32%;
}
.fundraiser-header-sec nav .search-and-contact .search-box .search-icon svg {
  color: #fff;
}
.fundraiser-header-sec nav .search-and-contact .login-btn {
  border-radius: 5px;
  padding: 9px 11px;
}
.fundraiser-header-sec nav .search-and-contact .login-btn i {
  font-size: 25px;
}
.fundraiser-header-sec nav .search-and-contact .btn-animated {
  padding: 2px 6px;
  background-color: transparent;
  border-radius: 50%;
}
.fundraiser-header-sec nav .search-and-contact .btn-animated img {
  width: 30px;
  height: 30px;
  padding-top: 5px;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint {
  display: none;
  padding: 20px;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1;
  top: 0;
  left: 0;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint h1 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #14213d;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box {
  position: relative;
  height: 130px;
  width: 100%;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box .label-desc {
  position: absolute;
  top: 10%;
  left: 10px;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box textarea {
  resize: none;
  font-size: 15px;
  font-weight: 500;
  color: #14213d;
  width: 100%;
  height: 100%;
  padding: 20px 10px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: 0.3s ease-in-out;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::-moz-placeholder {
  font-size: 15px;
  font-weight: 500;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::placeholder {
  font-size: 15px;
  font-weight: 500;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box .characters {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  color: #767676;
  font-size: 14px;
  background-color: white;
  padding: 2px 5px;
  border-radius: 3px;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active textarea {
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding-top: 20px;
  padding: 30px 10px 10px 10px;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .characters {
  display: flex;
  color: #ff9a17;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled textarea {
  padding: 30px 10px 10px 10px;
  border-bottom: 1px solid #14213d;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .characters {
  color: #767676;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box.error textarea {
  border-bottom: 2px solid red;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box.error .label-desc {
  color: red;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint .input-box.error .characters {
  color: red;
}
.fundraiser-header-sec nav .search-and-contact .submit-complaint a.complaint-submit-btn {
  margin-top: 10px;
}
.fundraiser-header-sec nav .search-and-contact .show {
  display: block;
}
.fundraiser-header-sec .error-message {
  color: #dc3545;
  font-size: 14px;
  margin-top: 5px;
  padding: 8px;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
}
.fundraiser-header-sec .success-message {
  color: #155724;
  font-size: 14px;
  margin-top: 5px;
  padding: 8px;
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  border-radius: 4px;
}
.fundraiser-header-sec .fundraiser-hashtags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0;
}
.fundraiser-header-sec .fundraiser-hashtags .hashtag-tag {
  background: #fff3e0;
  color: #e65100;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #ffcc80;
  transition: all 0.2s ease;
}
.fundraiser-header-sec .fundraiser-hashtags .hashtag-tag:hover {
  background: #ffe0b2;
  transform: translateY(-1px);
}
.fundraiser-header-sec .fundraiser-main-content {
  padding: 80px 0;
}
.fundraiser-header-sec .fundraiser-main-content .container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-images {
  width: 45%;
  height: 70vh;
  border-radius: 5px;
  overflow: hidden;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-images .main-image {
  -o-object-fit: cover;
     object-fit: cover;
  border: 4px solid rgba(255, 154, 23, 0.8);
  height: 100%;
  height: 70%;
  background-position: center;
  background-size: cover !important;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-images .sub-images {
  height: 30%;
  flex-wrap: wrap;
  -moz-columns: 3;
       columns: 3;
  -moz-column-gap: 0px;
       column-gap: 0px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-images .sub-images .sub-image {
  -o-object-fit: cover;
     object-fit: cover;
  border: 3px solid #ddd;
  height: 100%;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info {
  width: 55%;
  height: 100%;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes {
  display: flex;
  flex-direction: column;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-one {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-one .fundraiser-account {
  display: flex;
  align-items: center;
  gap: 10px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-one .fundraiser-account img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 3px solid #ddd;
  width: 42px;
  height: 42px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-one .fundraiser-account h1 {
  color: #14213d;
  font-size: 18px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-one .flex-btns {
  display: flex;
  gap: 10px;
  padding-right: 10px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-one .flex-btns .donate-later-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-one .flex-btns .donate-later-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-one .flex-btns .share-fundraiser-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-one .flex-btns .share-fundraiser-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-one .flex-btns .chat-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-one .flex-btns .chat-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two {
  margin-top: 10px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .title h1 {
  color: #14213d;
  font-size: 40px;
  width: 85%;
  display: --webkit-box;
  --webkit-line-clamp: 2; /* Limits to 2 lines (adjust as needed) */
  -webkit-box-orient: vertical;
  overflow: hidden; /* Hides text that exceeds the area */
  text-overflow: ellipsis; /* Adds "..." at the cutoff point */
  word-break: break-word; /* Forces long strings (like "aaa...") to wrap */
  line-height: 1.4;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .categories {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .categories a {
  text-align: center;
  min-width: 50px;
  font-size: 15px;
  padding: 10px;
  color: #767676;
  background-color: #e2e2e2;
  border-radius: 20px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .address {
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .address i {
  font-size: 20px;
  color: #ff9a17;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .address p {
  font-size: 15px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .whatsapp-number {
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .whatsapp-number i {
  font-size: 20px;
  color: #ff9a17;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .whatsapp-number p {
  font-size: 15px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .money-required {
  position: relative;
  width: 52%;
  margin-top: 10px;
  overflow: hidden;
  padding: 2px;
  border-radius: 5px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .money-required .money-required-content {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  background-color: #ffffff;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .money-required .money-required-content img {
  width: 34px;
  height: 30px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .money-required .money-required-content h2 {
  color: #14213d;
  font-size: 15px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .money-required .money-required-content h3 {
  color: #ff9a17;
  font-size: 15px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .money-required::before {
  content: "";
  position: absolute;
  width: 110%;
  height: 80%;
  margin-left: -25px;
  background: #ff9a17;
  animation: border-animation 5s linear infinite;
  z-index: -1;
}
@keyframes border-animation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .donation-bar {
  width: 100%;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .donation-bar .donation-track {
  width: 100%;
  height: 12px;
  background-color: rgba(20, 33, 61, 0.15);
  border-radius: 20px;
  overflow: hidden;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .donation-bar .donation-track .donation-progress {
  height: 100%;
  border-radius: 20px;
  background-color: #ff9a17;
  transition: width 1s ease-in-out;
  min-width: 0;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .donation-bar .donation-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 4px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .donation-bar .donation-info .collected-amount {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #ff9a17;
  font-size: 16px;
  font-weight: 600;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .donation-bar .donation-info .collected-amount i {
  font-size: 14px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .donation-bar .donation-info .collected-amount .money {
  /* Force English numerals always */
  unicode-bidi: plaintext;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .donation-bar .donation-info .percentage {
  color: #14213d;
  font-size: 14px;
  font-weight: 600;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .donate-btn-and-split-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .donate-btn-and-split-line .split-line {
  width: 545px;
  height: 2px;
  background-color: #ff9a17;
  border-radius: 5px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .donate-btn-and-split-line .donate-btn {
  align-items: center;
  padding: 8px 12px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .donate-btn-and-split-line .donate-btn img {
  width: 20px;
  height: 20px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-desc {
  margin-top: 15px;
}
.fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-desc p {
  color: #606060;
  width: 100%;
  font-size: 18px;
  display: --webkit-box;
  --webkit-line-clamp: 3; /* Limits to 2 lines (adjust as needed) */
  -webkit-box-orient: vertical;
  overflow: hidden; /* Hides text that exceeds the area */
  text-overflow: ellipsis; /* Adds "..." at the cutoff point */
  word-break: break-word; /* Forces long strings (like "aaa...") to wrap */
  line-height: 1.4;
}
.fundraiser-header-sec {
  /* Start More Campaign Information Section */
}
.fundraiser-header-sec .more-campaign-info {
  width: 100%;
  margin-top: 30px;
  padding: 25px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.fundraiser-header-sec .more-campaign-info .section-title {
  color: #14213d;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #ff9a17;
  display: inline-block;
}
.fundraiser-header-sec {
  /* Normal mode: horizontal row */
}
.fundraiser-header-sec .more-campaign-info .info-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
  align-items: center;
}
.fundraiser-header-sec .more-campaign-info .flex-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.fundraiser-header-sec .more-campaign-info .info-item {
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  gap: 6px;
  padding: 15px;
  background: #f8fafc;
  border-radius: 8px;
  border-left: 4px solid #ff9a17;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  min-width: 235px;
}
.fundraiser-header-sec .allocation-percentage-item {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.fundraiser-header-sec .more-campaign-info .info-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 154, 23, 0.15);
}
.fundraiser-header-sec .more-campaign-info .info-label {
  color: #64748b;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fundraiser-header-sec .more-campaign-info .info-value {
  color: #14213d;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  word-break: break-word;
}
.fundraiser-header-sec .more-campaign-info .info-value .empty-state {
  color: #94a3b8;
  font-style: italic;
}
.fundraiser-header-sec .more-campaign-info .video-link {
  color: #ff9a17;
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s ease;
}
.fundraiser-header-sec .more-campaign-info .video-link:hover {
  color: #e67e00;
  text-decoration: underline;
}
.fundraiser-header-sec .more-campaign-info .video-link::before {
  content: "▶";
  font-size: 12px;
}
.fundraiser-header-sec {
  /* Fund Allocation Percentage List */
}
.fundraiser-header-sec .allocation-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.fundraiser-header-sec .allocation-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}
.fundraiser-header-sec .allocation-label {
  min-width: 100px;
  color: #14213d;
  font-weight: 600;
  flex-shrink: 0;
}
.fundraiser-header-sec .allocation-bar {
  flex: 1;
  height: 8px;
  background: #e2e8f0;
  border-radius: 4px;
  overflow: hidden;
  min-width: 60px;
}
.fundraiser-header-sec .allocation-fill {
  display: block;
  height: 100%;
  background: #ff9a17;
  border-radius: 4px;
  transition: width 0.5s ease;
}
.fundraiser-header-sec .allocation-percent {
  min-width: 40px;
  text-align: right;
  color: #ff9a17;
  font-weight: 700;
  font-size: 13px;
}
@media (max-width: 480px) {
  .fundraiser-header-sec .allocation-item {
    flex-wrap: wrap;
    gap: 5px;
  }
  .fundraiser-header-sec .allocation-label {
    min-width: auto;
    width: 100%;
  }
  .fundraiser-header-sec .allocation-bar {
    width: calc(100% - 50px);
  }
}
.fundraiser-header-sec {
  /* Responsive: vertical layout (unchanged) */
}
@media (max-width: 768px) {
  .fundraiser-header-sec .more-campaign-info {
    margin-top: 20px;
    padding: 18px;
  }
  .fundraiser-header-sec .more-campaign-info .section-title {
    font-size: 18px;
  }
  .fundraiser-header-sec .more-campaign-info .info-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .fundraiser-header-sec .more-campaign-info .info-item {
    padding: 12px;
  }
}
@media (max-width: 480px) {
  .fundraiser-header-sec .more-campaign-info {
    padding: 15px;
    border-radius: 8px;
  }
  .fundraiser-header-sec .more-campaign-info .section-title {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .fundraiser-header-sec .more-campaign-info .info-value {
    font-size: 14px;
  }
}
.fundraiser-header-sec {
  /* End More Campaign Information Section */
  /* ═══════════════════════════════════════════════════════════════════════ */
  /* DONATIONS SECTION STYLES                                               */
  /* ═══════════════════════════════════════════════════════════════════════ */
}
.fundraiser-header-sec .donations-section {
  width: 100%;
  background: #fff;
  border-radius: 12px;
  margin: 20px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid #eee;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 24px;
}
.fundraiser-header-sec .donations-title {
  font-size: 18px;
  font-weight: 600;
  color: #14213d;
  margin: 0 0 16px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #ff9a17;
  display: flex;
  align-items: center;
}
.fundraiser-header-sec .donations-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fundraiser-header-sec .donation-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #f8f9fa;
  border-radius: 8px;
  transition: background 0.2s;
}
.fundraiser-header-sec .donation-item:hover {
  background: #f0f1f2;
}
.fundraiser-header-sec .donation-donor {
  display: flex;
  align-items: center;
  gap: 10px;
}
.fundraiser-header-sec .donor-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #ff9a17;
}
.fundraiser-header-sec .donor-name {
  font-weight: 500;
  color: #14213d;
  font-size: 14px;
}
.fundraiser-header-sec .donation-details {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.fundraiser-header-sec .donation-amount {
  font-weight: 600;
  color: #4caf50;
  font-size: 15px;
}
.fundraiser-header-sec .donation-date {
  font-size: 12px;
  color: #888;
}
.fundraiser-header-sec .no-donations {
  text-align: center;
  color: #888;
  padding: 20px;
  font-style: italic;
}
.fundraiser-header-sec {
  /* ── Owner Table Styles ───────────────────────────────────────────────── */
}
.fundraiser-header-sec .owner-donations {
  padding: 24px;
}
.fundraiser-header-sec .donations-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.fundraiser-header-sec .donations-table thead {
  background: #14213d;
  color: #fff;
}
.fundraiser-header-sec .donations-table th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.fundraiser-header-sec .donations-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}
.fundraiser-header-sec .donations-table tbody tr:hover {
  background: #f8f9fa;
}
.fundraiser-header-sec .table-donor {
  display: flex;
  align-items: center;
  gap: 10px;
}
.fundraiser-header-sec .table-donor-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fundraiser-header-sec .amount-cell {
  font-weight: 600;
  color: #4caf50;
}
.fundraiser-header-sec .net-cell {
  font-weight: 500;
  color: #2e7d32;
}
.fundraiser-header-sec .fee-cell {
  color: #f44336;
  font-weight: 500;
}
.fundraiser-header-sec .table-loading {
  text-align: center;
  padding: 30px;
  color: #888;
}
.fundraiser-header-sec .donations-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #eee;
}
.fundraiser-header-sec .pag-btn {
  padding: 8px 16px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  color: #14213d;
  transition: all 0.2s;
}
.fundraiser-header-sec .pag-btn:hover {
  background: #ff9a17;
  color: #fff;
  border-color: #ff9a17;
}
.fundraiser-header-sec .pag-info {
  color: #666;
  font-size: 14px;
}
.fundraiser-header-sec {
  /* Responsive */
}
@media (max-width: 768px) {
  .fundraiser-header-sec .donation-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .fundraiser-header-sec .donation-details {
    align-items: flex-start;
    flex-direction: row;
    gap: 12px;
  }
  .fundraiser-header-sec .donations-table {
    font-size: 12px;
  }
  .fundraiser-header-sec .donations-table th,
  .fundraiser-header-sec .donations-table td {
    padding: 8px 10px;
  }
  .fundraiser-header-sec .table-donor-avatar {
    width: 24px;
    height: 24px;
  }
}

/* End Fundraiser Header Section */
/* Start Fundraiser Comments Section */
.fundraiser-comments-sec .container {
  background-color: #f8f9fa;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.fundraiser-comments-sec .container .comment-input-section {
  margin-bottom: 2.5rem;
}
.fundraiser-comments-sec .container .comment-input-section .section-title {
  font-size: 1.75rem;
  color: #14213d;
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.fundraiser-comments-sec .container .comment-input-section .section-description {
  font-size: 0.95rem;
  color: #6c757d;
  margin-bottom: 1.5rem;
  line-height: 1.5;
}
.fundraiser-comments-sec .container .comment-form .comment-field {
  position: relative;
  margin-bottom: 1rem;
}
.fundraiser-comments-sec .container .comment-form .comment-field .input-label {
  position: absolute;
  top: 0.75rem;
  left: 1rem;
  color: #6c757d;
  font-size: 0.9rem;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  background: white;
  padding: 0 0.25rem;
}
.fundraiser-comments-sec .container .comment-form .comment-field textarea {
  resize: none;
  font-size: 1rem;
  color: #14213d;
  width: 100%;
  height: 120px;
  padding: 1rem;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
  font-family: inherit;
}
.fundraiser-comments-sec .container .comment-form .comment-field textarea:focus {
  outline: none;
  border-color: #14213d;
  box-shadow: 0 0 0 3px rgba(20, 33, 61, 0.1);
}
.fundraiser-comments-sec .container .comment-form .comment-field textarea:not(:-moz-placeholder) + .input-label {
  top: -0.5rem;
  left: 0.75rem;
  font-size: 0.8rem;
  color: #14213d;
  font-weight: 600;
}
.fundraiser-comments-sec .container .comment-form .comment-field textarea:focus + .input-label, .fundraiser-comments-sec .container .comment-form .comment-field textarea:not(:placeholder-shown) + .input-label {
  top: -0.5rem;
  left: 0.75rem;
  font-size: 0.8rem;
  color: #14213d;
  font-weight: 600;
}
.fundraiser-comments-sec .container .comment-form .comment-field .character-counter {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  display: flex;
  align-items: center;
  color: #6c757d;
  font-size: 0.85rem;
  background-color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
}
.fundraiser-comments-sec .container .comment-form .comment-field .character-counter.near-limit {
  color: #ff9a17;
}
.fundraiser-comments-sec .container .comment-form .comment-field .character-counter.over-limit {
  color: #dc3545;
}
.fundraiser-comments-sec .container .comment-form .comment-submit-btn {
  background: linear-gradient(135deg, #ff9a17 0%, #ffac40 100%);
  color: white;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
  min-width: 120px;
}
.fundraiser-comments-sec .container .comment-form .comment-submit-btn:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 154, 23, 0.3);
}
.fundraiser-comments-sec .container .comment-form .comment-submit-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.fundraiser-comments-sec .container .comment-form .comment-submit-btn .btn-loading {
  display: none;
}
.fundraiser-comments-sec .container .comment-form .comment-submit-btn.loading .btn-text {
  display: none;
}
.fundraiser-comments-sec .container .comment-form .comment-submit-btn.loading .btn-loading {
  display: inline;
}
.fundraiser-comments-sec .container .comments-display-section .comments-header {
  position: relative;
  margin-bottom: 2rem;
}
.fundraiser-comments-sec .container .comments-display-section .comments-header .section-divider {
  height: 1px;
  background: #dee2e6;
  margin-bottom: 1rem;
}
.fundraiser-comments-sec .container .comments-display-section .comments-header .comments-title {
  font-size: 1.5rem;
  color: #14213d;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.fundraiser-comments-sec .container .comments-display-section .comments-header .comments-count {
  font-size: 0.9rem;
  color: #6c757d;
  font-weight: 500;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment {
  background: white;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 0.75rem;
  border: 1px solid #e9ecef;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment.reply {
  margin-left: 3rem;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  position: relative;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment.reply::before {
  content: "";
  position: absolute;
  left: -1.5rem;
  top: 1rem;
  width: 12px;
  height: 12px;
  border-left: 2px solid #dee2e6;
  border-bottom: 2px solid #dee2e6;
  border-radius: 0 0 0 4px;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-header .user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #e9ecef;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-header .user-info {
  flex: 1;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-header .user-info .user-name {
  font-size: 0.95rem;
  color: #14213d;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-header .user-info .comment-time {
  font-size: 0.75rem;
  color: #6c757d;
  margin-top: 0.1rem;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-content {
  color: #495057;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-actions .action-btn {
  background: none;
  border: none;
  color: #65676B;
  font-size: 0.8rem;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-weight: 500;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-actions .action-btn:hover {
  background-color: #f8f9fa;
  color: #14213d;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-actions .action-btn.active {
  color: #14213d;
  background-color: #e9ecef;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-actions .action-btn::before {
  font-size: 0.7rem;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-actions .action-btn.like-btn::before {
  content: "👍";
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-actions .action-btn.reply-btn::before {
  content: "💬";
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .comment-actions .comment-time {
  font-size: 0.75rem;
  color: #6c757d;
  margin-left: auto;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .reply-form {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .reply-form .reply-input {
  width: 100%;
  min-height: 60px;
  padding: 0.5rem;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  resize: vertical;
  font-family: inherit;
  font-size: 0.85rem;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .reply-form .reply-input:focus {
  outline: none;
  border-color: #14213d;
  box-shadow: 0 0 0 2px rgba(20, 33, 61, 0.1);
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .reply-form .reply-actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .reply-form .reply-actions .btn-primary {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  background: #ff9a17;
  border: none;
  color: white;
  border-radius: 4px;
  cursor: pointer;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .reply-form .reply-actions .btn-primary:hover {
  background: #ff9a17;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .reply-form .reply-actions .btn-secondary {
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  background: transparent;
  color: #6c757d;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  cursor: pointer;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .reply-form .reply-actions .btn-secondary:hover {
  background: #f8f9fa;
  color: #495057;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .replies-container {
  margin-top: 0.75rem;
}
.fundraiser-comments-sec .container .comments-display-section .comments-container .comment .replies-container .replies-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fundraiser-comments-sec .container .comments-display-section .comments-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  color: #6c757d;
}
.fundraiser-comments-sec .container .comments-display-section .comments-loading .loading-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #14213d;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.fundraiser-comments-sec .container .comments-display-section .empty-state {
  text-align: center;
  padding: 3rem 2rem;
  color: #6c757d;
}
.fundraiser-comments-sec .container .comments-display-section .empty-state .empty-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}
.fundraiser-comments-sec .container .comments-display-section .empty-state p {
  font-size: 1.1rem;
  margin: 0;
}
.fundraiser-comments-sec .container .comments-display-section .load-more-container {
  text-align: center;
  margin-top: 1.5rem;
}
.fundraiser-comments-sec .container .comments-display-section .load-more-container .load-more-btn {
  background: transparent;
  color: #14213d;
  border: 1px solid #14213d;
  padding: 0.5rem 1.5rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}
.fundraiser-comments-sec .container .comments-display-section .load-more-container .load-more-btn:hover:not(:disabled) {
  background: #14213d;
  color: white;
}
.fundraiser-comments-sec .container .comments-display-section .load-more-container .load-more-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Responsive Design */
@media (max-width: 768px) {
  .fundraiser-comments-sec .container {
    padding: 1.5rem;
  }
  .fundraiser-comments-sec .container .comment-form .comment-field textarea {
    height: 100px;
  }
  .fundraiser-comments-sec .container .comments-container .comment {
    padding: 0.75rem;
  }
  .fundraiser-comments-sec .container .comments-container .comment.reply {
    margin-left: 1.5rem;
  }
  .fundraiser-comments-sec .container .comments-container .comment.reply::before {
    left: -1rem;
    top: 0.75rem;
    width: 8px;
    height: 8px;
  }
  .fundraiser-comments-sec .container .comments-container .comment .comment-header .user-avatar {
    width: 28px;
    height: 28px;
  }
  .fundraiser-comments-sec .container .comments-container .comment .comment-header .user-name {
    font-size: 0.9rem;
  }
  .fundraiser-comments-sec .container .comments-container .comment .comment-actions {
    gap: 0.5rem;
  }
  .fundraiser-comments-sec .container .comments-container .comment .comment-actions .action-btn {
    font-size: 0.75rem;
    padding: 0.2rem 0.4rem;
  }
}
/* End Fundraiser Comments Section */
/* Start Fundraiser Create Form Section */
/* ===== RESET & BASE ===== */
/* ===== FUNDRAISER SECTION ===== */
.fundraiser-create-form-sec {
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
}
.fundraiser-create-form-sec h1 {
  font-size: 2rem;
  font-weight: 600;
  color: #14213d;
  margin-bottom: 0.5rem;
}
.fundraiser-create-form-sec .fundraiser-create-form-sec p {
  color: #4a5568;
  margin-bottom: 2.5rem;
  font-size: 1.05rem;
  border-left: 4px solid #ff9a17;
  padding-left: 1.2rem;
}
.fundraiser-create-form-sec {
  /* ===== BUILDER LAYOUT ===== */
}
.fundraiser-create-form-sec .builder-wrapper {
  margin-top: 0.5rem;
}
.fundraiser-create-form-sec {
  /* Quadrants wrapper – two rows */
}
.fundraiser-create-form-sec .quadrants-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.fundraiser-create-form-sec .quadrant-row {
  display: flex;
  width: 100%;
}
.fundraiser-create-form-sec .quadrant-cell {
  flex: 1;
  padding: 1.2rem 1rem;
  background: #ffffff;
  min-height: 200px;
}
.fundraiser-create-form-sec {
  /* Vertical divider between left and right quadrants */
}
.fundraiser-create-form-sec .vertical-divider {
  width: 3px;
  background: #ff9a17;
  border-radius: 100px;
  margin: 0 0.2rem;
  transition: opacity 0.2s;
}
.fundraiser-create-form-sec {
  /* Horizontal divider between top and bottom rows */
}
.fundraiser-create-form-sec .horizontal-divider {
  height: 3px;
  background: #ff9a17;
  border-radius: 100px;
  margin: 0.2rem 0;
  width: 100%;
  transition: opacity 0.2s;
}
.fundraiser-create-form-sec {
  /* Hide dividers by default, they become visible via JS (inline style or class) */
}
.fundraiser-create-form-sec .vertical-divider, .fundraiser-create-form-sec .horizontal-divider {
  opacity: 0;
  pointer-events: none;
}
.fundraiser-create-form-sec .vertical-divider.visible, .fundraiser-create-form-sec .horizontal-divider.visible {
  opacity: 1;
}
.fundraiser-create-form-sec {
  /* Field row */
}
.fundraiser-create-form-sec .field-row {
  display: flex;
  align-items: flex-end;
  gap: 1.2rem;
  flex-wrap: wrap;
  background: transparent;
  padding: 0.2rem 0;
  border-radius: 8px;
}
.fundraiser-create-form-sec {
  /* ===== INPUT BOX STYLES (exactly as provided, extended for select) ===== */
}
.fundraiser-create-form-sec .input-box {
  position: relative;
  overflow: hidden;
  width: 235px;
  height: 40px;
  margin-bottom: 15px;
}
.fundraiser-create-form-sec .input-box label {
  position: absolute;
  top: 20%;
  left: 10px;
  color: #767676;
  font-size: 17px;
  display: block;
  transition: 0.3s ease-in-out;
  pointer-events: none;
  background: transparent;
  z-index: 2;
}
.fundraiser-create-form-sec .input-box input,
.fundraiser-create-form-sec .input-box select {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 15px;
  outline: none;
  z-index: 3;
}
.fundraiser-create-form-sec .input-box select {
  padding-top: 10px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%2314213d" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
}
.fundraiser-create-form-sec .input-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #e2e2e2;
  z-index: -1;
  border-radius: 5px 5px 0 0;
}
.fundraiser-create-form-sec .input-box.input-box-active label {
  top: 10%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  font-weight: bold;
}
.fundraiser-create-form-sec .input-box.input-box-active input,
.fundraiser-create-form-sec .input-box.input-box-active select {
  border-bottom: 2px solid #ff9a17;
  font-size: 13px;
}
.fundraiser-create-form-sec .input-box.field-is-filled label {
  top: 10%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  font-weight: bold;
}
.fundraiser-create-form-sec .input-box.field-is-filled input,
.fundraiser-create-form-sec .input-box.field-is-filled select {
  font-size: 13px;
  border-bottom: 1px solid #14213d;
}
.fundraiser-create-form-sec {
  /* Remove button */
}
.fundraiser-create-form-sec .remove-field-btn {
  background: none;
  border: 1px solid #e2e2e2;
  color: #a0a0a0;
  width: 34px;
  height: 34px;
  border-radius: 40px;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s;
  margin-left: 0.2rem;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fundraiser-create-form-sec .remove-field-btn:hover {
  background: #ffe6e6;
  border-color: #ff4d4d;
  color: #c00;
}
.fundraiser-create-form-sec {
  /* Add field button */
}
.fundraiser-create-form-sec .add-field-wrapper {
  margin: 2rem 0 1.8rem;
  display: flex;
  align-items: center;
}
.fundraiser-create-form-sec .btn-add {
  background: white;
  border: 2px dashed #ff9a17;
  color: #14213d;
  font-weight: 600;
  font-size: 1.1rem;
  padding: 0.7rem 1.8rem;
  border-radius: 60px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
  box-shadow: 0 2px 6px rgba(255, 154, 23, 0.1);
}
.fundraiser-create-form-sec .btn-add span {
  font-size: 24px;
  line-height: 1;
}
.fundraiser-create-form-sec .btn-add:hover:not(:disabled) {
  background: #fff3e0;
  border-color: #e07c00;
}
.fundraiser-create-form-sec .btn-add:disabled {
  opacity: 0.5;
  border-color: #b0b0b0;
  cursor: not-allowed;
}
.fundraiser-create-form-sec {
  /* Confirm button */
}
.fundraiser-create-form-sec .confirm-section {
  text-align: right;
  margin-top: 0.8rem;
}
.fundraiser-create-form-sec .btn-confirm {
  background: #14213d;
  color: white;
  border: none;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0.9rem 3rem;
  border-radius: 60px;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(20, 33, 61, 0.15);
  transition: 0.2s;
  border: 1px solid #1f2e4a;
}
.fundraiser-create-form-sec .btn-confirm:hover:not(:disabled) {
  background: #ff9a17;
  color: #14213d;
  box-shadow: 0 10px 22px rgba(255, 154, 23, 0.25);
  border-color: #ff9a17;
}
.fundraiser-create-form-sec .btn-confirm:disabled {
  opacity: 0.5;
  background: #5f6a7a;
  cursor: not-allowed;
}
.fundraiser-create-form-sec .field-counter {
  font-size: 0.9rem;
  color: #5e6f8c;
  margin: 0 1.5rem;
}
.fundraiser-create-form-sec {
  /* Responsive */
}
@media (max-width: 700px) {
  .fundraiser-create-form-sec .quadrant-row {
    flex-direction: column;
  }
  .fundraiser-create-form-sec .vertical-divider {
    width: 100%;
    height: 3px;
    margin: 0.5rem 0;
  }
  .fundraiser-create-form-sec .field-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
  }
  .fundraiser-create-form-sec .input-box {
    width: 100%;
    max-width: 280px;
  }
  .fundraiser-create-form-sec .create-form-setting {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }
  .fundraiser-create-form-sec .create-form-setting .flex-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px !important;
  }
  .fundraiser-create-form-sec .create-form-setting .flex-content .field-counter {
    font-size: 0.7rem;
  }
  .fundraiser-create-form-sec .create-form-setting .flex-content .addFieldBtn {
    font-size: 20px;
  }
}
.fundraiser-create-form-sec .create-form-setting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.fundraiser-create-form-sec .create-form-setting .flex-content {
  display: flex;
  align-items: center;
  gap: 20px;
}
.fundraiser-create-form-sec .create-form-setting .requesters-numbers {
  margin-bottom: unset;
}
.fundraiser-create-form-sec .fundraiser-hashtags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0;
}
.fundraiser-create-form-sec .fundraiser-hashtags .hashtag-tag {
  background: #fff3e0;
  color: #e65100;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #ffcc80;
  transition: all 0.2s ease;
}
.fundraiser-create-form-sec .fundraiser-hashtags .hashtag-tag:hover {
  background: #ffe0b2;
  transform: translateY(-1px);
}

/* End Fundraiser Create Form Section */
.fundraiser-requester-form-sec {
  padding: 60px 0;
  background: #f8f9fa;
}
.fundraiser-requester-form-sec .container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}
.fundraiser-requester-form-sec h1 {
  font-size: 28px;
  color: #14213d;
  margin-bottom: 10px;
  text-align: center;
}
.fundraiser-requester-form-sec > .container > p {
  color: #767676;
  text-align: center;
  margin-bottom: 40px;
  font-size: 15px;
}
.fundraiser-requester-form-sec form {
  background: #fff;
  border-radius: 10px;
  padding: 40px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}
.fundraiser-requester-form-sec .form-field {
  margin-bottom: 25px;
}
.fundraiser-requester-form-sec .form-field label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #14213d;
  margin-bottom: 8px;
}
.fundraiser-requester-form-sec .form-field input[type=text],
.fundraiser-requester-form-sec .form-field input[type=email],
.fundraiser-requester-form-sec .form-field input[type=number],
.fundraiser-requester-form-sec .form-field input[type=tel],
.fundraiser-requester-form-sec .form-field input[type=url],
.fundraiser-requester-form-sec .form-field input[type=password],
.fundraiser-requester-form-sec .form-field input[type=file],
.fundraiser-requester-form-sec .form-field input[type=date],
.fundraiser-requester-form-sec .form-field input[type=time] {
  width: 100%;
  height: 50px;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
  color: #14213d;
  background: #fff;
  transition: all 0.3s ease;
}
.fundraiser-requester-form-sec .form-field input:focus {
  outline: none;
  border-color: #ff9a17;
  box-shadow: 0 0 0 3px rgba(255, 154, 23, 0.1);
}
.fundraiser-requester-form-sec .form-field .flatpickr-input {
  width: 100%;
  height: 50px;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
}
.fundraiser-requester-form-sec .submit-request-btn {
  width: 100%;
  padding: 15px;
  background: #ff9a17;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 20px;
}
.fundraiser-requester-form-sec .submit-request-btn:hover {
  background: #e88a0e;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(255, 154, 23, 0.3);
}
.fundraiser-requester-form-sec .submit-request-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
}
.fundraiser-requester-form-sec .already-submitted {
  text-align: center;
  padding: 60px 40px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}
.fundraiser-requester-form-sec .already-submitted svg {
  width: 60px;
  height: 60px;
  color: #4CAF50;
  margin-bottom: 20px;
}
.fundraiser-requester-form-sec .already-submitted h2 {
  color: #14213d;
  margin-bottom: 10px;
}
.fundraiser-requester-form-sec .already-submitted p {
  color: #767676;
}
.fundraiser-requester-form-sec {
  /* ═══ EXTRACTED & ADAPTED WHATSAPP/PHONE STYLES ═══ */
}
.fundraiser-requester-form-sec .phone-input-wrapper {
  position: relative;
  padding: 10px;
  background: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.fundraiser-requester-form-sec .phone-input-wrapper .iti {
  width: 100%;
}
.fundraiser-requester-form-sec .phone-input-wrapper .iti__selected-flag {
  padding: 0 10px;
  background: #fff;
  border-right: 1px solid #ced4da;
}
.fundraiser-requester-form-sec .phone-input-wrapper input[type=tel] {
  border: none;
  outline: none;
  flex: 1;
  padding: 10px;
  font-size: 16px;
  background: transparent;
  width: 100%;
}
.fundraiser-requester-form-sec .phone-input-wrapper input[type=tel]:focus {
  box-shadow: none;
}
.fundraiser-requester-form-sec .phone-input-wrapper.valid-number {
  border-color: #28a745 !important;
}
.fundraiser-requester-form-sec .phone-input-wrapper.invalid-number {
  border-color: #dc3545 !important;
}
.fundraiser-requester-form-sec .fundraiser-hashtags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0;
}
.fundraiser-requester-form-sec .fundraiser-hashtags .hashtag-tag {
  background: #fff3e0;
  color: #e65100;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #ffcc80;
  transition: all 0.2s ease;
}
.fundraiser-requester-form-sec .fundraiser-hashtags .hashtag-tag:hover {
  background: #ffe0b2;
  transform: translateY(-1px);
}
.fundraiser-requester-form-sec {
  /* ===== UPLOAD FIELDS (Images, Video, Documents) ===== */
}
.fundraiser-requester-form-sec .upload-info,
.fundraiser-requester-form-sec .upload-success-state {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 14px;
}
.fundraiser-requester-form-sec .upload-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 20px;
  cursor: pointer;
}
.fundraiser-requester-form-sec .upload-placeholder svg,
.fundraiser-requester-form-sec .upload-placeholder i {
  color: #888;
  transition: color 0.2s;
}
.fundraiser-requester-form-sec .upload-placeholder p {
  margin: 0;
  font-size: 13px;
  color: #888;
}
.fundraiser-requester-form-sec .image-box:hover .upload-placeholder svg,
.fundraiser-requester-form-sec .image-box:hover .upload-placeholder i {
  color: #555;
}
.fundraiser-requester-form-sec .file-icon {
  font-size: 22px;
  flex-shrink: 0;
}
.fundraiser-requester-form-sec .file-icon i {
  color: #2196F3;
}
.fundraiser-requester-form-sec .file-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 2px;
}
.fundraiser-requester-form-sec .file-name {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fundraiser-requester-form-sec .file-meta {
  font-size: 11px;
  color: #888;
}
.fundraiser-requester-form-sec .upload-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.fundraiser-requester-form-sec .progress-bar {
  width: 60px;
  height: 6px;
  background: #e0e0e0;
  border-radius: 3px;
  overflow: hidden;
}
.fundraiser-requester-form-sec .progress-fill {
  height: 100%;
  background: #4caf50;
  border-radius: 3px;
  width: 0%;
  transition: width 0.1s linear;
}
.fundraiser-requester-form-sec .progress-percent {
  font-size: 12px;
  font-weight: 600;
  color: #4caf50;
  min-width: 35px;
  text-align: right;
}
.fundraiser-requester-form-sec {
  /* Video box uses camera icon color */
}
.fundraiser-requester-form-sec .video-box .file-icon i {
  color: #9c27b0;
}
.fundraiser-requester-form-sec {
  /* Document box uses PDF icon color */
}
.fundraiser-requester-form-sec .doc-box .file-icon i {
  color: #e74c3c;
}
.fundraiser-requester-form-sec {
  /* ===== VERIFICATION UPLOAD (smaller) ===== */
}
.fundraiser-requester-form-sec .verification-wrapper .image-box {
  min-height: 60px;
  padding: 8px;
}
.fundraiser-requester-form-sec .verification-wrapper .upload-placeholder {
  flex-direction: row;
  padding: 10px;
  gap: 10px;
}
.fundraiser-requester-form-sec .verification-wrapper .upload-placeholder p {
  font-size: 12px;
}
.fundraiser-requester-form-sec .verification-wrapper .upload-placeholder i {
  font-size: 22px !important;
}
.fundraiser-requester-form-sec .verification-upload-box .field-title {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #555;
  margin-bottom: 6px;
}
.fundraiser-requester-form-sec .verification-upload-box .wrapper {
  position: relative;
}
.fundraiser-requester-form-sec {
  /* ===== REQUESTER FORM FILE UPLOAD (generic file) ===== */
}
.fundraiser-requester-form-sec .requester-upload-box .file-box .upload-placeholder i {
  color: #2196F3;
}
.fundraiser-requester-form-sec .requester-upload-box .file-box .upload-success-state .file-icon i {
  color: #4BB543;
}
.fundraiser-requester-form-sec .requester-upload-box .wrapper {
  position: relative;
}

.fundraiser-requesters-table-sec {
  padding-bottom: 40px;
}
.fundraiser-requesters-table-sec h1 {
  margin-bottom: 20px;
  color: #14213d;
}
.fundraiser-requesters-table-sec .requesters-number {
  display: flex;
  gap: 5px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #ff9a17;
}
.fundraiser-requesters-table-sec .flex-content {
  display: flex;
  align-items: center;
  gap: 20px;
}
.fundraiser-requesters-table-sec {
  /* ── Bulk actions ── */
}
.fundraiser-requesters-table-sec .bulk-actions {
  margin-bottom: 20px;
}
.fundraiser-requesters-table-sec .bulk-actions .btn-accept-all {
  background: #ff9a17;
  color: white;
  border: none;
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.2s;
}
.fundraiser-requesters-table-sec .bulk-actions .btn-accept-all:hover {
  background: #e58b15;
}
.fundraiser-requesters-table-sec .bulk-actions .btn-accept-all:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.fundraiser-requesters-table-sec {
  /* ── Table wrapper (horizontal scroll on small screens) ── */
}
.fundraiser-requesters-table-sec .requesters-table {
  width: 100%;
  overflow-x: auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin-bottom: 30px;
}
.fundraiser-requesters-table-sec .content-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9em;
  min-width: 700px;
}
.fundraiser-requesters-table-sec .content-table thead tr {
  background-color: #14213d;
  color: #ffffff;
  font-weight: bold;
}
.fundraiser-requesters-table-sec .content-table th, .fundraiser-requesters-table-sec .content-table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.fundraiser-requesters-table-sec .content-table tbody tr {
  transition: background 0.15s;
}
.fundraiser-requesters-table-sec .content-table tbody tr:nth-of-type(odd) {
  background-color: #ffffff;
}
.fundraiser-requesters-table-sec .content-table tbody tr:nth-of-type(even) {
  background-color: #f9f9f9;
}
.fundraiser-requesters-table-sec .content-table tbody tr:last-of-type {
  border-bottom: 2px solid #14213d;
}
.fundraiser-requesters-table-sec .content-table tbody tr:hover {
  background-color: #f0f0f0;
}
.fundraiser-requesters-table-sec .content-table {
  /* Requester info column */
}
.fundraiser-requesters-table-sec .content-table .requester-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.fundraiser-requesters-table-sec .content-table .requester-info .requester-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #ddd;
}
.fundraiser-requesters-table-sec .content-table .requester-info .requester-name {
  font-weight: 600;
  color: #14213d;
}
.fundraiser-requesters-table-sec .content-table .requester-info .requester-email {
  font-size: 0.8rem;
  color: #666;
}
.fundraiser-requesters-table-sec .content-table {
  /* File download link styled as a button */
}
.fundraiser-requesters-table-sec .content-table .file-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #14213d;
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.85rem;
  transition: background 0.2s;
}
.fundraiser-requesters-table-sec .content-table .file-download-btn:hover {
  background: #1f3460;
}
.fundraiser-requesters-table-sec .content-table .file-download-btn i {
  font-size: 0.9rem;
}
.fundraiser-requesters-table-sec .content-table {
  /* Image cell with preview + download icon */
}
.fundraiser-requesters-table-sec .content-table .img-preview-cell {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fundraiser-requesters-table-sec .content-table .img-preview-cell .cell-img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.fundraiser-requesters-table-sec .content-table .img-preview-cell .img-download-icon {
  color: #14213d;
  font-size: 1rem;
  transition: color 0.2s;
}
.fundraiser-requesters-table-sec .content-table .img-preview-cell .img-download-icon:hover {
  color: #ff9a17;
}
.fundraiser-requesters-table-sec .content-table {
  /* Status badges */
}
.fundraiser-requesters-table-sec .content-table .status-badge {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: capitalize;
}
.fundraiser-requesters-table-sec .content-table .status-badge.pending {
  background: #fff3e0;
  color: #ef6c00;
  border: 1px solid #ffe0b2;
}
.fundraiser-requesters-table-sec .content-table .status-badge.accepted {
  background: #e8f5e8;
  color: #2e7d32;
  border: 1px solid #c8e6c9;
}
.fundraiser-requesters-table-sec .content-table .status-badge.rejected {
  background: #ffebee;
  color: #c62828;
  border: 1px solid #ffcdd2;
}
.fundraiser-requesters-table-sec .content-table .accepted-text {
  color: #2e7d32;
  font-weight: bold;
  font-size: 0.9rem;
}
.fundraiser-requesters-table-sec .content-table .rejected-text {
  color: #c62828;
  font-weight: bold;
  font-size: 0.9rem;
}
.fundraiser-requesters-table-sec .content-table .reject-reason {
  display: block;
  font-size: 0.75rem;
  color: #666;
  margin-top: 4px;
}
.fundraiser-requesters-table-sec .content-table .accept-btn, .fundraiser-requesters-table-sec .content-table .reject-btn {
  padding: 6px 14px;
  margin-right: 4px;
  border: none;
  border-radius: 4px;
  font-size: 0.8rem;
  cursor: pointer;
  transition: opacity 0.2s;
}
.fundraiser-requesters-table-sec .content-table .accept-btn:hover, .fundraiser-requesters-table-sec .content-table .reject-btn:hover {
  opacity: 0.85;
}
.fundraiser-requesters-table-sec .content-table .accept-btn {
  background: #4caf50;
  color: #fff;
}
.fundraiser-requesters-table-sec .content-table .reject-btn {
  background: #f44336;
  color: #fff;
}
.fundraiser-requesters-table-sec {
  /* ── Pagination ── */
}
.fundraiser-requesters-table-sec .pagination-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 20px 0 30px;
}
.fundraiser-requesters-table-sec .pagination-controls .page-btn {
  padding: 8px 20px;
  background: #14213d;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
  transition: background 0.2s;
}
.fundraiser-requesters-table-sec .pagination-controls .page-btn:hover:not(:disabled) {
  background: #1f3460;
}
.fundraiser-requesters-table-sec .pagination-controls .page-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.fundraiser-requesters-table-sec .pagination-controls .page-indicator {
  font-weight: bold;
  color: #14213d;
  font-size: 0.95rem;
}
.fundraiser-requesters-table-sec {
  /* Complete campaign button */
}
.fundraiser-requesters-table-sec .complete-campaign-box {
  text-align: center;
}
.fundraiser-requesters-table-sec .complete-campaign-box .btn-complete {
  padding: 12px 30px;
  background: #ff9a17;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.2s;
}
.fundraiser-requesters-table-sec .complete-campaign-box .btn-complete:hover {
  background: #e58b15;
}
.fundraiser-requesters-table-sec {
  /* No requests message */
}
.fundraiser-requesters-table-sec .no-requests {
  text-align: center;
  padding: 40px;
  color: #666;
}
.fundraiser-requesters-table-sec .no-requests h3 {
  margin-bottom: 10px;
}
.fundraiser-requesters-table-sec .fundraiser-hashtags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0;
}
.fundraiser-requesters-table-sec .fundraiser-hashtags .hashtag-tag {
  background: #fff3e0;
  color: #e65100;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #ffcc80;
  transition: all 0.2s ease;
}
.fundraiser-requesters-table-sec .fundraiser-hashtags .hashtag-tag:hover {
  background: #ffe0b2;
  transform: translateY(-1px);
}
.fundraiser-requesters-table-sec .modal {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  overflow: auto;
  transition: opacity 0.4s ease;
}
.fundraiser-requesters-table-sec .modal-content {
  background: linear-gradient(135deg, #ffffff, #e8ecef);
  margin: 4% auto;
  padding: 35px;
  border-radius: 25px;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25), inset 0 0 10px rgba(255, 255, 255, 0.3);
  animation: modalPopIn 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  overflow-y: auto;
  position: relative;
}
.fundraiser-requesters-table-sec {
  /* تخصيص شريط التمرير */
}
.fundraiser-requesters-table-sec .modal-content::-webkit-scrollbar {
  width: 12px;
}
.fundraiser-requesters-table-sec .modal-content::-webkit-scrollbar-track {
  background: #f0f4f8;
  border-radius: 12px;
}
.fundraiser-requesters-table-sec .modal-content::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #4CAF50, #2ecc71);
  border-radius: 12px;
}
@keyframes modalPopIn {
  0% {
    opacity: 0;
    transform: scale(0.8) translateY(50px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.fundraiser-requesters-table-sec .close {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 32px;
  font-weight: bold;
  cursor: pointer;
  color: #2c3e50;
  background: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fundraiser-requesters-table-sec .close:hover {
  color: #fff;
  background: #e74c3c;
  transform: rotate(180deg);
  box-shadow: 0 4px 10px rgba(231, 76, 60, 0.4);
}
.fundraiser-requesters-table-sec .modal h1 {
  color: #2c3e50;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.5px;
}
.fundraiser-requesters-table-sec .modal h2 {
  color: #2c3e50;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.5px;
}

/* Start Fundraiser Requests Section */
.fundraisers-requests-sec .container .fundraisers {
  margin-top: 40px;
  margin-bottom: 80px;
}
.fundraisers-requests-sec .container .fundraisers h1 {
  margin-bottom: 10px;
  font-size: 30px;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel {
  position: relative;
  padding: 5px;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box {
  position: relative;
  width: 100%;
  height: 200px;
  border-radius: 5px;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  z-index: 1;
  transition: all 0.5s linear;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-account {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-account img {
  width: 35px;
  height: 35px;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-account h1 {
  margin-top: 5px;
  color: #fff;
  font-size: 12px;
  text-shadow: 0.5px 0.5px 0 #565656, -0.5px -0.5px 0 #565656, 0.5px -0.5px 0 #565656, -0.5px 0.5px 0 #565656;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-title {
  display: flex;
  justify-content: space-between;
  transition: all 0.5s linear;
  padding: 140px 10px 0px 10px;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-title .main-title {
  color: #fff;
  font-size: 20px;
  width: 60%;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-title span {
  color: rgb(255, 154, 23);
  font-size: 10px;
  padding-top: 6px;
  opacity: 0;
  transition: all 0.7s linear;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box p.fundraiser-des {
  color: #e2e2e2;
  font-size: 12px;
  padding: 0 10px;
  display: inline-block;
  opacity: 0;
  transition: all 0.7s linear;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns {
  display: flex;
  justify-content: space-between;
  padding: 20px 10px;
  opacity: 0;
  transition: all 0.7s linear;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .flex-btns {
  display: flex;
  gap: 10px;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .flex-btns .chat-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .flex-btns .chat-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .donate-btn {
  padding: 8px 12px;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box .fundraiser-btns .donate-btn img {
  width: 20px;
  height: 20px;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: rgba(20, 33, 61, 0.5);
  opacity: 0;
  z-index: -1;
  transition: all 0.7s linear;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box:hover::before {
  opacity: 1;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box:hover .fundraiser-title {
  padding: 60px 10px 0px 10px;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box:hover .fundraiser-title span {
  opacity: 1;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box:hover p.fundraiser-des {
  opacity: 1;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .fundraiser-box:hover .fundraiser-btns {
  opacity: 1;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .owl-dots {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(50%);
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .owl-dot {
  background: #d8d8d8;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  padding: 0;
  margin: 0 4px;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .owl-nav {
  position: absolute;
  top: -50px;
  right: 0;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .owl-nav button {
  display: inline-block;
  padding: 2px 10px !important;
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.35s linear;
  margin-left: 10px;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .owl-nav button span {
  font-size: 30px;
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .owl-nav button:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.fundraisers-requests-sec .container .fundraisers .fundraisers-boxes-carousel .owl-dot.active {
  background-color: #ff9a17;
}

/* End Fundraiser Requests Section */
@media (max-width: 480px) {
  .fundraiser-header-sec .fundraiser-main-content {
    padding: 40px 0 !important;
  }
  .fundraiser-header-sec .fundraiser-main-content .container {
    flex-direction: column;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-images {
    width: 100% !important;
    height: 300px !important;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-images .main-image {
    height: 60% !important;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-images .sub-images {
    height: 40% !important;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info {
    width: 100% !important;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes {
    width: 100% !important;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-one .fundraiser-account .account-name {
    font-size: 17px !important;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .title h1 {
    font-size: 24px !important;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .categories {
    width: 70% !important;
    flex-wrap: wrap;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .money-required {
    width: 75% !important;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .info-boxes .box-two .money-required::before {
    margin-left: -17px !important;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .donation-bar .donation-money-number, .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .donation-bar .donation-charity-note {
    margin-top: 100px;
    left: -122px;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-boxes .donation-bar .donation-scale {
    top: 100px !important;
    left: -10px !important;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .donate-btn-and-split-line {
    flex-direction: column-reverse;
    gap: 60px;
    margin-top: 20px;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .donate-btn-and-split-line .split-line {
    width: 100% !important;
  }
  .fundraiser-header-sec .fundraiser-main-content .container .fundraiser-info .fundraiser-desc p {
    font-size: 13px;
  }
  .fundraiser-comments-sec .container h1 {
    font-size: 20px !important;
  }
  .fundraiser-comments-sec .container .comments-title h1 {
    font-size: 20px !important;
  }
  .fundraisers-requests-sec h1 {
    font-size: 20px !important;
    margin-bottom: 55px !important;
  }
  .fundraisers-requests-sec .fundraisers-boxes-carousel .owl-dots {
    left: 30% !important;
  }
  .fundraisers-requests-sec .fundraiser-account {
    align-items: unset !important;
  }
  .fundraisers-requests-sec .fundraiser-account img {
    width: 25px !important;
    height: 25px !important;
  }
  .fundraisers-requests-sec .fundraiser-account h1 {
    font-size: 15px !important;
  }
}
/* Start Registration Header Section */
.registration-header-sec {
  overflow: hidden;
  /* ════════════════════════════════════════════════════════════════════════════
  FLOATING VALIDATION MESSAGES
  ════════════════════════════════════════════════════════════════════════════ */
}
.registration-header-sec .full-name,
.registration-header-sec .birthday-and-gender,
.registration-header-sec .whatsapp,
.registration-header-sec .location,
.registration-header-sec .charity-name-and-description,
.registration-header-sec .charity-date-and-type,
.registration-header-sec .charity-whatsapp-and-location,
.registration-header-sec .email,
.registration-header-sec .password,
.registration-header-sec .confirm-password {
  position: relative;
}
.registration-header-sec .input-box {
  overflow: visible !important;
}
.registration-header-sec .validation-error,
.registration-header-sec .validation-error1 {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  background: #ffffff;
  border: 1.5px solid #e74c3c;
  border-radius: 6px;
  padding: 4px 10px;
  box-shadow: 0 4px 12px rgba(231, 76, 60, 0.15);
  display: none;
  align-items: center;
  gap: 6px;
  font-size: 11px; /* smaller font */
  color: #e74c3c;
  white-space: nowrap;
  pointer-events: none;
  animation: floatErrorIn 0.2s ease-out;
  /* Auto-dismiss animation */
}
.registration-header-sec .validation-error.auto-dismiss,
.registration-header-sec .validation-error1.auto-dismiss {
  animation: floatErrorIn 0.2s ease-out, fadeOutError 0.3s ease-in 3.5s forwards;
}
.registration-header-sec .validation-error::after,
.registration-header-sec .validation-error1::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 20px;
  border: 6px solid transparent;
  border-top-color: #e74c3c;
}
.registration-header-sec .validation-error svg,
.registration-header-sec .validation-error1 svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.registration-header-sec .validation-error p.error-message,
.registration-header-sec .validation-error1 p.error-message {
  margin: 0;
  font-weight: 500;
  line-height: 1.4;
}
@keyframes floatErrorIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOutError {
  to {
    opacity: 0;
    transform: translateX(-50%) translateY(-4px);
  }
}
.registration-header-sec .optional-badge {
  font-size: 13px;
  color: #6c757d;
  font-weight: 400;
  margin-left: 8px;
}
.registration-header-sec .step-one-active .bullet {
  padding: 0px !important;
  border: none !important;
  background-color: transparent !important;
}
.registration-header-sec .step-one-active .bullet span {
  display: none !important;
}
.registration-header-sec .step-one-active .bullet i {
  display: contents !important;
  opacity: 1 !important;
  font-size: 48px !important;
  color: #ff9a17 !important;
}
.registration-header-sec .step-one-active .step-split-line {
  background-color: #ff9a17 !important;
}
.registration-header-sec .step-two-active .bullet {
  padding: 0px !important;
  border: none !important;
  background-color: transparent !important;
}
.registration-header-sec .step-two-active .bullet span {
  display: none !important;
}
.registration-header-sec .step-two-active .bullet i {
  display: contents !important;
  opacity: 1 !important;
  font-size: 48px !important;
  color: #ff9a17 !important;
}
.registration-header-sec .step-two-active .step-split-line {
  background-color: #ff9a17 !important;
}
.registration-header-sec .step-three-active .bullet {
  padding: 0px !important;
  border: none !important;
  background-color: transparent !important;
}
.registration-header-sec .step-three-active .bullet span {
  display: none !important;
}
.registration-header-sec .step-three-active .bullet i {
  display: contents !important;
  opacity: 1 !important;
  font-size: 48px !important;
  color: #ff9a17 !important;
}
.registration-header-sec .step-three-active .step-split-line {
  background-color: #ff9a17 !important;
}
.registration-header-sec .main-content.sign-up-mode .sign-in-box .sign-up-panel {
  transform: translateX(-800px);
}
.registration-header-sec .main-content.sign-up-mode .sign-in-box .sign-up-panel .title p {
  max-width: 600px;
}
.registration-header-sec .main-content.sign-up-mode .sign-in-box .sign-in-form-box {
  z-index: 1;
  left: 70%;
  opacity: 0;
}
.registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-in-panel {
  transform: translateX(800px);
}
.registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-in-panel .title p {
  max-width: 600px;
}
.registration-header-sec .main-content.sign-up-mode .sign-up-box .sign-up-form-box {
  left: 5%;
  opacity: 1;
  z-index: 2;
}
.registration-header-sec .main-content.sign-up-mode::before {
  transform: translate(100%, -50%);
  right: 52%;
}
.registration-header-sec .main-content {
  position: relative;
  min-height: 100vh;
}
.registration-header-sec .main-content .container {
  width: 95%;
  position: relative;
}
.registration-header-sec .main-content .sign-up-box, .registration-header-sec .main-content .sign-in-box {
  transition: opacity 1.8s ease-in-out, transform 1.8s ease-in-out;
  opacity: 1;
}
.registration-header-sec .main-content .sign-up-box {
  display: flex;
  justify-content: space-between;
  position: absolute;
  position: relative;
}
.registration-header-sec .main-content .sign-up-box .sign-in-panel {
  transform: translateX(2000px);
  position: absolute;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: 1.4s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-in-panel .title {
  width: 90%;
  transition: 1.4s ease-in-out;
  transition-delay: 0.4s;
}
.registration-header-sec .main-content .sign-up-box .sign-in-panel .title h1 {
  padding-left: 15px;
  font-size: 42px;
  color: #ffffff;
}
.registration-header-sec .main-content .sign-up-box .sign-in-panel .title p {
  width: 100%;
  margin-top: 8px;
  font-size: 16px;
  color: #d8d8d8;
  max-width: 600px;
}
.registration-header-sec .main-content .sign-up-box .sign-in-panel .title .sign-in-btn {
  margin-top: 15px;
}
.registration-header-sec .main-content .sign-up-box .sign-in-panel img {
  margin-top: 75px;
  width: 400px;
  height: 400px;
  transition-delay: 0.2s;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box {
  width: 600px;
  height: 400px;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 20%;
  opacity: 0;
  transition: 0.7s ease-in-out;
  transition-delay: 0.2s;
  z-index: 1;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type .home-btn-box a {
  padding: 8px 10px;
  font-size: 20px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type .account-type.donor-mode:before {
  left: 0%;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type .account-type.indigent-mode:before {
  left: 33.33%;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type .account-type.charity-mode:before {
  left: 66.66%;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type .account-type {
  display: flex;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type .account-type a.donor-btn {
  border-radius: 5px 0 0 5px;
  border: 2px solid #ff9a17;
  padding: 8px 20px;
  background-color: transparent;
  color: #ff9a17;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type .account-type a.charity-btn {
  border-radius: 5px 0 0 5px;
  border: 2px solid #ff9a17;
  padding: 8px 14.8px;
  background-color: transparent;
  color: #ff9a17;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type .account-type a.indigent-btn {
  border-radius: 0;
  border: 2px solid #ff9a17;
  padding: 8px 10px;
  background-color: transparent;
  color: #ff9a17;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type .account-type::before {
  position: absolute;
  content: "";
  width: 33.33%; /* changed from 49% / 50% */
  top: 1px;
  left: 33.33%; /* default (Indigent) */
  height: 98%;
  background-color: #14213d;
  z-index: -1;
  border: 1px solid transparent;
  border-radius: 5px 0 0 5px;
  transition: 0.5s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type .account-type a {
  border-radius: 0; /* reset if needed */
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type .account-type a:first-child {
  border-radius: 5px 0 0 5px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .home-btn-and-account-type .account-type a:last-child {
  border-radius: 0 5px 5px 0;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .title h1 {
  font-size: 40px;
  color: #14213d;
  margin-bottom: 15px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form.hidden-step {
  display: none !important;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form h1, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step h1 {
  font-size: 25px;
  color: #14213d;
  margin-bottom: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .whatsapp, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-whatsapp, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .whatsapp, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-whatsapp {
  max-width: 400px;
  margin-bottom: 10px;
  font-family: Arial, sans-serif;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .whatsapp-number, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-whatsapp-number, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .whatsapp-number, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-whatsapp-number {
  position: relative;
  padding: 10px;
  background: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .whatsapp-number input,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .whatsapp-number select, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-whatsapp-number input,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-whatsapp-number select, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .whatsapp-number input,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .whatsapp-number select, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-whatsapp-number input,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-whatsapp-number select {
  width: 100%;
  padding: 16px;
  border: 2px solid #dfe4ea;
  border-radius: 12px;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .whatsapp-number input:focus,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .whatsapp-number select:focus, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-whatsapp-number input:focus,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-whatsapp-number select:focus, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .whatsapp-number input:focus,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .whatsapp-number select:focus, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-whatsapp-number input:focus,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-whatsapp-number select:focus {
  box-shadow: 0 0 10px rgba(76, 175, 80, 0.3);
  outline: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .label, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #495057;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .iti, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .iti {
  width: 100%;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .iti__selected-flag, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .iti__selected-flag {
  padding: 0 10px;
  background: #fff;
  border-right: 1px solid #ced4da;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form #phoneNumber, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step #phoneNumber {
  border: none;
  outline: none;
  flex: 1;
  padding: 10px;
  font-size: 16px;
  background: transparent;
  width: 100%;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form #phoneNumber:focus, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step #phoneNumber:focus {
  box-shadow: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .error-message, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .error-message {
  color: #dc3545;
  font-size: 12px;
  margin-top: 5px;
  display: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .valid-number, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .valid-number {
  border-color: #28a745 !important;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .invalid-number, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .invalid-number {
  border-color: #dc3545 !important;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .input-box, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .input-box {
  position: relative;
  overflow: hidden;
  width: 235px;
  height: 40px;
  margin-bottom: 15px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .input-box label, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .input-box label {
  position: absolute;
  top: 20%;
  left: 10px;
  color: #767676;
  font-size: 17px;
  display: block;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .input-box input, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .input-box input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 15px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .input-box::before, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .input-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #e2e2e2;
  z-index: -1;
  border-radius: 5px 5px 0 0;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .input-box.input-box-active label, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .input-box.input-box-active label {
  position: absolute;
  top: 10%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .input-box.input-box-active input, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .input-box.input-box-active input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding: 12px 10px 0px 10px;
  font-size: 13px;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .input-box.field-is-filled label, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .input-box.field-is-filled label {
  position: absolute;
  top: 10%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .input-box.field-is-filled input, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .input-box.field-is-filled input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 13px;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .login-btn-box, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .login-btn-box {
  margin-top: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .login-btn-box .login-btn, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .login-btn-box .login-btn {
  font-size: 18px;
  padding: 8px 38px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .full-name, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .full-name {
  display: flex;
  gap: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description {
  display: flex;
  flex-direction: column;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-name, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-name {
  width: 200px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-name.input-box, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-name.input-box {
  width: 100%;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-name.input-box-active .label, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-name.input-box-active .label {
  font-size: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-name.field-is-filled .label, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-name.field-is-filled .label {
  font-size: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.input-box, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.input-box {
  position: relative;
  height: 80px;
  width: 100%;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.input-box .label-desc, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.input-box .label-desc {
  position: absolute;
  top: 10%;
  left: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.input-box textarea, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.input-box textarea {
  resize: none;
  font-size: 15px;
  font-weight: 500;
  color: #14213d;
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding: 20px 10px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.input-box .input-box textarea::-moz-placeholder, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.input-box .input-box textarea::-moz-placeholder {
  font-size: 15px;
  font-weight: 500;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.input-box .input-box textarea::placeholder, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.input-box .input-box textarea::placeholder {
  font-size: 15px;
  font-weight: 500;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.input-box .characters, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.input-box .characters {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  color: #767676;
  font-size: 14px;
  background-color: transparent;
  padding: 2px 5px;
  border-radius: 3px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.input-box-active .label-desc, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.input-box-active .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.input-box-active textarea, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.input-box-active textarea {
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding-top: 20px;
  padding: 30px 10px 10px 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.input-box-active .characters, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.input-box-active .characters {
  display: flex;
  color: #ff9a17;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.field-is-filled .label-desc, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.field-is-filled .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.field-is-filled textarea, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.field-is-filled textarea {
  padding: 30px 10px 10px 10px;
  border-bottom: 1px solid #14213d;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.field-is-filled .characters, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.field-is-filled .characters {
  color: #767676;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.input-box.error textarea, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.input-box.error textarea {
  border-bottom: 2px solid red;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.input-box.error .label-desc, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.input-box.error .label-desc {
  color: red;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-name-and-description .charity-description.input-box.error .characters, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-name-and-description .charity-description.input-box.error .characters {
  color: red;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender {
  display: flex;
  gap: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .input-box input[type=text], .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .input-box input[type=text] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 0px 10px 0px 10px;
  font-size: 15px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .input-box select, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .input-box select {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 0px 10px 0px 10px;
  font-size: 15px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #000;
  cursor: pointer;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .input-box select option[value=""][disabled], .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .input-box select option[value=""][disabled] {
  display: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .input-box select:invalid, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .input-box select:invalid {
  color: #767676;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .input-box::after, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .input-box::after {
  content: "▼";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
  color: #767676;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .input-box.input-box-active input[type=text],
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .input-box.input-box-active select, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .input-box.input-box-active input[type=text],
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .input-box.input-box-active select {
  border-bottom: 2px solid #ff9a17;
  font-size: 13px;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .input-box.input-box-active label, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .input-box.input-box-active label {
  font-size: 8px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .input-box.field-is-filled input[type=text],
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .input-box.field-is-filled select, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .input-box.field-is-filled input[type=text],
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .input-box.field-is-filled select {
  font-size: 13px;
  color: #000;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .input-box.field-is-filled label, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .input-box.field-is-filled label {
  font-size: 8px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .flatpickr-calendar, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .flatpickr-calendar {
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  border: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .flatpickr-day.selected, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .flatpickr-day.selected {
  background: #ff9a17 !important;
  border-color: #ff9a17 !important;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .flatpickr-day:hover, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .flatpickr-day:hover {
  background: #ffe0b3 !important;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .birthday input, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .birthday input {
  padding: 0px 10px 0px 10px;
  color: #767676;
  font-size: 17px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .birthday-and-gender .gender, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .birthday-and-gender .gender {
  width: 100px;
  height: 40px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .charity-date, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .charity-type, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .charity-date, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .charity-type {
  width: 48.5%;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .charity-date input, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .charity-type input, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .charity-date input, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .charity-type input {
  padding: 0px 10px 0px 10px;
  color: #767676;
  font-size: 17px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type {
  /* Charity date field label styling - matches other input labels */
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .charity-date.input-box, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .charity-date.input-box {
  position: relative;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .charity-date.input-box .label, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .charity-date.input-box .label {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #767676;
  font-size: 14px;
  pointer-events: none;
  transition: all 0.3s ease;
  background: transparent;
  padding: 0 4px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type {
  /* When input is focused or has value, shrink label */
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .charity-date.input-box.input-box-active .label,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .charity-date.input-box.field-is-filled .label, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .charity-date.input-box.input-box-active .label,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .charity-date.input-box.field-is-filled .label {
  top: 0;
  transform: translateY(-50%);
  font-size: 8px;
  color: #14213d;
  background: white;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type {
  /* OR if you want the label to disappear instead: */
  /*
  .charity-date.input-box.input-box-active .label,
  .charity-date.input-box.field-is-filled .label {
      opacity: 0;
      visibility: hidden;
  }
  */
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .charity-date.input-box input, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .charity-date.input-box input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 14px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .input-box input[type=text], .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .input-box input[type=text] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 0px 10px 0px 10px;
  font-size: 15px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .input-box select, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .input-box select {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 0px 10px 0px 10px;
  font-size: 15px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #000;
  cursor: pointer;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .input-box select option[value=""][disabled], .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .input-box select option[value=""][disabled] {
  display: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .input-box select:invalid, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .input-box select:invalid {
  color: #767676;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .input-box::after, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .input-box::after {
  content: "▼";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
  color: #767676;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .input-box.input-box-active input[type=text],
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .input-box.input-box-active select, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .input-box.input-box-active input[type=text],
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .input-box.input-box-active select {
  border-bottom: 2px solid #ff9a17;
  font-size: 13px;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .input-box.field-is-filled input[type=text],
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .input-box.field-is-filled select, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .input-box.field-is-filled input[type=text],
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .input-box.field-is-filled select {
  font-size: 13px;
  color: #000;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .flatpickr-calendar, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .flatpickr-calendar {
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  border: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .flatpickr-day.selected, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .flatpickr-day.selected {
  background: #ff9a17 !important;
  border-color: #ff9a17 !important;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-date-and-type .flatpickr-day:hover, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-date-and-type .flatpickr-day:hover {
  background: #ffe0b3 !important;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-whatsapp-and-location, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-whatsapp-and-location {
  display: flex;
  gap: 20px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .whatsapp, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-whatsapp, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .whatsapp, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-whatsapp {
  display: flex;
  gap: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .whatsapp .country-code, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-whatsapp .country-code, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .whatsapp .country-code, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-whatsapp .country-code {
  width: 100px;
  height: 40px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .whatsapp .country-code select, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-whatsapp .country-code select, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .whatsapp .country-code select, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-whatsapp .country-code select {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 0px 10px 0px 10px;
  color: #767676;
  font-size: 17px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .location, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-location, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .location, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-location {
  display: flex;
  align-items: center;
  gap: 8px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .location .location-container, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .location .charity-location-container, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-location .location-container, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-location .charity-location-container, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .location .location-container, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .location .charity-location-container, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-location .location-container, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-location .charity-location-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .location .location-container button, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .location .charity-location-container button, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-location .location-container button, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-location .charity-location-container button, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .location .location-container button, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .location .charity-location-container button, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-location .location-container button, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-location .charity-location-container button {
  gap: 5px;
  display: flex;
  align-items: center;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .location .location-container button p.location-p, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .location .charity-location-container button p.location-p, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-location .location-container button p.location-p, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-location .charity-location-container button p.location-p, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .location .location-container button p.location-p, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .location .charity-location-container button p.location-p, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-location .location-container button p.location-p, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-location .charity-location-container button p.location-p {
  color: #767676;
  font-size: 15px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .location .location-container button img, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .location .charity-location-container button img, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-location .location-container button img, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-location .charity-location-container button img, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .location .location-container button img, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .location .charity-location-container button img, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-location .location-container button img, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-location .charity-location-container button img {
  width: 34px;
  height: 34px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .location .location-text-field, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .location .location-coordinates, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-location .location-text-field, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-location .location-coordinates, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .location .location-text-field, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .location .location-coordinates, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-location .location-text-field, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-location .location-coordinates {
  display: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .charity-full-name, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .charity-full-name {
  width: 100px;
  height: 40px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .next-btn-box-one, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .next-btn-box-one {
  width: 80%;
  margin-top: 20px;
  display: flex;
  justify-content: end;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .sign-up-form .next-btn-box-one.next-btn-box-one-charity, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step .next-btn-box-one.next-btn-box-one-charity {
  width: 100%;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-one {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two {
  position: relative;
  display: none;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-one, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-one {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-one .input-box, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-one .input-box {
  margin-bottom: 0 !important;
  width: 300px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two {
  width: 30%;
  /* Change User Image Box Styles (matching user-panel-indigent.ejs) */
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .change-user-image-box, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .change-user-image-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .image-upload-wrapper, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .image-upload-wrapper {
  width: 100%;
  max-width: 200px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .upload-area, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .upload-area {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  border: 2px dashed #ccc;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #fafafa;
  overflow: hidden;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .upload-area:hover, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .upload-area:hover {
  border-color: #ff9a17;
  background: #fff8f0;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .upload-area.has-image, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .upload-area.has-image {
  border-style: solid;
  border-color: #4caf50;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .upload-placeholder, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .upload-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #999;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .upload-placeholder i, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .upload-placeholder i {
  font-size: 48px;
  color: #ccc;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .upload-placeholder .upload-text, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .upload-placeholder .upload-text {
  font-size: 12px;
  text-align: center;
  padding: 0 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .upload-preview, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .upload-preview {
  position: absolute;
  inset: 0;
  display: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .upload-preview img, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .upload-preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .remove-image-btn, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .remove-image-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(244, 67, 54, 0.9);
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: transform 0.2s;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .remove-image-btn:hover, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .remove-image-btn:hover {
  transform: scale(1.1);
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two .image-input, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two .image-input {
  display: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two {
  /* Validation error for image upload */
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two #di-image-error,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-input-boxes .box-two #ch-image-error, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two #di-image-error,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-input-boxes .box-two #ch-image-error {
  margin-top: 8px;
  justify-content: center;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-btns, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-btns {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin-top: 20px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-btns .prev-btn, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-btns .prev-btn {
  padding: 4px 10px;
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  color: #fff;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .flex-btns .prev-btn:hover, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .flex-btns .prev-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two {
  /* Verification window close button hover */
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .close-verification-btn:hover,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .close-modal-btn:hover, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .close-verification-btn:hover,
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .close-modal-btn:hover {
  color: #e74c3c !important;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two {
  /* Ensure validation-error in verification windows is properly styled */
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .validation-error, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .validation-error {
  position: relative;
  bottom: auto;
  left: auto;
  transform: none;
  justify-content: center;
  pointer-events: auto;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .validation-error::after, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .validation-error::after {
  display: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container {
  display: none;
  position: absolute;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 400px;
  padding: 30px;
  text-align: center;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container h1, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container h1 {
  color: #2d3748;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .instructions, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .instructions {
  color: #718096;
  margin-bottom: 30px;
  line-height: 1.5;
  font-size: 16px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .code-container, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .code-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .code-container .code-input, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .code-container .code-input {
  width: 50px;
  height: 60px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #2d3748;
  transition: all 0.3s;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .code-container .code-input:focus, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .code-container .code-input:focus {
  border-color: rgb(255, 154, 23);
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 154, 23, 0.2);
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .code-container .code-input.filled, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .code-container .code-input.filled {
  border-color: #ff9a17;
  background-color: #f9fbff;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .verify-button, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .verify-button {
  margin-bottom: 20px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .resend, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .resend {
  color: #718096;
  font-size: 14px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .resend a, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .resend a {
  color: #ff9a17;
  text-decoration: none;
  font-weight: 600;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .resend a:hover, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .resend a:hover {
  text-decoration: underline;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .error-message, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .error-message {
  color: #e53e3e;
  font-size: 14px;
  margin-top: 10px;
  display: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .verification-container .success-message, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .verification-container .success-message {
  color: #38a169;
  font-size: 14px;
  margin-top: 10px;
  display: none;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .show, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .show {
  display: block;
}
@media (max-width: 480px) {
  .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-two .code-input, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-step-two .code-input {
    width: 40px;
    height: 50px;
    font-size: 20px;
  }
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three {
  display: none;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three .flex-input-boxes {
  width: 80%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three .flex-input-boxes .box-one .card-number {
  width: 260px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three .flex-input-boxes .box-one .card-name {
  width: 260px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three .flex-input-boxes .box-one .expiry-date-and-csv {
  display: flex;
  gap: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three .flex-input-boxes .box-one .expiry-date-and-csv .day {
  width: 80px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three .flex-input-boxes .box-one .expiry-date-and-csv .year {
  width: 80px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three .flex-input-boxes .box-one .expiry-date-and-csv .csv {
  width: 80px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three .flex-input-boxes .box-two {
  display: flex;
  flex-wrap: wrap;
  -moz-columns: 2;
       columns: 2;
  justify-content: end;
  row-gap: 5px;
  gap: 5px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three .flex-input-boxes .box-two .payment-way-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 47%;
  height: 80px;
  border-radius: 5px;
  border: 2px solid #14213d;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three .flex-input-boxes .box-two .payment-way-box img {
  width: 70%;
  height: 80%;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three .flex-input-boxes .box-two .paypal img, .registration-header-sec .main-content .sign-up-box .sign-up-form-box .form-three .flex-input-boxes .box-two .google-pay img {
  height: 100%;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .flex-btns {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin-top: 20px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .flex-btns .prev-btn {
  padding: 4px 10px;
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  color: #fff;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .flex-btns .prev-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .flex-btns .flex-skip-next-btns {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .flex-btns .flex-skip-next-btns .skip-btn {
  border: 1px solid rgb(20, 33, 61);
  background-color: transparent;
  color: rgb(20, 33, 61);
}
.registration-header-sec .main-content .sign-up-box .sign-up-form-box .flex-btns .flex-skip-next-btns .skip-btn:hover {
  box-shadow: 0 0 14px 4px rgba(20, 33, 61, 0.2);
  border: 1px solid rgb(20, 33, 61);
  background-color: transparent;
  color: rgb(20, 33, 61);
}
.registration-header-sec .main-content .sign-up-box .progress-bar {
  width: 80%;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.registration-header-sec .main-content .sign-up-box .progress-bar .step {
  display: flex;
  align-items: center;
}
.registration-header-sec .main-content .sign-up-box .progress-bar .step .bullet {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  border: 2px solid #9b9b9b;
  border-radius: 50%;
  background-color: #f0f0f0;
}
.registration-header-sec .main-content .sign-up-box .progress-bar .step .bullet span {
  font-size: 20px;
  color: #767676;
}
.registration-header-sec .main-content .sign-up-box .progress-bar .step .bullet i {
  display: none;
}
.registration-header-sec .main-content .sign-up-box .progress-bar .step .step-split-line {
  margin: 0 5px;
  width: 100px;
  height: 3px;
  background-color: #9b9b9b;
  border-radius: 5px;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-up-box .progress-bar .step-one .bullet {
  padding: 8px 16.5px;
}
.registration-header-sec .main-content .sign-up-box .progress-bar .step-four-active .bullet {
  padding: 0px !important;
  border: none !important;
  background-color: transparent !important;
}
.registration-header-sec .main-content .sign-up-box .progress-bar .step-four-active .bullet span {
  display: none !important;
}
.registration-header-sec .main-content .sign-up-box .progress-bar .step-four-active .bullet i {
  display: contents !important;
  opacity: 1 !important;
  font-size: 48px !important;
  color: #ff9a17 !important;
}
.registration-header-sec .main-content .sign-up-box #progressBar-charity .step-split-line {
  width: 50px;
}
.registration-header-sec .main-content .sign-up-box.active-form-two .sign-up-form-box .form-one {
  opacity: 0;
  display: none;
}
.registration-header-sec .main-content .sign-up-box.active-form-two .sign-up-form-box .form-two {
  display: contents;
  opacity: 1;
}
.registration-header-sec .main-content .sign-up-box.active-form-two .sign-up-form-box .form-three {
  display: none;
  opacity: 0;
}
.registration-header-sec .main-content .sign-up-box.active-form-two .progress-bar .step-one .bullet {
  padding: 0px;
  border: none;
  background-color: transparent;
}
.registration-header-sec .main-content .sign-up-box.active-form-two .progress-bar .step-one .bullet span {
  display: none;
}
.registration-header-sec .main-content .sign-up-box.active-form-two .progress-bar .step-one .bullet i {
  display: contents;
  opacity: 1;
  font-size: 48px;
  color: #ff9a17;
}
.registration-header-sec .main-content .sign-up-box.active-form-two .progress-bar .step-one .step-split-line {
  background-color: #ff9a17;
}
.registration-header-sec .main-content .sign-up-box.active-form-three .sign-up-form-box .form-one {
  opacity: 0;
  display: none;
}
.registration-header-sec .main-content .sign-up-box.active-form-three .sign-up-form-box .form-two {
  display: none;
  opacity: 0;
}
.registration-header-sec .main-content .sign-up-box.active-form-three .sign-up-form-box .form-three {
  display: contents;
  opacity: 1;
}
.registration-header-sec .main-content .sign-up-box.active-form-three .progress-bar .step-two .bullet {
  padding: 0px;
  border: none;
  background-color: transparent;
}
.registration-header-sec .main-content .sign-up-box.active-form-three .progress-bar .step-two .bullet span {
  display: none;
}
.registration-header-sec .main-content .sign-up-box.active-form-three .progress-bar .step-two .bullet i {
  display: contents;
  opacity: 1;
  font-size: 48px;
  color: #ff9a17;
}
.registration-header-sec .main-content .sign-up-box.active-form-three .progress-bar .step-two .step-split-line {
  background-color: #ff9a17;
}
.registration-header-sec .main-content .sign-up-box.active-form-three .progress-bar .step-one .bullet {
  padding: 0px;
  border: none;
  background-color: transparent;
}
.registration-header-sec .main-content .sign-up-box.active-form-three .progress-bar .step-one .bullet span {
  display: none;
}
.registration-header-sec .main-content .sign-up-box.active-form-three .progress-bar .step-one .bullet i {
  display: contents;
  opacity: 1;
  font-size: 48px;
  color: #ff9a17;
}
.registration-header-sec .main-content .sign-up-box.active-form-three .progress-bar .step-one .step-split-line {
  background-color: #ff9a17;
}
.registration-header-sec .main-content .sign-up-box.active-form-confirm .progress-bar .step-three .bullet {
  padding: 0px;
  border: none;
  background-color: transparent;
}
.registration-header-sec .main-content .sign-up-box.active-form-confirm .progress-bar .step-three .bullet span {
  display: none;
}
.registration-header-sec .main-content .sign-up-box.active-form-confirm .progress-bar .step-three .bullet i {
  display: contents;
  opacity: 1;
  font-size: 48px;
  color: #ff9a17;
}
.registration-header-sec .main-content .sign-in-box {
  display: flex;
  justify-content: space-between;
  position: absolute;
}
.registration-header-sec .main-content .sign-in-box .sign-up-panel {
  transition: 1.5s ease-in-out;
  z-index: 6;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.registration-header-sec .main-content .sign-in-box .sign-up-panel .title {
  width: 90%;
  transition: transform 0.9s ease-in-out;
  transition-delay: 0.2s;
}
.registration-header-sec .main-content .sign-in-box .sign-up-panel .title h1 {
  padding-left: 15px;
  font-size: 42px;
  color: #ffffff;
}
.registration-header-sec .main-content .sign-in-box .sign-up-panel .title p {
  width: 100%;
  margin-top: 8px;
  font-size: 16px;
  color: #d8d8d8;
  max-width: 600px;
}
.registration-header-sec .main-content .sign-in-box .sign-up-panel .title .sign-up-btn {
  margin-top: 15px;
}
.registration-header-sec .main-content .sign-in-box .sign-up-panel img {
  margin-top: 100px;
  width: 450px;
  height: 450px;
  transition: transform 1.1s ease-in-out;
  transition-delay: 0.2s;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box {
  width: 600px;
  height: 400px;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 135%;
  transition: 0.7s ease-in-out;
  transition-delay: 0.2s;
  z-index: 2;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  position: relative;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .home-btn-box a {
  padding: 8px 10px;
  font-size: 20px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .problem-btn-box .problem-btn {
  border: 1px solid rgb(20, 33, 61);
  background-color: rgb(20, 33, 61);
  color: #fff;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .problem-btn-box .problem-btn:hover {
  box-shadow: 0 0 14px 4px rgba(20, 33, 61, 0.2);
  border: 1px solid rgb(20, 33, 61);
  background-color: transparent;
  color: rgb(20, 33, 61);
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint {
  display: none;
  padding: 20px;
  top: 0;
  right: 0;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint h1 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #14213d;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .whatsapp-number-box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 4px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .whatsapp-number-box svg {
  color: #ff9a17;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .whatsapp-number-box h2 {
  font-size: 14px;
  color: #14213d;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box {
  position: relative;
  height: 130px;
  width: 100%;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box .label-desc {
  position: absolute;
  top: 10%;
  left: 10px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box textarea {
  resize: none;
  font-size: 15px;
  font-weight: 500;
  color: #14213d;
  width: 100%;
  height: 100%;
  padding: 20px 10px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box .input-box textarea::-moz-placeholder {
  font-size: 15px;
  font-weight: 500;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box .input-box textarea::placeholder {
  font-size: 15px;
  font-weight: 500;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box .characters {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  color: #767676;
  font-size: 14px;
  background-color: white;
  padding: 2px 5px;
  border-radius: 3px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box.input-box-active .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box.input-box-active textarea {
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding-top: 20px;
  padding: 30px 10px 10px 10px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box.input-box-active .characters {
  display: flex;
  color: #ff9a17;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box.field-is-filled .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box.field-is-filled textarea {
  padding: 30px 10px 10px 10px;
  border-bottom: 1px solid #14213d;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box.field-is-filled .characters {
  color: #767676;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box.error textarea {
  border-bottom: 2px solid red;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box.error .label-desc {
  color: red;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint .input-box.error .characters {
  color: red;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .submit-complaint a.complaint-submit-btn {
  margin-top: 10px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .show {
  display: block;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .home-problem-btns .account-type::before {
  position: absolute;
  content: "";
  width: 50%;
  top: 1px;
  left: 1px;
  height: 98%;
  background-color: #14213d;
  z-index: -1;
  border: 1px solid transparent;
  border-radius: 5px 0 0 5px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .input-box {
  position: relative;
  overflow: hidden;
  width: 270px;
  height: 45px;
  margin-bottom: 15px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .input-box label {
  position: absolute;
  top: 22%;
  left: 10px;
  color: #767676;
  font-size: 18px;
  display: block;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .input-box input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .input-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #e2e2e2;
  z-index: -1;
  border-radius: 5px 5px 0 0;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .input-box.input-box-active label {
  top: 10%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  font-weight: bold;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .input-box.input-box-active input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .input-box.field-is-filled label {
  position: absolute;
  top: 10%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .input-box.field-is-filled input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 13px;
  transition: 0.3s ease-in-out;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .sign-in-form {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .sign-in-form h1 {
  font-size: 40px;
  color: #14213d;
  margin-bottom: 10px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .sign-in-form p.sign-in-p {
  text-align: center;
  width: 400px;
  color: #767676;
  margin-bottom: 10px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .sign-in-form .login-btn-box {
  margin-top: 10px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .sign-in-form .login-btn-box .login-btn {
  font-size: 18px;
  padding: 8px 38px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .sign-in-form .forget-password-box {
  margin-top: 10px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .email-window {
  display: none;
  padding: 20px;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1;
  top: 145px;
  left: 145px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .email-window h1 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #14213d;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .email-window a.complaint-submit-btn {
  margin-top: 10px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box {
  /* Verification window close button hover */
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .close-verification-btn:hover,
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .close-modal-btn:hover {
  color: #e74c3c !important;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box {
  /* Ensure validation-error in verification windows is properly styled */
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .validation-error {
  position: relative;
  bottom: auto;
  left: auto;
  transform: none;
  justify-content: center;
  pointer-events: auto;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .validation-error::after {
  display: none;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container {
  display: none;
  position: absolute;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 400px;
  padding: 30px;
  text-align: center;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container h1 {
  color: #2d3748;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .instructions {
  color: #718096;
  margin-bottom: 30px;
  line-height: 1.5;
  font-size: 16px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .code-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .code-container .code-input {
  width: 50px;
  height: 60px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #2d3748;
  transition: all 0.3s;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .code-container .code-input:focus {
  border-color: rgb(255, 154, 23);
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 154, 23, 0.2);
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .code-container .code-input.filled {
  border-color: #ff9a17;
  background-color: #f9fbff;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .verify-button {
  margin-bottom: 20px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .resend {
  color: #718096;
  font-size: 14px;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .resend a {
  color: #ff9a17;
  text-decoration: none;
  font-weight: 600;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .resend a:hover {
  text-decoration: underline;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .error-message {
  color: #e53e3e;
  font-size: 14px;
  margin-top: 10px;
  display: none;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .verification-container .success-message {
  color: #38a169;
  font-size: 14px;
  margin-top: 10px;
  display: none;
}
.registration-header-sec .main-content .sign-in-box .sign-in-form-box .show {
  display: block;
}
.registration-header-sec .main-content:before {
  content: "";
  position: absolute;
  height: 2000px;
  width: 2000px;
  top: -10%;
  right: 48%;
  transform: translateY(-50%);
  background-image: linear-gradient(-45deg, #14213d 0%, #13367f 100%);
  transition: 1.8s ease-in-out;
  border-radius: 50%;
  z-index: 6;
}

@media (max-width: 480px) {
  .header-sec .main-content .container {
    padding: 60px 10px 0px 10px !important;
  }
  .main-content {
    overflow: hidden;
  }
  .main-content .container {
    width: 100%;
    padding: 0 10px;
  }
  .main-content {
    /* Stack panels vertically */
  }
  .main-content .sign-in-box,
  .main-content .sign-up-box {
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .main-content .sign-in-panel img,
  .main-content .sign-up-panel img {
    display: none;
  }
  .main-content .sign-in-panel {
    transform: translate3d(800px, 760px, 10px) !important;
    transition: all;
  }
  .main-content {
    /* Forms adapt to screen width */
  }
  .main-content .sign-in-form-box,
  .main-content .sign-up-form-box {
    position: relative;
    width: 100% !important;
    margin-top: 0px;
    left: 0 !important;
    top: auto;
    height: auto;
    padding: 10px;
  }
  .main-content .sign-in-form-box {
    margin-top: 170px;
  }
  .main-content {
    /* Inputs full width */
  }
  .main-content .sign-up-form .input-box {
    width: 180px !important;
    height: 38px !important;
    margin-bottom: 10px !important;
  }
  .main-content .sign-up-form .input-box label {
    top: 22%;
    left: 10px;
    color: #767676;
    font-size: 16px;
  }
  .main-content .sign-up-form .input-box input {
    padding: 12px 10px 0px 10px;
    font-size: 15px;
  }
  .main-content .sign-up-form .input-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #e2e2e2;
    z-index: -1;
    border-radius: 5px 5px 0 0;
  }
  .main-content .sign-up-form .input-box.input-box-active label {
    top: 10%;
    left: 10px;
    color: #ff9a17;
    font-size: 10px;
    font-weight: bold;
  }
  .main-content .sign-up-form .input-box.input-box-active input {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 5px 5px 0 0;
    border: transparent;
    border-bottom: 2px solid #ff9a17;
    padding: 12px 10px 0px 10px;
    font-size: 17px;
    transition: 0.3s ease-in-out;
  }
  .main-content .sign-up-form .input-box.field-is-filled label {
    position: absolute;
    top: 10%;
    left: 10px;
    color: #767676;
    font-size: 10px;
    display: block;
    font-weight: bold;
    transition: 0.3s ease-in-out;
  }
  .main-content .sign-up-form .input-box.field-is-filled input {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 5px 5px 0 0;
    border: transparent;
    border-bottom: 1px solid #14213d;
    padding: 12px 10px 0px 10px;
    font-size: 13px;
    transition: 0.3s ease-in-out;
  }
  .main-content .sign-up-form .charity-name-and-description .charity-name.input-box {
    width: 100% !important;
  }
  .main-content .sign-up-form .charity-name-and-description .charity-name.input-box label {
    font-size: 14px !important;
    top: 25% !important;
  }
  .main-content .sign-up-form .charity-name-and-description .charity-name.input-box-active label {
    font-size: 10px !important;
  }
  .main-content .sign-up-form .charity-name-and-description .charity-name.field-is-filled label {
    font-size: 10px !important;
  }
  .main-content .sign-up-form .charity-name-and-description .charity-description.input-box {
    height: 80px !important;
    width: 100% !important;
  }
  .main-content .sign-up-form .charity-name-and-description .charity-description.input-box label {
    font-size: 14px !important;
  }
  .main-content .sign-up-form .charity-name-and-description .charity-description.input-box-active label {
    font-size: 10px !important;
  }
  .main-content .sign-up-form .charity-name-and-description .charity-description.field-is-filled label {
    font-size: 10px !important;
  }
  .main-content .sign-up-form .charity-date-and-type .charity-date.input-box input[type=text] {
    font-size: 9.5px !important;
  }
  .main-content .sign-up-form .charity-date-and-type .charity-date.input-box-active input[type=text] {
    font-size: 8px !important;
  }
  .main-content .sign-up-form .charity-date-and-type .charity-date.field-is-filled input[type=text] {
    font-size: 8px !important;
  }
  .main-content .sign-up-form .charity-date-and-type .charity-type.input-box select {
    font-size: 9.5px !important;
  }
  .main-content .sign-up-form .charity-date-and-type .charity-type.input-box-active select {
    font-size: 8px !important;
  }
  .main-content .sign-up-form .charity-date-and-type .charity-type.field-is-filled select {
    font-size: 8px !important;
  }
  .main-content .sign-up-form .charity-whatsapp-and-location {
    flex-direction: column !important;
    gap: unset !important;
  }
  .main-content .sign-up-form .gender, .main-content .sign-up-form .country-code, .main-content .sign-up-form .zip-code {
    width: 100px !important;
  }
  .main-content .sign-up-form .day, .main-content .sign-up-form .year, .main-content .sign-up-form .csv {
    width: 70px !important;
  }
  .main-content .sign-up-form .card-number, .main-content .sign-up-form .card-name {
    width: 230px !important;
  }
  .main-content .sign-up-form .flex-input-boxes {
    width: 100% !important;
  }
  .main-content .sign-up-form .flex-input-boxes .image {
    height: 170px !important;
  }
  .main-content .sign-up-form .flex-input-boxes .image .label-img {
    top: -5% !important;
    left: 50px !important;
    font-size: 115px !important;
  }
  .main-content .sign-up-form .flex-input-boxes .image .label-text {
    top: 80% !important;
    left: 32px !important;
    font-size: 12px !important;
  }
  .main-content .sign-up-form .next-btn-box-one, .main-content .sign-up-form .flex-btns {
    width: 100% !important;
  }
  .main-content .form-three .flex-input-boxes {
    flex-direction: column !important;
    align-items: center !important;
  }
  .main-content .form-three .flex-input-boxes .box-two {
    width: 65% !important;
    gap: 14px !important;
  }
  .main-content {
    /* Progress bar shrink */
    /* Titles scale down */
  }
  .main-content h1 {
    font-size: 24px !important;
  }
  .main-content p {
    font-size: 12px !important;
  }
  .main-content {
    /* Buttons fit better */
  }
  .main-content .login-btn,
  .main-content .sign-in-btn,
  .main-content .sign-up-btn,
  .main-content .skip-btn,
  .main-content .prev-btn {
    padding: 4px 10px;
  }
  .main-content:before {
    height: 1500px !important;
    width: 1500px !important;
    top: -62% !important;
    right: -122% !important;
  }
  .main-content.sign-up-mode:before {
    height: 1500px !important;
    width: 1500px !important;
    top: 162% !important;
    right: 224% !important;
  }
  .main-content.sign-up-mode .validation-error svg {
    width: 14px;
    height: 14px;
  }
  .main-content.sign-up-mode .validation-error p.error-message {
    font-size: 10px !important;
  }
  .main-content.sign-up-mode .progress-bar {
    justify-content: start !important;
  }
  .main-content.sign-up-mode .sign-up-box .sign-in-panel {
    min-width: 400px;
    transform: translate3d(0px, 760px, 10px) !important;
    transition: all 1.5s ease-out;
  }
  .main-content.sign-up-mode .sign-up-box .sign-in-panel .title {
    transform: none !important;
  }
}
/* Extra Small (phones <480px) */
/* End Registration Header Section */
/* Start All Fundraiser Header Section */
.all-fundraisers-header-sec {
  display: flex;
  justify-content: space-between;
  min-height: 1200px;
}
.all-fundraisers-header-sec .loading-message {
  text-align: center;
  padding: 2rem;
  font-size: 1.2rem;
  color: #666;
}
.all-fundraisers-header-sec .no-results {
  text-align: center;
  padding: 3rem;
  color: #999;
}
.all-fundraisers-header-sec .search-highlight {
  background-color: #fff3cd;
  padding: 0.2rem 0.5rem;
  border-radius: 3px;
}
.all-fundraisers-header-sec .dropdown-content {
  right: 25px !important;
  left: unset !important;
}
.all-fundraisers-header-sec .notifications-window {
  display: none;
  position: absolute;
  top: 10px;
  left: 220px;
  background-color: #f9f9f9;
  min-width: 360px;
  max-height: 400px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1001;
  overflow: hidden;
  cursor: pointer;
}
.all-fundraisers-header-sec .notifications-window .notifications-nav {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ff9a17;
}
.all-fundraisers-header-sec .notifications-window .notifications-nav h1 {
  font-size: 20px;
  color: #ffffff;
}
.all-fundraisers-header-sec .notifications-window .notifications-nav .notifications-close-btn {
  padding: 4px 4px 2px 4px;
}
.all-fundraisers-header-sec .notifications-window .notifications-nav .notifications-close-btn:hover {
  background-color: #ffffff;
}
.all-fundraisers-header-sec .notifications-window .notifications-list {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  height: 350px;
  scrollbar-width: thin;
  scrollbar-color: #ff9a17 #f1f1f1;
}
.all-fundraisers-header-sec .notifications-window .notifications-list .notification {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 5px;
  border-bottom: 1px solid #767676;
}
.all-fundraisers-header-sec .notifications-window .notifications-list .notification .notification-title {
  display: flex;
  align-items: center;
  gap: 5px;
}
.all-fundraisers-header-sec .notifications-window .notifications-list .notification .notification-title h2 {
  font-size: 14px;
  color: #14213d;
}
.all-fundraisers-header-sec .notifications-window .notifications-list .notification p.notification-description {
  font-size: 12px;
  color: #767676;
}
.all-fundraisers-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.all-fundraisers-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn, .all-fundraisers-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .go-to-event-btn {
  display: flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid #ff9a17;
  border-radius: 5px;
  padding: 5px;
  gap: 5px;
  margin-bottom: 10px;
}
.all-fundraisers-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn h1, .all-fundraisers-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .go-to-event-btn h1 {
  font-size: 12px;
  color: #ff9a17;
}
.all-fundraisers-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn svg, .all-fundraisers-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .go-to-event-btn svg {
  color: #ff9a17;
}
.all-fundraisers-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn {
  border: 1px solid rgb(114, 107, 97);
}
.all-fundraisers-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn h1 {
  color: rgb(114, 107, 97);
}
.all-fundraisers-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn svg {
  color: rgb(114, 107, 97);
}
.all-fundraisers-header-sec .show {
  display: block;
}
.all-fundraisers-header-sec .access-links {
  width: 18%;
  background-color: #ffffff;
  padding: 1%;
  position: sticky;
  top: 0;
  z-index: 100;
}
.all-fundraisers-header-sec .access-links .brand-and-help-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.all-fundraisers-header-sec .access-links .brand-and-help-btn .notification-btn-box .notification-btn {
  border-radius: 50%;
  padding: 7px 8px 5px 8px;
}
.all-fundraisers-header-sec .access-links .brand-and-help-btn .brand {
  display: flex;
  background-color: rgba(20, 33, 61, 0.9);
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 60px;
}
.all-fundraisers-header-sec .access-links .brand-and-help-btn .brand img {
  width: 150px;
  height: 40px;
}
.all-fundraisers-header-sec .access-links .split-line {
  margin-top: 15px;
  height: 1.5px;
  background-color: #ff9a17;
}
.all-fundraisers-header-sec .access-links ul.links li {
  margin-top: 5px;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 5px;
}
.all-fundraisers-header-sec .access-links ul.links li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 15px;
}
.all-fundraisers-header-sec .access-links ul.links li a svg {
  color: #14213d;
}
.all-fundraisers-header-sec .access-links ul.links li a h2 {
  font-size: 15px;
  color: #14213d;
}
.all-fundraisers-header-sec .access-links ul.links li a h3 {
  font-size: 15px;
  color: #14213d;
}
.all-fundraisers-header-sec .access-links ul.links li:hover {
  border-radius: 5px;
  background-color: rgba(20, 33, 61, 0.1);
}
.all-fundraisers-header-sec .access-links ul.links li.active-li {
  border-radius: 5px;
  background-color: rgb(20, 33, 61);
}
.all-fundraisers-header-sec .access-links ul.links li.active-li a svg {
  color: #ffffff;
}
.all-fundraisers-header-sec .access-links ul.links li.active-li a h3 {
  color: #ffffff;
}
.all-fundraisers-header-sec .access-links ul.links li.active-li a h2 {
  color: #ffffff;
}
.all-fundraisers-header-sec .main-content-all-fundraisers {
  width: 82%;
  padding: 1% 1%;
  background-color: #dadada;
  min-height: 100vh; /* Base minimum height */
  height: auto;
  overflow: visible;
  /* Add transition for smooth height changes if desired */
  transition: min-height 0.3s ease;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 5px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .fundraiser-account {
  display: flex;
  align-items: center;
  gap: 10px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .fundraiser-account img {
  width: 42px;
  height: 42px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 2px solid #ddd;
  display: block;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .fundraiser-account h1 {
  color: #14213d;
  font-size: 18px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .search-container {
  display: flex;
  justify-content: center;
  position: relative;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .search-field {
  display: flex;
  width: 550px;
  position: relative;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .search-field input {
  width: 90%;
  font-size: 16px;
  padding: 0 15px;
  line-height: 40px;
  border-radius: 5px 0 0 5px;
  border: 2px solid transparent;
  background-color: #fff;
  color: #14213d;
  outline: none;
  transition: all 0.3s ease;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .search-field input:focus {
  border: 2px solid #ff9a17;
  box-shadow: 0 0 10px rgba(255, 154, 23, 0.3);
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .search-field input::-moz-placeholder {
  color: #aaa;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .search-field input::placeholder {
  color: #aaa;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .search-btn {
  width: 10%;
  border-radius: 0 5px 5px 0;
  background-color: #ff9a17;
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .search-btn:hover {
  background-color: #e58a0e;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .search-btn i {
  font-size: 18px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .autocomplete-box {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: white;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  max-height: 300px;
  overflow-y: auto;
  display: none;
  z-index: 998;
  text-align: left;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .autocomplete-box.visible {
  display: block;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .suggestion-header {
  padding: 12px 15px;
  font-weight: 600;
  color: #14213d;
  border-bottom: 1px solid #f0f0f0;
  background-color: #f8f8f8;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .suggestion-item {
  padding: 12px 15px;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .suggestion-item:hover {
  background-color: #f5f5f5;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .suggestion-item i {
  margin-right: 10px;
  color: #ff9a17;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn {
  /* Remove the external recent-searches styles and add these instead */
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .recent-searches-container {
  padding: 12px 15px;
  border-bottom: 1px solid #f0f0f0;
  background-color: #f8f8f8;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .recent-title {
  color: #14213d;
  font-size: 14px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .clear-recent {
  color: #ff9a17;
  cursor: pointer;
  font-size: 12px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .recent-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .recent-tag {
  background-color: #e9e9e9;
  color: #14213d;
  padding: 4px 10px;
  border-radius: 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .recent-tag:hover {
  background-color: #ff9a17;
  color: white;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .autocomplete-box.visible .recent-searches-container {
  display: block;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .links-list-btn-box .links-list-btn {
  padding: 8px 10px 6px 10px;
  background-color: rgb(20, 33, 61);
  color: #fff;
  padding: 10px 10px 7px 10px;
  border: 1px solid rgb(20, 33, 61);
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .links-list-btn-box .links-list-btn img {
  width: 22px;
  height: 22px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .links-list-btn-box .links-list-btn:hover {
  box-shadow: 0 0 14px 4px rgba(255, 154, 23, 0);
  border: 1px solid rgb(20, 33, 61);
  background-color: rgb(20, 33, 61);
  color: #fff;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .categories-box {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .categories-box a {
  text-align: center;
  min-width: 50px;
  font-size: 15px;
  padding: 10px;
  color: #555555;
  background-color: #ffffff;
  border-radius: 20px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .popular-fundraiser-content-box {
  display: none;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .fundraiser-in-your-area-content-box {
  display: none;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .saved-fundraisers-content-box {
  display: none;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .almost-done-fundraisers-content-box {
  display: none;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .charity-fundraisers-content-box {
  /* Campaign card states */
}
.all-fundraisers-header-sec .main-content-all-fundraisers .charity-fundraisers-content-box .campaign-submitted {
  opacity: 0.85;
  border: 2px solid #28a745;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .charity-fundraisers-content-box .campaign-submitted .fundraiser-img::after {
  content: "✓ Applied";
  position: absolute;
  top: 10px;
  right: 10px;
  background: #28a745;
  color: white;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: bold;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .charity-fundraisers-content-box .campaign-full {
  opacity: 0.7;
  filter: grayscale(0.3);
}
.all-fundraisers-header-sec .main-content-all-fundraisers .charity-fundraisers-content-box .campaign-full .fundraiser-img::after {
  content: "✕ Full";
  position: absolute;
  top: 10px;
  right: 10px;
  background: #dc3545;
  color: white;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: bold;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .charity-fundraisers-content-box .fill-form:disabled {
  cursor: not-allowed !important;
  transform: none !important;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .charity-fundraisers-content-box .fill-form:disabled:hover {
  transform: none !important;
  box-shadow: none !important;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box {
  margin-top: 15px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes {
  display: flex;
  flex-wrap: wrap;
  height: 630px;
  gap: 20px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box {
  position: relative;
  width: 32.2%;
  height: 50%;
  box-shadow: 0px 0px 14px 0px rgba(19, 19, 19, 0.1);
  border-radius: 5px;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  background-color: #fff;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-account {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-account img {
  width: 35px;
  height: 35px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 2px solid #ddd;
  display: block;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-account h1 {
  color: #fff;
  font-size: 11px;
  text-shadow: 0.5px 0.5px 0 #565656, -0.5px -0.5px 0 #565656, 0.5px -0.5px 0 #565656, -0.5px 0.5px 0 #565656;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-img {
  width: 100%;
  height: 50%;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  margin-bottom: 10px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box:hover {
  opacity: 0.9;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-title {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  transition: all 0.5s linear;
  min-width: 100%;
  height: 9%;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-title .main-title {
  color: #14213d;
  font-size: 14px;
  width: 50%;
  margin-bottom: 10px;
  overflow: hidden;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-title span {
  color: rgb(255, 154, 23);
  font-size: 9px;
  padding-top: 2px;
  transition: all 0.7s linear;
  font-weight: 600;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-categories {
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-categories .category-tag {
  text-align: center;
  font-size: 10px;
  padding: 4px;
  color: #949494;
  background-color: #f0f0f0;
  border: 1.5px solid #adadad;
  border-radius: 20px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box p.fundraiser-des {
  color: #767676;
  width: 100%;
  font-size: 9px;
  height: 9%;
  padding: 0 10px;
  margin-top: 5px;
  display: --webkit-box;
  --webkit-line-clamp: 2; /* Limits to 2 lines (adjust as needed) */
  -webkit-box-orient: vertical;
  overflow: hidden; /* Hides text that exceeds the area */
  text-overflow: ellipsis; /* Adds "..." at the cutoff point */
  word-break: break-word; /* Forces long strings (like "aaa...") to wrap */
  line-height: 1.4; /* Ensures readable line spacing */
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  transition: all 0.7s linear;
  min-width: 100%;
  align-items: center;
  height: 20%;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns {
  display: flex;
  gap: 10px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: #fff;
  padding: 10px 5px;
  color: rgb(114, 107, 97);
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .chat-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: #fff;
  padding: 10px 5px;
  color: rgb(114, 107, 97);
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .chat-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donation-bar {
  gap: 10px;
  background-color: rgba(20, 33, 61, 0.1);
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-scale {
  background-color: rgba(20, 33, 61, 0.5);
  border-radius: 20px;
  width: 110px;
  height: 6px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-scale .donation-progress {
  background-color: #ff9a17;
  width: 70%;
  height: 100%;
  border-radius: 20px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-money-number, .all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-charity-note {
  display: flex;
  align-items: center;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-money-number .money, .all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donation-bar .donation-charity-note .money {
  font-size: 14px;
  color: #14213d;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .fundraiser-btns .donate-btn {
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 400;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraiser-item {
  display: none;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraiser-item.show {
  display: block;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .show-more-box {
  text-align: center;
  margin: 20px 0;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .show-more-btn {
  background: #007bff;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .show-more-btn:disabled {
  background: #6c757d;
  cursor: not-allowed;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .hidden {
  display: none;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .show-more-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 390px 0 0 0;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .show-more-box .pagination-controls {
  display: flex;
  gap: 10px;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .show-more-box .pagination-controls .page-info {
  padding: 8px;
  border: 1px solid #ff9a17;
  border-radius: 5px;
  background-color: #ffffff;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .show-more-box .pagination-controls button {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #14213d;
  border: 1px solid #14213d;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .show-more-box .pagination-controls button h1 {
  font-size: 15px;
  font-weight: 100;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .show-more-box .pagination-controls button:hover {
  background-color: transparent;
  border: 1px solid #14213d;
  color: rgb(20, 33, 61);
  box-shadow: 0 0 14px 4px rgba(20, 33, 61, 0.2);
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .show-more-box .pagination-controls button.prev-page-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  color: #ffffff;
}
.all-fundraisers-header-sec .main-content-all-fundraisers .content-box .show-more-box .pagination-controls button.prev-page-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}

.all-fundraiser-footer {
  margin-top: 0px;
}

/* Mobile Styles */
@media (min-width: 481px) {
  .access-links-btn-box {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .all-fundraisers-header-sec {
    position: relative;
  }
  .all-fundraisers-header-sec .notifications-window {
    left: 0px !important;
    margin: 0 5px !important;
    z-index: 1001;
  }
  .all-fundraisers-header-sec .notifications-window .notifications-close-btn:hover {
    background-color: #ffffff;
  }
  .all-fundraisers-header-sec .access-links {
    position: fixed;
    top: 0;
    left: -300px;
    width: 280px;
    height: 100vh;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease;
    z-index: 1000;
    overflow-y: auto;
  }
  .all-fundraisers-header-sec .access-links.active {
    left: 0;
  }
  .all-fundraisers-header-sec .access-links .brand-and-help-btn {
    margin-bottom: 15px;
  }
  .all-fundraisers-header-sec .access-links .brand-and-help-btn .brand {
    width: 140px;
    height: 50px;
  }
  .all-fundraisers-header-sec .access-links .brand-and-help-btn .brand img {
    width: 125px;
    height: 40px;
  }
  .all-fundraisers-header-sec .access-links .split-line {
    margin: 10px 0;
  }
  .all-fundraisers-header-sec .access-links ul.links li {
    height: 45px;
  }
  .all-fundraisers-header-sec .access-links ul.links li a {
    gap: 10px;
  }
  .all-fundraisers-header-sec .access-links ul.links li a h2 {
    font-size: 14px;
  }
  .all-fundraisers-header-sec .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  .all-fundraisers-header-sec .overlay.active {
    opacity: 1;
    visibility: visible;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers {
    width: 100%;
    padding: 15px;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav {
    gap: 10px;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .access-links-btn-box {
    display: block;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .access-links-btn-box .access-links-btn {
    padding: 10px 10px 7px 10px;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .access-links-btn-box .access-links-btn svg {
    transition: transform 0.3s ease;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .access-links-btn-box .access-links-btn.active svg {
    transform: rotate(90deg);
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn {
    gap: 15px;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .search-field {
    width: unset !important;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .search-field input {
    width: 100% !important;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .search-field button {
    width: 20% !important;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .all-fundraisers-nav .search-filed-and-list-btn .notifications-window {
    top: 10px !important;
    margin: 0 5px;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .categories-box {
    flex-wrap: wrap;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .categories-box a {
    font-size: 12px !important;
    padding: 8px !important;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes {
    height: unset !important;
    flex-direction: column;
    gap: 0px !important;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box {
    width: 100% !important;
    height: 300px !important;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes .fundraiser-box .donation-bar {
    width: 250px !important;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .content-box .fundraisers-boxes {
    gap: 15px !important;
  }
  .all-fundraisers-header-sec .main-content-all-fundraisers .content-box .show-more-box {
    margin: 20px 0 10px 0;
  }
}
/* End All Fundraiser Header Section */
/* Start User Panel Header Section */
.user-panel-donor-header-sec, .user-panel-indigent-header-sec, .account-header-sec {
  background-color: #e9e9e9;
}
.user-panel-donor-header-sec .notifications-list::-webkit-scrollbar, .user-panel-indigent-header-sec .notifications-list::-webkit-scrollbar, .account-header-sec .notifications-list::-webkit-scrollbar {
  width: 8px;
}
.user-panel-donor-header-sec .notifications-list::-webkit-scrollbar-track, .user-panel-indigent-header-sec .notifications-list::-webkit-scrollbar-track, .account-header-sec .notifications-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.user-panel-donor-header-sec .notifications-list::-webkit-scrollbar-thumb, .user-panel-indigent-header-sec .notifications-list::-webkit-scrollbar-thumb, .account-header-sec .notifications-list::-webkit-scrollbar-thumb {
  background-color: #ff9a17;
  border-radius: 4px;
}
.user-panel-donor-header-sec .notifications-window, .user-panel-indigent-header-sec .notifications-window, .account-header-sec .notifications-window {
  display: none;
  position: absolute;
  top: 10px;
  left: 220px;
  background-color: #f9f9f9;
  min-width: 360px;
  max-height: 400px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1001;
  overflow: hidden;
  cursor: pointer;
}
.user-panel-donor-header-sec .notifications-window .notifications-nav, .user-panel-indigent-header-sec .notifications-window .notifications-nav, .account-header-sec .notifications-window .notifications-nav {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ff9a17;
}
.user-panel-donor-header-sec .notifications-window .notifications-nav h1, .user-panel-indigent-header-sec .notifications-window .notifications-nav h1, .account-header-sec .notifications-window .notifications-nav h1 {
  font-size: 20px;
  color: #ffffff;
}
.user-panel-donor-header-sec .notifications-window .notifications-nav .notifications-close-btn, .user-panel-indigent-header-sec .notifications-window .notifications-nav .notifications-close-btn, .account-header-sec .notifications-window .notifications-nav .notifications-close-btn {
  padding: 4px 4px 2px 4px;
}
.user-panel-donor-header-sec .notifications-window .notifications-nav .notifications-close-btn:hover, .user-panel-indigent-header-sec .notifications-window .notifications-nav .notifications-close-btn:hover, .account-header-sec .notifications-window .notifications-nav .notifications-close-btn:hover {
  background-color: #ffffff;
}
.user-panel-donor-header-sec .notifications-window .notifications-list, .user-panel-indigent-header-sec .notifications-window .notifications-list, .account-header-sec .notifications-window .notifications-list {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  height: 350px;
  scrollbar-width: thin;
  scrollbar-color: #ff9a17 #f1f1f1;
  /* Notification read/unread states */
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification, .account-header-sec .notifications-window .notifications-list .notification {
  padding: 12px 15px;
  transition: background-color 0.2s;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification.unread, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification.unread, .account-header-sec .notifications-window .notifications-list .notification.unread {
  background-color: #fff8f0;
  border-left: 3px solid #ff9a17;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification.read, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification.read, .account-header-sec .notifications-window .notifications-list .notification.read {
  background-color: #fafafa;
  opacity: 0.85;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification:hover, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification:hover, .account-header-sec .notifications-window .notifications-list .notification:hover {
  background-color: #f5f5f5;
}
.user-panel-donor-header-sec .notifications-window .notifications-list, .user-panel-indigent-header-sec .notifications-window .notifications-list, .account-header-sec .notifications-window .notifications-list {
  /* No notifications state */
}
.user-panel-donor-header-sec .notifications-window .notifications-list .no-notifications, .user-panel-indigent-header-sec .notifications-window .notifications-list .no-notifications, .account-header-sec .notifications-window .notifications-list .no-notifications {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: #767676;
}
.user-panel-donor-header-sec .notifications-window .notifications-list, .user-panel-indigent-header-sec .notifications-window .notifications-list, .account-header-sec .notifications-window .notifications-list {
  /* Modal styles for message form */
}
.user-panel-donor-header-sec .notifications-window .notifications-list #messageModal .modal-content, .user-panel-indigent-header-sec .notifications-window .notifications-list #messageModal .modal-content, .account-header-sec .notifications-window .notifications-list #messageModal .modal-content {
  max-width: 500px;
  width: 90%;
}
.user-panel-donor-header-sec .notifications-window .notifications-list #messageModal textarea:focus, .user-panel-indigent-header-sec .notifications-window .notifications-list #messageModal textarea:focus, .account-header-sec .notifications-window .notifications-list #messageModal textarea:focus {
  outline: none;
  border-color: #ff9a17;
  box-shadow: 0 0 0 3px rgba(255, 154, 23, 0.1);
}
.user-panel-donor-header-sec .notifications-window .notifications-list .btn-cancel:hover, .user-panel-indigent-header-sec .notifications-window .notifications-list .btn-cancel:hover, .account-header-sec .notifications-window .notifications-list .btn-cancel:hover {
  background: #f5f5f5;
}
.user-panel-donor-header-sec .notifications-window .notifications-list, .user-panel-indigent-header-sec .notifications-window .notifications-list, .account-header-sec .notifications-window .notifications-list {
  /* Ensure modal overlay covers everything */
}
.user-panel-donor-header-sec .notifications-window .notifications-list .modal, .user-panel-indigent-header-sec .notifications-window .notifications-list .modal, .account-header-sec .notifications-window .notifications-list .modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .modal-content, .user-panel-indigent-header-sec .notifications-window .notifications-list .modal-content, .account-header-sec .notifications-window .notifications-list .modal-content {
  background: white;
  padding: 25px;
  border-radius: 12px;
  position: relative;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.user-panel-donor-header-sec .notifications-window .notifications-list .modal .close, .user-panel-indigent-header-sec .notifications-window .notifications-list .modal .close, .account-header-sec .notifications-window .notifications-list .modal .close {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 24px;
  cursor: pointer;
  color: #767676;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .modal .close:hover, .user-panel-indigent-header-sec .notifications-window .notifications-list .modal .close:hover, .account-header-sec .notifications-window .notifications-list .modal .close:hover {
  color: #333;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification, .account-header-sec .notifications-window .notifications-list .notification {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 5px;
  border-bottom: 1px solid #767676;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification .notification-title-and-sender-name, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .notification-title-and-sender-name, .account-header-sec .notifications-window .notifications-list .notification .notification-title-and-sender-name {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification .notification-title-and-sender-name .notification-title, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .notification-title-and-sender-name .notification-title, .account-header-sec .notifications-window .notifications-list .notification .notification-title-and-sender-name .notification-title {
  display: flex;
  align-items: center;
  gap: 5px;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification .notification-title-and-sender-name .notification-title h2, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .notification-title-and-sender-name .notification-title h2, .account-header-sec .notifications-window .notifications-list .notification .notification-title-and-sender-name .notification-title h2 {
  font-size: 14px;
  color: #14213d;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification .notification-title-and-sender-name .sender-name h2, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .notification-title-and-sender-name .sender-name h2, .account-header-sec .notifications-window .notifications-list .notification .notification-title-and-sender-name .sender-name h2 {
  font-size: 10px;
  color: #ff9a17;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification p.notification-description, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification p.notification-description, .account-header-sec .notifications-window .notifications-list .notification p.notification-description {
  font-size: 12px;
  color: #767676;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box, .account-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn, .user-panel-donor-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .go-to-event-btn, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .go-to-event-btn, .account-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn, .account-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .go-to-event-btn {
  display: flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid #ff9a17;
  border-radius: 5px;
  padding: 5px;
  gap: 5px;
  margin-bottom: 10px;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn h1, .user-panel-donor-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .go-to-event-btn h1, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn h1, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .go-to-event-btn h1, .account-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn h1, .account-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .go-to-event-btn h1 {
  font-size: 12px;
  color: #ff9a17;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn svg, .user-panel-donor-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .go-to-event-btn svg, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn svg, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .go-to-event-btn svg, .account-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn svg, .account-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .go-to-event-btn svg {
  color: #ff9a17;
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn, .account-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn {
  border: 1px solid rgb(114, 107, 97);
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn h1, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn h1, .account-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn h1 {
  color: rgb(114, 107, 97);
}
.user-panel-donor-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn svg, .user-panel-indigent-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn svg, .account-header-sec .notifications-window .notifications-list .notification .go-and-delete-notification-box .notification-delete-btn svg {
  color: rgb(114, 107, 97);
}
.user-panel-donor-header-sec .show, .user-panel-indigent-header-sec .show, .account-header-sec .show {
  display: block;
}
.user-panel-donor-header-sec .container, .user-panel-indigent-header-sec .container, .account-header-sec .container {
  width: 90%;
}
.user-panel-donor-header-sec .access-links-btn, .user-panel-indigent-header-sec .access-links-btn, .account-header-sec .access-links-btn {
  display: none;
}
.user-panel-donor-header-sec .notification-badge, .user-panel-indigent-header-sec .notification-badge, .account-header-sec .notification-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #ff4757;
  color: white;
  font-size: 10px;
  font-weight: bold;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
}
.user-panel-donor-header-sec nav, .user-panel-indigent-header-sec nav, .account-header-sec nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 5% 10px 5%;
  background-color: #14213d;
  position: sticky;
  top: 0;
  z-index: 101;
}
.user-panel-donor-header-sec nav .links-list, .user-panel-indigent-header-sec nav .links-list, .account-header-sec nav .links-list {
  padding: 8px 10px 6px 10px;
}
.user-panel-donor-header-sec nav .links-list img, .user-panel-indigent-header-sec nav .links-list img, .account-header-sec nav .links-list img {
  width: 22px;
  height: 22px;
}
.user-panel-donor-header-sec nav ul.nav-links, .user-panel-indigent-header-sec nav ul.nav-links, .account-header-sec nav ul.nav-links {
  display: flex;
  list-style: none;
  gap: 15px;
  display: none;
}
.user-panel-donor-header-sec nav ul.nav-links a, .user-panel-indigent-header-sec nav ul.nav-links a, .account-header-sec nav ul.nav-links a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  transition: color 0.3s;
}
.user-panel-donor-header-sec nav .brand, .user-panel-indigent-header-sec nav .brand, .account-header-sec nav .brand {
  display: flex;
}
.user-panel-donor-header-sec nav .brand img, .user-panel-indigent-header-sec nav .brand img, .account-header-sec nav .brand img {
  width: 140px;
  height: 40px;
}
.user-panel-donor-header-sec nav .search-and-contact, .user-panel-indigent-header-sec nav .search-and-contact, .account-header-sec nav .search-and-contact {
  position: relative;
  display: flex;
  gap: 15px;
  text-align: center;
}
.user-panel-donor-header-sec nav .search-and-contact .search-box, .user-panel-indigent-header-sec nav .search-and-contact .search-box, .account-header-sec nav .search-and-contact .search-box {
  position: relative;
  text-align: center;
}
.user-panel-donor-header-sec nav .search-and-contact .search-box input, .user-panel-indigent-header-sec nav .search-and-contact .search-box input, .account-header-sec nav .search-and-contact .search-box input {
  width: 100%;
  outline: none;
  font-size: 15px;
  padding: 0 50px 0 10px;
  line-height: 40px;
  border-radius: 5px;
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  outline: none;
}
.user-panel-donor-header-sec nav .search-and-contact .search-box ::-moz-placeholder, .user-panel-indigent-header-sec nav .search-and-contact .search-box ::-moz-placeholder, .account-header-sec nav .search-and-contact .search-box ::-moz-placeholder {
  color: #fff;
}
.user-panel-donor-header-sec nav .search-and-contact .search-box ::placeholder, .user-panel-indigent-header-sec nav .search-and-contact .search-box ::placeholder, .account-header-sec nav .search-and-contact .search-box ::placeholder {
  color: #fff;
}
.user-panel-donor-header-sec nav .search-and-contact .search-box :focus, .user-panel-indigent-header-sec nav .search-and-contact .search-box :focus, .account-header-sec nav .search-and-contact .search-box :focus {
  border: 2px solid #ff9a17;
}
.user-panel-donor-header-sec nav .search-and-contact .search-box .search-icon, .user-panel-indigent-header-sec nav .search-and-contact .search-box .search-icon, .account-header-sec nav .search-and-contact .search-box .search-icon {
  display: flex;
  position: absolute;
  right: 10px;
  top: 32%;
}
.user-panel-donor-header-sec nav .search-and-contact .search-box .search-icon svg, .user-panel-indigent-header-sec nav .search-and-contact .search-box .search-icon svg, .account-header-sec nav .search-and-contact .search-box .search-icon svg {
  color: #fff;
}
.user-panel-donor-header-sec nav .search-and-contact .help-btn, .user-panel-indigent-header-sec nav .search-and-contact .help-btn, .account-header-sec nav .search-and-contact .help-btn {
  border-radius: 50%;
  padding: 5px 6px 3px 6px;
}
.user-panel-donor-header-sec nav .search-and-contact .btn-animated, .user-panel-indigent-header-sec nav .search-and-contact .btn-animated, .account-header-sec nav .search-and-contact .btn-animated {
  padding: 2px 6px;
  background-color: transparent;
  border-radius: 50%;
}
.user-panel-donor-header-sec nav .search-and-contact .btn-animated img, .user-panel-indigent-header-sec nav .search-and-contact .btn-animated img, .account-header-sec nav .search-and-contact .btn-animated img {
  width: 30px;
  height: 30px;
  padding-top: 5px;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint, .account-header-sec nav .search-and-contact .submit-complaint {
  display: none;
  padding: 20px;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1;
  top: 0;
  left: 0;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint h1, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint h1, .account-header-sec nav .search-and-contact .submit-complaint h1 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #14213d;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box, .account-header-sec nav .search-and-contact .submit-complaint .input-box {
  position: relative;
  height: 130px;
  width: 100%;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box .label-desc, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box .label-desc, .account-header-sec nav .search-and-contact .submit-complaint .input-box .label-desc {
  position: absolute;
  top: 10%;
  left: 10px;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box textarea, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box textarea, .account-header-sec nav .search-and-contact .submit-complaint .input-box textarea {
  resize: none;
  font-size: 15px;
  font-weight: 500;
  color: #14213d;
  width: 100%;
  height: 100%;
  padding: 20px 10px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::-moz-placeholder, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::-moz-placeholder, .account-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::-moz-placeholder {
  font-size: 15px;
  font-weight: 500;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::placeholder, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::placeholder, .account-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::placeholder {
  font-size: 15px;
  font-weight: 500;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box .characters, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box .characters, .account-header-sec nav .search-and-contact .submit-complaint .input-box .characters {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  color: #767676;
  font-size: 14px;
  background-color: white;
  padding: 2px 5px;
  border-radius: 3px;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .label-desc, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .label-desc, .account-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active textarea, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active textarea, .account-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active textarea {
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding-top: 20px;
  padding: 30px 10px 10px 10px;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .characters, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .characters, .account-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .characters {
  display: flex;
  color: #ff9a17;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .label-desc, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .label-desc, .account-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled textarea, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled textarea, .account-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled textarea {
  padding: 30px 10px 10px 10px;
  border-bottom: 1px solid #14213d;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .characters, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .characters, .account-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .characters {
  color: #767676;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box.error textarea, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box.error textarea, .account-header-sec nav .search-and-contact .submit-complaint .input-box.error textarea {
  border-bottom: 2px solid red;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box.error .label-desc, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box.error .label-desc, .account-header-sec nav .search-and-contact .submit-complaint .input-box.error .label-desc {
  color: red;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint .input-box.error .characters, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint .input-box.error .characters, .account-header-sec nav .search-and-contact .submit-complaint .input-box.error .characters {
  color: red;
}
.user-panel-donor-header-sec nav .search-and-contact .submit-complaint a.complaint-submit-btn, .user-panel-indigent-header-sec nav .search-and-contact .submit-complaint a.complaint-submit-btn, .account-header-sec nav .search-and-contact .submit-complaint a.complaint-submit-btn {
  margin-top: 10px;
}
.user-panel-donor-header-sec nav .search-and-contact .show, .user-panel-indigent-header-sec nav .search-and-contact .show, .account-header-sec nav .search-and-contact .show {
  display: block;
}
.user-panel-donor-header-sec .main-sec .container, .user-panel-indigent-header-sec .main-sec .container, .account-header-sec .main-sec .container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.user-panel-donor-header-sec .main-sec .container .access-links, .user-panel-donor-header-sec .main-sec .container .account-information, .user-panel-indigent-header-sec .main-sec .container .access-links, .user-panel-indigent-header-sec .main-sec .container .account-information, .account-header-sec .main-sec .container .access-links, .account-header-sec .main-sec .container .account-information {
  width: 20%;
  background-color: #ffffff;
  padding: 1% 1% 15% 1%;
  position: relative;
  min-height: 90vh;
}
.user-panel-donor-header-sec .main-sec .container .access-links .notification-btn, .user-panel-donor-header-sec .main-sec .container .account-information .notification-btn, .user-panel-indigent-header-sec .main-sec .container .access-links .notification-btn, .user-panel-indigent-header-sec .main-sec .container .account-information .notification-btn, .account-header-sec .main-sec .container .access-links .notification-btn, .account-header-sec .main-sec .container .account-information .notification-btn {
  position: absolute;
  top: 1%;
  right: 2%;
}
.user-panel-donor-header-sec .main-sec .container .access-links .notification-btn a, .user-panel-donor-header-sec .main-sec .container .account-information .notification-btn a, .user-panel-indigent-header-sec .main-sec .container .access-links .notification-btn a, .user-panel-indigent-header-sec .main-sec .container .account-information .notification-btn a, .account-header-sec .main-sec .container .access-links .notification-btn a, .account-header-sec .main-sec .container .account-information .notification-btn a {
  border-radius: 50%;
  padding: 10px 10px 7px 10px;
}
.user-panel-donor-header-sec .main-sec .container .access-links .account-img-and-name, .user-panel-donor-header-sec .main-sec .container .account-information .account-img-and-name, .user-panel-indigent-header-sec .main-sec .container .access-links .account-img-and-name, .user-panel-indigent-header-sec .main-sec .container .account-information .account-img-and-name, .account-header-sec .main-sec .container .access-links .account-img-and-name, .account-header-sec .main-sec .container .account-information .account-img-and-name {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 10px;
}
.user-panel-donor-header-sec .main-sec .container .access-links .account-img-and-name .account-img img, .user-panel-donor-header-sec .main-sec .container .account-information .account-img-and-name .account-img img, .user-panel-indigent-header-sec .main-sec .container .access-links .account-img-and-name .account-img img, .user-panel-indigent-header-sec .main-sec .container .account-information .account-img-and-name .account-img img, .account-header-sec .main-sec .container .access-links .account-img-and-name .account-img img, .account-header-sec .main-sec .container .account-information .account-img-and-name .account-img img {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 3px solid #ddd;
  display: block;
}
.user-panel-donor-header-sec .main-sec .container .access-links .account-img-and-name .account-name, .user-panel-donor-header-sec .main-sec .container .account-information .account-img-and-name .account-name, .user-panel-indigent-header-sec .main-sec .container .access-links .account-img-and-name .account-name, .user-panel-indigent-header-sec .main-sec .container .account-information .account-img-and-name .account-name, .account-header-sec .main-sec .container .access-links .account-img-and-name .account-name, .account-header-sec .main-sec .container .account-information .account-img-and-name .account-name {
  margin-top: 20px;
}
.user-panel-donor-header-sec .main-sec .container .access-links .account-img-and-name .account-name h1, .user-panel-donor-header-sec .main-sec .container .account-information .account-img-and-name .account-name h1, .user-panel-indigent-header-sec .main-sec .container .access-links .account-img-and-name .account-name h1, .user-panel-indigent-header-sec .main-sec .container .account-information .account-img-and-name .account-name h1, .account-header-sec .main-sec .container .access-links .account-img-and-name .account-name h1, .account-header-sec .main-sec .container .account-information .account-img-and-name .account-name h1 {
  color: #14213d;
  font-size: 25px;
}
.user-panel-donor-header-sec .main-sec .container .access-links .split-line, .user-panel-donor-header-sec .main-sec .container .account-information .split-line, .user-panel-indigent-header-sec .main-sec .container .access-links .split-line, .user-panel-indigent-header-sec .main-sec .container .account-information .split-line, .account-header-sec .main-sec .container .access-links .split-line, .account-header-sec .main-sec .container .account-information .split-line {
  margin: 20px 0;
  height: 1.6px;
  background-color: #ff9a17;
  border-radius: 5px;
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.links li, .user-panel-donor-header-sec .main-sec .container .account-information ul.links li, .user-panel-indigent-header-sec .main-sec .container .access-links ul.links li, .user-panel-indigent-header-sec .main-sec .container .account-information ul.links li, .account-header-sec .main-sec .container .access-links ul.links li, .account-header-sec .main-sec .container .account-information ul.links li {
  margin-top: 5px;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 5px;
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.links li a, .user-panel-donor-header-sec .main-sec .container .account-information ul.links li a, .user-panel-indigent-header-sec .main-sec .container .access-links ul.links li a, .user-panel-indigent-header-sec .main-sec .container .account-information ul.links li a, .account-header-sec .main-sec .container .access-links ul.links li a, .account-header-sec .main-sec .container .account-information ul.links li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 15px;
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.links li a svg, .user-panel-donor-header-sec .main-sec .container .account-information ul.links li a svg, .user-panel-indigent-header-sec .main-sec .container .access-links ul.links li a svg, .user-panel-indigent-header-sec .main-sec .container .account-information ul.links li a svg, .account-header-sec .main-sec .container .access-links ul.links li a svg, .account-header-sec .main-sec .container .account-information ul.links li a svg {
  color: #14213d;
  margin: 2px;
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.links li a h2, .user-panel-donor-header-sec .main-sec .container .account-information ul.links li a h2, .user-panel-indigent-header-sec .main-sec .container .access-links ul.links li a h2, .user-panel-indigent-header-sec .main-sec .container .account-information ul.links li a h2, .account-header-sec .main-sec .container .access-links ul.links li a h2, .account-header-sec .main-sec .container .account-information ul.links li a h2 {
  font-size: 15px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.links li:hover, .user-panel-donor-header-sec .main-sec .container .account-information ul.links li:hover, .user-panel-indigent-header-sec .main-sec .container .access-links ul.links li:hover, .user-panel-indigent-header-sec .main-sec .container .account-information ul.links li:hover, .account-header-sec .main-sec .container .access-links ul.links li:hover, .account-header-sec .main-sec .container .account-information ul.links li:hover {
  border-radius: 5px;
  background-color: rgba(20, 33, 61, 0.1);
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.links li.active-li, .user-panel-donor-header-sec .main-sec .container .account-information ul.links li.active-li, .user-panel-indigent-header-sec .main-sec .container .access-links ul.links li.active-li, .user-panel-indigent-header-sec .main-sec .container .account-information ul.links li.active-li, .account-header-sec .main-sec .container .access-links ul.links li.active-li, .account-header-sec .main-sec .container .account-information ul.links li.active-li {
  border-radius: 5px;
  background-color: rgb(20, 33, 61);
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.links li.active-li a svg, .user-panel-donor-header-sec .main-sec .container .account-information ul.links li.active-li a svg, .user-panel-indigent-header-sec .main-sec .container .access-links ul.links li.active-li a svg, .user-panel-indigent-header-sec .main-sec .container .account-information ul.links li.active-li a svg, .account-header-sec .main-sec .container .access-links ul.links li.active-li a svg, .account-header-sec .main-sec .container .account-information ul.links li.active-li a svg {
  color: #ffffff;
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.links li.active-li a h2, .user-panel-donor-header-sec .main-sec .container .account-information ul.links li.active-li a h2, .user-panel-indigent-header-sec .main-sec .container .access-links ul.links li.active-li a h2, .user-panel-indigent-header-sec .main-sec .container .account-information ul.links li.active-li a h2, .account-header-sec .main-sec .container .access-links ul.links li.active-li a h2, .account-header-sec .main-sec .container .account-information ul.links li.active-li a h2 {
  color: #ffffff;
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.logout-box li, .user-panel-donor-header-sec .main-sec .container .account-information ul.logout-box li, .user-panel-indigent-header-sec .main-sec .container .access-links ul.logout-box li, .user-panel-indigent-header-sec .main-sec .container .account-information ul.logout-box li, .account-header-sec .main-sec .container .access-links ul.logout-box li, .account-header-sec .main-sec .container .account-information ul.logout-box li {
  margin-top: 5px;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 5px;
  border-radius: 5px;
  background-color: rgba(20, 33, 61, 0.1);
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.logout-box li a, .user-panel-donor-header-sec .main-sec .container .account-information ul.logout-box li a, .user-panel-indigent-header-sec .main-sec .container .access-links ul.logout-box li a, .user-panel-indigent-header-sec .main-sec .container .account-information ul.logout-box li a, .account-header-sec .main-sec .container .access-links ul.logout-box li a, .account-header-sec .main-sec .container .account-information ul.logout-box li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 15px;
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.logout-box li a svg, .user-panel-donor-header-sec .main-sec .container .account-information ul.logout-box li a svg, .user-panel-indigent-header-sec .main-sec .container .access-links ul.logout-box li a svg, .user-panel-indigent-header-sec .main-sec .container .account-information ul.logout-box li a svg, .account-header-sec .main-sec .container .access-links ul.logout-box li a svg, .account-header-sec .main-sec .container .account-information ul.logout-box li a svg {
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.logout-box li a h2, .user-panel-donor-header-sec .main-sec .container .account-information ul.logout-box li a h2, .user-panel-indigent-header-sec .main-sec .container .access-links ul.logout-box li a h2, .user-panel-indigent-header-sec .main-sec .container .account-information ul.logout-box li a h2, .account-header-sec .main-sec .container .access-links ul.logout-box li a h2, .account-header-sec .main-sec .container .account-information ul.logout-box li a h2 {
  font-size: 15px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.logout-box li:hover, .user-panel-donor-header-sec .main-sec .container .account-information ul.logout-box li:hover, .user-panel-indigent-header-sec .main-sec .container .access-links ul.logout-box li:hover, .user-panel-indigent-header-sec .main-sec .container .account-information ul.logout-box li:hover, .account-header-sec .main-sec .container .access-links ul.logout-box li:hover, .account-header-sec .main-sec .container .account-information ul.logout-box li:hover {
  border-radius: 5px;
  background-color: rgb(20, 33, 61);
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.logout-box li:hover a svg, .user-panel-donor-header-sec .main-sec .container .account-information ul.logout-box li:hover a svg, .user-panel-indigent-header-sec .main-sec .container .access-links ul.logout-box li:hover a svg, .user-panel-indigent-header-sec .main-sec .container .account-information ul.logout-box li:hover a svg, .account-header-sec .main-sec .container .access-links ul.logout-box li:hover a svg, .account-header-sec .main-sec .container .account-information ul.logout-box li:hover a svg {
  color: #ffffff;
}
.user-panel-donor-header-sec .main-sec .container .access-links ul.logout-box li:hover a h2, .user-panel-donor-header-sec .main-sec .container .account-information ul.logout-box li:hover a h2, .user-panel-indigent-header-sec .main-sec .container .access-links ul.logout-box li:hover a h2, .user-panel-indigent-header-sec .main-sec .container .account-information ul.logout-box li:hover a h2, .account-header-sec .main-sec .container .access-links ul.logout-box li:hover a h2, .account-header-sec .main-sec .container .account-information ul.logout-box li:hover a h2 {
  color: #ffffff;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  width: 80%;
  /* ════════════════════════════════════════════════════════════════════════════
  FUNDRAISER FORM & VERIFY FORM VALIDATION POSITIONING
  ════════════════════════════════════════════════════════════════════════════ */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .title-box,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .money-req-box,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .description-box,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .expiry-date-box,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .donation-item-box .input-box,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .fund-allocation-box .input-box,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .categories-box,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel #requesterFields .input-box,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel #charityFields .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .title-box,
.user-panel-donor-header-sec .main-sec .container .main-account-content .money-req-box,
.user-panel-donor-header-sec .main-sec .container .main-account-content .description-box,
.user-panel-donor-header-sec .main-sec .container .main-account-content .expiry-date-box,
.user-panel-donor-header-sec .main-sec .container .main-account-content .donation-item-box .input-box,
.user-panel-donor-header-sec .main-sec .container .main-account-content .fund-allocation-box .input-box,
.user-panel-donor-header-sec .main-sec .container .main-account-content .categories-box,
.user-panel-donor-header-sec .main-sec .container .main-account-content #requesterFields .input-box,
.user-panel-donor-header-sec .main-sec .container .main-account-content #charityFields .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .title-box,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .money-req-box,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .description-box,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .expiry-date-box,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .donation-item-box .input-box,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .fund-allocation-box .input-box,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .categories-box,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel #requesterFields .input-box,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel #charityFields .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .title-box,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .money-req-box,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .description-box,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .expiry-date-box,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .donation-item-box .input-box,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .fund-allocation-box .input-box,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .categories-box,
.user-panel-indigent-header-sec .main-sec .container .main-account-content #requesterFields .input-box,
.user-panel-indigent-header-sec .main-sec .container .main-account-content #charityFields .input-box, .account-header-sec .main-sec .container .main-content-user-panel .title-box,
.account-header-sec .main-sec .container .main-content-user-panel .money-req-box,
.account-header-sec .main-sec .container .main-content-user-panel .description-box,
.account-header-sec .main-sec .container .main-content-user-panel .expiry-date-box,
.account-header-sec .main-sec .container .main-content-user-panel .donation-item-box .input-box,
.account-header-sec .main-sec .container .main-content-user-panel .fund-allocation-box .input-box,
.account-header-sec .main-sec .container .main-content-user-panel .categories-box,
.account-header-sec .main-sec .container .main-content-user-panel #requesterFields .input-box,
.account-header-sec .main-sec .container .main-content-user-panel #charityFields .input-box, .account-header-sec .main-sec .container .main-account-content .title-box,
.account-header-sec .main-sec .container .main-account-content .money-req-box,
.account-header-sec .main-sec .container .main-account-content .description-box,
.account-header-sec .main-sec .container .main-account-content .expiry-date-box,
.account-header-sec .main-sec .container .main-account-content .donation-item-box .input-box,
.account-header-sec .main-sec .container .main-account-content .fund-allocation-box .input-box,
.account-header-sec .main-sec .container .main-account-content .categories-box,
.account-header-sec .main-sec .container .main-account-content #requesterFields .input-box,
.account-header-sec .main-sec .container .main-account-content #charityFields .input-box {
  position: relative;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel #requesterFields .input-box,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel #charityFields .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content #requesterFields .input-box,
.user-panel-donor-header-sec .main-sec .container .main-account-content #charityFields .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel #requesterFields .input-box,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel #charityFields .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content #requesterFields .input-box,
.user-panel-indigent-header-sec .main-sec .container .main-account-content #charityFields .input-box, .account-header-sec .main-sec .container .main-content-user-panel #requesterFields .input-box,
.account-header-sec .main-sec .container .main-content-user-panel #charityFields .input-box, .account-header-sec .main-sec .container .main-account-content #requesterFields .input-box,
.account-header-sec .main-sec .container .main-account-content #charityFields .input-box {
  overflow: visible !important;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* Ensure validation errors in fundraiser form are properly positioned */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .validation-error, .user-panel-donor-header-sec .main-sec .container .main-account-content .validation-error, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .validation-error, .user-panel-indigent-header-sec .main-sec .container .main-account-content .validation-error, .account-header-sec .main-sec .container .main-content-user-panel .validation-error, .account-header-sec .main-sec .container .main-account-content .validation-error {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  display: none; /* default hidden, shown via JS */
  align-items: center;
  gap: 6px;
  background: #ffebee;
  border: 1px solid #f44336;
  color: #c62828;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(244, 67, 54, 0.15);
  min-width: -moz-max-content;
  min-width: max-content;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .validation-error::after, .user-panel-donor-header-sec .main-sec .container .main-account-content .validation-error::after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .validation-error::after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .validation-error::after, .account-header-sec .main-sec .container .main-content-user-panel .validation-error::after, .account-header-sec .main-sec .container .main-account-content .validation-error::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #f44336;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .validation-error svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .validation-error svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .validation-error svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .validation-error svg, .account-header-sec .main-sec .container .main-content-user-panel .validation-error svg, .account-header-sec .main-sec .container .main-account-content .validation-error svg {
  flex-shrink: 0;
  color: #f44336;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .validation-error .error-message, .user-panel-donor-header-sec .main-sec .container .main-account-content .validation-error .error-message, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .validation-error .error-message, .user-panel-indigent-header-sec .main-sec .container .main-account-content .validation-error .error-message, .account-header-sec .main-sec .container .main-content-user-panel .validation-error .error-message, .account-header-sec .main-sec .container .main-account-content .validation-error .error-message {
  margin: 0;
  line-height: 1.3;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* For textarea boxes that have different height */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel #requesterFields .input-box.textarea-box .validation-error,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel #charityFields .input-box.textarea-box .validation-error, .user-panel-donor-header-sec .main-sec .container .main-account-content #requesterFields .input-box.textarea-box .validation-error,
.user-panel-donor-header-sec .main-sec .container .main-account-content #charityFields .input-box.textarea-box .validation-error, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel #requesterFields .input-box.textarea-box .validation-error,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel #charityFields .input-box.textarea-box .validation-error, .user-panel-indigent-header-sec .main-sec .container .main-account-content #requesterFields .input-box.textarea-box .validation-error,
.user-panel-indigent-header-sec .main-sec .container .main-account-content #charityFields .input-box.textarea-box .validation-error, .account-header-sec .main-sec .container .main-content-user-panel #requesterFields .input-box.textarea-box .validation-error,
.account-header-sec .main-sec .container .main-content-user-panel #charityFields .input-box.textarea-box .validation-error, .account-header-sec .main-sec .container .main-account-content #requesterFields .input-box.textarea-box .validation-error,
.account-header-sec .main-sec .container .main-account-content #charityFields .input-box.textarea-box .validation-error {
  bottom: calc(100% + 6px);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* Auto-dismiss animation */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .validation-error.auto-dismiss, .user-panel-donor-header-sec .main-sec .container .main-account-content .validation-error.auto-dismiss, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .validation-error.auto-dismiss, .user-panel-indigent-header-sec .main-sec .container .main-account-content .validation-error.auto-dismiss, .account-header-sec .main-sec .container .main-content-user-panel .validation-error.auto-dismiss, .account-header-sec .main-sec .container .main-account-content .validation-error.auto-dismiss {
  animation: fadeInError 0.2s ease-out;
}
@keyframes fadeInError {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* Fundraiser-type toggle (mirrors the account-type toggle in registration) */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec, .account-header-sec .main-sec .container .main-account-content .dashboard-sec, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec {
  padding-top: 40px;
  width: 100%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .dashboard-sub-content, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .dashboard-sub-content, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .dashboard-sub-content, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .dashboard-sub-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .dashboard-sub-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .dashboard-sub-content, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .dashboard-sub-content, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .dashboard-sub-content, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .dashboard-sub-content, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .dashboard-sub-content, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .dashboard-sub-content, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .dashboard-sub-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .points-cell, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .points-cell, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .points-cell, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .points-cell, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .points-cell, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .points-cell, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .points-cell, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .points-cell, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .points-cell, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .points-cell, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .points-cell, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .points-cell {
  text-align: center;
  font-weight: 600;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .points-badge, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .points-badge, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .points-badge, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .points-badge, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .points-badge, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .points-badge, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .points-badge, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .points-badge, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .points-badge, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .points-badge, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .points-badge, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .points-badge {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  color: white;
  padding: 6px 12px;
  border-radius: 15px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec, .account-header-sec .main-sec .container .main-account-content .dashboard-sec, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec {
  /* Reuse existing styles from donors table */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-image-cell, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-image-cell, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .user-image-cell, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-image-cell, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-image-cell, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-image-cell, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .user-image-cell, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-image-cell, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-image-cell, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-image-cell, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .user-image-cell, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-image-cell {
  width: 80px;
  text-align: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-avatar, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-avatar, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .user-avatar, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-avatar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-avatar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-avatar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .user-avatar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-avatar, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-avatar, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-avatar, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .user-avatar, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #e0e0e0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .default-avatar, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .default-avatar, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .default-avatar, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .default-avatar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .default-avatar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .default-avatar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .default-avatar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .default-avatar, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .default-avatar, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .default-avatar, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .default-avatar, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .default-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border: 2px solid #e0e0e0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-name-cell, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-name-cell, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .user-name-cell, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-name-cell, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-name-cell, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-name-cell, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .user-name-cell, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-name-cell, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-name-cell, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-name-cell, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .user-name-cell, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-name-cell {
  font-weight: 500;
  color: #333;
  vertical-align: middle;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec, .account-header-sec .main-sec .container .main-account-content .dashboard-sec, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec {
  /* Thanks Table Styles */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .thanks-table, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .thanks-table, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .thanks-table, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .thanks-table, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .thanks-table, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .thanks-table, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .thanks-table, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .thanks-table, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .thanks-table, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .thanks-table, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .thanks-table, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .thanks-table {
  margin-top: 20px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-image-cell, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-image-cell, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .user-image-cell, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-image-cell, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-image-cell, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-image-cell, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .user-image-cell, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-image-cell, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-image-cell, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-image-cell, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .user-image-cell, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-image-cell {
  width: 80px;
  text-align: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .avatar-container, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .avatar-container, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .avatar-container, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .avatar-container, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .avatar-container, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .avatar-container, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .avatar-container, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .avatar-container, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .avatar-container, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .avatar-container, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .avatar-container, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .avatar-container {
  position: relative;
  display: inline-block;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-avatar, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-avatar, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .user-avatar, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-avatar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-avatar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-avatar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .user-avatar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-avatar, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-avatar, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-avatar, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .user-avatar, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #e0e0e0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .default-avatar, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .default-avatar, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .default-avatar, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .default-avatar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .default-avatar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .default-avatar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .default-avatar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .default-avatar, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .default-avatar, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .default-avatar, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .default-avatar, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .default-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border: 2px solid #e0e0e0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-name-cell, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-name-cell, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .user-name-cell, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-name-cell, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-name-cell, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-name-cell, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .user-name-cell, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-name-cell, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .user-name-cell, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .user-name-cell, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .user-name-cell, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .user-name-cell {
  font-weight: 500;
  color: #333;
  vertical-align: middle;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec, .account-header-sec .main-sec .container .main-account-content .dashboard-sec, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec {
  /* Thank Button Styles */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .btn-thank, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .btn-thank, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .btn-thank, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .btn-thank, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .btn-thank, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .btn-thank, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .btn-thank, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .btn-thank, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .btn-thank, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .btn-thank, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .btn-thank, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .btn-thank {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 5px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .btn-thank:hover, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .btn-thank:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .btn-thank:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .btn-thank:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .btn-thank:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .btn-thank:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .btn-thank:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .btn-thank:hover, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .btn-thank:hover, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .btn-thank:hover, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .btn-thank:hover, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .btn-thank:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .btn-thank:active, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .btn-thank:active, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .btn-thank:active, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .btn-thank:active, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .btn-thank:active, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .btn-thank:active, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .btn-thank:active, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .btn-thank:active, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .btn-thank:active, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .btn-thank:active, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .btn-thank:active, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .btn-thank:active {
  transform: translateY(0);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .btn-thanked, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .btn-thanked, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .btn-thanked, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .btn-thanked, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .btn-thanked, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .btn-thanked, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .btn-thanked, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .btn-thanked, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .btn-thanked, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .btn-thanked, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .btn-thanked, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .btn-thanked {
  background: #28a745;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: not-allowed;
  opacity: 0.7;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .th-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .th-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .th-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .th-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .th-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .th-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .th-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .th-btn {
  text-align: center;
  vertical-align: middle;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .title h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .title h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .title h1, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .title h1, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .title h1 {
  font-size: 30px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table {
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 0.9em;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  text-align: left;
  width: 100%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table thead tr, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table thead tr, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table thead tr, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table thead tr, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table thead tr, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table thead tr, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table thead tr, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table thead tr, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table thead tr, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table thead tr, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table thead tr, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table thead tr {
  background-color: #14213d;
  color: #ffffff;
  font-weight: bold;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .th-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .th-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .th-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .th-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .th-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .th-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .th-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .th-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-btn {
  text-align: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .th-btn a, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-btn a, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .th-btn a, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-btn a, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .th-btn a, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-btn a, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .th-btn a, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-btn a, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .th-btn a, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-btn a, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .th-btn a, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-btn a, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .th-btn a, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-btn a, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .th-btn a, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-btn a, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .th-btn a, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-btn a, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .th-btn a, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-btn a, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .th-btn a, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-btn a, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .th-btn a, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-btn a {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #ffffff;
  color: #ff9a17;
  border: none;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-rank, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-rank, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-rank, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-rank, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-rank, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-rank, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-rank, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-rank, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-rank, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-rank, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-rank, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-rank {
  color: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table th, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table td, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table th, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table td, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table th, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table td, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table th, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table td, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table th, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table td, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table th, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table td, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table th, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table td, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table th, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table td, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table th, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table td, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table th, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table td, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table th, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table td, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table th, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table td {
  padding: 12px 15px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-img img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-img img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-img img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-img img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-img img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-img img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-img img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-img img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-img img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-img img, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-img img, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-img img {
  width: 40px;
  height: 40px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-img .fundraiser-account, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-img .fundraiser-account, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-img .fundraiser-account, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-img .fundraiser-account, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-img .fundraiser-account, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-img .fundraiser-account, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-img .fundraiser-account, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-img .fundraiser-account, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-img .fundraiser-account, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-img .fundraiser-account, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-img .fundraiser-account, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-img .fundraiser-account {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-img .fundraiser-account img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-img .fundraiser-account img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-img .fundraiser-account img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-img .fundraiser-account img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-img .fundraiser-account img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-img .fundraiser-account img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-img .fundraiser-account img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-img .fundraiser-account img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-img .fundraiser-account img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-img .fundraiser-account img, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-img .fundraiser-account img, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-img .fundraiser-account img {
  width: 30px;
  height: 30px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-img .fundraiser-account h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-img .fundraiser-account h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-img .fundraiser-account h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-img .fundraiser-account h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-img .fundraiser-account h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-img .fundraiser-account h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-img .fundraiser-account h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-img .fundraiser-account h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table .td-img .fundraiser-account h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table .td-img .fundraiser-account h1, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table .td-img .fundraiser-account h1, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table .td-img .fundraiser-account h1 {
  color: #14213d;
  font-size: 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr {
  border-bottom: 1px solid #dddddd;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr:nth-of-type(odd), .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr:nth-of-type(odd), .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr:nth-of-type(odd), .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr:nth-of-type(odd), .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr:nth-of-type(odd), .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr:nth-of-type(odd), .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr:nth-of-type(odd), .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr:nth-of-type(odd), .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr:nth-of-type(odd), .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr:nth-of-type(odd), .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr:nth-of-type(odd), .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr:nth-of-type(odd) {
  background-color: #ffffff;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr:nth-of-type(even), .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr:nth-of-type(even), .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr:nth-of-type(even), .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr:nth-of-type(even), .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr:nth-of-type(even), .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr:nth-of-type(even), .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr:nth-of-type(even), .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr:nth-of-type(even), .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr:nth-of-type(even), .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr:nth-of-type(even), .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr:nth-of-type(even), .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr:last-of-type, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr:last-of-type, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr:last-of-type, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr:last-of-type, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr:last-of-type, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr:last-of-type, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr:last-of-type, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr:last-of-type, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr:last-of-type, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr:last-of-type, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr:last-of-type, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr:last-of-type {
  border-bottom: 2px solid #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr.active-row, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr.active-row, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr.active-row, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr.active-row, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr.active-row, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr.active-row, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr.active-row, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr.active-row, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tbody tr.active-row, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tbody tr.active-row, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tbody tr.active-row, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tbody tr.active-row {
  font-weight: bold;
  color: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tfoot tr th, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tfoot tr th, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tfoot tr th, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tfoot tr th, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tfoot tr th, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tfoot tr th, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tfoot tr th, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tfoot tr th, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tfoot tr th, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tfoot tr th, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tfoot tr th, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tfoot tr th {
  width: 254%;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #ffffff;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tfoot tr th svg, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tfoot tr th svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tfoot tr th svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tfoot tr th svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tfoot tr th svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tfoot tr th svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tfoot tr th svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tfoot tr th svg, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tfoot tr th svg, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tfoot tr th svg, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tfoot tr th svg, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tfoot tr th svg {
  color: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tfoot tr th h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tfoot tr th h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tfoot tr th h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tfoot tr th h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tfoot tr th h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tfoot tr th h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tfoot tr th h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tfoot tr th h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table tfoot tr th h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .content-table tfoot tr th h1, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .content-table tfoot tr th h1, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .content-table tfoot tr th h1 {
  color: #ff9a17;
  font-size: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content {
  width: 100%;
  display: flex;
  gap: 20px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content {
  width: 80%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding-top: 20px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations {
  width: 250px;
  height: 120px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .split-line, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .split-line, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .split-line, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .split-line, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .split-line, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .split-line, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .split-line, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .split-line, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .split-line, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .split-line, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .split-line, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .split-line {
  background-color: #ff9a17;
  border-radius: 10px;
  width: 2.5px;
  height: 90%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations img, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations img, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations img, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations img, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations img {
  width: 40px;
  height: 40px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h1, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h1, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h1, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h1, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h1 {
  margin-top: 5px;
  font-size: 14px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h2, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h2, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h2, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h2, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h2, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h2, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h2, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .received-donations h2, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations .pending-donations h2 {
  margin-top: 5px;
  font-size: 12px;
  color: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations {
  width: 250px;
  height: 120px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations img, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations img, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations img {
  width: 40px;
  height: 40px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h1, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h1, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h1 {
  margin-top: 5px;
  font-size: 16px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h2, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h2, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h2, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h2, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .completed-donations h2 {
  margin-top: 5px;
  font-size: 14px;
  color: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar {
  margin-top: 20px;
  padding: 8px;
  width: 100%;
  overflow: hidden;
  background-color: #14213d;
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg {
  color: #ffffff;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1 {
  color: #ffffff;
  font-size: 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin: 20px 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box {
  padding: 10px;
  background-color: #ffffff;
  border-radius: 5px;
  width: 100%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5 {
  color: #14213d;
  font-size: 17px;
  margin: 5px 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container {
  font-family: "Segoe UI", system-ui, sans-serif;
  max-width: 800px;
  margin: 0 auto;
  padding: 1rem;
  color: #333;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h2, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h2, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h2, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h2, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h2 {
  text-align: center;
  margin-bottom: 1.5rem;
  color: #2c3e50;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-controls, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-controls, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-controls, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-controls, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-controls, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-controls, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-controls, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-controls, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-controls, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-controls, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-controls, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn:hover, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn:hover, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn:hover {
  background: #e9ecef;
  border-color: #ced4da;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn svg, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn svg, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn svg, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn svg, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn svg, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .nav-btn svg {
  fill: #495057;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart {
  --bar-gap: 0.5rem;
  --bar-width: 3rem;
  --max-bar-height: 15rem;
  --axis-color: #adb5bd;
  --grid-line-color: #e9ecef;
  flex-grow: 1;
  height: var(--max-bar-height);
  display: flex;
  gap: var(--bar-gap);
  align-items: flex-end;
  padding: 0 1rem;
  position: relative;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::before, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::before, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::before, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::before, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::before, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::before, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::before, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--axis-color);
  z-index: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar {
  width: var(--bar-width);
  background: linear-gradient(to top, #1e315a, #14213d);
  border-radius: 4px 4px 0 0;
  position: relative;
  transition: height 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar:hover, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar:hover, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar:hover, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar:hover, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar:hover, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar:hover {
  opacity: 0.9;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar.today, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar.today, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar.today, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar.today, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar.today, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar.today, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar.today, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar.today, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar.today, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar.today, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar.today, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-bar.today {
  background: linear-gradient(to top, #fda430, #fea026);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label {
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0.85rem;
  color: #6c757d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value {
  position: absolute;
  top: -1.5rem;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 500;
  color: #2c3e50;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-footer, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-footer, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-footer, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-footer, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-footer, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-footer, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-footer, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-footer, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-footer, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-footer, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-footer, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .chart-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  padding: 0 1rem;
  font-size: 0.85rem;
  color: #6c757d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .scale-labels, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .scale-labels, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .scale-labels, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .scale-labels, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .scale-labels, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .scale-labels, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .scale-labels, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .scale-labels, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .scale-labels, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .scale-labels, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .scale-labels, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .scale-labels {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box {
  /* Grid lines */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::after, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::after, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::after, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::after, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::after, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::after, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-image: repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), var(--grid-line-color) calc(25% - 1px), var(--grid-line-color) 25%);
  background-size: 100% 25%;
}
@media (max-width: 600px) {
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart {
    --bar-width: 2rem;
    --max-bar-height: 12rem;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-label, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .bar-value {
    font-size: 0.7rem;
  }
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box {
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box h5, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box h5, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box h5, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box h5, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box h5, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box h5, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box h5, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box h5 {
  color: #14213d;
  font-size: 17px;
  margin: 5px 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie {
  --p: 20;
  --b: 15px;
  --c: darkred;
  --w: 127px;
  width: var(--w);
  aspect-ratio: 1;
  position: relative;
  display: inline-grid;
  place-content: center;
  font-size: 20px;
  font-weight: bold;
  font-family: sans-serif;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before,
.user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before,
.user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before,
.user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before,
.user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before,
.account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before,
.account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before,
.account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before,
.account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before,
.account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before,
.account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before,
.account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before,
.account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:before, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:before {
  inset: 0;
  background: radial-gradient(farthest-side, var(--c) 98%, rgba(0, 0, 0, 0)) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) 0%, rgba(0, 0, 0, 0) 0);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
  mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
  animation: fillAnimation 0.6s 0.6s forwards;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box .pie:after, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-completed-statistics-box .pie:after {
  inset: calc(50% - var(--b) / 2);
  background: var(--c);
  transform: rotate(0deg) translateY(calc(50% - var(--w) / 2));
  animation: rotateIndicator 0.6s 0.6s forwards;
}
@keyframes fillAnimation {
  to {
    background: radial-gradient(farthest-side, var(--c) 98%, rgba(0, 0, 0, 0)) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p) * 1%), rgba(0, 0, 0, 0) 0);
  }
}
@keyframes rotateIndicator {
  to {
    transform: rotate(calc(var(--p) * 3.6deg)) translateY(calc(50% - var(--w) / 2));
  }
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .th-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .td-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .th-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .td-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .th-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .td-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .th-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .td-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .td-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .td-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .td-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .td-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .th-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .td-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .th-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .td-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .th-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .td-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .th-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table .td-btn {
  text-align: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td .fundraiser-img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td .fundraiser-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td .fundraiser-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td .fundraiser-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td .fundraiser-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td .fundraiser-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td .fundraiser-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td .fundraiser-img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td .fundraiser-img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td .fundraiser-img, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td .fundraiser-img, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td .fundraiser-img {
  border-radius: 5px;
  width: 110px;
  height: 60px;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td a, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td a, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td a, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td a, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td a, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td a, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td a, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td a, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td a, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td a, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td a, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-main-content .my-fundraisers-table .content-table tbody tr td a {
  padding: 8px 8px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .th-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .td-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .th-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .td-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .th-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .td-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .th-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .td-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .td-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .td-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .td-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .th-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .td-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .th-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .td-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .th-btn, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .td-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .th-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .td-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .th-btn, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table .td-btn {
  text-align: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account img, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account img, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account img, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account img, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account img {
  width: 30px;
  height: 30px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account h1, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account h1, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account h1, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td .fundraiser-account h1 {
  color: #14213d;
  font-size: 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td a, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td a, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td a, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td a, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td a, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td a, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td a, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td a, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td a, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td a, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td a, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .rewards-board .content-table tbody tr td a {
  padding: 8px 8px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .pagination-controls, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .pagination-controls, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .pagination-controls, .user-panel-donor-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .pagination-controls, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .pagination-controls, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .pagination-controls, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .pagination-controls, .user-panel-indigent-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .pagination-controls, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-sub-content .pagination-controls, .account-header-sec .main-sec .container .main-content-user-panel .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .pagination-controls, .account-header-sec .main-sec .container .main-account-content .dashboard-sec .flex-dashboard-content .dashboard-sub-content .pagination-controls, .account-header-sec .main-sec .container .main-account-content .dashboard-d-sec .flex-dashboard-content .dashboard-sub-content .pagination-controls {
  align-items: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec {
  display: none;
  padding-top: 40px;
  width: 100%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .modal, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .modal, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .modal, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .modal, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .modal, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  animation: fadeIn 0.3s;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .modal-content, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .modal-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .modal-content, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .modal-content, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .modal-content, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .modal-content {
  background-color: #fefefe;
  margin: 10% auto;
  padding: 20px;
  border-radius: 10px;
  width: 90%;
  max-width: 400px;
  text-align: center;
  position: relative;
  animation: slideDown 0.3s;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .modal .close, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .modal .close, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .modal .close, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .modal .close, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .modal .close, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .modal .close {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #aaa;
  font-size: 24px;
  cursor: pointer;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .modal .close:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .modal .close:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .modal .close:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .modal .close:hover, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .modal .close:hover, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .modal .close:hover {
  color: #000;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .spinner, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .spinner, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .spinner, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .spinner, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .spinner, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .spinner {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #4CAF50;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 20px auto;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideDown {
  from {
    transform: translateY(-50px);
  }
  to {
    transform: translateY(0);
  }
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .title h1, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .title h1, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .title h1 {
  font-size: 30px;
  padding-bottom: 20px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  -moz-columns: 3;
       columns: 3;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box {
  width: 32.2%;
  position: relative;
  height: 320px;
  box-shadow: 0px 0px 14px 0px rgba(19, 19, 19, 0.1);
  border-radius: 5px;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  margin-bottom: 15px;
  background-color: #fff;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  padding: 5px;
  border: 2px solid #aaaaaa;
  /* Charity-only statuses badge */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.incompleted, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.incompleted, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.incompleted, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.incompleted, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.incompleted, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.incompleted {
  background: #fef3cd;
  color: #856404;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.create_form, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.create_form, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.create_form, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.create_form, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.create_form, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.create_form {
  background: #cfe2ff;
  color: #0a58ca;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.Waiting_requesters, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.Waiting_requesters, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.Waiting_requesters, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.Waiting_requesters, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.Waiting_requesters, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.Waiting_requesters {
  background: #e2d9f3;
  color: #6f42c1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.completed, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.completed, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.completed, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.completed, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.completed, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.completed {
  background: #d1e7dd;
  color: #0f5132;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.transferred, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.transferred, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.transferred, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.transferred, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.transferred, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.transferred {
  background: #e2e3e5;
  color: #383d41;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.waiting_verification, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.waiting_verification, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.waiting_verification, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.waiting_verification, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.waiting_verification, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box .status-badge.waiting_verification {
  background: #ffe0b8;
  color: #ff9100;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box small, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box small, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box small, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box small, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box small, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .status-and-type-box small {
  font-size: 11px;
  color: #666;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account img, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account img, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account img, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account img {
  width: 34px;
  height: 34px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account h1, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account h1, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-account h1 {
  color: #fff;
  font-size: 11px;
  text-shadow: 0.5px 0.5px 0 #565656, -0.5px -0.5px 0 #565656, 0.5px -0.5px 0 #565656, -0.5px 0.5px 0 #565656;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-img, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-img, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-img {
  width: 100%;
  height: 50%;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  margin-bottom: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  transition: all 0.5s linear;
  height: 9%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title .main-title, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title .main-title, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title .main-title, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title .main-title, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title .main-title, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title .main-title {
  color: #14213d;
  font-size: 14px;
  width: 50%;
  margin-bottom: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title span, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title span, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title span, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title span, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title span, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title span {
  color: rgb(255, 154, 23);
  font-size: 9px;
  padding-top: 2px;
  transition: all 0.7s linear;
  font-weight: 600;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-categories, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-categories, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-categories, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-categories, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-categories, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-categories {
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-categories .category-tag, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-categories .category-tag, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-categories .category-tag, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-categories .category-tag, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-categories .category-tag, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-categories .category-tag {
  text-align: center;
  font-size: 10px;
  padding: 4px;
  color: #949494;
  background-color: #f0f0f0;
  border: 1.5px solid #adadad;
  border-radius: 20px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box p.fundraiser-des, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box p.fundraiser-des, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box p.fundraiser-des, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box p.fundraiser-des, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box p.fundraiser-des, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box p.fundraiser-des {
  color: #767676;
  width: 100%;
  font-size: 9px;
  height: 10%;
  padding: 0 10px;
  margin-top: 5px;
  display: --webkit-box;
  --webkit-line-clamp: 2; /* Limits to 2 lines (adjust as needed) */
  -webkit-box-orient: vertical;
  overflow: hidden; /* Hides text that exceeds the area */
  text-overflow: ellipsis; /* Adds "..." at the cutoff point */
  word-break: break-word; /* Forces long strings (like "aaa...") to wrap */
  line-height: 1.4;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  gap: 10px;
  transition: all 0.7s linear;
  height: 18%;
  align-items: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns {
  display: flex;
  gap: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .edit-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .edit-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .edit-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .edit-btn, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .edit-btn, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .edit-btn {
  border: 1px solid rgb(20, 33, 61);
  background-color: rgb(20, 33, 61);
  color: #fff;
  padding: 10px 5px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .edit-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .edit-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .edit-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .edit-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .edit-btn:hover, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .edit-btn:hover {
  box-shadow: 0 0 14px 4px rgba(20, 33, 61, 0.2);
  border: 1px solid rgb(20, 33, 61);
  background-color: transparent;
  color: rgb(20, 33, 61);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .delete-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .delete-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .delete-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .delete-btn, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .delete-btn, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .delete-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 10px 5px;
  color: #ffffff;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .delete-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .delete-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .delete-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .delete-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .delete-btn:hover, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .delete-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar {
  gap: 10px;
  background-color: rgba(20, 33, 61, 0.1);
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale {
  background-color: rgba(20, 33, 61, 0.5);
  border-radius: 20px;
  width: 80px;
  height: 6px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale .donation-progress, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale .donation-progress, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale .donation-progress, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale .donation-progress, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale .donation-progress, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale .donation-progress {
  background-color: #ff9a17;
  width: 70%;
  height: 100%;
  border-radius: 20px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note {
  display: flex;
  align-items: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number .money, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note .money, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number .money, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note .money, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number .money, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note .money, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number .money, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note .money, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number .money, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note .money, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number .money, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note .money {
  font-size: 11px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state {
  text-align: center;
  align-items: center;
  width: 100%;
  padding-top: 10rem;
  color: #999;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state h3, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state h3, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state h3, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state h3, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state h3, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state h3 {
  font-size: 25px;
  margin-bottom: 5px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state p, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state p, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state p, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .my-fundraisers-boxes .empty-fundraisers-state p {
  font-size: 17px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box {
  position: relative;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box label, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box label, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box label, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box label {
  position: absolute;
  top: 30%;
  left: 10px;
  color: #767676;
  font-size: 17px;
  display: block;
  transition: 0.3s ease-in-out;
  z-index: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.input-box-active label, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.input-box-active label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.input-box-active label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.input-box-active label, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.input-box-active label, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.input-box-active label {
  position: absolute;
  top: 10%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.input-box-active input, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.input-box-active input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.input-box-active input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.input-box-active input, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.input-box-active input, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.input-box-active input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.input-box-active i, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.input-box-active i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.input-box-active i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.input-box-active i, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.input-box-active i, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.input-box-active i {
  position: absolute;
  top: 32%;
  right: 18px;
  color: #ff9a17;
  font-size: 20px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: absolute;
  z-index: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.field-is-filled label, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.field-is-filled label {
  position: absolute;
  top: 10%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.field-is-filled input, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.field-is-filled input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.field-is-filled input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.field-is-filled input, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.field-is-filled input, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.field-is-filled input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.field-is-filled i, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.field-is-filled i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.field-is-filled i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.field-is-filled i, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.field-is-filled i, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.field-is-filled i {
  position: absolute;
  top: 32%;
  right: 18px;
  color: #ff9a17;
  font-size: 20px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: absolute;
  z-index: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec {
  /* Modal input-box width override */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #verifyCampaignModal .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #verifyCampaignModal .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #verifyCampaignModal .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #verifyCampaignModal .input-box, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #verifyCampaignModal .input-box, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #verifyCampaignModal .input-box {
  width: 100%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec {
  /* Textarea variant for .input-box */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.textarea-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.textarea-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.textarea-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.textarea-box, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.textarea-box, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.textarea-box {
  height: auto;
  min-height: 100px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea {
  position: relative;
  width: 100%;
  min-height: 80px;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px;
  font-size: 17px;
  resize: vertical;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.input-box-active textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.input-box-active textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.input-box-active textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.input-box-active textarea, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.input-box-active textarea, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.input-box-active textarea {
  border-bottom: 2px solid #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.field-is-filled textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.field-is-filled textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.field-is-filled textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.field-is-filled textarea, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box.field-is-filled textarea, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box.field-is-filled textarea {
  border-bottom: 1px solid #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec {
  /* ===== FIX 1: Prevent placeholder / label overlap ===== */
  /* Hide placeholder by default so it never overlaps the floating label */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input::-moz-placeholder, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea::-moz-placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input::-moz-placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea::-moz-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input::-moz-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea::-moz-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input::-moz-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea::-moz-placeholder, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input::-moz-placeholder, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea::-moz-placeholder, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input::-moz-placeholder, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input::placeholder,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea::placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input::placeholder,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea::placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input::placeholder,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea::placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input::placeholder,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea::placeholder, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input::placeholder,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea::placeholder, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input::placeholder,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea::placeholder {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec {
  /* Show placeholder only when the field is focused (label has already moved up) */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input:focus::-moz-placeholder, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea:focus::-moz-placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input:focus::-moz-placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea:focus::-moz-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input:focus::-moz-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea:focus::-moz-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input:focus::-moz-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea:focus::-moz-placeholder, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input:focus::-moz-placeholder, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea:focus::-moz-placeholder, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input:focus::-moz-placeholder, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea:focus::-moz-placeholder {
  opacity: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input:focus::placeholder,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea:focus::placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input:focus::placeholder,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea:focus::placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input:focus::placeholder,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea:focus::placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input:focus::placeholder,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea:focus::placeholder, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box input:focus::placeholder,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .input-box textarea:focus::placeholder, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box input:focus::placeholder,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .input-box textarea:focus::placeholder {
  opacity: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec {
  /* ===== FIX 2: RTL support for floating labels ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box label, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box label, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box label, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box label {
  left: auto;
  right: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box.input-box-active label,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box.field-is-filled label, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box.input-box-active label,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box.input-box-active label,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box.input-box-active label,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box.input-box-active label,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box.input-box-active label,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box.field-is-filled label {
  left: auto;
  right: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box.input-box-active i,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box.field-is-filled i, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box.input-box-active i,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box.field-is-filled i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box.input-box-active i,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box.field-is-filled i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box.input-box-active i,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box.field-is-filled i, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box.input-box-active i,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec [dir=rtl] .input-box.field-is-filled i, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box.input-box-active i,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec [dir=rtl] .input-box.field-is-filled i {
  right: auto;
  left: 18px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec {
  /* ===== ACHIEVEMENT MODAL ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  animation: fadeIn 0.3s;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-content, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-content, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-content, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-content, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 0;
  border-radius: 10px;
  width: 90%;
  max-width: 600px;
  text-align: left;
  position: relative;
  animation: slideDown 0.3s;
  max-height: 90vh;
  overflow-y: auto;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-header, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-header, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-header, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-header, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-header, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-header {
  padding: 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-header h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-header h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-header h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-header h2, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-header h2, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-header h2 {
  margin: 0;
  color: #14213d;
  font-size: 18px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-body, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-body, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-body, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-body, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-body, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-body {
  padding: 20px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-footer, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-footer, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-footer, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-footer, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .modal-footer, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .modal-footer {
  padding: 15px 20px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-note, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-note, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-note, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-note, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-note, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-note {
  margin: 0 0 20px 0;
  padding: 12px 16px;
  background: #e8f5e9;
  border-radius: 8px;
  color: #2e7d32;
  font-size: 13px;
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-note i, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-note i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-note i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-note i, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-note i, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-note i {
  margin-top: 2px;
  flex-shrink: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box {
  width: 100%;
  height: 55px;
  margin-bottom: 12px;
  position: relative;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.textarea-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.textarea-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.textarea-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.textarea-box, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.textarea-box, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.textarea-box {
  height: auto;
  min-height: 120px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box input,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box input,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box input,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box input,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box textarea, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box input,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box textarea, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box input,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box textarea {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 15px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box textarea, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box textarea, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box textarea {
  min-height: 100px;
  resize: vertical;
  padding-top: 25px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box label, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box label, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box label, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box label {
  position: absolute;
  top: 30%;
  left: 10px;
  color: #767676;
  font-size: 14px;
  transition: 0.3s ease-in-out;
  z-index: 1;
  pointer-events: none;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.input-box-active label,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.field-is-filled label, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.input-box-active label,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.input-box-active label,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.input-box-active label,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.input-box-active label,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.input-box-active label,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.field-is-filled label {
  top: 10%;
  font-size: 10px;
  font-weight: bold;
  color: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.field-is-filled label, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.field-is-filled label {
  color: #767676;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.input-box-active input,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.input-box-active textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.input-box-active input,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.input-box-active textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.input-box-active input,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.input-box-active textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.input-box-active input,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.input-box-active textarea, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.input-box-active input,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-form .input-box.input-box-active textarea, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.input-box-active input,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-form .input-box.input-box-active textarea {
  border-bottom: 2px solid #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .wrapper, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .wrapper, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .wrapper, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .wrapper, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .wrapper, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .wrapper {
  position: relative;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .image-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .image-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .image-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .image-box, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .image-box, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .image-box {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 5px;
  border: 1.7px dashed #14213d;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .image-box:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .image-box:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .image-box:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .image-box:hover, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .image-box:hover, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .image-box:hover {
  border-color: #ff9a17;
  background: #fff8e1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .image-box svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .image-box svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .image-box svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .image-box svg, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .image-box svg, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .image-box svg {
  color: #767676;
  margin-bottom: 8px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .image-box p, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .image-box p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .image-box p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .image-box p, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .image-box p, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .image-box p {
  color: #767676;
  font-size: 12px;
  margin: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .main-image-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .main-image-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .main-image-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .main-image-box, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .main-image-box, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .main-image-box {
  grid-column: 1/-1;
  height: 160px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .main-image-box p, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .main-image-box p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .main-image-box p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .main-image-box p, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-images-grid .main-image-box p, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-images-grid .main-image-box p {
  font-size: 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-submit-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-submit-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-submit-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-submit-btn, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-submit-btn, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-submit-btn {
  padding: 12px 24px;
  background: #14213d;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-submit-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-submit-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-submit-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-submit-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-submit-btn:hover, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-submit-btn:hover {
  background: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-submit-btn:disabled, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-submit-btn:disabled, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-submit-btn:disabled, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-submit-btn:disabled, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-submit-btn:disabled, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-submit-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-cancel-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-cancel-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-cancel-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-cancel-btn, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-cancel-btn, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-cancel-btn {
  padding: 12px 24px;
  background: transparent;
  color: #666;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-cancel-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-cancel-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-cancel-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-cancel-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .achievement-cancel-btn:hover, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .achievement-cancel-btn:hover {
  background: #f5f5f5;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .create-achievement-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .create-achievement-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .create-achievement-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .create-achievement-btn, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .create-achievement-btn, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .create-achievement-btn {
  padding: 8px 16px;
  background: #4caf50;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: all 0.3s;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .create-achievement-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .create-achievement-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .create-achievement-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .create-achievement-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .create-achievement-btn:hover, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .create-achievement-btn:hover {
  background: #43a047;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .create-achievement-btn i, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .create-achievement-btn i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .create-achievement-btn i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .create-achievement-btn i, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .create-achievement-btn i, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec .create-achievement-btn i {
  font-size: 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec {
  /* ===== ACHIEVEMENT MODAL UPLOAD FIXES ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box {
  position: relative;
  overflow: hidden;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-placeholder, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-placeholder, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-info,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-success-state,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-info,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-success-state, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-info,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-success-state,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-info,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-success-state, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-info,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-success-state,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-info,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-success-state, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-info,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-success-state,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-info,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-success-state, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-info,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-success-state,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-info,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-success-state, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-info,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-success-state,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-info,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-success-state {
  display: none;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-success-state,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-success-state, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-success-state,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-success-state, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-success-state,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-success-state, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-success-state,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-success-state, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-success-state,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-success-state, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-success-state,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-success-state {
  display: none;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box.has-preview .upload-placeholder,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box.has-preview .upload-placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box.has-preview .upload-placeholder,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box.has-preview .upload-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box.has-preview .upload-placeholder,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box.has-preview .upload-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box.has-preview .upload-placeholder,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box.has-preview .upload-placeholder, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box.has-preview .upload-placeholder,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box.has-preview .upload-placeholder, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box.has-preview .upload-placeholder,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box.has-preview .upload-placeholder {
  display: none;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box.has-preview .upload-success-state,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box.has-preview .upload-success-state, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box.has-preview .upload-success-state,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box.has-preview .upload-success-state, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box.has-preview .upload-success-state,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box.has-preview .upload-success-state, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box.has-preview .upload-success-state,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box.has-preview .upload-success-state, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box.has-preview .upload-success-state,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box.has-preview .upload-success-state, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .image-box.has-preview .upload-success-state,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box.has-preview .upload-success-state {
  display: flex;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder svg,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-placeholder svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder svg,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-placeholder svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder svg,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-placeholder svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder svg,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-placeholder svg, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder svg,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-placeholder svg, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder svg,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-placeholder svg {
  color: #767676;
  margin-bottom: 8px;
  transition: color 0.2s;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder:hover svg,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-placeholder:hover svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder:hover svg,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-placeholder:hover svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder:hover svg,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-placeholder:hover svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder:hover svg,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-placeholder:hover svg, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder:hover svg,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-placeholder:hover svg, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder:hover svg,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-placeholder:hover svg {
  color: #555;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder p,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-placeholder p, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder p,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-placeholder p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder p,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-placeholder p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder p,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-placeholder p, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder p,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-placeholder p, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-placeholder p,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-placeholder p {
  color: #767676;
  font-size: 12px;
  margin: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .main-image-box .upload-placeholder p, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .main-image-box .upload-placeholder p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .main-image-box .upload-placeholder p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .main-image-box .upload-placeholder p, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .main-image-box .upload-placeholder p, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .main-image-box .upload-placeholder p {
  font-size: 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-icon, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-icon, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-icon, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-icon, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-icon, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-icon {
  font-size: 22px;
  flex-shrink: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-icon i, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-icon i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-icon i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-icon i, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-icon i, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-icon i {
  color: #2196F3;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .file-icon i, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .file-icon i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .file-icon i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .file-icon i, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .file-icon i, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .file-icon i {
  color: #9c27b0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-details,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .file-details, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-details,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .file-details, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-details,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .file-details, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-details,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .file-details, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-details,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .file-details, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-details,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .file-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 2px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-name,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .file-name, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-name,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .file-name, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-name,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .file-name, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-name,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .file-name, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-name,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .file-name, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-name,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .file-name {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-meta,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .file-meta, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-meta,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .file-meta, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-meta,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .file-meta, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-meta,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .file-meta, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .file-meta,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .file-meta, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .file-meta,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .file-meta {
  font-size: 11px;
  color: #888;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-progress,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-progress, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-progress,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-progress, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-progress,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-progress, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-progress,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-progress, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-progress,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .upload-progress, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .upload-progress,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .upload-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-bar,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .progress-bar, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-bar,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .progress-bar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-bar,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .progress-bar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-bar,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .progress-bar, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-bar,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .progress-bar, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-bar,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .progress-bar {
  width: 60px;
  height: 6px;
  background: #e0e0e0;
  border-radius: 3px;
  overflow: hidden;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-fill,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .progress-fill, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-fill,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .progress-fill, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-fill,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .progress-fill, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-fill,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .progress-fill, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-fill,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .progress-fill, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-fill,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .progress-fill {
  height: 100%;
  background: #4caf50;
  border-radius: 3px;
  width: 0%;
  transition: width 0.1s linear;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-percent,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .progress-percent, .user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-percent,
.user-panel-donor-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .progress-percent, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-percent,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .progress-percent, .user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-percent,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .progress-percent, .account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-percent,
.account-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec #achievementModal .video-box .progress-percent, .account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .achievement-images-grid .progress-percent,
.account-header-sec .main-sec .container .main-account-content .my-fundraisers-sec #achievementModal .video-box .progress-percent {
  font-size: 12px;
  font-weight: 600;
  color: #4caf50;
  min-width: 35px;
  text-align: right;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec {
  display: none;
  padding-top: 40px;
  width: 100%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .video-upload-box h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-item-box h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .video-upload-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-item-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .video-upload-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-item-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .video-upload-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-item-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-box h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .video-upload-box h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-item-box h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-box h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .video-upload-box h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-item-box h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-box h1 {
  font-size: 25px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .expiry-date-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .expiry-date-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .expiry-date-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .expiry-date-box h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .expiry-date-box h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .expiry-date-box h1 {
  font-size: 25px;
  color: #14213d;
  padding-bottom: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 18px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box h1 {
  font-size: 25px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector {
  display: flex;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  width: -moz-fit-content;
  width: fit-content;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a {
  border: 2px solid #ff9a17;
  padding: 8px 20px;
  background-color: transparent;
  color: #ff9a17;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 0.3s;
  position: relative;
  z-index: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector .fundraiser-type-selector a:first-child, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector .fundraiser-type-selector a:first-child, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector .fundraiser-type-selector a:first-child, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector .fundraiser-type-selector a:first-child, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector .fundraiser-type-selector a:first-child, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector .fundraiser-type-selector a:first-child {
  border-radius: 0px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a:last-child, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a:last-child, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a:last-child, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a:last-child, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a:last-child, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a:last-child {
  border-radius: 0px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector::before, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector::before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector::before, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector::before, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector::before {
  position: absolute;
  content: "";
  width: 50%;
  top: 1px;
  left: 0;
  height: 98%;
  background-color: #14213d;
  z-index: 0;
  border-radius: 5px 0 0 5px;
  transition: left 0.4s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector.donation-mode::before, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector.donation-mode::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector.donation-mode::before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector.donation-mode::before, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector.donation-mode::before, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector.donation-mode::before {
  left: 52%;
  width: 48%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector.fundraiser-mode::before, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector.fundraiser-mode::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector.fundraiser-mode::before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector.fundraiser-mode::before, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector.fundraiser-mode::before, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector.fundraiser-mode::before {
  left: 0%;
  width: 52%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a.active-type, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a.active-type, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a.active-type, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a.active-type, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a.active-type, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-type-box .fundraiser-type-selector a.active-type {
  color: #fff;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title h1 {
  font-size: 30px;
  padding-bottom: 20px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box {
  position: relative;
  overflow: visible !important; /* ← ADD THIS */
  width: 500px;
  height: 55px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box label, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box label, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box label, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box label {
  position: absolute;
  top: 30%;
  left: 10px;
  color: #767676;
  font-size: 17px;
  display: block;
  transition: 0.3s ease-in-out;
  z-index: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box input, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box input, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box input, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.input-box-active label, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.input-box-active label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.input-box-active label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.input-box-active label, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.input-box-active label, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.input-box-active label {
  position: absolute;
  top: 10%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.input-box-active input, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.input-box-active input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.input-box-active input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.input-box-active input, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.input-box-active input, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.input-box-active input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.input-box-active i, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.input-box-active i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.input-box-active i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.input-box-active i, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.input-box-active i, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.input-box-active i {
  position: absolute;
  top: 32%;
  right: 18px;
  color: #ff9a17;
  font-size: 20px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: absolute;
  z-index: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.field-is-filled label, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.field-is-filled label {
  position: absolute;
  top: 10%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.field-is-filled input, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.field-is-filled input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.field-is-filled input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.field-is-filled input, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.field-is-filled input, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.field-is-filled input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.field-is-filled i, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.field-is-filled i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.field-is-filled i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.field-is-filled i, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .input-box.field-is-filled i, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .input-box.field-is-filled i {
  position: absolute;
  top: 32%;
  right: 18px;
  color: #ff9a17;
  font-size: 20px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: absolute;
  z-index: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: 20px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box h1 {
  font-size: 25px;
  padding-bottom: 10px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select {
  position: relative;
  width: 500px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box {
  background-color: #ffffff;
  border: 1px solid #ced4da;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 0 10px;
  border-bottom: 1px solid #14213d;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag {
  background-color: #f2f2f2;
  color: #000;
  border-radius: 5px;
  margin-right: 5px;
  padding: 6px 14px;
  display: flex;
  align-items: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .remove-tag, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .remove-tag, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .remove-tag, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .remove-tag, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .remove-tag, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .remove-tag {
  margin-left: 6px;
  cursor: pointer;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag.remaining-count, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag.remaining-count, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag.remaining-count, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag.remaining-count, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag.remaining-count, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag.remaining-count {
  background-color: #f2f2f2;
  color: #000;
  border-radius: 5px;
  margin-right: 5px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  cursor: default;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag.remaining-count:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag.remaining-count:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag.remaining-count:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag.remaining-count:hover, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag.remaining-count:hover, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .selected-options .tag.remaining-count:hover {
  background-color: #f2f2f2;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .arrow, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .arrow, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .arrow, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .arrow, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .arrow, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .arrow {
  position: absolute;
  top: 20%;
  right: 2%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .arrow .fa-angle-down, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .arrow .fa-angle-down, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .arrow .fa-angle-down, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .arrow .fa-angle-down, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .arrow .fa-angle-down, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .arrow .fa-angle-down {
  color: #404040;
  font-size: 30px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options {
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #ced4da;
  border-top: none;
  max-height: 225px;
  overflow-y: auto;
  top: 56px;
  left: 0;
  z-index: 100;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags {
  background-color: #ffffff;
  border: 1px solid #ced4da;
  padding: 8px 0px;
  margin: 8px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags .clear, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags .clear, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags .clear, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags .clear, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags .clear, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags .clear {
  position: absolute;
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  color: #000;
  top: 26px;
  left: auto;
  right: 15px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags .search-tags, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags .search-tags, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags .search-tags, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags .search-tags, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags .search-tags, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option-search-tags .search-tags {
  width: 100%;
  border: none;
  outline: none;
  padding: 8px;
  font-size: 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option {
  padding: 12px;
  cursor: pointer;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option.active, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option.active, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option.active, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option.active, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option.active, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option.active {
  color: #000;
  background-color: #f2f2f2;
  border-bottom: 1px solid #eaeaea;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .tag:hover,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .tag:hover,
.user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .tag:hover,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .tag:hover,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option:hover, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .tag:hover,
.account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option:hover, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .tag:hover,
.account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .option:hover {
  background-color: #eaeaea;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .no-result-message, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .no-result-message, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .no-result-message, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .no-result-message, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .no-result-message, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .options .no-result-message {
  padding: 0px 0px 12px 12px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .error, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .error, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .error, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .error, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .error, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select .select-box .error {
  color: red;
  margin-top: 8;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .open .options, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .open .options, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .open .options, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .open .options, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .open .options, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .categories-box .open .options {
  display: block;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box h1 {
  font-size: 25px;
  margin-bottom: 10px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box {
  width: 220px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box i, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box i, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box i, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box i {
  position: absolute;
  top: 35%;
  right: 25px;
  color: #767676;
  font-size: 18px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: absolute;
  z-index: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box.input-box-active i, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box.input-box-active i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box.input-box-active i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box.input-box-active i, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box.input-box-active i, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box.input-box-active i {
  position: absolute;
  top: 45%;
  right: 30px;
  color: #ff9a17;
  font-size: 15px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: absolute;
  z-index: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box.field-is-filled i, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box.field-is-filled i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box.field-is-filled i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box.field-is-filled i, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box.field-is-filled i, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .categories-and-money-req .money-req-box .input-box.field-is-filled i {
  position: absolute;
  top: 45%;
  right: 30px;
  color: #767676;
  font-size: 15px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: absolute;
  z-index: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec {
  /* ==================== HASHTAGS BOX (Unified with site .input-box) ==================== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-box {
  margin-top: 25px;
  width: 100%;
  max-width: 560px; /* matches .title-box / .description-box */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-box h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-box h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-box h1 {
  font-size: 25px;
  margin-bottom: 10px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec {
  /* Wrapper mimics .input-box */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-input-wrapper, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-input-wrapper, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-input-wrapper, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-input-wrapper, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-input-wrapper, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-input-wrapper {
  position: relative;
  width: 100%;
  min-height: 55px;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: none;
  border-bottom: 1px solid #14213d;
  transition: border-color 0.3s ease-in-out;
  padding: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec {
  /* Focus/active state mimics .input-box-active */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-input-wrapper:focus-within, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-input-wrapper:focus-within, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-input-wrapper:focus-within, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-input-wrapper:focus-within, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-input-wrapper:focus-within, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-input-wrapper:focus-within {
  border-bottom: 2px solid #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec {
  /* Tagify stripped to sit flush inside the wrapper */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-input-wrapper .tagify,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-input-wrapper .tagify,
.user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-input-wrapper .tagify,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-input-wrapper .tagify,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hashtags-input-wrapper .tagify,
.account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hashtags-input-wrapper .tagify,
.account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify {
  --tags-border-color: transparent;
  --tags-hover-border-color: transparent;
  --tags-focus-border-color: transparent;
  border: none;
  border-radius: 0;
  width: 100%;
  background: transparent;
  min-height: 55px;
  height: auto;
  padding: 10px;
  margin: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec {
  /* Tag pills – keep the orange site accent */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify__tag, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify__tag, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify__tag, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify__tag, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify__tag, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify__tag {
  --tag-bg: #fff3e0;
  --tag-hover: #ffe0b2;
  --tag-text-color: #e65100;
  --tag-remove-btn-color: #e65100;
  border-radius: 5px;
  margin: 2px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify__tag > div, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify__tag > div, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify__tag > div, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify__tag > div, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify__tag > div, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify__tag > div {
  border-radius: 5px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec {
  /* Cursor / typing area */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify__input, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify__input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify__input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify__input, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify__input, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify__input {
  margin: 0;
  padding: 0;
  font-size: 17px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify__input::before, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify__input::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify__input::before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify__input::before, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .tagify__input::before, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .tagify__input::before {
  color: #767676 !important; /* placeholder colour matching other inputs */
  font-size: 17px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec {
  /* Helper text */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hint, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hint, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hint, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hint, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .hint, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .hint {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #888;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec {
  /* Suggested tags below */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .suggested-tags, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .suggested-tags, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .suggested-tags, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .suggested-tags, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .suggested-tags, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .suggested-tags {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .suggested-tags > p, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .suggested-tags > p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .suggested-tags > p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .suggested-tags > p, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .suggested-tags > p, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .suggested-tags > p {
  width: 100%;
  margin: 0 0 5px;
  font-size: 13px;
  color: #666;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .suggested-tag-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .suggested-tag-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .suggested-tag-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .suggested-tag-btn, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .suggested-tag-btn, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .suggested-tag-btn {
  background: #f5f5f5;
  border: 1px dashed #999;
  color: #555;
  padding: 6px 14px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .suggested-tag-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .suggested-tag-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .suggested-tag-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .suggested-tag-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .suggested-tag-btn:hover, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .suggested-tag-btn:hover {
  background: #ff9a17;
  color: #fff;
  border-color: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box {
  margin-top: 20px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box h1 {
  font-size: 25px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box {
  /* Add these styles to your existing CSS */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .image-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .image-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .image-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .image-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .image-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .image-box {
  position: relative;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .image-preview, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .image-preview, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .image-preview, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .image-preview, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .image-preview, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .image-preview {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 5px;
  display: none;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .uploading svg,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .uploading p, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .uploading svg,
.user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .uploading p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .uploading svg,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .uploading p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .uploading svg,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .uploading p, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .uploading svg,
.account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .uploading p, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .uploading svg,
.account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .uploading p {
  color: #ff9a17 !important; /* Orange color for uploading state */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .upload-success svg,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .upload-success p, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .upload-success svg,
.user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .upload-success p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .upload-success svg,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .upload-success p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .upload-success svg,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .upload-success p, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .upload-success svg,
.account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .upload-success p, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .upload-success svg,
.account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .upload-success p {
  color: #4BB543 !important; /* Green color for success state */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .image-box.has-preview svg,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .image-box.has-preview p, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .image-box.has-preview svg,
.user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .image-box.has-preview p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .image-box.has-preview svg,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .image-box.has-preview p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .image-box.has-preview svg,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .image-box.has-preview p, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .image-box.has-preview svg,
.account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .image-box.has-preview p, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .image-box.has-preview svg,
.account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .image-box.has-preview p {
  display: none;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box {
  /* Success state border */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .upload-success .image-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .upload-success .image-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .upload-success .image-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .upload-success .image-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .upload-success .image-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .upload-success .image-box {
  border-color: #4BB543 !important;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .split-line, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .split-line, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .split-line, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .split-line, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .split-line, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .split-line {
  width: 3px;
  border-radius: 5px;
  height: 150px;
  background-color: rgb(255, 154, 23);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper {
  width: 350px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.05);
  position: relative;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 5px;
  border: 1.7px dashed #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box :where(i, p), .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box :where(i, p), .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box :where(i, p), .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box :where(i, p), .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box :where(i, p), .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box :where(i, p) {
  color: #767676;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box svg, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box svg, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box svg {
  color: #767676;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box p, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box p, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box p, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .image-box p {
  margin-top: 15px;
  font-size: 16px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .row, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .row, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .row, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .row, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .row, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .row {
  background: rgb(220, 231, 255);
  list-style: none;
  padding: 15px 20px;
  border-radius: 0 0 5px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .row i, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .row i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .row i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .row i, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .row i, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .row i {
  color: #ff9a17;
  font-size: 30px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .details span, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .details span, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .details span, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .details span, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .details span, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper section .details span {
  font-size: 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .row .content, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .row .content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .row .content, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .row .content, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .row .content, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .row .content {
  width: 100%;
  margin-left: 15px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .details, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .details, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .details, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .details, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .details, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .content .progress-bar, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .content .progress-bar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .content .progress-bar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .content .progress-bar, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .content .progress-bar, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .content .progress-bar {
  height: 6px;
  width: 100%;
  margin-bottom: 4px;
  background: rgb(249, 217, 176);
  border-radius: 30px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .content .progress-bar .progress, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .content .progress-bar .progress, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .content .progress-bar .progress, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .content .progress-bar .progress, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .content .progress-bar .progress, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .progress-area .content .progress-bar .progress {
  height: 100%;
  width: 0%;
  background: #ff9a17;
  border-radius: inherit;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area {
  max-height: 232px;
  overflow-y: scroll;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .content, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .content, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .content, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .content, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .content {
  display: flex;
  align-items: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .details, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .details, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .details, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .details, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .details, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .details {
  display: flex;
  margin-left: 15px;
  flex-direction: column;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .details .size, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .details .size, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .details .size, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .details .size, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .details .size, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area .row .details .size {
  color: #404040;
  font-size: 11px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area i.fa-check, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area i.fa-check, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area i.fa-check, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area i.fa-check, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area i.fa-check, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area i.fa-check {
  font-size: 16px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area.onprogress, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area.onprogress, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area.onprogress, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area.onprogress, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area.onprogress, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area.onprogress {
  max-height: 150px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area::-webkit-scrollbar, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area::-webkit-scrollbar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area::-webkit-scrollbar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area::-webkit-scrollbar, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area::-webkit-scrollbar, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fundraiser-images-box .images-boxes .wrapper .uploaded-area::-webkit-scrollbar {
  width: 0px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box {
  width: 100%;
  max-width: 560px;
  margin: 20px 0 20px 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box h1 {
  font-size: 25px;
  margin-bottom: 10px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box {
  position: relative;
  height: 160px;
  width: 100%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box .label-desc, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box .label-desc, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box .label-desc, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box .label-desc, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box .label-desc, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box .label-desc, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box .label-desc, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box .label-desc {
  top: 10%;
  left: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box textarea, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box textarea, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box textarea, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box textarea, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box textarea, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box textarea {
  resize: none;
  font-size: 15px;
  font-weight: 500;
  color: #14213d;
  width: 100%;
  height: 100%;
  padding: 20px 10px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box .input-box textarea::-moz-placeholder, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box .input-box textarea::-moz-placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box .input-box textarea::-moz-placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box .input-box textarea::-moz-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box .input-box textarea::-moz-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box .input-box textarea::-moz-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box .input-box textarea::-moz-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box .input-box textarea::-moz-placeholder, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box .input-box textarea::-moz-placeholder, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box .input-box textarea::-moz-placeholder, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box .input-box textarea::-moz-placeholder, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box .input-box textarea::-moz-placeholder {
  font-size: 15px;
  font-weight: 500;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box .input-box textarea::placeholder, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box .input-box textarea::placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box .input-box textarea::placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box .input-box textarea::placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box .input-box textarea::placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box .input-box textarea::placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box .input-box textarea::placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box .input-box textarea::placeholder, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box .input-box textarea::placeholder, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box .input-box textarea::placeholder, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box .input-box textarea::placeholder, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box .input-box textarea::placeholder {
  font-size: 15px;
  font-weight: 500;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box .characters, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box .characters, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box .characters, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box .characters, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box .characters, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box .characters, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box .characters, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box .characters, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box .characters, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box .characters, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box .characters, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box .characters {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  color: #767676;
  font-size: 14px;
  background-color: white;
  padding: 2px 5px;
  border-radius: 3px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.input-box-active .label-desc, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.input-box-active .label-desc, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.input-box-active .label-desc, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.input-box-active .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.input-box-active .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.input-box-active .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.input-box-active .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.input-box-active .label-desc, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.input-box-active .label-desc, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.input-box-active .label-desc, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.input-box-active .label-desc, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.input-box-active .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.input-box-active textarea, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.input-box-active textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.input-box-active textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.input-box-active textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.input-box-active textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.input-box-active textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.input-box-active textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.input-box-active textarea, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.input-box-active textarea, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.input-box-active textarea, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.input-box-active textarea, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.input-box-active textarea {
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding-top: 20px;
  padding: 30px 10px 10px 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.input-box-active .characters, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.input-box-active .characters, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.input-box-active .characters, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.input-box-active .characters, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.input-box-active .characters, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.input-box-active .characters, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.input-box-active .characters, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.input-box-active .characters, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.input-box-active .characters, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.input-box-active .characters, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.input-box-active .characters, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.input-box-active .characters {
  display: flex;
  color: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.field-is-filled .label-desc, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.field-is-filled .label-desc, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.field-is-filled .label-desc, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.field-is-filled .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.field-is-filled .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.field-is-filled .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.field-is-filled .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.field-is-filled .label-desc, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.field-is-filled .label-desc, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.field-is-filled .label-desc, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.field-is-filled .label-desc, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.field-is-filled .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.field-is-filled textarea, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.field-is-filled textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.field-is-filled textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.field-is-filled textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.field-is-filled textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.field-is-filled textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.field-is-filled textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.field-is-filled textarea, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.field-is-filled textarea, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.field-is-filled textarea, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.field-is-filled textarea, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.field-is-filled textarea {
  padding: 30px 10px 10px 10px;
  border-bottom: 1px solid #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.field-is-filled .characters, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.field-is-filled .characters, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.field-is-filled .characters, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.field-is-filled .characters, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.field-is-filled .characters, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.field-is-filled .characters, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.field-is-filled .characters, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.field-is-filled .characters, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.field-is-filled .characters, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.field-is-filled .characters, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.field-is-filled .characters, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.field-is-filled .characters {
  color: #767676;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.error textarea, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.error textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.error textarea, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.error textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.error textarea, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.error textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.error textarea, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.error textarea, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.error textarea, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.error textarea, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.error textarea, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.error textarea {
  border-bottom: 2px solid red;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.error .label-desc, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.error .label-desc, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.error .label-desc, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.error .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.error .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.error .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.error .label-desc, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.error .label-desc, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.error .label-desc, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.error .label-desc, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.error .label-desc, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.error .label-desc {
  color: red;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.error .characters, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.error .characters, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.error .characters, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.error .characters, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.error .characters, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.error .characters, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.error .characters, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.error .characters, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box .input-box.error .characters, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box.error .characters, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .description-box .input-box.error .characters, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box.error .characters {
  color: red;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box {
  margin: 20px 0 0 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box h1 {
  font-size: 25px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box .input-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .title-box .input-box {
  position: relative;
  height: 80px;
  width: 100%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .submit-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .submit-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .submit-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .submit-btn, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .submit-btn, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .submit-btn {
  margin-bottom: 60px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .submit-btn a .flex-content, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .submit-btn a .flex-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .submit-btn a .flex-content, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .submit-btn a .flex-content, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .submit-btn a .flex-content, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .submit-btn a .flex-content {
  display: flex;
  align-items: center;
  gap: 5px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .submit-btn a .flex-content h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .submit-btn a .flex-content h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .submit-btn a .flex-content h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .submit-btn a .flex-content h1, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .submit-btn a .flex-content h1, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .submit-btn a .flex-content h1 {
  font-size: 20px;
  font-weight: 500;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec {
  /* ===== EXPIRY DATE & VIDEO ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .expiry-date-box,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .video-upload-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .expiry-date-box,
.user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .video-upload-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .expiry-date-box,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .video-upload-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .expiry-date-box,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .video-upload-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .expiry-date-box,
.account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .video-upload-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .expiry-date-box,
.account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .video-upload-box {
  margin-bottom: 20px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .video-upload-box .wrapper, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .video-upload-box .wrapper, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .video-upload-box .wrapper, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .video-upload-box .wrapper, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .video-upload-box .wrapper, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .video-upload-box .wrapper {
  position: relative;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .expiry-date-field input[type=date],
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .video-field input[type=file], .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .expiry-date-field input[type=date],
.user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .video-field input[type=file], .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .expiry-date-field input[type=date],
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .video-field input[type=file], .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .expiry-date-field input[type=date],
.user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .video-field input[type=file], .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .expiry-date-field input[type=date],
.account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .video-field input[type=file], .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .expiry-date-field input[type=date],
.account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .video-field input[type=file] {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .note, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .note, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .note, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .note, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .note, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 14px;
  background: #f0f7ff;
  border-radius: 8px;
  margin-top: 8px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .note i, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .note i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .note i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .note i, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .note i, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .note i {
  color: #2196F3;
  font-size: 14px;
  margin-top: 2px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .note p, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .note p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .note p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .note p, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .note p, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .note p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec {
  /* ===== DONATION ITEM FIELDS ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-item-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-item-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-item-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-item-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-item-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-item-box {
  margin-bottom: 20px;
  padding: 16px;
  background: #fafafa;
  border-radius: 12px;
  border: 1px solid #eee;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-type-field select,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-condition-field select, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-type-field select,
.user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-condition-field select, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-type-field select,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-condition-field select, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-type-field select,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-condition-field select, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-type-field select,
.account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-condition-field select, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-type-field select,
.account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-condition-field select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  background: #fff;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-quantity-field input, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-quantity-field input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-quantity-field input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-quantity-field input, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .donation-quantity-field input, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .donation-quantity-field input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec {
  /* ===== FUND ALLOCATION ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-box, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-box, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-box {
  margin-bottom: 20px;
  padding: 16px;
  background: #fafafa;
  border-radius: 12px;
  border: 1px solid #eee;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-desc, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-desc, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-desc, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-desc, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-desc, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-desc {
  font-size: 13px;
  color: #666;
  margin: 8px 0 16px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-row, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-row, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-row, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-row, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-row, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-row {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  align-items: flex-end;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-field, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-field, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-field, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-field, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-field, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-field {
  flex: 2;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-pct, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-pct, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-pct, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-pct, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-pct, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-pct {
  flex: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-field input,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-pct input, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-field input,
.user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-pct input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-field input,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-pct input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-field input,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-pct input, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-field input,
.account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-pct input, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-field input,
.account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-pct input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .remove-pct-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .remove-pct-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .remove-pct-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .remove-pct-btn, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .remove-pct-btn, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .remove-pct-btn {
  padding: 10px 14px;
  background: #ffebee;
  color: #c62828;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  height: -moz-fit-content;
  height: fit-content;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .btn-add-allocation, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .btn-add-allocation, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .btn-add-allocation, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .btn-add-allocation, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .btn-add-allocation, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .btn-add-allocation {
  padding: 10px 18px;
  background: #e3f2fd;
  color: #1565c0;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-total, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-total, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-total, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-total, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-total, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec .fund-allocation-total {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  color: #ff9800;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec #videoPreview, .user-panel-donor-header-sec .main-sec .container .main-account-content .add-fundraiser-sec #videoPreview, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec #videoPreview, .user-panel-indigent-header-sec .main-sec .container .main-account-content .add-fundraiser-sec #videoPreview, .account-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec #videoPreview, .account-header-sec .main-sec .container .main-account-content .add-fundraiser-sec #videoPreview {
  max-width: 100%;
  border-radius: 8px;
  margin-top: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec, .account-header-sec .main-sec .container .main-account-content .account-settings-sec, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec {
  display: none;
  padding-top: 40px;
  width: 100%;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .title h1, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .title h1, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .title h1, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .title h1, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .title h1 {
  font-size: 30px;
  padding-bottom: 20px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info {
  margin-bottom: 40px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info h1, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info h1, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info h1, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info h1, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info h1 {
  font-size: 25px;
  padding-bottom: 10px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .flex-boxes, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .flex-boxes, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .flex-boxes, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .flex-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .flex-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .flex-boxes, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .flex-boxes, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .flex-boxes, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .flex-boxes, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .flex-boxes, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .flex-boxes, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .flex-boxes {
  display: flex;
  align-items: center;
  gap: 5px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .info-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .info-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .info-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .info-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .info-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .info-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .info-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .info-box, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .info-box, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .info-box, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .info-box, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .info-box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 5px 5px 5px 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .info-box svg, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .info-box svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .info-box svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .info-box svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .info-box svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .info-box svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .info-box svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .info-box svg, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .info-box svg, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .info-box svg, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .info-box svg, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .info-box svg {
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .info-box .sub-title, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .info-box .sub-title, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .info-box .sub-title, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .info-box .sub-title, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .info-box .sub-title, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .info-box .sub-title, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .info-box .sub-title, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .info-box .sub-title, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .info-box .sub-title, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .info-box .sub-title, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .info-box .sub-title, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .info-box .sub-title {
  font-size: 18px;
  padding-bottom: 0;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .info-box h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .info-box h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .info-box h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .info-box h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .info-box h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .info-box h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .info-box h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .info-box h2, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .info-box h2, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .info-box h2, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .account-info .info-box h2, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .account-info .info-box h2 {
  font-size: 16px;
  color: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .split-line-large, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .split-line-large, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .split-line-large, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .split-line-large, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .split-line-large, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .split-line-large, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .split-line-large, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .split-line-large, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .split-line-large, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .split-line-large, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .split-line-large, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .split-line-large {
  width: 100%;
  border-radius: 5px;
  height: 2px;
  margin: 30px 0;
  background-color: rgb(255, 154, 23);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec, .account-header-sec .main-sec .container .main-account-content .account-settings-sec, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec {
  /* ═══════════════════════════════════════════════════════════════════════════
  CHANGE-SETTINGS FORM VALIDATION STYLES
  ═══════════════════════════════════════════════════════════════════════════ */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box {
  position: relative;
  overflow: visible !important;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box input.error-field, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box input.error-field, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box input.error-field, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box input.error-field, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box input.error-field, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box input.error-field, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box input.error-field, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box input.error-field, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box input.error-field, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box input.error-field, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box input.error-field, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box input.error-field {
  border-bottom: 2px solid #e74c3c !important;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  background: #ffffff;
  border: 1.5px solid #e74c3c;
  border-radius: 6px;
  padding: 4px 10px;
  box-shadow: 0 4px 12px rgba(231, 76, 60, 0.15);
  display: none;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #e74c3c;
  white-space: nowrap;
  pointer-events: none;
  animation: floatErrorIn 0.2s ease-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error.auto-dismiss, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error.auto-dismiss, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error.auto-dismiss, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error.auto-dismiss, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error.auto-dismiss, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error.auto-dismiss, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error.auto-dismiss, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error.auto-dismiss, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error.auto-dismiss, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error.auto-dismiss, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error.auto-dismiss, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error.auto-dismiss {
  animation: floatErrorIn 0.2s ease-out, fadeOutError 0.3s ease-in 3.5s forwards;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error::after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error::after, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error::after, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error::after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error::after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error::after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error::after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error::after, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error::after, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error::after, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error::after, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 20px;
  border: 6px solid transparent;
  border-top-color: #e74c3c;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error svg, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error svg, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error svg, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error svg, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error svg, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error svg, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error svg, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error p.error-message, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error p.error-message, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error p.error-message, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error p.error-message, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error p.error-message, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error p.error-message, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error p.error-message, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error p.error-message, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .validation-error p.error-message, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .validation-error p.error-message, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .validation-error p.error-message, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .validation-error p.error-message {
  margin: 0;
  font-weight: 500;
  line-height: 1.4;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec, .account-header-sec .main-sec .container .main-account-content .account-settings-sec, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec {
  /* Change button loading state */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-btn:disabled, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-btn:disabled, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-btn:disabled, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-btn:disabled, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-btn:disabled, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-btn:disabled, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-btn:disabled, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-btn:disabled, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-btn:disabled, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-btn:disabled, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-btn:disabled, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-btn i.fa-spinner, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-btn i.fa-spinner, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-btn i.fa-spinner, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-btn i.fa-spinner, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-btn i.fa-spinner, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-btn i.fa-spinner, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-btn i.fa-spinner, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-btn i.fa-spinner, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-btn i.fa-spinner, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-btn i.fa-spinner, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-btn i.fa-spinner, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-btn i.fa-spinner {
  margin-right: 8px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 40px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings h1, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings h1, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings h1, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings h1, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings h1 {
  font-size: 25px;
  padding-bottom: 10px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings h3, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings h3, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings h3, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings h3, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings h3, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings h3, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings h3, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings h3, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings h3, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings h3, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings h3, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings h3 {
  font-size: 17px;
  margin: 10px 0;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .flex-boxes, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .flex-boxes, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .flex-boxes, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .flex-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .flex-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .flex-boxes, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .flex-boxes, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .flex-boxes, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .flex-boxes, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .flex-boxes, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .flex-boxes, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .flex-boxes {
  display: flex;
  align-items: center;
  gap: 20px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings {
  /* Password / text inputs — now direct children */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box {
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 56.5px;
  margin-bottom: 15px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box label, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box label, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box label, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box label, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box label, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box label, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box label, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box label {
  position: absolute;
  top: 30%;
  left: 10px;
  color: #767676;
  font-size: 16px;
  display: block;
  transition: 0.3s ease-in-out;
  z-index: 100;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box input, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box input, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box input, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box input, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box input, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box input, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box input, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
  z-index: 100;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box::before, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box::before, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box::before, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box::before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box::before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box::before, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box::before, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box::before, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box::before, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 1;
  border-radius: 5px 5px 0 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box.input-box-active label, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box.input-box-active label, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box.input-box-active label, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box.input-box-active label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box.input-box-active label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box.input-box-active label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box.input-box-active label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box.input-box-active label, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box.input-box-active label, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box.input-box-active label, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box.input-box-active label, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box.input-box-active label {
  top: 10%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  font-weight: bold;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box.input-box-active input, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box.input-box-active input, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box.input-box-active input, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box.input-box-active input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box.input-box-active input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box.input-box-active input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box.input-box-active input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box.input-box-active input, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box.input-box-active input, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box.input-box-active input, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box.input-box-active input, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box.input-box-active input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box.field-is-filled label, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box.field-is-filled label, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box.field-is-filled label, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box.field-is-filled label {
  position: absolute;
  top: 10%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box.field-is-filled input, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box.field-is-filled input, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box.field-is-filled input, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box.field-is-filled input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box.field-is-filled input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box.field-is-filled input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box.field-is-filled input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box.field-is-filled input, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .input-box.field-is-filled input, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .input-box.field-is-filled input, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .input-box.field-is-filled input, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .input-box.field-is-filled input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 13px;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings {
  /* Image upload box — now direct child */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box {
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .image-upload-wrapper, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .image-upload-wrapper, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .image-upload-wrapper, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .image-upload-wrapper, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .image-upload-wrapper, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .image-upload-wrapper, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .image-upload-wrapper, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .image-upload-wrapper, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .image-upload-wrapper, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .image-upload-wrapper, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .image-upload-wrapper, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .image-upload-wrapper {
  position: relative;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area {
  position: relative;
  width: 180px;
  height: 180px;
  margin: 0 auto;
  border-radius: 5%;
  border: 3px dashed #14213d;
  background-color: #f8f9fa;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area:hover, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area:hover, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area:hover, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area:hover, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area:hover, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area:hover {
  border-color: #ff9a17;
  background-color: #fff5e6;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area.input-box-active, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area.input-box-active, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area.input-box-active, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area.input-box-active, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area.input-box-active, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area.input-box-active, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area.input-box-active, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area.input-box-active, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area.input-box-active, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area.input-box-active, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area.input-box-active, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area.input-box-active {
  border-color: #ff9a17;
  border-style: solid;
  background-color: #fff5e6;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area.has-error, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area.has-error, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area.has-error, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area.has-error, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area.has-error, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area.has-error, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area.has-error, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area.has-error, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area.has-error, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area.has-error, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area.has-error, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area.has-error {
  border-color: #e74c3c;
  background-color: #fff5f5;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .image-input, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .image-input, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .image-input, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .image-input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .image-input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .image-input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .image-input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .image-input, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .image-input, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .image-input, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .image-input, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .image-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder i.fa-user-circle, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder i.fa-user-circle, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder i.fa-user-circle, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder i.fa-user-circle, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder i.fa-user-circle, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder i.fa-user-circle, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder i.fa-user-circle, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder i.fa-user-circle, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder i.fa-user-circle, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder i.fa-user-circle, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder i.fa-user-circle, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder i.fa-user-circle {
  font-size: 64px;
  color: #767676;
  display: block;
  margin-bottom: 10px;
  transition: color 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder .upload-text, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder .upload-text, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder .upload-text, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder .upload-text, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder .upload-text, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder .upload-text, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder .upload-text, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder .upload-text, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder .upload-text, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder .upload-text, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-placeholder .upload-text, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-placeholder .upload-text {
  display: block;
  font-size: 13px;
  color: #767676;
  font-weight: 500;
  white-space: nowrap;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area:hover .upload-placeholder i.fa-user-circle, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area:hover .upload-placeholder i.fa-user-circle, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area:hover .upload-placeholder i.fa-user-circle, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area:hover .upload-placeholder i.fa-user-circle, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area:hover .upload-placeholder i.fa-user-circle, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area:hover .upload-placeholder i.fa-user-circle, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area:hover .upload-placeholder i.fa-user-circle, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area:hover .upload-placeholder i.fa-user-circle, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area:hover .upload-placeholder i.fa-user-circle, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area:hover .upload-placeholder i.fa-user-circle, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area:hover .upload-placeholder i.fa-user-circle, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area:hover .upload-placeholder i.fa-user-circle {
  color: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-preview, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-preview, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-preview, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-preview, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-preview, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-preview, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-preview, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-preview, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-preview, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-preview, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-preview, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5%;
  overflow: hidden;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-preview img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-preview img, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-preview img, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-preview img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-preview img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-preview img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-preview img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-preview img, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-preview img, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-preview img, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .upload-preview img, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .upload-preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .remove-image-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .remove-image-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .remove-image-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .remove-image-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .remove-image-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .remove-image-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .remove-image-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .remove-image-btn, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .remove-image-btn, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .remove-image-btn, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .remove-image-btn, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .remove-image-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e74c3c;
  color: #fff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: background 0.2s;
  z-index: 15;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .remove-image-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .remove-image-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .remove-image-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .remove-image-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .remove-image-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .remove-image-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .remove-image-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .remove-image-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .upload-area .remove-image-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .upload-area .remove-image-btn:hover, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .upload-area .remove-image-btn:hover, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .upload-area .remove-image-btn:hover {
  background: #c0392b;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .validation-error, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .validation-error, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .validation-error, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .validation-error, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .validation-error, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .validation-error, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .validation-error, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .validation-error, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .validation-error, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .validation-error, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .validation-error, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .validation-error {
  position: relative;
  bottom: auto;
  left: auto;
  transform: none;
  justify-content: center;
  margin-top: 10px;
  pointer-events: auto;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .validation-error::after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .validation-error::after, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .validation-error::after, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .validation-error::after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .validation-error::after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .validation-error::after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .validation-error::after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .validation-error::after, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-user-image-box .validation-error::after, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-user-image-box .validation-error::after, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-user-image-box .validation-error::after, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-user-image-box .validation-error::after {
  display: none;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings {
  /* Submit button — now direct child */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-btn-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-btn-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-btn-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-btn-box, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .change-btn-box, .account-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .change-btn-box, .account-header-sec .main-sec .container .main-account-content .account-settings-sec .change-settings .change-btn-box, .account-header-sec .main-sec .container .main-account-content .account-settings-d-sec .change-settings .change-btn-box {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec {
  display: none;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .title h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .title h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .title h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .title h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .title h1 {
  font-size: 30px;
  padding: 30px 0;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box h2, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box h2, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box h2, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box h2, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box h2 {
  font-size: 25px;
  padding-bottom: 20px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings {
  display: flex;
  gap: 15px;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .split-line, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .split-line, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .split-line, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .split-line, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .split-line, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .split-line, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .split-line, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .split-line, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .split-line, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .split-line, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .split-line, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .split-line {
  width: 3.5px;
  height: 270px;
  background-color: #ff9a17;
  border-radius: 5px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  gap: 40px;
  position: relative;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box {
  position: absolute;
  top: -45px;
  right: 0px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn {
  font-size: 24px;
  padding: 2px 10px;
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  color: #fff;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn:hover, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn:hover, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .close-btn-box .close-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle {
  position: absolute;
  right: -29px;
  top: 15px;
  width: 30px;
  height: 30px;
  background-color: #ff9a17;
  clip-path: polygon(75% 50%, 0 0, 0 100%);
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box {
  width: 200px;
  height: 60px;
  border: 1.5px solid rgba(20, 33, 61, 0.3);
  border-radius: 5px;
  background-color: #ffffff;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn {
  padding: 5px 10px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
  z-index: 100;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img {
  width: 60px;
  height: 60px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img.ms-img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img.ms-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img.ms-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img.ms-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img.ms-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img.ms-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img.ms-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img.ms-img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img.ms-img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img.ms-img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img.ms-img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn img.ms-img {
  height: 45px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box .payment-method-select-btn h1 {
  font-size: 15px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before {
  position: absolute;
  content: "";
  width: 195px;
  height: 56px;
  border: 3px solid #ff9a17;
  background-color: transparent;
  border-radius: 4.5px;
  transition: 0.3s ease-in-out;
  z-index: 1;
  top: var(--before-top, 0px);
  left: var(--before-left, 0px);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info h2, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info h2, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info h2, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info h2, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info h2, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info h2, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info h2 {
  font-size: 18px;
  padding-bottom: 10px;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box {
  position: relative;
  overflow: hidden;
  width: 270px;
  height: 56.5px;
  margin-bottom: 15px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box label, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box label, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box label, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box label, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box label, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box label, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box label, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box label {
  position: absolute;
  top: 30%;
  left: 10px;
  color: #767676;
  font-size: 16px;
  display: block;
  transition: 0.3s ease-in-out;
  z-index: 100;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box input, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box input, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box input, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box input, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box input, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box input, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box input, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
  z-index: 100;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box::before, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box::before, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box::before, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box::before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box::before, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box::before, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box::before, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box::before, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box::before, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 1;
  border-radius: 5px 5px 0 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active label, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active label, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active label, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active label, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active label, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active label, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active label, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active label {
  top: 10%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  font-weight: bold;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active input, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active input, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active input, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active input, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active input, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active input, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active input, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.input-box-active input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding: 12px 10px 0px 10px;
  font-size: 17px;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled label, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled label, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled label, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled label, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled label, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled label {
  position: absolute;
  top: 10%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled input, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled input, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled input, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled input, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled input, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled input, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled input, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .input-box.field-is-filled input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 13px;
  transition: 0.3s ease-in-out;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv .input-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv .input-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv .input-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv .input-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv .input-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv .input-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv .input-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .expiry-date-and-csv .input-box {
  width: 83.4px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .save-payment-btn-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .save-payment-btn-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .save-payment-btn-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .save-payment-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .save-payment-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .save-payment-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .save-payment-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .save-payment-btn-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .save-payment-btn-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .save-payment-btn-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .save-payment-btn-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-method-info .save-payment-btn-box {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box {
  display: flex;
  margin-left: 100px;
  align-items: center;
  flex-direction: column;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box {
  margin-bottom: 20px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn {
  padding: 20px 25px;
  background-color: #d8d8d8;
  border: #d8d8d8;
  color: rgb(118, 118, 118);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn:hover, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn:hover, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box .add-credit-card-btn-box .add-credit-card-btn:hover {
  box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.2);
  border: 1px solid rgb(118, 118, 118);
  background-color: #d8d8d8;
  color: rgb(118, 118, 118);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box h1 {
  font-size: 22px;
  color: #555555;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-two, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-two, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-two, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-two, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-two, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-two, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-two, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-two, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-two, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-two, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-two, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-two {
  display: none;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .title h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .title h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .title h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .title h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .title h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .title h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .title h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .title h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .title h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .title h1 {
  font-size: 25px;
  padding: 30px 0 10px 0;
  color: #14213d;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two {
  margin-top: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  border-radius: 5px;
  border: 2px solid #e6e6e6;
  transition: all 0.3s ease;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info h1, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info h1, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info h1, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info h1, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info h1 {
  font-size: 20px;
  color: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info img {
  width: 55px;
  height: 55px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info .ms-img, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info .ms-img, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info .ms-img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info .ms-img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info .ms-img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info .ms-img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info .ms-img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info .ms-img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info .ms-img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info .ms-img, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info .ms-img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info .ms-img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info .ms-img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info .ms-img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info .ms-img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info .ms-img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info .ms-img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info .ms-img, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info .ms-img {
  height: 45px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info .card-number-info, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info .card-number-info, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info .card-number-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info .card-number-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info .card-number-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info .card-number-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info .card-number-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info .card-number-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info .card-number-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info .card-number-info, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info .card-number-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-one-info .card-number-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .payment-method-two-info .card-number-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-one-info .card-number-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .payment-method-two-info .card-number-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-one-info .card-number-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .payment-method-two-info .card-number-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-one-info .card-number-info, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .payment-method-two-info .card-number-info {
  font-size: 17px;
  color: #14213d;
  font-weight: 600;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #f8f8f8;
  border: 2px solid #767676;
  border-radius: 5px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark {
  background-color: #ff9a17;
  border-color: #ff9a17;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark:after, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark:after, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark:after, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark:after, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark:after, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark:after, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark:after, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkmark:after, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container input:checked ~ .checkmark:after, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container .checkmark:after, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container .checkmark:after, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container .checkmark:after, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container .checkmark:after, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container .checkmark:after, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container .checkmark:after, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container .checkmark:after, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container .checkmark:after, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container .checkmark:after, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .checkbox-container .checkmark:after, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .checkbox-container .checkmark:after {
  left: 7px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn {
  font-size: 24px;
  padding: 6px 8px 2px 8px;
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  color: #fff;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn:hover, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn:hover, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn:hover, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn:hover, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one .flex-btns .delete-payment-method-btn:hover, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two .flex-btns .delete-payment-method-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .change-payment-method-btn-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .change-payment-method-btn-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .change-payment-method-btn-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .change-payment-method-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .change-payment-method-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .change-payment-method-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .change-payment-method-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .change-payment-method-btn-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .change-payment-method-btn-box, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .change-payment-method-btn-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .change-payment-method-btn-box, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .change-payment-method-btn-box {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two:hover, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two:hover, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one, .user-panel-donor-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two:hover, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two:hover, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one, .user-panel-indigent-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two:hover, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-one, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .payment-method-two:hover, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one, .account-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two:hover, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-one, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-sec .change-payment-method-box .payment-method-two:hover, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-one, .account-header-sec .main-sec .container .main-account-content .payment-methods-settings-d-sec .change-payment-method-box .payment-method-two:hover {
  border-color: #ff9a17;
  box-shadow: 0 5px 15px rgba(255, 154, 23, 0.1);
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* ===== UPLOAD FIELDS (Images, Video, Documents) ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .upload-info,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .upload-success-state, .user-panel-donor-header-sec .main-sec .container .main-account-content .upload-info,
.user-panel-donor-header-sec .main-sec .container .main-account-content .upload-success-state, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .upload-info,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .upload-success-state, .user-panel-indigent-header-sec .main-sec .container .main-account-content .upload-info,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .upload-success-state, .account-header-sec .main-sec .container .main-content-user-panel .upload-info,
.account-header-sec .main-sec .container .main-content-user-panel .upload-success-state, .account-header-sec .main-sec .container .main-account-content .upload-info,
.account-header-sec .main-sec .container .main-account-content .upload-success-state {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .upload-placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .upload-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .upload-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .upload-placeholder, .account-header-sec .main-sec .container .main-content-user-panel .upload-placeholder, .account-header-sec .main-sec .container .main-account-content .upload-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 20px;
  cursor: pointer;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .upload-placeholder svg,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .upload-placeholder i, .user-panel-donor-header-sec .main-sec .container .main-account-content .upload-placeholder svg,
.user-panel-donor-header-sec .main-sec .container .main-account-content .upload-placeholder i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .upload-placeholder svg,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .upload-placeholder i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .upload-placeholder svg,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .upload-placeholder i, .account-header-sec .main-sec .container .main-content-user-panel .upload-placeholder svg,
.account-header-sec .main-sec .container .main-content-user-panel .upload-placeholder i, .account-header-sec .main-sec .container .main-account-content .upload-placeholder svg,
.account-header-sec .main-sec .container .main-account-content .upload-placeholder i {
  color: #888;
  transition: color 0.2s;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .upload-placeholder p, .user-panel-donor-header-sec .main-sec .container .main-account-content .upload-placeholder p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .upload-placeholder p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .upload-placeholder p, .account-header-sec .main-sec .container .main-content-user-panel .upload-placeholder p, .account-header-sec .main-sec .container .main-account-content .upload-placeholder p {
  margin: 0;
  font-size: 13px;
  color: #888;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .image-box:hover .upload-placeholder svg,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .image-box:hover .upload-placeholder i, .user-panel-donor-header-sec .main-sec .container .main-account-content .image-box:hover .upload-placeholder svg,
.user-panel-donor-header-sec .main-sec .container .main-account-content .image-box:hover .upload-placeholder i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .image-box:hover .upload-placeholder svg,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .image-box:hover .upload-placeholder i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .image-box:hover .upload-placeholder svg,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .image-box:hover .upload-placeholder i, .account-header-sec .main-sec .container .main-content-user-panel .image-box:hover .upload-placeholder svg,
.account-header-sec .main-sec .container .main-content-user-panel .image-box:hover .upload-placeholder i, .account-header-sec .main-sec .container .main-account-content .image-box:hover .upload-placeholder svg,
.account-header-sec .main-sec .container .main-account-content .image-box:hover .upload-placeholder i {
  color: #555;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .file-icon, .user-panel-donor-header-sec .main-sec .container .main-account-content .file-icon, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .file-icon, .user-panel-indigent-header-sec .main-sec .container .main-account-content .file-icon, .account-header-sec .main-sec .container .main-content-user-panel .file-icon, .account-header-sec .main-sec .container .main-account-content .file-icon {
  font-size: 22px;
  flex-shrink: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .file-icon i, .user-panel-donor-header-sec .main-sec .container .main-account-content .file-icon i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .file-icon i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .file-icon i, .account-header-sec .main-sec .container .main-content-user-panel .file-icon i, .account-header-sec .main-sec .container .main-account-content .file-icon i {
  color: #2196F3;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .file-details, .user-panel-donor-header-sec .main-sec .container .main-account-content .file-details, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .file-details, .user-panel-indigent-header-sec .main-sec .container .main-account-content .file-details, .account-header-sec .main-sec .container .main-content-user-panel .file-details, .account-header-sec .main-sec .container .main-account-content .file-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 2px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .file-name, .user-panel-donor-header-sec .main-sec .container .main-account-content .file-name, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .file-name, .user-panel-indigent-header-sec .main-sec .container .main-account-content .file-name, .account-header-sec .main-sec .container .main-content-user-panel .file-name, .account-header-sec .main-sec .container .main-account-content .file-name {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .file-meta, .user-panel-donor-header-sec .main-sec .container .main-account-content .file-meta, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .file-meta, .user-panel-indigent-header-sec .main-sec .container .main-account-content .file-meta, .account-header-sec .main-sec .container .main-content-user-panel .file-meta, .account-header-sec .main-sec .container .main-account-content .file-meta {
  font-size: 11px;
  color: #888;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .upload-progress, .user-panel-donor-header-sec .main-sec .container .main-account-content .upload-progress, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .upload-progress, .user-panel-indigent-header-sec .main-sec .container .main-account-content .upload-progress, .account-header-sec .main-sec .container .main-content-user-panel .upload-progress, .account-header-sec .main-sec .container .main-account-content .upload-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .progress-bar, .user-panel-donor-header-sec .main-sec .container .main-account-content .progress-bar, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .progress-bar, .user-panel-indigent-header-sec .main-sec .container .main-account-content .progress-bar, .account-header-sec .main-sec .container .main-content-user-panel .progress-bar, .account-header-sec .main-sec .container .main-account-content .progress-bar {
  width: 60px;
  height: 6px;
  background: #e0e0e0;
  border-radius: 3px;
  overflow: hidden;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .progress-fill, .user-panel-donor-header-sec .main-sec .container .main-account-content .progress-fill, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .progress-fill, .user-panel-indigent-header-sec .main-sec .container .main-account-content .progress-fill, .account-header-sec .main-sec .container .main-content-user-panel .progress-fill, .account-header-sec .main-sec .container .main-account-content .progress-fill {
  height: 100%;
  background: #4caf50;
  border-radius: 3px;
  width: 0%;
  transition: width 0.1s linear;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .progress-percent, .user-panel-donor-header-sec .main-sec .container .main-account-content .progress-percent, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .progress-percent, .user-panel-indigent-header-sec .main-sec .container .main-account-content .progress-percent, .account-header-sec .main-sec .container .main-content-user-panel .progress-percent, .account-header-sec .main-sec .container .main-account-content .progress-percent {
  font-size: 12px;
  font-weight: 600;
  color: #4caf50;
  min-width: 35px;
  text-align: right;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* Video box uses camera icon color */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .video-box .file-icon i, .user-panel-donor-header-sec .main-sec .container .main-account-content .video-box .file-icon i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .video-box .file-icon i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .video-box .file-icon i, .account-header-sec .main-sec .container .main-content-user-panel .video-box .file-icon i, .account-header-sec .main-sec .container .main-account-content .video-box .file-icon i {
  color: #9c27b0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* Document box uses PDF icon color */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .doc-box .file-icon i, .user-panel-donor-header-sec .main-sec .container .main-account-content .doc-box .file-icon i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .doc-box .file-icon i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .doc-box .file-icon i, .account-header-sec .main-sec .container .main-content-user-panel .doc-box .file-icon i, .account-header-sec .main-sec .container .main-account-content .doc-box .file-icon i {
  color: #e74c3c;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* ===== VERIFICATION UPLOAD (smaller) ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .verification-wrapper .image-box, .user-panel-donor-header-sec .main-sec .container .main-account-content .verification-wrapper .image-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .verification-wrapper .image-box, .user-panel-indigent-header-sec .main-sec .container .main-account-content .verification-wrapper .image-box, .account-header-sec .main-sec .container .main-content-user-panel .verification-wrapper .image-box, .account-header-sec .main-sec .container .main-account-content .verification-wrapper .image-box {
  min-height: 60px;
  padding: 8px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .verification-wrapper .upload-placeholder, .user-panel-donor-header-sec .main-sec .container .main-account-content .verification-wrapper .upload-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .verification-wrapper .upload-placeholder, .user-panel-indigent-header-sec .main-sec .container .main-account-content .verification-wrapper .upload-placeholder, .account-header-sec .main-sec .container .main-content-user-panel .verification-wrapper .upload-placeholder, .account-header-sec .main-sec .container .main-account-content .verification-wrapper .upload-placeholder {
  flex-direction: row;
  padding: 10px;
  gap: 10px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .verification-wrapper .upload-placeholder p, .user-panel-donor-header-sec .main-sec .container .main-account-content .verification-wrapper .upload-placeholder p, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .verification-wrapper .upload-placeholder p, .user-panel-indigent-header-sec .main-sec .container .main-account-content .verification-wrapper .upload-placeholder p, .account-header-sec .main-sec .container .main-content-user-panel .verification-wrapper .upload-placeholder p, .account-header-sec .main-sec .container .main-account-content .verification-wrapper .upload-placeholder p {
  font-size: 12px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .verification-wrapper .upload-placeholder i, .user-panel-donor-header-sec .main-sec .container .main-account-content .verification-wrapper .upload-placeholder i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .verification-wrapper .upload-placeholder i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .verification-wrapper .upload-placeholder i, .account-header-sec .main-sec .container .main-content-user-panel .verification-wrapper .upload-placeholder i, .account-header-sec .main-sec .container .main-account-content .verification-wrapper .upload-placeholder i {
  font-size: 22px !important;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .verification-upload-box .field-title, .user-panel-donor-header-sec .main-sec .container .main-account-content .verification-upload-box .field-title, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .verification-upload-box .field-title, .user-panel-indigent-header-sec .main-sec .container .main-account-content .verification-upload-box .field-title, .account-header-sec .main-sec .container .main-content-user-panel .verification-upload-box .field-title, .account-header-sec .main-sec .container .main-account-content .verification-upload-box .field-title {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #555;
  margin-bottom: 6px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .verification-upload-box .wrapper, .user-panel-donor-header-sec .main-sec .container .main-account-content .verification-upload-box .wrapper, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .verification-upload-box .wrapper, .user-panel-indigent-header-sec .main-sec .container .main-account-content .verification-upload-box .wrapper, .account-header-sec .main-sec .container .main-content-user-panel .verification-upload-box .wrapper, .account-header-sec .main-sec .container .main-account-content .verification-upload-box .wrapper {
  position: relative;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* ===== REQUESTER FORM FILE UPLOAD (generic file) ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .requester-upload-box .file-box .upload-placeholder i, .user-panel-donor-header-sec .main-sec .container .main-account-content .requester-upload-box .file-box .upload-placeholder i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .requester-upload-box .file-box .upload-placeholder i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .requester-upload-box .file-box .upload-placeholder i, .account-header-sec .main-sec .container .main-content-user-panel .requester-upload-box .file-box .upload-placeholder i, .account-header-sec .main-sec .container .main-account-content .requester-upload-box .file-box .upload-placeholder i {
  color: #2196F3;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .requester-upload-box .file-box .upload-success-state .file-icon i, .user-panel-donor-header-sec .main-sec .container .main-account-content .requester-upload-box .file-box .upload-success-state .file-icon i, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .requester-upload-box .file-box .upload-success-state .file-icon i, .user-panel-indigent-header-sec .main-sec .container .main-account-content .requester-upload-box .file-box .upload-success-state .file-icon i, .account-header-sec .main-sec .container .main-content-user-panel .requester-upload-box .file-box .upload-success-state .file-icon i, .account-header-sec .main-sec .container .main-account-content .requester-upload-box .file-box .upload-success-state .file-icon i {
  color: #4BB543;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .requester-upload-box .wrapper, .user-panel-donor-header-sec .main-sec .container .main-account-content .requester-upload-box .wrapper, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .requester-upload-box .wrapper, .user-panel-indigent-header-sec .main-sec .container .main-account-content .requester-upload-box .wrapper, .account-header-sec .main-sec .container .main-content-user-panel .requester-upload-box .wrapper, .account-header-sec .main-sec .container .main-account-content .requester-upload-box .wrapper {
  position: relative;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* ===== FLATPICKR EXPIRY DATE ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .flatpickr-date, .user-panel-donor-header-sec .main-sec .container .main-account-content .flatpickr-date, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .flatpickr-date, .user-panel-indigent-header-sec .main-sec .container .main-account-content .flatpickr-date, .account-header-sec .main-sec .container .main-content-user-panel .flatpickr-date, .account-header-sec .main-sec .container .main-account-content .flatpickr-date {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* ===== DONATION ITEM FIELDS (labels as titles) ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .donation-item-section, .user-panel-donor-header-sec .main-sec .container .main-account-content .donation-item-section, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .donation-item-section, .user-panel-indigent-header-sec .main-sec .container .main-account-content .donation-item-section, .account-header-sec .main-sec .container .main-content-user-panel .donation-item-section, .account-header-sec .main-sec .container .main-account-content .donation-item-section {
  margin-bottom: 16px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .donation-item-section .field-title, .user-panel-donor-header-sec .main-sec .container .main-account-content .donation-item-section .field-title, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .donation-item-section .field-title, .user-panel-indigent-header-sec .main-sec .container .main-account-content .donation-item-section .field-title, .account-header-sec .main-sec .container .main-content-user-panel .donation-item-section .field-title, .account-header-sec .main-sec .container .main-account-content .donation-item-section .field-title {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  margin-bottom: 6px;
  display: block;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .donation-type-field select,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .donation-condition-field select,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .donation-quantity-field input,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .other-donation-type-field input, .user-panel-donor-header-sec .main-sec .container .main-account-content .donation-type-field select,
.user-panel-donor-header-sec .main-sec .container .main-account-content .donation-condition-field select,
.user-panel-donor-header-sec .main-sec .container .main-account-content .donation-quantity-field input,
.user-panel-donor-header-sec .main-sec .container .main-account-content .other-donation-type-field input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .donation-type-field select,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .donation-condition-field select,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .donation-quantity-field input,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .other-donation-type-field input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .donation-type-field select,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .donation-condition-field select,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .donation-quantity-field input,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .other-donation-type-field input, .account-header-sec .main-sec .container .main-content-user-panel .donation-type-field select,
.account-header-sec .main-sec .container .main-content-user-panel .donation-condition-field select,
.account-header-sec .main-sec .container .main-content-user-panel .donation-quantity-field input,
.account-header-sec .main-sec .container .main-content-user-panel .other-donation-type-field input, .account-header-sec .main-sec .container .main-account-content .donation-type-field select,
.account-header-sec .main-sec .container .main-account-content .donation-condition-field select,
.account-header-sec .main-sec .container .main-account-content .donation-quantity-field input,
.account-header-sec .main-sec .container .main-account-content .other-donation-type-field input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  background: #fff;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .donation-quantity-field input[type=number], .user-panel-donor-header-sec .main-sec .container .main-account-content .donation-quantity-field input[type=number], .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .donation-quantity-field input[type=number], .user-panel-indigent-header-sec .main-sec .container .main-account-content .donation-quantity-field input[type=number], .account-header-sec .main-sec .container .main-content-user-panel .donation-quantity-field input[type=number], .account-header-sec .main-sec .container .main-account-content .donation-quantity-field input[type=number] {
  --moz-appearance: textfield;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .donation-quantity-field input[type=number]::-webkit-outer-spin-button,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .donation-quantity-field input[type=number]::-webkit-inner-spin-button, .user-panel-donor-header-sec .main-sec .container .main-account-content .donation-quantity-field input[type=number]::-webkit-outer-spin-button,
.user-panel-donor-header-sec .main-sec .container .main-account-content .donation-quantity-field input[type=number]::-webkit-inner-spin-button, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .donation-quantity-field input[type=number]::-webkit-outer-spin-button,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .donation-quantity-field input[type=number]::-webkit-inner-spin-button, .user-panel-indigent-header-sec .main-sec .container .main-account-content .donation-quantity-field input[type=number]::-webkit-outer-spin-button,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .donation-quantity-field input[type=number]::-webkit-inner-spin-button, .account-header-sec .main-sec .container .main-content-user-panel .donation-quantity-field input[type=number]::-webkit-outer-spin-button,
.account-header-sec .main-sec .container .main-content-user-panel .donation-quantity-field input[type=number]::-webkit-inner-spin-button, .account-header-sec .main-sec .container .main-account-content .donation-quantity-field input[type=number]::-webkit-outer-spin-button,
.account-header-sec .main-sec .container .main-account-content .donation-quantity-field input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: auto;
  margin: 0;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* ===== FUND ALLOCATION ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .fund-allocation-desc, .user-panel-donor-header-sec .main-sec .container .main-account-content .fund-allocation-desc, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .fund-allocation-desc, .user-panel-indigent-header-sec .main-sec .container .main-account-content .fund-allocation-desc, .account-header-sec .main-sec .container .main-content-user-panel .fund-allocation-desc, .account-header-sec .main-sec .container .main-account-content .fund-allocation-desc {
  font-size: 13px;
  color: #666;
  margin: 8px 0 16px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .fund-allocation-row, .user-panel-donor-header-sec .main-sec .container .main-account-content .fund-allocation-row, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .fund-allocation-row, .user-panel-indigent-header-sec .main-sec .container .main-account-content .fund-allocation-row, .account-header-sec .main-sec .container .main-content-user-panel .fund-allocation-row, .account-header-sec .main-sec .container .main-account-content .fund-allocation-row {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  align-items: flex-end;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .fund-allocation-field, .user-panel-donor-header-sec .main-sec .container .main-account-content .fund-allocation-field, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .fund-allocation-field, .user-panel-indigent-header-sec .main-sec .container .main-account-content .fund-allocation-field, .account-header-sec .main-sec .container .main-content-user-panel .fund-allocation-field, .account-header-sec .main-sec .container .main-account-content .fund-allocation-field {
  flex: 2;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .fund-allocation-pct, .user-panel-donor-header-sec .main-sec .container .main-account-content .fund-allocation-pct, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .fund-allocation-pct, .user-panel-indigent-header-sec .main-sec .container .main-account-content .fund-allocation-pct, .account-header-sec .main-sec .container .main-content-user-panel .fund-allocation-pct, .account-header-sec .main-sec .container .main-account-content .fund-allocation-pct {
  flex: 1;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .fund-allocation-field input,
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .fund-allocation-pct input, .user-panel-donor-header-sec .main-sec .container .main-account-content .fund-allocation-field input,
.user-panel-donor-header-sec .main-sec .container .main-account-content .fund-allocation-pct input, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .fund-allocation-field input,
.user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .fund-allocation-pct input, .user-panel-indigent-header-sec .main-sec .container .main-account-content .fund-allocation-field input,
.user-panel-indigent-header-sec .main-sec .container .main-account-content .fund-allocation-pct input, .account-header-sec .main-sec .container .main-content-user-panel .fund-allocation-field input,
.account-header-sec .main-sec .container .main-content-user-panel .fund-allocation-pct input, .account-header-sec .main-sec .container .main-account-content .fund-allocation-field input,
.account-header-sec .main-sec .container .main-account-content .fund-allocation-pct input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .remove-pct-btn, .user-panel-donor-header-sec .main-sec .container .main-account-content .remove-pct-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .remove-pct-btn, .user-panel-indigent-header-sec .main-sec .container .main-account-content .remove-pct-btn, .account-header-sec .main-sec .container .main-content-user-panel .remove-pct-btn, .account-header-sec .main-sec .container .main-account-content .remove-pct-btn {
  padding: 10px 14px;
  background: #ffebee;
  color: #c62828;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  height: -moz-fit-content;
  height: fit-content;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .btn-add-allocation, .user-panel-donor-header-sec .main-sec .container .main-account-content .btn-add-allocation, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .btn-add-allocation, .user-panel-indigent-header-sec .main-sec .container .main-account-content .btn-add-allocation, .account-header-sec .main-sec .container .main-content-user-panel .btn-add-allocation, .account-header-sec .main-sec .container .main-account-content .btn-add-allocation {
  padding: 10px 18px;
  background: #e3f2fd;
  color: #1565c0;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel .fund-allocation-total, .user-panel-donor-header-sec .main-sec .container .main-account-content .fund-allocation-total, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .fund-allocation-total, .user-panel-indigent-header-sec .main-sec .container .main-account-content .fund-allocation-total, .account-header-sec .main-sec .container .main-content-user-panel .fund-allocation-total, .account-header-sec .main-sec .container .main-account-content .fund-allocation-total {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  color: #ff9800;
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-donor-header-sec .main-sec .container .main-account-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-account-content, .account-header-sec .main-sec .container .main-content-user-panel, .account-header-sec .main-sec .container .main-account-content {
  /* ===== VIDEO PREVIEW ===== */
}
.user-panel-donor-header-sec .main-sec .container .main-content-user-panel #videoPreview, .user-panel-donor-header-sec .main-sec .container .main-account-content #videoPreview, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel #videoPreview, .user-panel-indigent-header-sec .main-sec .container .main-account-content #videoPreview, .account-header-sec .main-sec .container .main-content-user-panel #videoPreview, .account-header-sec .main-sec .container .main-account-content #videoPreview {
  max-width: 100%;
  border-radius: 8px;
  margin-top: 10px;
}

.user-panel-footer {
  margin: 0;
}

/* End User Panel Header Section */
@media (max-width: 480px) {
  .user-panel-donor-header-sec, .user-panel-indigent-header-sec {
    position: relative;
  }
  .user-panel-donor-header-sec .ranks-rewards .ranks-rewards-boxes, .user-panel-indigent-header-sec .ranks-rewards .ranks-rewards-boxes {
    flex-direction: column;
  }
  .user-panel-donor-header-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box, .user-panel-indigent-header-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box {
    width: 100% !important;
  }
  .user-panel-donor-header-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rank-point, .user-panel-indigent-header-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rank-point {
    padding: 4px 4px;
  }
  .user-panel-donor-header-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rank-point h1, .user-panel-indigent-header-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rank-point h1 {
    font-size: 12px !important;
  }
  .user-panel-donor-header-sec .ranks-rewards .reward-small-gift, .user-panel-indigent-header-sec .ranks-rewards .reward-small-gift {
    top: unset !important;
    bottom: 229px !important;
    left: 198px !important;
  }
  .user-panel-donor-header-sec .ranks-rewards .reward-big-gift, .user-panel-indigent-header-sec .ranks-rewards .reward-big-gift {
    top: unset !important;
    bottom: 30px !important;
    left: 185px !important;
  }
  .user-panel-donor-header-sec .notifications-window, .user-panel-indigent-header-sec .notifications-window {
    left: 0px !important;
    margin: 0 5px !important;
    z-index: 1001;
  }
  .user-panel-donor-header-sec .notifications-window .notifications-close-btn:hover, .user-panel-indigent-header-sec .notifications-window .notifications-close-btn:hover {
    background-color: #ffffff;
  }
  .user-panel-donor-header-sec .main-sec .container, .user-panel-indigent-header-sec .main-sec .container {
    position: relative;
  }
  .user-panel-donor-header-sec .main-sec .container .access-links, .user-panel-indigent-header-sec .main-sec .container .access-links {
    position: fixed;
    top: 0;
    left: -300px;
    width: 280px;
    height: 100vh;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease;
    z-index: 1000;
    overflow-y: auto;
  }
  .user-panel-donor-header-sec .main-sec .container .access-links.active, .user-panel-indigent-header-sec .main-sec .container .access-links.active {
    left: 0;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel {
    width: 100% !important;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec {
    padding-top: 50px !important;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .content-table {
    margin: 10px 0;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .title h1 {
    font-size: 25px !important;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content {
    flex-direction: column;
    gap: 0px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content {
    width: unset !important;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes {
    justify-content: center;
    flex-wrap: wrap;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations {
    width: 186px !important;
    height: 100px !important;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations img {
    width: 35px;
    height: 35px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h1 {
    font-size: 14px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .pending-and-received-donations h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .progress-in-month h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .progress-and-total-donations-boxes .total-donations h2 {
    font-size: 12px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar svg {
    width: 24px;
    height: 24px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .notification-bar h1 {
    font-size: 10px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts {
    flex-direction: column;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box h5 {
    font-size: 16px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container {
    padding: 0rem;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container h2 {
    font-size: 20px !important;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container .chart-controls, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container .chart-controls {
    gap: 0rem;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container .chart-footer, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .monthly-statistics-box .donation-chart-container .chart-footer {
    padding: 0rem;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items {
    flex-direction: row;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .dashboard-sec .flex-dashboard-content .dashboard-main-content .statistics-charts .flex-items .total-statistics-box h5 {
    font-size: 16px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec {
    padding-top: 50px;
    min-height: 100vh;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .title h1 {
    font-size: 25px !important;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes {
    -moz-columns: unset;
         columns: unset;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box {
    width: 100%;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-img, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-img {
    height: 45%;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-title {
    height: 15%;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-des, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-des {
    height: 11%;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .my-fundraisers-sec .my-fundraisers-boxes .fundraiser-box .fundraiser-btns {
    height: 20%;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec {
    padding-top: 50px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title h1 {
    font-size: 25px !important;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box {
    margin: 0px !important;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .title-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .description-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box h1 {
    font-size: 20px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-type-box {
    flex-direction: column;
    align-items: unset;
    gap: 10px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req {
    flex-direction: column;
    align-items: unset;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box .custom-select {
    width: unset;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .categories-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .categories-and-money-req .money-req-box h1 {
    font-size: 20px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes {
    flex-direction: column;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .split-line, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fundraiser-images-box .images-boxes .split-line {
    width: 100%;
    height: 3px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .expiry-date-box .input-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .expiry-date-box .input-box {
    width: 100% !important;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-box .input-box label, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .fund-allocation-box .input-box label {
    font-size: 13px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .submit-btn, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .add-fundraiser-sec .submit-btn {
    margin-bottom: 30px;
    justify-content: center;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec {
    padding-top: 50px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .title h1 {
    font-size: 25px !important;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info h1 {
    font-size: 20px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .flex-boxes, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .flex-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .flex-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .flex-boxes {
    flex-direction: column;
    align-items: unset;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .flex-boxes .info-box svg, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .flex-boxes .info-box svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .flex-boxes .info-box svg, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .flex-boxes .info-box svg {
    width: 20px;
    height: 20px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .flex-boxes .info-box h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .flex-boxes .info-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .flex-boxes .info-box h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .flex-boxes .info-box h1 {
    font-size: 16px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .flex-boxes .info-box h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .flex-boxes .info-box h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .account-info .flex-boxes .info-box h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .account-info .flex-boxes .info-box h2 {
    font-size: 14px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings {
    width: unset;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings h1 {
    font-size: 20px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .flex-boxes, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .flex-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .flex-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .flex-boxes {
    flex-direction: column;
    justify-content: center;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .flex-boxes h3, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .flex-boxes h3, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-sec .change-settings .flex-boxes h3, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .account-settings-d-sec .change-settings .flex-boxes h3 {
    display: flex;
    justify-content: center;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec {
    padding-top: 50px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .title h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .title h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .title h1 {
    font-size: 25px !important;
    padding: 0px 0px 20px 0px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box h2, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box h2, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box h2 {
    font-size: 20px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings {
    flex-direction: column;
    align-items: center;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes {
    flex-wrap: wrap;
    flex-direction: unset;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .triangle {
    display: none;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box {
    width: 188px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box a h1, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box a h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box a h1, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes .payment-method-box a h1 {
    font-size: 14px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-settings .payment-methods-boxes::before {
    width: 184px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .split-line, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .split-line, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .split-line, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .split-line {
    width: 100%;
    height: 3px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .add-credit-card-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .add-credit-card-box {
    margin-left: 0px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-two, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-two, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .payment-settings-box .flex-payment-settings .payment-two, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .payment-settings-box .flex-payment-settings .payment-two {
    margin-top: 40px;
  }
  .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .change-payment-method-btn-box, .user-panel-donor-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .change-payment-method-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-sec .change-payment-method-box .change-payment-method-btn-box, .user-panel-indigent-header-sec .main-sec .container .main-content-user-panel .payment-methods-settings-d-sec .change-payment-method-box .change-payment-method-btn-box {
    margin: 20px;
  }
  .user-panel-donor-header-sec .access-links-btn, .user-panel-indigent-header-sec .access-links-btn {
    display: block;
    position: fixed;
    top: 80px;
    left: 0px;
    transition: all 0.3s ease;
    z-index: 1000;
    overflow-y: auto;
    padding: 10px 10px 7px 10px;
    border-radius: 0px 20px 20px 0px;
  }
  .user-panel-donor-header-sec .access-links-btn svg, .user-panel-indigent-header-sec .access-links-btn svg {
    transition: transform 0.3s ease;
  }
  .user-panel-donor-header-sec .access-links-btn.active, .user-panel-indigent-header-sec .access-links-btn.active {
    top: 0px;
    left: 280px;
  }
  .user-panel-donor-header-sec .access-links-btn.active svg, .user-panel-indigent-header-sec .access-links-btn.active svg {
    transform: rotate(90deg);
  }
  .user-panel-donor-header-sec .overlay, .user-panel-indigent-header-sec .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  .user-panel-donor-header-sec .overlay.active, .user-panel-indigent-header-sec .overlay.active {
    opacity: 1;
    visibility: visible;
  }
}
/* Start User Panel Donor Header Section */
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box, .user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  margin: 30px 0;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .title-sub h1, .user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .title-sub h1, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .title-sub h1 {
  font-size: 20px;
  color: #14213d;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .flex-tables, .user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .flex-content, .user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-tables, .user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .flex-tables, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .flex-content {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .flex-content, .user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .flex-content {
  align-items: center;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .flex-tables, .user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-tables, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .flex-tables {
  gap: 8px;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .flex-tables .split-line, .user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-tables .split-line, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .flex-tables .split-line {
  width: 3px;
  border-radius: 5px;
  margin: 20px 0;
  background-color: rgb(255, 154, 23);
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .flex-tables .my-donations-table, .user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .flex-tables .greatful-users-table, .user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-tables .my-donations-table, .user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-tables .greatful-users-table, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .flex-tables .my-donations-table, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .flex-tables .greatful-users-table {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .td-btn button {
  padding: 8px 10px;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .status-badge {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .status-success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .status-failed {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .btn-delete {
  background: #dc3545;
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .btn-delete:hover {
  background: #c82333;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-last-donations-box .td-btn {
  text-align: center;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements {
  width: 80%;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .account-rank-and-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .account-rank-and-help .donation-rank {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .account-rank-and-help .donation-rank img {
  width: 22px;
  height: 22px;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .account-rank-and-help .donation-rank h1 {
  font-size: 18px;
  color: #ff9a17;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .account-rank-and-help .help-btn-box .help-btn {
  border-radius: 50%;
  padding: 5px 6px 3px 6px;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .achievements-chart {
  display: flex;
  align-items: center;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .metrics-container {
  background-color: white;
  border-radius: 5px;
  padding: 20px;
  width: 100%;
  max-width: 100%;
  position: relative; /* Added for absolute positioning of marks */
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .metric-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-weight: 600;
  color: #333;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .metric-name {
  font-size: 18px;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .metric-rank-value {
  font-size: 18px;
  color: #ff9a17;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .progress-container {
  height: 10px;
  background-color: #e9ecef;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 25px; /* Increased to accommodate marks */
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .progress-bar {
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(90deg, #4a6cf7, #6a8eff);
  width: 0;
  transition: width 1.5s ease-out;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .rank-bar {
  background: linear-gradient(90deg, #ff9a17, #ffaa3b);
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .point-scale {
  position: relative;
  height: 20px;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .point-mark {
  position: absolute;
  color: #6c757d;
  font-size: 12px;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .point-mark:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  width: 1px;
  height: 10px;
  background-color: #dee2e6;
  transform: translateX(-50%);
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .point-scale {
  position: relative;
  height: 20px;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .point-scale .point-mark-one {
  left: 0%;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .point-scale .point-mark-two {
  left: 8%;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .point-scale .point-mark-three {
  left: 20%;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .point-scale .point-mark-four {
  left: 40%;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .point-scale .point-mark-five {
  left: 60%;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .point-scale .point-mark-six {
  left: 80%;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .achievements .point-scale .point-mark-seven {
  left: 99%;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .rewards-board h1.title {
  font-size: 20px;
  color: #14213d;
  margin: 20px 0;
  text-align: center;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .rewards-board .reward-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  background-color: #ffffff;
  border: 2px solid #ff9a17;
  border-radius: 5px;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .rewards-board .reward-box .reward-image img {
  width: 70px;
  height: 120px;
}
.user-panel-donor-header-sec .dashboard-d-sec .my-achievements-box .flex-content .rewards-board .reward-box .reward-name h1 {
  font-size: 15px;
  color: #ff9a17;
}
.user-panel-donor-header-sec .dashboard-d-sec .notification-bar {
  margin-top: 20px;
  padding: 8px;
  width: 100%;
  overflow: hidden;
  background-color: #14213d;
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-panel-donor-header-sec .dashboard-d-sec .notification-bar svg {
  color: #ffffff;
}
.user-panel-donor-header-sec .dashboard-d-sec .notification-bar h1 {
  color: #ffffff;
  font-size: 14px;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards {
  position: relative;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .title-sub h1 {
  font-size: 20px;
  color: #14213d;
  margin-bottom: 20px;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .reward-small-gift {
  position: absolute;
  bottom: 42px;
  left: 546px;
  z-index: 1;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .reward-big-gift {
  position: absolute;
  bottom: 30px;
  left: 885px;
  z-index: 1;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .reward-big-gift, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .reward-small-gift {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px;
  border-radius: 5px;
  border: 2.5px solid #ff9a17;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .reward-big-gift img, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .reward-small-gift img {
  width: 22px;
  height: 22px;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .reward-big-gift h3, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .reward-small-gift h3 {
  font-size: 12px;
  color: #14213d;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes {
  display: flex;
  -moz-columns: 3;
       columns: 3;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box {
  position: relative;
  width: 32.5%;
  padding: 5px 10px 10px 15px;
  background-color: #ffffff;
  border-radius: 5px;
  border: 2px solid #ff9a17;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .flex-content-sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .flex-content-sub .donation-rank {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .flex-content-sub .donation-rank img {
  width: 24px;
  height: 24px;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .flex-content-sub .donation-rank h1 {
  font-size: 17px;
  color: #fff;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .flex-content-sub .rank-point {
  padding: 6px 8px;
  border: 2px solid #ff9a17;
  border-radius: 5px;
  display: flex;
  gap: 2px;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .flex-content-sub .rank-point h1 {
  font-size: 14px;
  color: #ff9a17;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .flex-content-sub .rank-point span {
  font-size: 14px;
  color: #ff9a17;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box p {
  max-width: 300px;
  font-size: 10px;
  color: #767676;
  margin: 5px 0;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .split-line-sub {
  width: 100%;
  height: 1.5px;
  background-color: #ff9a17;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box h2 {
  font-size: 12px;
  color: #14213d;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards .reward-one, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards .reward-two, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards .reward-big-gift, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards .reward-small-gift {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px;
  border-radius: 5px;
  border: 1.5px solid #ff9a17;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards .reward-one img, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards .reward-two img, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards .reward-big-gift img, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards .reward-small-gift img {
  width: 22px;
  height: 22px;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards .reward-one h3, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards .reward-two h3, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards .reward-big-gift h3, .user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box .rewards .reward-small-gift h3 {
  font-size: 12px;
  color: #14213d;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
  background-color: #14213d;
  width: 230px;
  height: 40px;
}
.user-panel-donor-header-sec .dashboard-d-sec .ranks-rewards .ranks-rewards-boxes .rank-reward-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
  background-color: rgba(118, 118, 118, 0.2901960784);
  width: 240px;
  height: 40px;
}

@media (max-width: 480px) {
  .user-panel-donor-header-sec .dashboard-d-sec {
    padding-top: 50px !important;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-tables {
    flex-direction: column;
    align-items: center;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-tables .content-table {
    font-size: 0.6em !important;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-tables .content-table th, .user-panel-donor-header-sec .dashboard-d-sec .flex-tables .content-table td {
    padding: 7px 9px !important;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-content {
    flex-direction: column;
    align-items: center;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-content .achievements {
    width: 100% !important;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-content .achievements .achievements-chart .metrics-container {
    padding: 5px !important;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-content .achievements .achievements-chart .metrics-container .point-scale .point-mark {
    font-size: 10px;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-content .achievements .achievements-chart .metrics-container .point-scale .point-mark-one {
    right: unset;
    left: 0%;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-content .achievements .achievements-chart .metrics-container .point-scale .point-mark-two {
    right: unset;
    left: 8%;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-content .achievements .achievements-chart .metrics-container .point-scale .point-mark-three {
    right: unset;
    left: 20%;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-content .achievements .achievements-chart .metrics-container .point-scale .point-mark-four {
    right: unset;
    left: 40%;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-content .achievements .achievements-chart .metrics-container .point-scale .point-mark-five {
    right: unset;
    left: 60%;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-content .achievements .achievements-chart .metrics-container .point-scale .point-mark-six {
    right: unset;
    left: 80%;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .flex-content .achievements .achievements-chart .metrics-container .point-scale .point-mark-seven {
    right: unset;
    left: 97%;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .notification-bar svg {
    width: 24px;
    height: 24px;
  }
  .user-panel-donor-header-sec .dashboard-d-sec .notification-bar h1 {
    font-size: 10px;
  }
}
/* End User Panel Donor Section */
/* Start Admin Panel Header Section */
.admin-panel-header-sec {
  display: flex;
  justify-content: space-between;
  min-height: 100vh;
  /* Pagination Controls */
}
.admin-panel-header-sec .pagination-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 20px;
  margin-top: 10px;
}
.admin-panel-header-sec .pagination-controls .prev-page-btn,
.admin-panel-header-sec .pagination-controls .next-page-btn {
  padding: 8px 16px;
  background: #ff9a17;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s ease;
}
.admin-panel-header-sec .pagination-controls .prev-page-btn:hover:not(:disabled),
.admin-panel-header-sec .pagination-controls .next-page-btn:hover:not(:disabled) {
  background: #e88a0c;
  transform: translateY(-1px);
}
.admin-panel-header-sec .pagination-controls .prev-page-btn:disabled,
.admin-panel-header-sec .pagination-controls .next-page-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
  opacity: 0.6;
}
.admin-panel-header-sec .pagination-controls .page-info {
  font-size: 14px;
  color: #666;
  font-weight: 500;
}
.admin-panel-header-sec {
  /* Filter Improvements */
}
.admin-panel-header-sec .filter-menu form {
  width: 100%;
}
.admin-panel-header-sec .filter-option input[type=text] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
}
.admin-panel-header-sec .filter-option input[type=text]:focus {
  outline: none;
  border-color: #ff9a17;
}
.admin-panel-header-sec {
  /* Table Loading State */
}
.admin-panel-header-sec .table-loading {
  text-align: center;
  padding: 40px;
  color: #666;
}
.admin-panel-header-sec .table-loading::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  border: 2px solid #ff9a17;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.admin-panel-header-sec {
  /* No Data State */
}
.admin-panel-header-sec .no-data {
  text-align: center;
  padding: 40px;
  color: #999;
  font-style: italic;
}
.admin-panel-header-sec .links-list {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.admin-panel-header-sec .links-list img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.admin-panel-header-sec {
  /* Dropdown styles */
}
.admin-panel-header-sec .dropdown-content {
  display: none;
  position: absolute;
  top: 19px;
  left: 76px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1;
}
.admin-panel-header-sec .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.admin-panel-header-sec .dropdown-content a:hover {
  background-color: #f1f1f1;
  border-radius: 4px;
}
.admin-panel-header-sec .show {
  display: block;
}
.admin-panel-header-sec .links-list {
  padding: 8px 10px 6px 10px;
}
.admin-panel-header-sec .links-list img {
  width: 22px;
  height: 22px;
}
.admin-panel-header-sec ul.nav-links {
  display: flex;
  list-style: none;
  gap: 15px;
  display: none;
}
.admin-panel-header-sec ul.nav-links a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  transition: color 0.3s;
}
.admin-panel-header-sec .access-links-sec {
  width: 20%;
  background-color: #14213d;
  padding: 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.admin-panel-header-sec .access-links-sec .brand-and-return-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-header-sec .access-links-sec .brand-and-return-btns a.brand {
  display: flex;
}
.admin-panel-header-sec .access-links-sec .brand-and-return-btns a.brand img {
  width: 150px;
  height: 45px;
}
.admin-panel-header-sec .access-links-sec .split-line {
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  border-radius: 5px;
  margin: 20px 0;
}
.admin-panel-header-sec .access-links-sec ul.links li {
  margin-top: 5px;
  display: flex;
  align-items: center;
  height: 50px;
  padding-left: 5px;
}
.admin-panel-header-sec .access-links-sec ul.links li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 15px;
}
.admin-panel-header-sec .access-links-sec ul.links li a svg {
  color: #ffffff;
  margin: 2px;
}
.admin-panel-header-sec .access-links-sec ul.links li a h2 {
  font-size: 15px;
  color: #ffffff;
}
.admin-panel-header-sec .access-links-sec ul.links li:hover {
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.2);
}
.admin-panel-header-sec .access-links-sec ul.links li.active-li {
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
}
.admin-panel-header-sec .access-links-sec ul.links li.active-li a svg {
  color: #14213d;
}
.admin-panel-header-sec .access-links-sec ul.links li.active-li a h2 {
  color: #14213d;
}
.admin-panel-header-sec .access-links-sec ul.logout-box li {
  margin-top: 5px;
  display: flex;
  align-items: center;
  height: 50px;
  padding-left: 5px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.2);
}
.admin-panel-header-sec .access-links-sec ul.logout-box li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 15px;
}
.admin-panel-header-sec .access-links-sec ul.logout-box li a svg {
  color: #ffffff;
}
.admin-panel-header-sec .access-links-sec ul.logout-box li a h2 {
  font-size: 15px;
  color: #ffffff;
}
.admin-panel-header-sec .access-links-sec ul.logout-box li:hover {
  border-radius: 5px;
  background-color: #ffffff;
}
.admin-panel-header-sec .access-links-sec ul.logout-box li:hover a svg {
  color: #14213d;
}
.admin-panel-header-sec .access-links-sec ul.logout-box li:hover a h2 {
  color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel {
  background-color: #e9e9e9;
  width: 80%;
}
.admin-panel-header-sec .main-content-admin-panel .content-table {
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 0.9em;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  text-align: left;
  width: 100%;
}
.admin-panel-header-sec .main-content-admin-panel .content-table thead tr {
  background-color: #14213d;
  color: #ffffff;
  font-weight: bold;
}
.admin-panel-header-sec .main-content-admin-panel .content-table {
  /* Add to your admin CSS */
}
.admin-panel-header-sec .main-content-admin-panel .content-table .badge {
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: bold;
}
.admin-panel-header-sec .main-content-admin-panel .content-table .badge.banned {
  background: #ffebee;
  color: #c62828;
  border: 1px solid #ffcdd2;
}
.admin-panel-header-sec .main-content-admin-panel .content-table .badge.verified {
  background: #e8f5e8;
  color: #2e7d32;
  border: 1px solid #c8e6c9;
}
.admin-panel-header-sec .main-content-admin-panel .content-table .badge.pending {
  background: #fff3e0;
  color: #ef6c00;
  border: 1px solid #ffe0b2;
}
.admin-panel-header-sec .main-content-admin-panel .content-table .ban-btn {
  background: #ff4444;
  color: white;
}
.admin-panel-header-sec .main-content-admin-panel .content-table .unban-btn {
  background: #4caf50;
  color: white;
}
.admin-panel-header-sec .main-content-admin-panel .content-table .ban-btn:hover {
  background: #cc0000;
}
.admin-panel-header-sec .main-content-admin-panel .content-table .unban-btn:hover {
  background: #388e3c;
}
.admin-panel-header-sec .main-content-admin-panel .content-table .th-btn, .admin-panel-header-sec .main-content-admin-panel .content-table .td-btn {
  text-align: center;
}
.admin-panel-header-sec .main-content-admin-panel .content-table .th-btn button, .admin-panel-header-sec .main-content-admin-panel .content-table .td-btn button {
  padding: 8px 10px;
}
.admin-panel-header-sec .main-content-admin-panel .content-table th, .admin-panel-header-sec .main-content-admin-panel .content-table td {
  padding: 12px 15px;
}
.admin-panel-header-sec .main-content-admin-panel .content-table .td-img .user-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #ddd;
}
.admin-panel-header-sec .main-content-admin-panel .content-table tbody tr {
  border-bottom: 1px solid #dddddd;
}
.admin-panel-header-sec .main-content-admin-panel .content-table tbody tr:nth-of-type(odd) {
  background-color: #ffffff;
}
.admin-panel-header-sec .main-content-admin-panel .content-table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}
.admin-panel-header-sec .main-content-admin-panel .content-table tbody tr:last-of-type {
  border-bottom: 2px solid #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .content-table tbody tr.active-row {
  font-weight: bold;
  color: #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .content-table tfoot tr th {
  width: 254%;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #ffffff;
}
.admin-panel-header-sec .main-content-admin-panel .content-table tfoot tr th svg {
  color: #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .content-table tfoot tr th h1 {
  color: #ff9a17;
  font-size: 10px;
}
.admin-panel-header-sec .main-content-admin-panel .table-search-filter {
  font-family: Arial, sans-serif;
  max-width: 100%;
}
.admin-panel-header-sec .main-content-admin-panel .filter-menu {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.admin-panel-header-sec .main-content-admin-panel .filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.admin-panel-header-sec .main-content-admin-panel .filter-title {
  font-weight: bold;
  color: #333;
  font-size: 18px;
}
.admin-panel-header-sec .main-content-admin-panel .filter-actions {
  display: flex;
  gap: 10px;
}
.admin-panel-header-sec .main-content-admin-panel a.reset-btn {
  box-shadow: 0 0 14px 4px rgba(255, 154, 23, 0);
  border: 1px solid rgb(20, 33, 61);
  background-color: #ffffff;
  color: rgb(20, 33, 61);
}
.admin-panel-header-sec .main-content-admin-panel a.reset-btn:hover {
  text-decoration: none;
  box-shadow: 0 0 14px 4px rgba(255, 154, 23, 0);
  border: 1px solid rgb(20, 33, 61);
  background-color: #ffffff;
  color: rgb(20, 33, 61);
}
.admin-panel-header-sec .main-content-admin-panel .reset-btn:hover {
  text-decoration: underline;
}
.admin-panel-header-sec .main-content-admin-panel .horizontal-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 16px;
  background: #f9f9f9;
}
.admin-panel-header-sec .main-content-admin-panel .filter-group {
  position: relative;
  min-width: 150px;
}
.admin-panel-header-sec .main-content-admin-panel .filter-category {
  padding: 10px 15px;
  background: #eee;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
}
.admin-panel-header-sec .main-content-admin-panel .filter-category:hover {
  background: #ddd;
}
.admin-panel-header-sec .main-content-admin-panel .filter-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ddd;
  border-radius: 0 0 4px 4px;
  padding: 10px;
  z-index: 10;
  flex-direction: column;
  min-width: 200px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.admin-panel-header-sec .main-content-admin-panel .filter-option {
  padding: 5px 0;
}
.admin-panel-header-sec .main-content-admin-panel .filter-option label {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.admin-panel-header-sec .main-content-admin-panel .filter-option input {
  margin: 0;
}
.admin-panel-header-sec .main-content-admin-panel .all-users-table {
  padding: 10px 0;
}
.admin-panel-header-sec .main-content-admin-panel .input-box {
  position: relative;
  overflow: hidden;
  width: 235px;
  height: 40px;
  margin-bottom: 15px;
}
.admin-panel-header-sec .main-content-admin-panel .input-box label {
  position: absolute;
  top: 30%;
  left: 10px;
  color: #767676;
  font-size: 14px;
  display: block;
  transition: 0.3s ease-in-out;
  z-index: 100;
}
.admin-panel-header-sec .main-content-admin-panel .input-box input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 15px;
  z-index: 100;
}
.admin-panel-header-sec .main-content-admin-panel .input-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 1;
  border-radius: 5px 5px 0 0;
}
.admin-panel-header-sec .main-content-admin-panel .input-box.input-box-active label {
  top: 10%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  font-weight: bold;
}
.admin-panel-header-sec .main-content-admin-panel .input-box.input-box-active input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding: 12px 10px 0px 10px;
  font-size: 15px;
  transition: 0.3s ease-in-out;
}
.admin-panel-header-sec .main-content-admin-panel .input-box.field-is-filled label {
  position: absolute;
  top: 10%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.admin-panel-header-sec .main-content-admin-panel .input-box.field-is-filled input {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 12px 10px 0px 10px;
  font-size: 13px;
  transition: 0.3s ease-in-out;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper {
  width: 200px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.05);
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .image-box {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  border-radius: 5px;
  border: 1.7px dashed #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .image-box :where(i, p) {
  color: #767676;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .image-box svg {
  color: #767676;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .image-box p {
  margin-top: 12px;
  font-size: 14px;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .image-preview {
  display: none;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper section .row {
  background: rgb(220, 231, 255);
  list-style: none;
  padding: 15px 20px;
  border-radius: 0 0 5px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper section .row i {
  color: #ff9a17;
  font-size: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper section .details span {
  font-size: 14px;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .progress-area .row .content {
  width: 100%;
  margin-left: 15px;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .progress-area .details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .progress-area .content .progress-bar {
  height: 6px;
  width: 100%;
  margin-bottom: 4px;
  background: rgb(249, 217, 176);
  border-radius: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .progress-area .content .progress-bar .progress {
  height: 100%;
  width: 0%;
  background: #ff9a17;
  border-radius: inherit;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .uploaded-area {
  max-height: 232px;
  overflow-y: scroll;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .uploaded-area .row .content {
  display: flex;
  align-items: center;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .uploaded-area .row .details {
  display: flex;
  margin-left: 15px;
  flex-direction: column;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .uploaded-area .row .details .size {
  color: #404040;
  font-size: 9px;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .uploaded-area i.fa-check {
  font-size: 14px;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .uploaded-area.onprogress {
  max-height: 150px;
}
.admin-panel-header-sec .main-content-admin-panel .wrapper .uploaded-area::-webkit-scrollbar {
  width: 0px;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 30px 0 30px;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .search-and-note-box {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  gap: 100px;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .search-and-note-box .search-filed {
  display: flex;
  width: 600px;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .search-and-note-box .search-filed input {
  width: 90%;
  font-size: 15px;
  padding: 0 10px 0 10px;
  line-height: 40px;
  border-radius: 5px 0 0 5px;
  border: 2px solid transparent;
  background-color: #e9e9e9;
  color: #14213d;
  outline: none;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .search-and-note-box .search-filed :focus {
  border: 2px solid #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .search-and-note-box .search-filed a {
  border-radius: 0 5px 5px 0;
  padding: 10px 8px 0px 8px;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .search-and-note-box .search-filed a:hover {
  box-shadow: 0 0 14px 4px rgba(255, 154, 23, 0);
  border: 1px solid rgb(255, 154, 23);
  background-color: rgb(255, 154, 23);
  color: #fff;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .search-and-note-box .notification-btn a {
  background-color: rgb(20, 33, 61);
  color: #fff;
  padding: 10px 10px 7px 10px;
  border: 1px solid rgb(20, 33, 61);
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .search-and-note-box .notification-btn a:hover {
  box-shadow: 0 0 14px 4px rgba(255, 154, 23, 0);
  border: 1px solid rgb(20, 33, 61);
  background-color: rgb(20, 33, 61);
  color: #fff;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .account-box {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  gap: 20px;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .account-box .admin-account {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .account-box .admin-account img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid rgb(221, 221, 221);
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .account-box .admin-account h1 {
  color: #14213d;
  font-size: 14px;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .account-box a.admin-account-settings {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 8px 4px;
}
.admin-panel-header-sec .main-content-admin-panel .search-and-account-boxes .account-box a.home-btn {
  border-radius: 5;
  padding: 8px 10px;
  font-size: 22px;
}
.admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec {
  display: none;
  padding: 0px 30px 30px 30px;
}
.admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  padding: 30px 0;
}
.admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .split-line {
  width: 3.5px;
  height: 125px;
  background-color: #ff9a17;
  border-radius: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .requseters-number-box, .admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .donaters-number-box, .admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .charities-number-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .requseters-number-box img, .admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .donaters-number-box img, .admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .charities-number-box img {
  width: 45px;
  height: 45px;
}
.admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .requseters-number-box h1, .admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .donaters-number-box h1, .admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .charities-number-box h1 {
  margin-top: 5px;
  font-size: 16px;
  color: #14213d;
  text-align: center;
}
.admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .requseters-number-box h2, .admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .donaters-number-box h2, .admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .users-statistics-boxes .statistic-box .charities-number-box h2 {
  margin-top: 5px;
  font-size: 18px;
  color: #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .all-requester-users-table, .admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .all-donor-users-table, .admin-panel-header-sec .main-content-admin-panel .users-dashboard-sec .all-charity-users-table {
  overflow-x: auto;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec {
  display: none;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-in-website .title, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-in-app .title {
  padding: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-in-website .title h1, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-in-app .title h1 {
  color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-in-website .fundraisers-in-website-img, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-in-website .fundraisers-in-app-img, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-in-app .fundraisers-in-website-img, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-in-app .fundraisers-in-app-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-in-website .fundraisers-in-website-img img, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-in-website .fundraisers-in-app-img img, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-in-app .fundraisers-in-website-img img, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-in-app .fundraisers-in-app-img img {
  width: 350px;
  height: 350px;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content {
  display: flex;
  justify-content: space-between;
  padding: 10px 30px 10px 30px;
  gap: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding-top: 20px;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-fundraisers-number-box, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-completed-fundraisers-box, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-incomplete-fundraisers-box, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-Waiting-requesters-fundraisers-box, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-create-form-fundraisers-box, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-transferred-fundraisers-box {
  width: 250px;
  height: 120px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-fundraisers-number-box img, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-completed-fundraisers-box img, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-incomplete-fundraisers-box img, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-Waiting-requesters-fundraisers-box img, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-create-form-fundraisers-box img, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-transferred-fundraisers-box img {
  width: 40px;
  height: 40px;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-fundraisers-number-box h1, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-completed-fundraisers-box h1, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-incomplete-fundraisers-box h1, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-Waiting-requesters-fundraisers-box h1, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-create-form-fundraisers-box h1, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-transferred-fundraisers-box h1 {
  margin-top: 5px;
  font-size: 16px;
  color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-fundraisers-number-box h2, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-completed-fundraisers-box h2, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-incomplete-fundraisers-box h2, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-Waiting-requesters-fundraisers-box h2, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-create-form-fundraisers-box h2, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-statistics-boxes .all-transferred-fundraisers-box h2 {
  margin-top: 5px;
  font-size: 18px;
  color: #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .metrics-container {
  background-color: white;
  border-radius: 5px;
  padding: 20px;
  width: 100%;
  max-width: 100%;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .metric {
  margin: 30px 0;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .metric-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-weight: 600;
  color: #333;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .metric-name {
  font-size: 18px;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .metric-completed-value {
  font-size: 18px;
  color: #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .metric-incomplete-value {
  font-size: 18px;
  color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .progress-container {
  height: 10px;
  background-color: #e9ecef;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .progress-bar {
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(90deg, #4a6cf7, #6a8eff);
  width: 0;
  transition: width 1.5s ease-out;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .completed-bar {
  background: linear-gradient(90deg, #ff9a17, #ffaa3b);
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .incomplete-bar {
  background: linear-gradient(90deg, #14213d, #223765);
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .time-scale {
  display: flex;
  justify-content: space-between;
  color: #6c757d;
  font-size: 12px;
  padding: 0 5px;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .time-mark {
  position: relative;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .flex-boxes-content .fundraisers-statistics-and-charts .fundraisers-charts .time-mark:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  width: 1px;
  height: 10px;
  background-color: #dee2e6;
  transform: translateX(-50%);
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-fundraisers-table, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-verification-requests-table {
  overflow-x: auto;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-filter, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-fundraisers-table, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-verification-requests-table, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .verification-requests-filter {
  padding: 0 30px 10px 30px;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-filter .remove-trend-btn, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-fundraisers-table .remove-trend-btn, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-verification-requests-table .remove-trend-btn, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .verification-requests-filter .remove-trend-btn {
  background-color: #f8f9fa;
  color: #dc3545;
  border: 1px solid #dc3545;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-filter .remove-trend-btn:hover, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-fundraisers-table .remove-trend-btn:hover, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-verification-requests-table .remove-trend-btn:hover, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .verification-requests-filter .remove-trend-btn:hover {
  background-color: #dc3545;
  color: white;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-filter .unurgent-btn, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-fundraisers-table .unurgent-btn, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-verification-requests-table .unurgent-btn, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .verification-requests-filter .unurgent-btn {
  background-color: #e3f2fd;
  color: #1976d2;
  border: 1px solid #1976d2;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-filter .unurgent-btn:hover, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-fundraisers-table .unurgent-btn:hover, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-verification-requests-table .unurgent-btn:hover, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .verification-requests-filter .unurgent-btn:hover {
  background-color: #bbdefb;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-filter .no-action, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-fundraisers-table .no-action, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-verification-requests-table .no-action, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .verification-requests-filter .no-action {
  color: #6c757d;
  font-style: italic;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-filter .status-badge.blocked, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-fundraisers-table .status-badge.blocked, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-verification-requests-table .status-badge.blocked, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .verification-requests-filter .status-badge.blocked {
  background-color: #dc3545;
  color: white;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-filter .block-btn, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-fundraisers-table .block-btn, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-verification-requests-table .block-btn, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .verification-requests-filter .block-btn {
  background-color: #f8f9fa;
  color: #dc3545;
  border: 1px solid #dc3545;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-filter .block-btn:hover, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-fundraisers-table .block-btn:hover, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-verification-requests-table .block-btn:hover, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .verification-requests-filter .block-btn:hover {
  background-color: #dc3545;
  color: white;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-filter .unblock-btn, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-fundraisers-table .unblock-btn, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-verification-requests-table .unblock-btn, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .verification-requests-filter .unblock-btn {
  background-color: #f8f9fa;
  color: #28a745;
  border: 1px solid #28a745;
}
.admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .fundraisers-filter .unblock-btn:hover, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-fundraisers-table .unblock-btn:hover, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .all-verification-requests-table .unblock-btn:hover, .admin-panel-header-sec .main-content-admin-panel .fundraisers-dashboard-sec .verification-requests-filter .unblock-btn:hover {
  background-color: #28a745;
  color: white;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec {
  padding: 30px;
  display: none;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .delete-category-btn {
  background: #ff4444;
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content {
  display: flex;
  gap: 30px;
  padding-bottom: 30px;
  align-items: center;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .all-categories-number-box {
  width: 250px;
  height: 120px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .all-categories-number-box img {
  width: 40px;
  height: 40px;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .all-categories-number-box h1 {
  margin-top: 5px;
  font-size: 16px;
  color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .all-categories-number-box h2 {
  margin-top: 5px;
  font-size: 18px;
  color: #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .split-line {
  width: 3px;
  height: 130px;
  background-color: #ff9a17;
  border-radius: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box {
  display: flex;
  gap: 15px;
  align-items: center;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .flex-details {
  display: flex;
  flex-direction: column;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper {
  width: 200px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.05);
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .image-box {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  border-radius: 5px;
  border: 1.7px dashed #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .image-box :where(i, p) {
  color: #767676;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .image-box svg {
  color: #767676;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .image-box p {
  margin-top: 12px;
  font-size: 14px;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .image-preview {
  display: none;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper section .row {
  background: rgb(220, 231, 255);
  list-style: none;
  padding: 15px 20px;
  border-radius: 0 0 5px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper section .row i {
  color: #ff9a17;
  font-size: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper section .details span {
  font-size: 14px;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .progress-area .row .content {
  width: 100%;
  margin-left: 15px;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .progress-area .details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .progress-area .content .progress-bar {
  height: 6px;
  width: 100%;
  margin-bottom: 4px;
  background: rgb(249, 217, 176);
  border-radius: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .progress-area .content .progress-bar .progress {
  height: 100%;
  width: 0%;
  background: #ff9a17;
  border-radius: inherit;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .uploaded-area {
  max-height: 232px;
  overflow-y: scroll;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .uploaded-area .row .content {
  display: flex;
  align-items: center;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .uploaded-area .row .details {
  display: flex;
  margin-left: 15px;
  flex-direction: column;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .uploaded-area .row .details .size {
  color: #404040;
  font-size: 9px;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .uploaded-area i.fa-check {
  font-size: 14px;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .uploaded-area.onprogress {
  max-height: 150px;
}
.admin-panel-header-sec .main-content-admin-panel .categories-dashboard-sec .flex-content .add-categorie-box .categorie-name-and-image-boxes .wrapper .uploaded-area::-webkit-scrollbar {
  width: 0px;
}
.admin-panel-header-sec .main-content-admin-panel .forms-and-requests-dashboard-sec {
  padding: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .forms-and-requests-dashboard-sec .all-forms-table, .admin-panel-header-sec .main-content-admin-panel .forms-and-requests-dashboard-sec .all-requests-table {
  overflow-x: auto;
}
.admin-panel-header-sec .main-content-admin-panel .forms-and-requests-dashboard-sec .all-forms-table .date-cell, .admin-panel-header-sec .main-content-admin-panel .forms-and-requests-dashboard-sec .all-requests-table .date-cell {
  white-space: nowrap;
  display: inline-block;
  direction: ltr;
  unicode-bidi: embed;
}
.admin-panel-header-sec .main-content-admin-panel .forms-and-requests-dashboard-sec .all-forms-table .date-td, .admin-panel-header-sec .main-content-admin-panel .forms-and-requests-dashboard-sec .all-requests-table .date-td {
  white-space: nowrap;
  min-width: 100px;
}
.admin-panel-header-sec .main-content-admin-panel .forms-and-requests-dashboard-sec .all-forms-table .content-table td, .admin-panel-header-sec .main-content-admin-panel .forms-and-requests-dashboard-sec .all-requests-table .content-table td {
  word-break: keep-all;
  overflow-wrap: normal;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec {
  display: none;
  padding: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .legend-color.charities {
  background-color: #28a745;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .bar.charities {
  background-color: #28a745;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .legend-color.waiting-requesters {
  background-color: #6f42c1;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .bar.waiting-requesters {
  background-color: #6f42c1;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .legend-color.create-form {
  background-color: #35a7dc;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .bar.create-form {
  background-color: #35a7dc;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .legend-color.transferred {
  background-color: #28a745;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .bar.transferred {
  background-color: #28a745;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box {
  margin-top: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .legend-color.forms {
  background-color: #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .legend-color.requests {
  background-color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .bar.forms {
  background-color: #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .bar.requests {
  background-color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box {
  padding: 15px;
  border-radius: 5px;
  background-color: #ffffff;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box h1, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box h1, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box h1, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box h1, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box h1 {
  font-size: 25px;
  color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics {
  margin-top: 10px;
  max-width: 85%;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart-container {
  margin: 0 auto;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart {
  display: flex;
  align-items: flex-end;
  height: 350px;
  gap: 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  position: relative;
  padding: 10px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .month-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bars-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .bars-container {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .bar {
  width: 25px;
  position: relative;
  border-radius: 2px 2px 0 0;
  transition: height 0.3s ease;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .completed, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .donors, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .completed {
  background: linear-gradient(to top, #fda430, #fea026);
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .uncompleted, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .needers, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .uncompleted {
  background: linear-gradient(to top, #1e315a, #14213d);
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .month-label {
  margin-top: 10px;
  font-size: 12px;
  text-align: center;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .value-label {
  position: absolute;
  top: -20px;
  font-size: 10px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .chart-title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  gap: 20px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend-item, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend-item {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .legend-color, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-forms-requests-statistics .legend-color {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics {
  /* Chart Loading Styles */
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .chart-loading, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .chart-loading, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .chart-loading, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .chart-loading, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .chart-loading {
  text-align: center;
  padding: 20px;
  color: #666;
  font-style: italic;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .refresh-chart-btn, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .refresh-chart-btn, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .refresh-chart-btn, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .refresh-chart-btn, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .refresh-chart-btn {
  background: #007bff;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 10px;
  font-size: 14px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .refresh-chart-btn:hover, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .refresh-chart-btn:hover, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .refresh-chart-btn:hover, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .refresh-chart-btn:hover, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .refresh-chart-btn:hover {
  background: #0056b3;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics {
  /* Update legend for requesters */
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .legend-color.requesters, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .legend-color.requesters, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .legend-color.requesters, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .legend-color.requesters, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .legend-color.requesters {
  background-color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .bar.requesters, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .bar.requesters, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .bar.requesters, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .bar.requesters, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .bar.requesters {
  background-color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-user-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-user-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-user-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-user-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-user-statistics .bar {
  width: 10px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-fundraisers-statistics .bar {
  width: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-donations-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .user-ranks-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-donations-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .user-ranks-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-donations-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .user-ranks-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-donations-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .user-ranks-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-donations-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .user-ranks-statistics .chart-container {
  width: 100%;
  max-width: 900px;
  background: white;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-donations-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .user-ranks-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-donations-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .user-ranks-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-donations-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .user-ranks-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-donations-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .user-ranks-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-donations-statistics .chart-title, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .user-ranks-statistics .chart-title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-donations-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .user-ranks-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-donations-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .user-ranks-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-donations-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .user-ranks-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-donations-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .user-ranks-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-donations-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .user-ranks-statistics .chart {
  display: flex;
  align-items: flex-end;
  height: 440px;
  gap: 5px;
  padding: 20px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-donations-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .user-ranks-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-donations-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .user-ranks-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-donations-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .user-ranks-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-donations-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .user-ranks-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-donations-statistics .month-group, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .user-ranks-statistics .month-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  position: relative;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-donations-statistics .bar-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .user-ranks-statistics .bar-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-donations-statistics .bar-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .user-ranks-statistics .bar-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-donations-statistics .bar-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .user-ranks-statistics .bar-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-donations-statistics .bar-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .user-ranks-statistics .bar-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-donations-statistics .bar-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .user-ranks-statistics .bar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-donations-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .user-ranks-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-donations-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .user-ranks-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-donations-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .user-ranks-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-donations-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .user-ranks-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-donations-statistics .bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .user-ranks-statistics .bar {
  width: 25px;
  background: linear-gradient(to top, #1e315a, #14213d);
  border-radius: 2px 2px 0 0;
  transition: height 0.3s ease;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-donations-statistics .bar.highest, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .user-ranks-statistics .bar.highest, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-donations-statistics .bar.highest, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .user-ranks-statistics .bar.highest, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-donations-statistics .bar.highest, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .user-ranks-statistics .bar.highest, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-donations-statistics .bar.highest, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .user-ranks-statistics .bar.highest, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-donations-statistics .bar.highest, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .user-ranks-statistics .bar.highest {
  background: linear-gradient(to top, #fda430, #fea026);
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-donations-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .user-ranks-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-donations-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .user-ranks-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-donations-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .user-ranks-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-donations-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .user-ranks-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-donations-statistics .value-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .user-ranks-statistics .value-label {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
  width: 100%;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .monthly-donations-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .user-ranks-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .monthly-donations-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .user-ranks-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .monthly-donations-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .user-ranks-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .monthly-donations-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .user-ranks-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .monthly-donations-statistics .month-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .user-ranks-statistics .month-label {
  margin-top: 10px;
  font-size: 13px;
  text-align: center;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .user-ranks-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .user-ranks-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .user-ranks-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .user-ranks-statistics .chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .user-ranks-statistics .chart {
  gap: 20px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics {
  padding: 10px;
  background-color: #ffffff;
  border-radius: 5px;
  width: 100%;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics h5, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics h5, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics h5, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics h5, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics h5 {
  color: #14213d;
  font-size: 17px;
  margin: 5px 0;
  text-align: center;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart-container {
  font-family: "Segoe UI", system-ui, sans-serif;
  max-width: 700px;
  margin: 0 auto;
  padding: 1rem;
  color: #333;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics h2 {
  text-align: center;
  margin-bottom: 1.5rem;
  color: #2c3e50;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .chart-controls, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .chart-controls, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .chart-controls, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .chart-controls, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .chart-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn:hover, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn:hover, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn:hover, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn:hover, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn:hover {
  background: #e9ecef;
  border-color: #ced4da;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn svg, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn svg, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn svg, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn svg, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .nav-btn svg {
  fill: #495057;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart {
  --bar-gap: 0.5rem;
  --bar-width: 2rem;
  --max-bar-height: 15rem;
  --axis-color: #adb5bd;
  --grid-line-color: #e9ecef;
  height: var(--max-bar-height);
  display: flex;
  gap: var(--bar-gap);
  align-items: flex-end;
  padding: 0 1rem;
  position: relative;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart::before, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart::before, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart::before, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart::before, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--axis-color);
  z-index: 1;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar {
  width: var(--bar-width);
  background: linear-gradient(to top, #1e315a, #14213d);
  border-radius: 4px 4px 0 0;
  position: relative;
  transition: height 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar:hover, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar:hover, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar:hover, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar:hover, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar:hover {
  opacity: 0.9;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar.today, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar.today, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar.today, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar.today, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .donation-bar.today {
  background: linear-gradient(to top, #fda430, #fea026);
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .bar-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .bar-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .bar-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .bar-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .bar-label {
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0.85rem;
  color: #6c757d;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .bar-value, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .bar-value, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .bar-value, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .bar-value, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .bar-value {
  position: absolute;
  top: -1.5rem;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 500;
  color: #2c3e50;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .chart-footer, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .chart-footer, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .chart-footer, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .chart-footer, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .chart-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  padding: 0 1rem;
  font-size: 0.85rem;
  color: #6c757d;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .scale-labels, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .scale-labels, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .scale-labels, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .scale-labels, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .scale-labels {
  display: flex;
  justify-content: space-between;
  width: 95%;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics {
  /* Grid lines */
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart::after, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart::after, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart::after, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart::after, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-image: repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), var(--grid-line-color) calc(25% - 1px), var(--grid-line-color) 25%);
  background-size: 100% 25%;
}
@media (max-width: 600px) {
  .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .donation-chart {
    --bar-width: 2rem;
    --max-bar-height: 12rem;
  }
  .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .bar-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .daily-donations-statistics .bar-value, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .bar-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .daily-donations-statistics .bar-value, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .bar-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .daily-donations-statistics .bar-value, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .bar-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .daily-donations-statistics .bar-value, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .bar-label, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .daily-donations-statistics .bar-value {
    font-size: 0.7rem;
  }
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-Fundraisers-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-users-in-ranks-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-forms-requests-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-Fundraisers-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-users-in-ranks-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-forms-requests-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-Fundraisers-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-users-in-ranks-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-forms-requests-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-Fundraisers-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-users-in-ranks-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-forms-requests-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-user-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-Fundraisers-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-users-in-ranks-statistics, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-forms-requests-statistics {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-user-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-Fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-users-in-ranks-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-forms-requests-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-user-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-Fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-users-in-ranks-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-forms-requests-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-user-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-Fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-users-in-ranks-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-forms-requests-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-user-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-Fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-users-in-ranks-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-forms-requests-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-user-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-Fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-users-in-ranks-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-forms-requests-statistics .chart-container {
  width: 80%;
  background: white;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-user-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-Fundraisers-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-users-in-ranks-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-forms-requests-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-user-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-Fundraisers-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-users-in-ranks-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-forms-requests-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-user-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-Fundraisers-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-users-in-ranks-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-forms-requests-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-user-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-Fundraisers-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-users-in-ranks-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-forms-requests-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-user-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-Fundraisers-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-users-in-ranks-statistics h2, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-forms-requests-statistics h2 {
  font-size: 18px;
  text-align: center;
  color: #14213d;
  margin-bottom: 10px;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-user-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-Fundraisers-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-users-in-ranks-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-forms-requests-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-user-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-Fundraisers-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-users-in-ranks-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-forms-requests-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-user-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-Fundraisers-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-users-in-ranks-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-forms-requests-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-user-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-Fundraisers-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-users-in-ranks-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-forms-requests-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-user-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-Fundraisers-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-users-in-ranks-statistics #userChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-forms-requests-statistics #userChart {
  width: 100% !important;
  height: auto !important;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-user-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-Fundraisers-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-users-in-ranks-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-forms-requests-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-user-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-Fundraisers-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-users-in-ranks-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-forms-requests-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-user-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-Fundraisers-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-users-in-ranks-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-forms-requests-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-user-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-Fundraisers-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-users-in-ranks-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-forms-requests-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-user-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-Fundraisers-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-users-in-ranks-statistics #fundraisersChart, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-forms-requests-statistics #fundraisersChart {
  width: 100% !important;
  height: auto !important;
}
.admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-statistics-box .statistics-boxes .total-Fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .fundraisers-statistics-box .statistics-boxes .total-Fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .donations-statistics-box .statistics-boxes .total-Fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .users-ranks-statistics-box .statistics-boxes .total-Fundraisers-statistics .chart-container, .admin-panel-header-sec .main-content-admin-panel .statistics-dashboard-sec .forms-and-requests-statistics-box .statistics-boxes .total-Fundraisers-statistics .chart-container {
  width: unset;
  background: white;
}
.admin-panel-header-sec .main-content-admin-panel .reports-dashboard-sec {
  display: none;
  padding: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .reports-dashboard-sec .title {
  padding: 10px;
  background-color: #ffffff;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .reports-dashboard-sec .title h1 {
  color: #14213d;
  font-size: 20px;
}
.admin-panel-header-sec .main-content-admin-panel .reports-dashboard-sec .title a.reports-print-btn {
  display: flex;
  align-items: center;
  gap: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec {
  display: none;
  padding: 0px 30px 30px 30px;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .all-invoices-table {
  overflow-x: auto;
  margin: 20px 0;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .content-table {
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .content-table thead tr {
  background-color: #009879;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .content-table th,
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .content-table td {
  padding: 12px 15px;
  border: 1px solid #dddddd;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .content-table tbody tr {
  border-bottom: 1px solid #dddddd;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .content-table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .content-table tbody tr:last-of-type {
  border-bottom: 2px solid #009879;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .content-table tbody tr:hover {
  background-color: #f1f1f1;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .th-btn {
  width: 80px;
  text-align: center;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .td-btn {
  text-align: center;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .btn-delete {
  background: #ff4444;
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .btn-delete:hover {
  background: #cc0000;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .status-badge {
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 0.8em;
  font-weight: bold;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .status-paid {
  background-color: #d4edda;
  color: #155724;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .status-pending {
  background-color: #fff3cd;
  color: #856404;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .status-failed {
  background-color: #f8d7da;
  color: #721c24;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .status-processed {
  background-color: #d1ecf1;
  color: #0c5460;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .status-pending {
  background-color: #fff3cd;
  color: #856404;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .balances-and-transactions-statistics-boxes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  padding: 30px 0;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .balances-and-transactions-statistics-boxes .flex-statistic-box {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .balances-and-transactions-statistics-boxes .flex-statistic-box .split-line {
  width: 3.5px;
  height: 125px;
  background-color: #ff9a17;
  border-radius: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .balances-and-transactions-statistics-boxes .flex-statistic-box .statistic-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .balances-and-transactions-statistics-boxes .flex-statistic-box .statistic-box img {
  width: 45px;
  height: 45px;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .balances-and-transactions-statistics-boxes .flex-statistic-box .statistic-box h1 {
  margin-top: 5px;
  font-size: 16px;
  color: #14213d;
  text-align: center;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .balances-and-transactions-statistics-boxes .flex-statistic-box .statistic-box h2 {
  margin-top: 5px;
  font-size: 18px;
  color: #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .all-ledger-table, .admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .all-withdrawals-table, .admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .all-transfers-table, .admin-panel-header-sec .main-content-admin-panel .balances-dashboard-sec .all-balances-table {
  overflow-x: auto;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec {
  display: none;
  padding: 30px 30px 30px 30px;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content {
  display: flex;
  align-items: center;
  gap: 15px;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .all-ranks-number-box {
  width: 250px;
  height: 120px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .all-ranks-number-box img {
  width: 40px;
  height: 40px;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .all-ranks-number-box h1 {
  margin-top: 5px;
  font-size: 16px;
  color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .all-ranks-number-box h2 {
  margin-top: 5px;
  font-size: 18px;
  color: #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .split-line {
  width: 3px;
  height: 130px;
  background-color: #ff9a17;
  border-radius: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box {
  position: relative;
  height: 80px;
  width: 235px;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box .label-desc, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box .label-desc, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box .label-desc {
  position: absolute;
  top: 10%;
  left: 10px;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box textarea, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box textarea, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box textarea {
  resize: none;
  font-size: 15px;
  font-weight: 500;
  color: #14213d;
  width: 100%;
  height: 100%;
  padding: 20px 10px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: 0.3s ease-in-out;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box .input-box textarea::-moz-placeholder, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box .input-box textarea::-moz-placeholder, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box .input-box textarea::-moz-placeholder {
  font-size: 15px;
  font-weight: 500;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box .input-box textarea::placeholder, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box .input-box textarea::placeholder, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box .input-box textarea::placeholder {
  font-size: 15px;
  font-weight: 500;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box .characters, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box .characters, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box .characters {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  color: #767676;
  font-size: 14px;
  background-color: white;
  padding: 2px 5px;
  border-radius: 3px;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box.input-box-active .label-desc, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box.input-box-active .label-desc, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box.input-box-active .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box.input-box-active textarea, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box.input-box-active textarea, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box.input-box-active textarea {
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding-top: 20px;
  padding: 30px 10px 10px 10px;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box.input-box-active .characters, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box.input-box-active .characters, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box.input-box-active .characters {
  display: flex;
  color: #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box.field-is-filled .label-desc, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box.field-is-filled .label-desc, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box.field-is-filled .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box.field-is-filled textarea, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box.field-is-filled textarea, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box.field-is-filled textarea {
  padding: 30px 10px 10px 10px;
  border-bottom: 1px solid #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box.field-is-filled .characters, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box.field-is-filled .characters, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box.field-is-filled .characters {
  color: #767676;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box.error textarea, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box.error textarea, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box.error textarea {
  border-bottom: 2px solid red;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box.error .label-desc, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box.error .label-desc, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box.error .label-desc {
  color: red;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box.error .characters, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box.error .characters, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box.error .characters {
  color: red;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .rank-name-and-description .rank-description-box .input-box::before, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .rank-description-box .input-box::before, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .reward-name-and-image .rank-description-box .input-box::before {
  z-index: -1 !important;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .minimum-and-maximum-points {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .minimum-and-maximum-points .minimum-points, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-content .add-rank-box .points-and-image .minimum-and-maximum-points .maximum-points {
  width: 135px;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-tables {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 30px 0;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-tables .th-btn button {
  padding: 5px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  transition: background-color 0.3s;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-tables .delete-rank-btn, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-tables .delete-user-rank-btn {
  background-color: #dc3545;
  color: white;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-tables .delete-rank-btn:hover, .admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-tables .delete-user-rank-btn:hover {
  background-color: #c82333;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-tables .reset-points-btn {
  background-color: #ffc107;
  color: black;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-tables .reset-points-btn:hover {
  background-color: #e0a800;
}
.admin-panel-header-sec .main-content-admin-panel .ranks-and-rewards-sec .flex-tables .content-table img {
  border: 1px solid #ddd;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec {
  padding: 30px;
  display: none;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings h1.title, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings h1.title, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings h1.title, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings h1.title {
  margin-bottom: 20px;
  color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content {
  display: flex;
  gap: 30px;
  padding-bottom: 30px;
  align-items: center;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-events-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-complaints-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-faqs-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-notifications-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-events-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-complaints-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-faqs-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-notifications-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-events-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-complaints-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-faqs-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-notifications-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-events-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-complaints-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-faqs-number-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-notifications-number-box {
  width: 250px;
  height: 120px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-events-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-complaints-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-faqs-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-notifications-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-events-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-complaints-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-faqs-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-notifications-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-events-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-complaints-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-faqs-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-notifications-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-events-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-complaints-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-faqs-number-box img, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-notifications-number-box img {
  width: 40px;
  height: 40px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-events-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-complaints-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-faqs-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-notifications-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-events-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-complaints-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-faqs-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-notifications-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-events-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-complaints-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-faqs-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-notifications-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-events-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-complaints-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-faqs-number-box h1, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-notifications-number-box h1 {
  margin-top: 5px;
  font-size: 16px;
  color: #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-events-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-complaints-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-faqs-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .all-notifications-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-events-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-complaints-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-faqs-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .all-notifications-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-events-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-complaints-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-faqs-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .all-notifications-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-events-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-complaints-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-faqs-number-box h2, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .all-notifications-number-box h2 {
  margin-top: 5px;
  font-size: 18px;
  color: #ff9a17;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .split-line, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .split-line, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .split-line, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .split-line {
  width: 3px;
  height: 130px;
  background-color: #ff9a17;
  border-radius: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box {
  display: flex;
  gap: 15px;
  align-items: center;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .flex-details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .flex-details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .flex-details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .flex-details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .flex-details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .flex-details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .flex-details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .flex-details {
  display: flex;
  flex-direction: column;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper {
  width: 200px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.05);
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  border-radius: 5px;
  border: 1.7px dashed #14213d;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box :where(i, p), .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box :where(i, p), .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box :where(i, p), .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box :where(i, p), .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box :where(i, p), .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box :where(i, p), .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box :where(i, p), .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box :where(i, p) {
  color: #767676;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box svg, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box svg, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box svg, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box svg, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box svg, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box svg, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box svg, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box svg {
  color: #767676;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box p, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box p, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box p, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box p, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box p, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box p, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-box p, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-box p {
  margin-top: 12px;
  font-size: 14px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-preview, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-preview, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-preview, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-preview, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-preview, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-preview, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .image-preview, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .image-preview {
  display: none;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper section .row, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper section .row, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper section .row, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper section .row, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper section .row, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper section .row, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper section .row, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper section .row {
  background: rgb(220, 231, 255);
  list-style: none;
  padding: 15px 20px;
  border-radius: 0 0 5px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper section .row i, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper section .row i, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper section .row i, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper section .row i, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper section .row i, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper section .row i, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper section .row i, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper section .row i {
  color: #ff9a17;
  font-size: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper section .details span, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper section .details span, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper section .details span, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper section .details span, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper section .details span, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper section .details span, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper section .details span, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper section .details span {
  font-size: 14px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .row .content {
  width: 100%;
  margin-left: 15px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar {
  height: 6px;
  width: 100%;
  margin-bottom: 4px;
  background: rgb(249, 217, 176);
  border-radius: 30px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar .progress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar .progress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar .progress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar .progress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar .progress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar .progress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar .progress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .progress-area .content .progress-bar .progress {
  height: 100%;
  width: 0%;
  background: #ff9a17;
  border-radius: inherit;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area {
  max-height: 232px;
  overflow-y: scroll;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area .row .content, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area .row .content {
  display: flex;
  align-items: center;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details {
  display: flex;
  margin-left: 15px;
  flex-direction: column;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details .size, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details .size, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details .size, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details .size, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details .size, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details .size, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details .size, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area .row .details .size {
  color: #404040;
  font-size: 9px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area i.fa-check, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area i.fa-check, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area i.fa-check, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area i.fa-check, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area i.fa-check, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area i.fa-check, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area i.fa-check, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area i.fa-check {
  font-size: 14px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area.onprogress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area.onprogress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area.onprogress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area.onprogress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area.onprogress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area.onprogress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area.onprogress, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area.onprogress {
  max-height: 150px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area::-webkit-scrollbar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area::-webkit-scrollbar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area::-webkit-scrollbar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area::-webkit-scrollbar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area::-webkit-scrollbar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area::-webkit-scrollbar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-event-box .event-details-and-image-boxes .wrapper .uploaded-area::-webkit-scrollbar, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .notifications-settings .flex-content .add-faq-box .event-details-and-image-boxes .wrapper .uploaded-area::-webkit-scrollbar {
  width: 0px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .select-btn {
  background: #28a745;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .select-btn:disabled {
  background: #6c757d;
  cursor: not-allowed;
  opacity: 0.6;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .banner-settings .unselect-btn {
  background: #dc3545;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .faq-details {
  display: flex;
  flex-direction: column;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings select {
  width: 235px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 1px solid #14213d;
  padding: 0px 10px 0px 10px;
  color: #767676;
  font-size: 17px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings {
  /* Modal Styles */
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .modal.show {
  opacity: 1;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .modal-content {
  background: white;
  padding: 30px;
  border-radius: 10px;
  max-width: 400px;
  width: 90%;
  transform: scale(0.7);
  transition: transform 0.3s ease;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .modal.show .modal-content {
  transform: scale(1);
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .modal-actions {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  justify-content: flex-end;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .btn-danger {
  background-color: #f44336;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .btn-secondary {
  background-color: #6c757d;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .btn-danger:hover {
  background-color: #d32f2f;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .faq-settings .btn-secondary:hover {
  background-color: #545b62;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings {
  /* Complaints Table Styles */
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .complaint-content {
  max-width: 300px;
  position: relative;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .content-preview {
  word-wrap: break-word;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .full-content {
  word-wrap: break-word;
  background: #f8f9fa;
  padding: 10px;
  border-radius: 5px;
  margin-top: 5px;
  border-left: 3px solid #007bff;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .view-more-btn {
  background: none;
  border: none;
  color: #007bff;
  cursor: pointer;
  font-size: 12px;
  padding: 2px 5px;
  margin-top: 5px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .view-more-btn:hover {
  text-decoration: underline;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings {
  /* Status Badges */
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .status-badge {
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .status-pending {
  background-color: #fff3cd;
  color: #856404;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .status-in_progress {
  background-color: #cce7ff;
  color: #004085;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .status-resolved {
  background-color: #d4edda;
  color: #155724;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .status-closed {
  background-color: #e2e3e5;
  color: #383d41;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings {
  /* Buttons */
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .resolve-btn, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .delete-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.3s ease;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .resolve-btn {
  background-color: #28a745;
  color: white;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .resolve-btn:hover:not(:disabled) {
  background-color: #218838;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .delete-btn {
  background-color: #dc3545;
  color: white;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .delete-btn:hover:not(:disabled) {
  background-color: #c82333;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .resolve-btn:disabled, .admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .delete-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .resolved-text {
  color: #28a745;
  font-weight: bold;
  font-size: 12px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings {
  /* Loading Spinner */
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .loading-spinner {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  border-top-color: transparent;
  animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings {
  /* Notifications */
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .notification {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 15px 20px;
  border-radius: 5px;
  color: white;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 300px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .notification.success {
  background-color: #28a745;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .notification.error {
  background-color: #dc3545;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .notification button {
  background: none;
  border: none;
  color: white;
  font-size: 18px;
  cursor: pointer;
  margin-left: 10px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .complaint-settings .no-data {
  text-align: center;
  color: #6c757d;
  font-style: italic;
  padding: 20px;
}
.admin-panel-header-sec .main-content-admin-panel .admin-settings-sec .all-notifications-table {
  overflow-x: auto;
}

.admin-panel-footer {
  margin-top: 0;
}

/* End Admin Panel Header Section */
/* Start Account Header Section */
.account-header-sec .account-information .account-details {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.account-header-sec .account-information .account-details .split-line-sub {
  width: 100%;
  height: 1.5px;
  background-color: #ff9a17;
}
.account-header-sec .account-information .account-details .account-type {
  padding: 10px;
  border-radius: 5px;
  border: 2px solid #ff9a17;
}
.account-header-sec .account-information .account-details .account-type h1 {
  font-size: 14px;
  color: #ff9a17;
}
.account-header-sec .account-information .account-details .account-whatsapp, .account-header-sec .account-information .account-details .account-location {
  display: flex;
  align-items: center;
  gap: 10px;
}
.account-header-sec .account-information .account-details .account-whatsapp svg, .account-header-sec .account-information .account-details .account-location svg {
  color: #ff9a17;
}
.account-header-sec .account-information .account-details .account-whatsapp h1, .account-header-sec .account-information .account-details .account-location h1 {
  font-size: 14px;
  color: #14213d;
}
.account-header-sec .main-account-content {
  margin: 20px 0;
  padding: 0 20px;
  background-color: #ffffff;
  border-radius: 5px;
}
.account-header-sec .main-account-content .list {
  display: flex;
  gap: 5px;
}
.account-header-sec .main-account-content .list li {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 10px;
}
.account-header-sec .main-account-content .list li h1 {
  font-size: 18px;
  color: #14213d;
}
.account-header-sec .main-account-content .list li:hover {
  border-radius: 5px 5px 0 0;
  background-color: rgba(20, 33, 61, 0.1);
}
.account-header-sec .main-account-content .list li.active-li {
  border-radius: 5px 5px 0 0;
  border-bottom: 3px solid #14213d;
}
.account-header-sec .main-account-content .content {
  padding: 15px 0;
}
.account-header-sec .main-account-content .content .about-account h1 {
  font-size: 20px;
  color: #14213d;
  margin: 20px 0;
}
.account-header-sec .main-account-content .content .about-account p {
  font-size: 15px;
  color: #767676;
}
.account-header-sec .main-account-content .content .achievements h1 {
  font-size: 20px;
  color: #14213d;
  margin: 20px 0;
}
.account-header-sec .main-account-content .content .achievements .account-rank-and-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.account-header-sec .main-account-content .content .achievements .account-rank-and-help .donation-rank {
  display: flex;
  align-items: center;
  gap: 10px;
}
.account-header-sec .main-account-content .content .achievements .account-rank-and-help .donation-rank img {
  width: 22px;
  height: 22px;
}
.account-header-sec .main-account-content .content .achievements .account-rank-and-help .donation-rank h1 {
  font-size: 18px;
  color: #ff9a17;
}
.account-header-sec .main-account-content .content .achievements .achievements-chart {
  display: flex;
  align-items: center;
}
.account-header-sec .main-account-content .content .achievements .metrics-container {
  background-color: white;
  border-radius: 5px;
  padding: 20px;
  width: 100%;
  max-width: 100%;
  position: relative; /* Added for absolute positioning of marks */
}
.account-header-sec .main-account-content .content .achievements .metric-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-weight: 600;
  color: #333;
}
.account-header-sec .main-account-content .content .achievements .metric-name {
  font-size: 18px;
}
.account-header-sec .main-account-content .content .achievements .metric-rank-value {
  font-size: 18px;
  color: #ff9a17;
}
.account-header-sec .main-account-content .content .achievements .progress-container {
  height: 10px;
  background-color: #e9ecef;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 25px; /* Increased to accommodate marks */
}
.account-header-sec .main-account-content .content .achievements .progress-bar {
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(90deg, #4a6cf7, #6a8eff);
  width: 0;
  transition: width 1.5s ease-out;
}
.account-header-sec .main-account-content .content .achievements .rank-bar {
  background: linear-gradient(90deg, #ff9a17, #ffaa3b);
}
.account-header-sec .main-account-content .content .achievements .point-scale {
  position: relative;
  height: 20px;
}
.account-header-sec .main-account-content .content .achievements .point-scale .point-mark-one {
  right: unset;
  left: 0%;
}
.account-header-sec .main-account-content .content .achievements .point-scale .point-mark-two {
  right: unset;
  left: 8%;
}
.account-header-sec .main-account-content .content .achievements .point-scale .point-mark-three {
  right: unset;
  left: 20%;
}
.account-header-sec .main-account-content .content .achievements .point-scale .point-mark-four {
  right: unset;
  left: 40%;
}
.account-header-sec .main-account-content .content .achievements .point-scale .point-mark-five {
  right: unset;
  left: 60%;
}
.account-header-sec .main-account-content .content .achievements .point-scale .point-mark-six {
  right: unset;
  left: 80%;
}
.account-header-sec .main-account-content .content .achievements .point-scale .point-mark-seven {
  right: unset;
  left: 99%;
}
.account-header-sec .main-account-content .content .achievements .point-mark {
  position: absolute;
  color: #6c757d;
  font-size: 12px;
}
.account-header-sec .main-account-content .content .achievements .point-mark:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  width: 1px;
  height: 10px;
  background-color: #dee2e6;
  transform: translateX(-50%);
}
.account-header-sec .main-account-content .content .rewards-board h1.title {
  font-size: 20px;
  color: #14213d;
  margin: 20px 0;
}
.account-header-sec .main-account-content .content .rewards-board .reward-box {
  width: 16%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  background-color: #ffffff;
  border: 2px solid #ff9a17;
  border-radius: 5px;
}
.account-header-sec .main-account-content .content .rewards-board .reward-box .reward-image img {
  width: 70px;
  height: 120px;
}
.account-header-sec .main-account-content .content .rewards-board .reward-box .reward-name h1 {
  font-size: 15px;
  color: #ff9a17;
  text-align: center;
}
.account-header-sec .main-account-content .content .fundraisers h1 {
  font-size: 20px;
  color: #14213d;
  margin: 20px 0;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -moz-column-gap: 15px;
       column-gap: 15px;
  -moz-columns: 3;
       columns: 3;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box {
  width: 32.2%;
  position: relative;
  height: 320px;
  border: 2px solid #ff9a17;
  box-shadow: 0px 0px 14px 0px rgba(19, 19, 19, 0.1);
  border-radius: 5px;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  margin-bottom: 15px;
  background-color: #fff;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-account {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-account img {
  width: 34px;
  height: 34px;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-account h1 {
  color: #fff;
  font-size: 11px;
  text-shadow: 0.5px 0.5px 0 #565656, -0.5px -0.5px 0 #565656, 0.5px -0.5px 0 #565656, -0.5px 0.5px 0 #565656;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-img {
  width: 100%;
  height: 50%;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  margin-bottom: 10px;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-title {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  transition: all 0.5s linear;
  height: 10%;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-title .main-title {
  color: #14213d;
  font-size: 14px;
  width: 50%;
  margin-bottom: 10px;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-title span {
  color: rgb(255, 154, 23);
  font-size: 9px;
  padding-top: 2px;
  transition: all 0.7s linear;
  font-weight: 600;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box p.fundraiser-des {
  color: #767676;
  width: 100%;
  font-size: 9px;
  height: 17%;
  padding: 0 10px;
  margin-top: 5px;
  display: --webkit-box;
  --webkit-line-clamp: 2; /* Limits to 2 lines (adjust as needed) */
  -webkit-box-orient: vertical;
  overflow: hidden; /* Hides text that exceeds the area */
  text-overflow: ellipsis; /* Adds "..." at the cutoff point */
  word-break: break-word; /* Forces long strings (like "aaa...") to wrap */
  line-height: 1.4;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  gap: 10px;
  transition: all 0.7s linear;
  height: 20%;
  align-items: center;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns {
  display: flex;
  gap: 10px;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .donate-later-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .chat-btn {
  border: 1px solid rgb(114, 107, 97);
  background-color: rgb(114, 107, 97);
  padding: 8px 5px;
  color: #fff;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .flex-btns .chat-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar {
  gap: 10px;
  background-color: rgba(20, 33, 61, 0.1);
  padding: 10px 8px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale {
  background-color: rgba(20, 33, 61, 0.5);
  border-radius: 20px;
  width: 90px;
  height: 6px;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-scale .donation-progress {
  background-color: #ff9a17;
  width: 70%;
  height: 100%;
  border-radius: 20px;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number, .account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note {
  display: flex;
  align-items: center;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-money-number .money, .account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .donation-bar .donation-charity-note .money {
  font-size: 14px;
  color: #14213d;
}
.account-header-sec .main-account-content .content .fundraisers .fundraisers-boxes .fundraiser-box .fundraiser-btns .donate-btn {
  padding: 8px 6px;
}

@media (max-width: 480px) {
  .account-header-sec .main-sec .container {
    flex-direction: column;
    gap: 0px !important;
  }
  .account-header-sec .main-sec .container .account-information {
    width: unset !important;
    min-height: unset !important;
    padding: 4% !important;
    border-radius: 0 0 5px 5px;
  }
  .account-header-sec .main-sec .container .main-account-content {
    width: unset !important;
  }
  .account-header-sec .main-sec .container .main-account-content .achievements .achievements-chart .metrics-container {
    padding: 5px !important;
  }
  .account-header-sec .main-sec .container .main-account-content .achievements .achievements-chart .metrics-container .mark-margin {
    transform: translate3d(-50%, 14px, 0px) !important;
  }
  .account-header-sec .main-sec .container .main-account-content .achievements .achievements-chart .metrics-container .mark-margin::before {
    height: 32px !important;
    top: -35px !important;
    left: 43% !important;
  }
  .account-header-sec .main-sec .container .main-account-content .achievements .achievements-chart .point-mark-seven {
    right: unset;
    left: 97%;
  }
  .account-header-sec .main-sec .container .main-account-content .rewards-board {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .account-header-sec .main-sec .container .main-account-content .rewards-board .reward-box {
    width: 40% !important;
  }
  .account-header-sec .main-sec .container .main-account-content .fundraisers .fundraisers-boxes .fundraiser-box {
    width: 100% !important;
  }
}
/* End Account Header Section */
/* End FAQ Header Section */
.faq-header-sec {
  background-color: #e9e9e9;
}
.faq-header-sec .success-message {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.faq-header-sec .error-message {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}
.faq-header-sec nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 5% 15px 5%;
  background-color: #14213d;
  position: sticky;
  top: 0;
  z-index: 101;
}
.faq-header-sec nav .links-list {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.faq-header-sec nav .links-list img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.faq-header-sec nav .help-btn {
  border-radius: 50%;
  padding: 5px 6px 3px 6px;
}
.faq-header-sec nav {
  /* Dropdown styles */
}
.faq-header-sec nav .dropdown-content {
  display: none;
  position: absolute;
  top: 19px;
  left: 76px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1;
}
.faq-header-sec nav .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.faq-header-sec nav .dropdown-content a:hover {
  background-color: #f1f1f1;
  border-radius: 4px;
}
.faq-header-sec nav .show {
  display: block;
}
.faq-header-sec nav .links-list {
  padding: 8px 10px 6px 10px;
}
.faq-header-sec nav .links-list img {
  width: 22px;
  height: 22px;
}
.faq-header-sec nav ul.nav-links {
  display: flex;
  list-style: none;
  gap: 15px;
  display: none;
}
.faq-header-sec nav ul.nav-links a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  transition: color 0.3s;
}
.faq-header-sec nav .brand {
  display: flex;
}
.faq-header-sec nav .brand img {
  width: 140px;
  height: 35px;
}
.faq-header-sec nav .search-and-contact {
  display: flex;
  gap: 25px;
  text-align: center;
}
.faq-header-sec nav .search-and-contact .search-box {
  position: relative;
  text-align: center;
}
.faq-header-sec nav .search-and-contact .search-box input {
  width: 100%;
  outline: none;
  font-size: 15px;
  padding: 0 50px 0 10px;
  line-height: 40px;
  border-radius: 5px;
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  outline: none;
}
.faq-header-sec nav .search-and-contact .search-box ::-moz-placeholder {
  color: #fff;
}
.faq-header-sec nav .search-and-contact .search-box ::placeholder {
  color: #fff;
}
.faq-header-sec nav .search-and-contact .search-box :focus {
  border: 2px solid #ff9a17;
}
.faq-header-sec nav .search-and-contact .search-box .search-icon {
  display: flex;
  position: absolute;
  right: 10px;
  top: 32%;
}
.faq-header-sec nav .search-and-contact .search-box .search-icon svg {
  color: #fff;
}
.faq-header-sec nav .search-and-contact .login-btn {
  border-radius: 5px;
  padding: 9px 11px;
}
.faq-header-sec nav .search-and-contact .login-btn i {
  font-size: 25px;
}
.faq-header-sec nav .search-and-contact .btn-animated {
  padding: 2px 6px;
  background-color: transparent;
  border-radius: 50%;
}
.faq-header-sec nav .search-and-contact .btn-animated img {
  width: 30px;
  height: 30px;
  padding-top: 5px;
}
.faq-header-sec nav .search-and-contact .submit-complaint {
  display: none;
  padding: 20px;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1;
  top: 0;
  left: 0;
}
.faq-header-sec nav .search-and-contact .submit-complaint h1 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #14213d;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box {
  position: relative;
  height: 130px;
  width: 100%;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box .label-desc {
  position: absolute;
  top: 10%;
  left: 10px;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box textarea {
  resize: none;
  font-size: 15px;
  font-weight: 500;
  color: #14213d;
  width: 100%;
  height: 100%;
  padding: 20px 10px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: 0.3s ease-in-out;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::-moz-placeholder {
  font-size: 15px;
  font-weight: 500;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box .input-box textarea::placeholder {
  font-size: 15px;
  font-weight: 500;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box .characters {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  color: #767676;
  font-size: 14px;
  background-color: white;
  padding: 2px 5px;
  border-radius: 3px;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active textarea {
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding-top: 20px;
  padding: 30px 10px 10px 10px;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box.input-box-active .characters {
  display: flex;
  color: #ff9a17;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled textarea {
  padding: 30px 10px 10px 10px;
  border-bottom: 1px solid #14213d;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box.field-is-filled .characters {
  color: #767676;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box.error textarea {
  border-bottom: 2px solid red;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box.error .label-desc {
  color: red;
}
.faq-header-sec nav .search-and-contact .submit-complaint .input-box.error .characters {
  color: red;
}
.faq-header-sec nav .search-and-contact .submit-complaint a.complaint-submit-btn {
  margin-top: 10px;
}
.faq-header-sec nav .search-and-contact .show {
  display: block;
}
.faq-header-sec .main-content {
  padding: 100px 0;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
}
.faq-header-sec .main-content .title h1 {
  font-size: 50px;
  color: #14213d;
}
.faq-header-sec .main-content .title p {
  width: 90%;
  color: #767676;
  font-size: 15px;
  margin-top: 20px;
}
.faq-header-sec .main-content .submit-complaint {
  display: none;
  padding: 20px;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1;
}
.faq-header-sec .main-content .submit-complaint h1 {
  text-align: center;
  margin-bottom: 10px;
  font-size: 18px;
  color: #14213d;
}
.faq-header-sec .main-content .submit-complaint .input-box {
  position: relative;
  height: 130px;
  width: 100%;
}
.faq-header-sec .main-content .submit-complaint .input-box .label-desc {
  position: absolute;
  top: 10%;
  left: 10px;
}
.faq-header-sec .main-content .submit-complaint .input-box textarea {
  resize: none;
  font-size: 15px;
  font-weight: 500;
  color: #14213d;
  width: 100%;
  height: 100%;
  padding: 20px 10px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: 0.3s ease-in-out;
}
.faq-header-sec .main-content .submit-complaint .input-box .input-box textarea::-moz-placeholder {
  font-size: 15px;
  font-weight: 500;
}
.faq-header-sec .main-content .submit-complaint .input-box .input-box textarea::placeholder {
  font-size: 15px;
  font-weight: 500;
}
.faq-header-sec .main-content .submit-complaint .input-box .characters {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  color: #767676;
  font-size: 14px;
  background-color: white;
  padding: 2px 5px;
  border-radius: 3px;
}
.faq-header-sec .main-content .submit-complaint .input-box.input-box-active .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #ff9a17;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.faq-header-sec .main-content .submit-complaint .input-box.input-box-active textarea {
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: transparent;
  border-bottom: 2px solid #ff9a17;
  padding-top: 20px;
  padding: 30px 10px 10px 10px;
}
.faq-header-sec .main-content .submit-complaint .input-box.input-box-active .characters {
  display: flex;
  color: #ff9a17;
}
.faq-header-sec .main-content .submit-complaint .input-box.field-is-filled .label-desc {
  position: absolute;
  top: 8%;
  left: 10px;
  color: #767676;
  font-size: 10px;
  display: block;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.faq-header-sec .main-content .submit-complaint .input-box.field-is-filled textarea {
  padding: 30px 10px 10px 10px;
  border-bottom: 1px solid #14213d;
}
.faq-header-sec .main-content .submit-complaint .input-box.field-is-filled .characters {
  color: #767676;
}
.faq-header-sec .main-content .submit-complaint .input-box.error textarea {
  border-bottom: 2px solid red;
}
.faq-header-sec .main-content .submit-complaint .input-box.error .label-desc {
  color: red;
}
.faq-header-sec .main-content .submit-complaint .input-box.error .characters {
  color: red;
}
.faq-header-sec .main-content .submit-complaint a.complaint-submit-btn {
  margin-top: 10px;
}
.faq-header-sec .main-content .show {
  display: block;
}
.faq-header-sec .main-content .split-line {
  width: 100%;
  height: 2px;
  background-color: #ff9a17;
  margin: 40px 0;
}
.faq-header-sec .main-content a {
  margin-top: 20px;
}
.faq-header-sec .main-content .faq-content {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 20px;
}
.faq-header-sec .main-content .faq-content .faq-headlines {
  position: relative;
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #e9e9e9;
}
.faq-header-sec .main-content .faq-content .faq-headlines ul {
  display: flex;
  list-style: none;
  gap: 0;
  padding: 0;
  margin: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.faq-header-sec .main-content .faq-content .faq-headlines ul::-webkit-scrollbar {
  display: none;
}
.faq-header-sec .main-content .faq-content .faq-headlines ul li {
  flex: 0 0 auto;
  scroll-snap-align: start;
  font-size: 15px;
  color: #555;
  padding: 14px 20px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.25s ease;
  position: relative;
  font-weight: 500;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.faq-header-sec .main-content .faq-content .faq-headlines ul li:hover {
  color: #ff9a17;
  background-color: rgba(255, 154, 23, 0.06);
}
.faq-header-sec .main-content .faq-content .faq-headlines ul li.active-li {
  color: #14213d;
  font-weight: 600;
  border-bottom-color: #14213d;
}
.faq-header-sec .main-content .faq-content .faq-headlines ul li.active-li::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 2px;
  background-color: #ff9a17;
  border-radius: 2px;
}
.faq-header-sec .main-content .faq-content .registration-faq {
  display: none;
}
.faq-header-sec .main-content .faq-content .headline-content {
  padding: 20px 0;
}
.faq-header-sec .main-content .faq-content .headline-content .split-line-sub {
  width: 100%;
  height: 1.5px;
  background-color: transparent;
  border-bottom: 2px dashed rgba(255, 154, 23, 0.5568627451);
}
.faq-header-sec .main-content .faq-content .headline-content .question-box {
  padding: 10px 0;
}
.faq-header-sec .main-content .faq-content .headline-content .question-box .question, .faq-header-sec .main-content .faq-content .headline-content .question-box .answer {
  display: flex;
  padding: 8px;
  gap: 5px;
}
.faq-header-sec .main-content .faq-content .headline-content .question-box .question h1, .faq-header-sec .main-content .faq-content .headline-content .question-box .answer h1 {
  color: #ff9a17;
  font-size: 16px;
  min-width: 30px;
}
.faq-header-sec .main-content .faq-content .headline-content .question-box .question h2, .faq-header-sec .main-content .faq-content .headline-content .question-box .answer h2 {
  color: #14213d;
  font-size: 14px;
}
.faq-header-sec .main-content .faq-content .headline-content .question-box .question p, .faq-header-sec .main-content .faq-content .headline-content .question-box .answer p {
  font-size: 14px;
  color: #767676;
}

.faq-footer {
  margin: 0;
}

@media (max-width: 480px) {
  .faq-header-sec .main-content .contact-btn-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .faq-header-sec .main-content .split-line {
    margin: 30px 0 !important;
  }
  .faq-header-sec .main-content .faq-content {
    padding: 10px !important;
  }
  .faq-header-sec .main-content .faq-content .faq-headlines ul {
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow-x: visible;
    scroll-snap-type: none;
    gap: 6px;
    padding: 4px 0;
  }
  .faq-header-sec .main-content .faq-content .faq-headlines ul li {
    flex: 1 1 auto;
    min-width: 100px;
    text-align: center;
    font-size: 13px;
    padding: 8px 10px;
    white-space: normal;
    border-radius: 6px;
    border-bottom: none;
    background-color: #f5f5f5;
    margin-bottom: 0;
    transition: all 0.2s ease;
  }
  .faq-header-sec .main-content .faq-content .faq-headlines ul li:hover {
    background-color: #e9e9e9;
    color: #ff9a17;
  }
  .faq-header-sec .main-content .faq-content .faq-headlines ul li.active-li {
    background-color: #14213d;
    color: #ffffff;
    font-weight: 600;
    border-bottom: none;
    box-shadow: 0 2px 8px rgba(20, 33, 61, 0.25);
  }
  .faq-header-sec .main-content .faq-content .faq-headlines ul li.active-li::after {
    display: none;
  }
  .faq-header-sec .main-content .faq-content .headline-content .question-box h1 {
    min-width: 40px !important;
    text-align: center;
    font-size: 18px !important;
  }
  .faq-header-sec .main-content .faq-content .headline-content .question-box h2 {
    font-size: 13px !important;
  }
}
/* End FAQ Header Section */
.achievement-comments-sec {
  margin: 40px 0;
}

.main-content-all-achievements, .achievement-header-sec {
  /* ================================================================
  ACHIEVEMENTS STYLES
  Add these styles to your existing style.scss or style.css file
  ================================================================ */
  /* ── Achievement Box (reuses fundraiser-box base styles) ─────────────── */
}
.main-content-all-achievements .achievement-box, .achievement-header-sec .achievement-box {
  position: relative;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.main-content-all-achievements .achievement-box:hover, .achievement-header-sec .achievement-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.main-content-all-achievements, .achievement-header-sec {
  /* Achievement Account (creator info at top) */
}
.main-content-all-achievements .achievement-account, .achievement-header-sec .achievement-account {
  z-index: 10;
}
.main-content-all-achievements .achievement-account img, .achievement-header-sec .achievement-account img {
  width: 35px;
  height: 35px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 2px solid #ddd;
  display: block;
}
.main-content-all-achievements .achievement-account h1, .achievement-header-sec .achievement-account h1 {
  color: #fff;
  font-size: 11px;
  text-shadow: 0.5px 0.5px 0 #565656, -0.5px -0.5px 0 #565656, 0.5px -0.5px 0 #565656, -0.5px 0.5px 0 #565656;
}
.main-content-all-achievements, .achievement-header-sec {
  /* Achievement Icons (milestone flag / final trophy) */
}
.main-content-all-achievements .achievement-Icons, .achievement-header-sec .achievement-Icons {
  display: flex;
  gap: 4px;
  align-items: center;
}
.main-content-all-achievements .achievement-Icons .icon-wrapper, .achievement-header-sec .achievement-Icons .icon-wrapper {
  position: relative;
  display: inline-block;
}
.main-content-all-achievements .achievement-Icons .icon-wrapper:hover .tooltip, .achievement-header-sec .achievement-Icons .icon-wrapper:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.main-content-all-achievements .achievement-Icons .tooltip-milestone, .achievement-header-sec .achievement-Icons .tooltip-milestone {
  background-color: #3498db;
}
.main-content-all-achievements .achievement-Icons .tooltip-final, .achievement-header-sec .achievement-Icons .tooltip-final {
  background-color: #f1c40f;
  color: #333;
}
.main-content-all-achievements, .achievement-header-sec {
  /* Achievement Image (clickable link to detail page) */
}
.main-content-all-achievements .achievement-img, .achievement-header-sec .achievement-img {
  width: 100%;
  height: 50%;
  background-position: center;
  overflow: hidden;
  background-size: cover !important;
  margin-bottom: 10px;
  transition: opacity 0.2s ease;
}
.main-content-all-achievements .achievement-img:hover, .achievement-header-sec .achievement-img:hover {
  opacity: 0.9;
}
.main-content-all-achievements, .achievement-header-sec {
  /* Achievement Title */
}
.main-content-all-achievements .achievement-title, .achievement-header-sec .achievement-title {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  transition: all 0.5s linear;
  min-width: 100%;
  height: 9%;
}
.main-content-all-achievements .achievement-title .main-title, .achievement-header-sec .achievement-title .main-title {
  color: #14213d;
  font-size: 14px;
  width: 60%;
  margin-bottom: 10px;
  overflow: hidden;
}
.main-content-all-achievements .achievement-title span, .achievement-header-sec .achievement-title span {
  color: #3498db;
  font-size: 9px;
  padding-top: 2px;
  transition: all 0.7s linear;
  font-weight: 600;
}
.main-content-all-achievements, .achievement-header-sec {
  /* Fundraiser Tag (shows parent fundraiser title) */
  /* Fundraiser Categories (from parent fundraiser) */
}
.main-content-all-achievements .achievement-fundraiser-categories, .achievement-header-sec .achievement-fundraiser-categories {
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 3px;
  flex-wrap: wrap;
}
.main-content-all-achievements .achievement-fundraiser-categories .category-tag, .achievement-header-sec .achievement-fundraiser-categories .category-tag {
  text-align: center;
  font-size: 10px;
  padding: 4px 8px;
  color: #555;
  background-color: #e8f4fd;
  border: 1.5px solid #3498db;
  border-radius: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.main-content-all-achievements .achievement-fundraiser-categories .fundraiser-title-fallback, .achievement-header-sec .achievement-fundraiser-categories .fundraiser-title-fallback {
  background-color: #fff3e0;
  border-color: #ff9a17;
  color: #e65100;
}
.main-content-all-achievements, .achievement-header-sec {
  /* Achievement Description */
}
.main-content-all-achievements .achievement-des, .achievement-header-sec .achievement-des {
  color: #767676;
  width: 100%;
  font-size: 9px;
  height: 9%;
  padding: 0 10px;
  margin-top: 5px;
  display: -webkit-box;
  --webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 1.4;
}
.main-content-all-achievements .tooltip-milestone, .achievement-header-sec .tooltip-milestone {
  background-color: #3498db;
  color: #fff;
}
.main-content-all-achievements .tooltip-final, .achievement-header-sec .tooltip-final {
  background-color: #f1c40f;
  color: #333;
}
.main-content-all-achievements, .achievement-header-sec {
  /* Achievement Buttons (like, comment, share) */
}
.main-content-all-achievements .achievement-btns, .achievement-header-sec .achievement-btns {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  transition: all 0.7s linear;
  min-width: 100%;
  align-items: center;
  height: 20%;
}
.main-content-all-achievements .achievement-flex-btns, .achievement-header-sec .achievement-flex-btns {
  display: flex;
  gap: 8px;
  align-items: center;
}
.main-content-all-achievements, .achievement-header-sec {
  /* Like Button */
}
.main-content-all-achievements .achievement-like-btn,
.main-content-all-achievements .achievement-comment-btn,
.main-content-all-achievements .achievement-share-btn, .achievement-header-sec .achievement-like-btn,
.achievement-header-sec .achievement-comment-btn,
.achievement-header-sec .achievement-share-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 10px;
  border-radius: 5px;
  border: 1px solid rgb(114, 107, 97);
  background-color: #fff;
  color: rgb(114, 107, 97);
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 12px;
  text-decoration: none;
}
.main-content-all-achievements .achievement-like-btn svg,
.main-content-all-achievements .achievement-comment-btn svg,
.main-content-all-achievements .achievement-share-btn svg, .achievement-header-sec .achievement-like-btn svg,
.achievement-header-sec .achievement-comment-btn svg,
.achievement-header-sec .achievement-share-btn svg {
  flex-shrink: 0;
}
.main-content-all-achievements .achievement-like-btn:hover,
.main-content-all-achievements .achievement-comment-btn:hover,
.main-content-all-achievements .achievement-share-btn:hover, .achievement-header-sec .achievement-like-btn:hover,
.achievement-header-sec .achievement-comment-btn:hover,
.achievement-header-sec .achievement-share-btn:hover {
  box-shadow: 0 0 14px 4px rgba(114, 107, 97, 0.2);
  border: 1px solid rgb(114, 107, 97);
  background-color: transparent;
  color: rgb(114, 107, 97);
}
.main-content-all-achievements .achievement-like-btn,
.main-content-all-achievements .achievement-comment-btn,
.main-content-all-achievements .achievement-share-btn, .achievement-header-sec .achievement-like-btn,
.achievement-header-sec .achievement-comment-btn,
.achievement-header-sec .achievement-share-btn {
  /* Liked state (set via JS) */
}
.main-content-all-achievements .achievement-like-btn.liked,
.main-content-all-achievements .achievement-comment-btn.liked,
.main-content-all-achievements .achievement-share-btn.liked, .achievement-header-sec .achievement-like-btn.liked,
.achievement-header-sec .achievement-comment-btn.liked,
.achievement-header-sec .achievement-share-btn.liked {
  background: #fff;
  border-color: #e74c3c;
  color: #e74c3c;
}
.main-content-all-achievements .achievement-like-btn.liked svg,
.main-content-all-achievements .achievement-comment-btn.liked svg,
.main-content-all-achievements .achievement-share-btn.liked svg, .achievement-header-sec .achievement-like-btn.liked svg,
.achievement-header-sec .achievement-comment-btn.liked svg,
.achievement-header-sec .achievement-share-btn.liked svg {
  fill: #e74c3c;
}
.main-content-all-achievements .achievement-like-btn.liked:hover,
.main-content-all-achievements .achievement-comment-btn.liked:hover,
.main-content-all-achievements .achievement-share-btn.liked:hover, .achievement-header-sec .achievement-like-btn.liked:hover,
.achievement-header-sec .achievement-comment-btn.liked:hover,
.achievement-header-sec .achievement-share-btn.liked:hover {
  background: #fff;
  border-color: #c0392b;
  color: #c0392b;
}
.main-content-all-achievements .achievement-like-btn.liked:hover svg,
.main-content-all-achievements .achievement-comment-btn.liked:hover svg,
.main-content-all-achievements .achievement-share-btn.liked:hover svg, .achievement-header-sec .achievement-like-btn.liked:hover svg,
.achievement-header-sec .achievement-comment-btn.liked:hover svg,
.achievement-header-sec .achievement-share-btn.liked:hover svg {
  fill: #c0392b;
}
.main-content-all-achievements #achievementLikeBtn, .achievement-header-sec #achievementLikeBtn {
  /* Liked state (set via JS) */
}
.main-content-all-achievements #achievementLikeBtn.liked, .achievement-header-sec #achievementLikeBtn.liked {
  background: #fff;
  border-color: #e74c3c;
  color: #e74c3c;
}
.main-content-all-achievements #achievementLikeBtn.liked svg, .achievement-header-sec #achievementLikeBtn.liked svg {
  fill: #ffffff;
}
.main-content-all-achievements #achievementLikeBtn.liked:hover, .achievement-header-sec #achievementLikeBtn.liked:hover {
  background: #fff;
  border-color: #c0392b;
  color: #c0392b;
}
.main-content-all-achievements #achievementLikeBtn.liked:hover svg, .achievement-header-sec #achievementLikeBtn.liked:hover svg {
  fill: #ffffff;
}
.main-content-all-achievements .achievement-comment-btn, .achievement-header-sec .achievement-comment-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 10px;
  border-radius: 5px;
  border: 1px solid rgb(114, 107, 97);
  background-color: #fff;
  color: rgb(114, 107, 97);
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 12px;
  text-decoration: none;
  min-width: -moz-fit-content;
  min-width: fit-content; /* ADD THIS */
  white-space: nowrap; /* ADD THIS */
}
.main-content-all-achievements .achievement-comment-btn svg, .achievement-header-sec .achievement-comment-btn svg {
  flex-shrink: 0;
  min-width: 16px; /* ADD THIS */
  min-height: 16px; /* ADD THIS */
}
.main-content-all-achievements, .achievement-header-sec {
  /* View Achievement Button (replaces Donate button) */
}
.main-content-all-achievements .achievement-view-btn, .achievement-header-sec .achievement-view-btn {
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 400;
  background-color: #3498db;
  border-color: #3498db;
}
.main-content-all-achievements .achievement-view-btn:hover, .achievement-header-sec .achievement-view-btn:hover {
  background-color: #2980b9;
  border-color: #2980b9;
}
.main-content-all-achievements, .achievement-header-sec {
  /* ── Single Achievement Page Styles ──────────────────────────────────── */
  /* Achievement section label */
}
.main-content-all-achievements .achievement-section-label, .achievement-header-sec .achievement-section-label {
  text-align: center;
  padding: 15px 0;
  margin-bottom: 10px;
  width: 100%;
}
.main-content-all-achievements .achievement-section-label .section-tag, .achievement-header-sec .achievement-section-label .section-tag {
  display: inline-block;
  background: #ff9a17;
  color: #fff;
  padding: 4px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
}
.main-content-all-achievements .achievement-section-label p, .achievement-header-sec .achievement-section-label p {
  color: #767676;
  font-size: 13px;
  margin: 0;
}
.main-content-all-achievements, .achievement-header-sec {
  /* Achievement fundraiser preview (without donation bar) */
}
.main-content-all-achievements .achievement-fundraiser-preview, .achievement-header-sec .achievement-fundraiser-preview {
  position: relative;
  padding: 30px 0;
}
.main-content-all-achievements .achievement-fundraiser-preview .fundraiser-images, .achievement-header-sec .achievement-fundraiser-preview .fundraiser-images {
  margin-bottom: 15px;
}
.main-content-all-achievements .achievement-fundraiser-preview, .achievement-header-sec .achievement-fundraiser-preview {
  /* Hide donation bar in preview */
}
.main-content-all-achievements .achievement-fundraiser-preview .donation-bar, .achievement-header-sec .achievement-fundraiser-preview .donation-bar {
  display: none !important;
}
.main-content-all-achievements .achievement-fundraiser-preview .save-fundraiser-btn, .achievement-header-sec .achievement-fundraiser-preview .save-fundraiser-btn {
  display: none !important;
}
.main-content-all-achievements, .achievement-header-sec {
  /* Scroll Down Arrow */
}
.main-content-all-achievements .scroll-down-arrow, .achievement-header-sec .scroll-down-arrow {
  text-align: center;
  padding: 50px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.main-content-all-achievements .scroll-down-arrow p, .achievement-header-sec .scroll-down-arrow p {
  color: #14213d;
  font-size: 22px;
  margin-bottom: 10px;
  font-style: italic;
}
.main-content-all-achievements .scroll-down-arrow .arrow-bounce, .achievement-header-sec .scroll-down-arrow .arrow-bounce {
  animation: bounceArrow 2s infinite;
}
.main-content-all-achievements .scroll-down-arrow .arrow-bounce svg, .achievement-header-sec .scroll-down-arrow .arrow-bounce svg {
  color: #ff9a17;
}
@keyframes bounceArrow {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(10px);
  }
  60% {
    transform: translateY(5px);
  }
}
.main-content-all-achievements, .achievement-header-sec {
  /* Achievement Detail Section */
}
.main-content-all-achievements .achievement-detail-section, .achievement-header-sec .achievement-detail-section {
  background: #f9f9f9;
  padding-top: 30px;
}
.main-content-all-achievements .achievement-detail-section .achievement-images, .achievement-header-sec .achievement-detail-section .achievement-images {
  margin-bottom: 20px;
}
.main-content-all-achievements .achievement-detail-info .achievement-Icons, .achievement-header-sec .achievement-detail-info .achievement-Icons {
  margin-left: 8px;
}
.main-content-all-achievements .achievement-detail-info .achievement-date, .achievement-header-sec .achievement-detail-info .achievement-date {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.main-content-all-achievements .achievement-detail-info .achievement-date i, .achievement-header-sec .achievement-detail-info .achievement-date i {
  color: #ff9a17;
}
.main-content-all-achievements .achievement-detail-info .achievement-date p, .achievement-header-sec .achievement-detail-info .achievement-date p {
  color: #555;
  font-size: 14px;
}
.main-content-all-achievements .achievement-detail-info .achievement-type-badge, .achievement-header-sec .achievement-detail-info .achievement-type-badge {
  margin-top: 10px;
}
.main-content-all-achievements .achievement-detail-info .achievement-type-badge .badge, .achievement-header-sec .achievement-detail-info .achievement-type-badge .badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}
.main-content-all-achievements .achievement-detail-info .achievement-type-badge .badge i, .achievement-header-sec .achievement-detail-info .achievement-type-badge .badge i {
  font-size: 12px;
}
.main-content-all-achievements .achievement-detail-info .achievement-type-badge .badge-milestone, .achievement-header-sec .achievement-detail-info .achievement-type-badge .badge-milestone {
  background: #e8f4fd;
  color: #2980b9;
  border: 1px solid #3498db;
}
.main-content-all-achievements .achievement-detail-info .achievement-type-badge .badge-final, .achievement-header-sec .achievement-detail-info .achievement-type-badge .badge-final {
  background: #fef9e7;
  color: #b7950b;
  border: 1px solid #f1c40f;
}
.main-content-all-achievements .achievement-action-btns, .achievement-header-sec .achievement-action-btns {
  display: flex;
  gap: 10px;
  align-items: center;
}
.main-content-all-achievements .achievement-action-btns .achievement-like-btn, .achievement-header-sec .achievement-action-btns .achievement-like-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #fff;
  color: #555;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s ease;
}
.main-content-all-achievements .achievement-action-btns .achievement-like-btn:hover, .achievement-header-sec .achievement-action-btns .achievement-like-btn:hover {
  border-color: #e74c3c;
  color: #e74c3c;
}
.main-content-all-achievements .achievement-action-btns .achievement-like-btn.liked, .achievement-header-sec .achievement-action-btns .achievement-like-btn.liked {
  background: #e74c3c;
  border-color: #e74c3c;
  color: #fff;
}
.main-content-all-achievements .achievement-action-btns .achievement-like-btn.liked:hover, .achievement-header-sec .achievement-action-btns .achievement-like-btn.liked:hover {
  background: #c0392b;
}
.main-content-all-achievements .achievement-action-btns .achievement-share-btn, .achievement-header-sec .achievement-action-btns .achievement-share-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #fff;
  color: #555;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s ease;
}
.main-content-all-achievements .achievement-action-btns .achievement-share-btn:hover, .achievement-header-sec .achievement-action-btns .achievement-share-btn:hover {
  border-color: #3498db;
  color: #3498db;
}
.main-content-all-achievements .achievement-full-description, .achievement-header-sec .achievement-full-description {
  margin-top: 15px;
  padding: 15px;
  background: #fff;
  border-radius: 5px;
}
.main-content-all-achievements .achievement-full-description p, .achievement-header-sec .achievement-full-description p {
  color: #444;
  font-size: 14px;
  line-height: 1.7;
}
.main-content-all-achievements, .achievement-header-sec {
  /* Achievement Video Section */
}
.main-content-all-achievements .achievement-video-section, .achievement-header-sec .achievement-video-section {
  margin-top: 30px;
  width: 100%;
}
.main-content-all-achievements .achievement-video-section .section-title, .achievement-header-sec .achievement-video-section .section-title {
  color: #14213d;
  font-size: 18px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.main-content-all-achievements .achievement-video-section .video-container, .achievement-header-sec .achievement-video-section .video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #000;
}
.main-content-all-achievements .achievement-video-section .video-container video, .achievement-header-sec .achievement-video-section .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-content-all-achievements, .achievement-header-sec {
  /* Other Achievements Section */
}
.main-content-all-achievements .other-achievements-section, .achievement-header-sec .other-achievements-section {
  margin-top: 30px;
}
.main-content-all-achievements .other-achievements-section .other-achievements-list, .achievement-header-sec .other-achievements-section .other-achievements-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main-content-all-achievements .other-achievements-section .other-achievement-item, .achievement-header-sec .other-achievements-section .other-achievement-item {
  display: flex;
  gap: 12px;
  padding: 10px;
  background: #fff;
  border-radius: 8px;
  text-decoration: none;
  transition: box-shadow 0.2s ease;
}
.main-content-all-achievements .other-achievements-section .other-achievement-item:hover, .achievement-header-sec .other-achievements-section .other-achievement-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.main-content-all-achievements .other-achievements-section .other-achievement-img, .achievement-header-sec .other-achievements-section .other-achievement-img {
  width: 80px;
  height: 60px;
  border-radius: 5px;
  background-size: cover !important;
  background-position: center !important;
  flex-shrink: 0;
}
.main-content-all-achievements .other-achievements-section .other-achievement-info, .achievement-header-sec .other-achievements-section .other-achievement-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.main-content-all-achievements .other-achievements-section .other-achievement-info h4, .achievement-header-sec .other-achievements-section .other-achievement-info h4 {
  color: #14213d;
  font-size: 14px;
  margin: 0;
}
.main-content-all-achievements .other-achievements-section .other-achievement-info .badge-milestone-small, .achievement-header-sec .other-achievements-section .other-achievement-info .badge-milestone-small {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #2980b9;
  background: #e8f4fd;
  padding: 2px 8px;
  border-radius: 12px;
  width: -moz-fit-content;
  width: fit-content;
}
.main-content-all-achievements .other-achievements-section .other-achievement-info .badge-final-small, .achievement-header-sec .other-achievements-section .other-achievement-info .badge-final-small {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #b7950b;
  background: #fef9e7;
  padding: 2px 8px;
  border-radius: 12px;
  width: -moz-fit-content;
  width: fit-content;
}
.main-content-all-achievements, .achievement-header-sec {
  /* ── Content Box Display States ───────────────────────────────────────── */
}
.main-content-all-achievements .milestone-achievements-content-box, .achievement-header-sec .milestone-achievements-content-box {
  display: none;
}
.main-content-all-achievements .final-achievements-content-box, .achievement-header-sec .final-achievements-content-box {
  display: none;
}
.main-content-all-achievements, .achievement-header-sec {
  /* ── No Results Styling ───────────────────────────────────────────────── */
}
.main-content-all-achievements .no-results, .achievement-header-sec .no-results {
  text-align: center;
  padding: 3rem;
  color: #999;
}
.main-content-all-achievements .no-results h3, .achievement-header-sec .no-results h3 {
  color: #14213d;
  font-size: 18px;
  margin-bottom: 10px;
}
.main-content-all-achievements .no-results p, .achievement-header-sec .no-results p {
  font-size: 14px;
}
.main-content-all-achievements, .achievement-header-sec {
  /* ── Responsive Styles ────────────────────────────────────────────────── */
}
@media (max-width: 480px) {
  .main-content-all-achievements .achievement-title .main-title, .achievement-header-sec .achievement-title .main-title {
    width: 50%;
  }
  .main-content-all-achievements .scroll-down-arrow p, .achievement-header-sec .scroll-down-arrow p {
    font-size: 12px;
    padding: 0 10px;
  }
  .main-content-all-achievements .achievement-action-btns, .achievement-header-sec .achievement-action-btns {
    flex-wrap: wrap;
  }
  .main-content-all-achievements .other-achievement-item .other-achievement-img, .achievement-header-sec .other-achievement-item .other-achievement-img {
    width: 60px;
    height: 50px;
  }
  .main-content-all-achievements .other-achievement-item .other-achievement-info h4, .achievement-header-sec .other-achievement-item .other-achievement-info h4 {
    font-size: 12px;
  }
}
.main-content-all-achievements, .achievement-header-sec {
  /* ── RTL Support ──────────────────────────────────────────────────────── */
}
.main-content-all-achievements body.rtl .achievement-title .main-title, .achievement-header-sec body.rtl .achievement-title .main-title {
  text-align: right;
}
.main-content-all-achievements body.rtl .achievement-fundraiser-tag .category-tag, .achievement-header-sec body.rtl .achievement-fundraiser-tag .category-tag {
  direction: rtl;
}
.main-content-all-achievements body.rtl .achievement-date, .achievement-header-sec body.rtl .achievement-date {
  direction: rtl;
}/*# sourceMappingURL=style.css.map */