@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Unbounded:wght@200..900&display=swap");
/*  */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul {
  padding: 0px;
  margin: 0px;
}
html {
  background: #fff;
}

a {
  color: #832a89;
  font-weight: 500;
}
a:hover {
  color: #832a89;
}
body {
  font-size: 16px;
  color: #000;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

a {
  text-decoration: none;
}

.topbar {
  padding: 10px 0px;
  background: #004b8b;
}

.fa-phone {
  transform: rotate(90deg);
}

.topbar ul {
  justify-content: end;
  margin-bottom: 0px;
  display: flex;
  gap: 15px;
  padding: 0px;
  line-height: normal;
  color: #fff;
}

.topbar ul li i {
  margin-right: 10px;
}

.topbar ul li a {
  color: #fff;
}

.topbar ul li {
  list-style: none;
}

.logo img {
  max-width: 125px;
}
/* animation menu hamburger */
.menu-btn {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 1023px) {

  .dark-mode .navbar .menu-items{ background-color: black!important;} 

  .acces_user_btn { display: none;}
  .fotter_logoo {
    display: none;
  }
  .mobile_menu .custom-btn {
    color: white !important;
  }
  .mobile_menu .login_bb.custom-btn {
    background: #f3f3f3;
    color: black !important;
  }
  .mobile_menu {
    display: block !important;
  }

  .menu-btn {
    display: flex;
  }
}
.menu-btn .menu-btn__lines,
.menu-btn .menu-btn__lines::before,
.menu-btn .menu-btn__lines::after {
  width: 1.5rem;
  height: 0.1rem;
  background: #832a89;
  transition: all 0.4s ease-in-out;
}
.menu-btn .menu-btn__lines::before,
.menu-btn .menu-btn__lines::after {
  content: "";
  position: absolute;
}
.menu-btn .menu-btn__lines::before {
  transform: translateY(-0.5rem);
}
.menu-btn .menu-btn__lines::after {
  transform: translateY(0.5rem);
}
.menu-btn.open .menu-btn__lines {
  transform: translateX(1rem);
  background: transparent;
}
.menu-btn.open .menu-btn__lines::before {
  transform: rotate(45deg) translate(-0.5rem, 0.5rem);
  background: #832a89;
}
.menu-btn.open .menu-btn__lines::after {
  transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
  background: #832a89;
}
.expand-btn:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: " \25BE";
  opacity: 0.75;
  transform: translateY(-50%) rotate(0);
  transition: 0.25s;
}
.expand-btn.open {
  color: #ff5722;
}
.expand-btn.open:after {
  transform: translateY(-50%) rotate(180deg);
}
/* navbar */
.navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}
@media (max-width: 1023px) {
  .navbar {
    padding: 10px 0px;
  }
}
.navbar.sticky {
  position: sticky;
  z-index: 999;
  top: 0;
  border-bottom: 1px solid #dbdbdb;
}
.navbar .logo {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
.navbar .menu-items {
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbar .menu-items::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  background-color: #222;
}
.navbar .menu-items::-webkit-scrollbar {
  width: 6px;
  background-color: #222;
}
.navbar .menu-items::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  background-color: #fff;
}
@media (max-width: 1023px) {
  .navbar .menu-items {
    scrollbar-gutter: stable;
    position: fixed;
    top: 70px;
    left: 0;
    display: block;
    width: 350px;
    height: 100%;
    padding-top: 30px;
    padding-bottom: 100px;
    padding-right: 0px;
    background: #fff;
    padding-left: 6px;
    overflow-y: auto;
    transform: translateX(-200vh);
    transition: 0.3s ease-out;
  }
  .navbar .menu-items.open {
    transform: translateY(0);
  }
}
.navbar .menu-items > li > .menu-item {
  padding: 1.5rem 2.5rem;
}
@media (max-width: 1023px) {
  .navbar .menu-items > li > .menu-item {
    padding: 1rem 1rem;
  }
}
.navbar .menu-items li:hover .mega-menu {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1023px) {
  .navbar .menu-items li a {
    padding: 10px 1rem;
  }
}
.navbar .dropdown {
  position: relative;
}
@media (min-width: 1024px) {
  .navbar .dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
  .navbar .dropdown:hover > .expand-btn:after {
    transform: translateY(-50%) rotate(180deg);
  }
}
@media (min-width: 1024px) {
  .navbar .dropdown .dropdown-right .expand-btn:after,
  .navbar .dropdown .dropdown-left .expand-btn:after {
    right: 0.625rem;
  }
}
@media (min-width: 1024px) {
  .navbar .dropdown-menu li a:hover {
    color: #a72fae !important;
  }
  .navbar .dropdown-menu li a {
    color: #fff;
  }
  .navbar .dropdown-menu {
    border-radius: 10px;
    position: absolute;
    top: 50px;
    right: 0;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
  }
}
@media (max-width: 1023px) {
  .navbar .dropdown-menu {
    display: none;
    /* position: relative; */
    top: 46px;
    width: 100%;

    overflow: hidden;
    right: 0;
  }
}
.navbar .menu-right {
  top: 0;
  left: 100%;
}
@media (max-width: 1023px) {
  .navbar .menu-right {
    top: 0;
    left: 0;
    right: auto;
    width: 100%;
    padding-left: 1.5rem;
  }
  .navbar .menu-right:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 20px;
    width: 1px;
    height: calc(100% - 25px);
    background-color: #000;
    transform: translateY(-50%);
  }
}
.navbar .menu-left {
  top: 0;
  left: -100%;
}
@media (max-width: 1023px) {
  .navbar .menu-left {
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 1.5rem;
  }
  .navbar .menu-left:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 20px;
    width: 1px;
    height: calc(100% - 25px);
    background-color: #000;
    transform: translateY(-50%);
  }
}
.navbar .menu-item {
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 16px;
  transition: 0.25s;
}
.navbar .menu-item:hover {
  color: #a72fae;
}
.navbar ul li {
  list-style: none;
  transition: 0.3s ease;
  text-align: left;
}
.navbar ul li .arrow {
  transition: all 0.3s ease-out;
}
.navbar ul li a {
  position: relative;
  text-decoration: none;
  color: #000;
}

  .dark-mode .navbar ul li a{ color: white;}

.profile svg {
  position: relative;
}

.profile .dropdown-menu.show {
  display: block !important;
}

.icon_relate {
  position: relative;
}

.profile .count_point {
    background-color: #a72fae;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: white;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -11px;
    right: -16px;
}

.dropdown-toggle {
  padding: 0px;
}

.profile .count_point {
}

@media (min-width: 1024px) {
  .navbar .dropdownMega {
    position: inherit !important;
  }
}
@media (min-width: 1024px) {
  .navbar .mega-menu {
    position: absolute;
    top: 65px;
    left: 0;
    width: 650px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
  }
}
@media (max-width: 1023px) {
  .navbar .mega-menu {
    position: relative;
    display: none;
    padding-left: 0;
  }
}
.navbar .mega-menu .content {
  display: flex;
  gap: 1rem;
  width: 100%;
  padding: 1rem;
  background: #171b27;
  -webkit-box-shadow: 0 20px 50px 0 #000;
  box-shadow: 0 20px 50px 0 #000;
}
@media (max-width: 1023px) {
  .navbar .mega-menu .content {
    grid-template-columns: auto;
  }
}
@media (min-width: 1024px) {
  .navbar .mega-menu .content {
    padding: 1.5rem 1rem;
  }
}
@media (max-width: 1023px) {
  .navbar .mega-menu .content .col {
    padding: 0;
    width: 100%;
  }
}
.navbar .category .content .col .img-wrapper {
  margin: 1rem 0;
}
.navbar .blog .content {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1024px) {
  .navbar .blog .content {
    grid-template-columns: repeat(4, 1fr);
  }
}
.navbar .blog .content .col .img-wrapper {
  margin-bottom: 1rem;
}
.navbar .blog .content .col .menu-title {
  font-weight: normal;
}
.navbar .blog .content .col .menu-title a {
  transition: 0.25s;
}
.navbar .blog .content .col .menu-title a:hover {
  color: #ff5722;
}
.navbar .content .col {
  display: flex;
  flex-direction: column;
}
.navbar .content .col .img-wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 20vw;
  overflow: hidden;
}
.navbar .content .col .img-wrapper:hover img {
  transform: scale(1.1);
}
.navbar .content .col .img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.navbar .content .col img {
  width: 100%;
  max-width: 100%;
  transition: transform 0.3s ease-in-out;
}
.navbar .content .col .menu-title {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.125rem;
  border-left: 2px solid #ff5722;
  padding-left: 0.625rem;
}
@media (max-width: 1023px) {
  .navbar .content .col .menu-title {
    font-size: 0.875rem;
  }
}
.navbar .content .col p {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  font-size: 0.813rem;
  line-height: 1.6rem;
  color: #fff;
}
.navbar .content .col .mega-links {
  padding-left: 1rem;
  border-left: 1px solid #3c3c3c;
}
@media (max-width: 1023px) {
  .navbar .content .col .mega-links {
    border-left: 0;
    padding-left: 0;
  }
  .navbar .content .col .mega-links li {
    margin: 0;
  }
  .navbar .content .col .mega-links li a {
    padding: 0 0.5rem;
  }
}
.navbar .content .col .mega-links li {
  margin: 1rem 0;
}
.navbar .content .col .mega-links li a {
  padding: 0;
}
@media (max-width: 1023px) {
  .overflow {
    overflow: hidden;
  }
}
@media (max-width: 1023px) {
  .overlay {
    position: fixed;
    z-index: 500;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
  .overlay.overlay--active {
    opacity: 1;
    visibility: visible;
  }
}

header .custom-btn {
  padding: 9px 4px !important;

  width: 129px;
  font-size: 14px;
}

.custom-btn {
  color: #fff;
  border-radius: 0px;
  padding: 12px 10px !important;
  text-align: center;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  border-radius: 30px;
  outline: none;
  overflow: hidden;
  width: 184px;
}

.dropdown-item:active {
  color: #fff !important;
  text-decoration: none;
  background-color: #a72fae;
}

.logo_header {
  width: 30%;
}

header .menu-items {
  width: 35%;
}

.acces_user_btn {
  width: 35%;
}

/* 15 */
.btn-15 {
  background: #a72fae;
  border: none;
  z-index: 1;
}
.btn-15:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: #832a89;
  border-radius: 0px;
  transition: all 0.3s ease;
}
.btn-15:hover {
  color: #fff;
}
.btn-15:hover:after {
  left: 0;
  width: 100%;
}
.btn-15:active {
  top: 2px;
}

p {
  color: #525252;
  font-weight: 400;
  font-size: 16px;
    text-transform: math-auto;
}

/* hero section */

.hero_section {
  background-image: url(../images/slider-bg.png);
  background-repeat: no-repeat;
  padding: 250px 0 65px;
  position: relative;
  background-size: 100% 89%;
  overflow: hidden;
}

.hero_section h1 {
  font-size: 52px;
  font-family: "Unbounded", sans-serif;
  font-weight: 600;
  color: #0b0b2b;
  margin-bottom: 25px;
  animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
}

.left_arrow {
  position: absolute;
  top: 25%;
  left: 0px;
}

.right_arrow {
  position: absolute;
  top: 16%;
  right: 0px;
}

.dash_preview {
  padding: 125px 0 45px;
}

/* hero section */

/* secure section */

.secure_data .img_box img {
  width: 70%;
}

.secure_data_inner .img_box {
  text-align: center;
}
.secure_data_inner {
  background-image: url(../images/secure-bg.png);
  background-repeat: no-repeat;
  border-radius: 40px;
  padding: 100px;
  background-size: cover;
  background-attachment: fixed;
}

.secure_data_inner h2 {
  color: #a72fae;
  font-size: 36px;
    text-transform: math-auto;
  line-height: 50px;
  font-weight: 600;
}
.secure_data_inner h2 span {
  display: block;
  color: white;
}

.cnt_secure ol{ padding: 0px;}

.cnt_secure ol li {
  color: white;
  margin-bottom: 25px;
  font-size: 16px;
  position: relative;
  list-style: none;
  padding-left: 30px;
      text-transform: math-auto;
}

.cnt_secure ol li:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  background-image: url(../images/iconstar.png);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}

/* secure section */

.steps_sec {
  padding: 40px 0;
}
.global_heading h3 {
  font-size: 32px;
  font-family: "Unbounded", sans-serif;
      text-transform: math-auto;
}

.content_steps h4 {
  font-size: 26px;
  font-weight: 600;
}
/* @keyframes shadowPulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(167, 47, 174, 0.4);
    box-shadow: 0 0 0 0 rgba(167, 47, 174, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(167, 47, 174, 0);
    box-shadow: 0 0 0 40px rgba(167, 47, 174, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(167, 47, 174, 0);
    box-shadow: 0 0 0 0 rgba(167, 47, 174, 0);
  }
} */

.video-btn {
  text-align: center;
  height: 24px;
  width: 24px;
  line-height: 25px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
  background: #ffffff;
  color: #000 !important;
  -webkit-animation: shadowPulse 2s linear infinite;
  animation: shadowPulse 2s linear infinite;
  -webkit-box-shadow: 0 0 0 10px #ebdef4;
  box-shadow: 0 0 0 7px #ebdef4;
  font-weight: 600;
}

.steps_heading {
  display: flex;
  align-items: start;
  gap: 30px;
}

.content_steps h4 {
  margin: 0px;
  text-transform: math-auto;
}

.content_steps ol{ padding: 0px; list-style: none;}

.content_steps ol li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0px;
  background-image: url(../images/iconstar.png);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}

.content_steps ol li {
  color: #525252;
  margin-bottom: 10px;
  position: relative;
  list-style: none;
  padding-left: 20px;
      text-transform: math-auto;
}

.divide {
  width: calc(100% - 50px);
}

.divide p {
  margin-top: 20px;
      text-transform: math-auto;
}

.main_box_stpes {
  position: relative;
}
.main_box_stpes:after {
  position: absolute;
  content: "";
  inset-block-end: -48px;
  inset-inline-start: 0;
  height: 60px;
  width: 100%;
  background-image: url(../images/firstline.png);
  background-position-x: center;
  background-repeat: no-repeat;
  z-index: 0;
}

/* Change image for even elements */
.main_box_stpes:nth-of-type(odd)::after {
  background-image: url(../images/sec-line.png);
}

.main_box_stpes:last-child::after {
  display: none;
}

.steps_sec .global_heading {
  padding: 40px 0px 140px;
  position: relative;
  z-index: 9;
}

.heding_bg {
  position: absolute;
  top: 10%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.steps_sec {
  position: relative;
  overflow: hidden;
}
.testimonials_box {
  padding: 47px;
  background-color: white;
  position: relative;
  z-index: 9;
  border-radius: 15px;
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
}
.testimonials_box .user_details {
  display: flex;
  gap: 15px;
}
.testimonials_box .user_details p {
  font-size: 1.2rem;
  color: #1a0061;
  font-weight: 600;
      text-transform: math-auto;
  margin: 0px;
}
.testimonials_box .user_details span {
  font-weight: 600;
  color: #525252;
}
.tittle_review {
  font-size: 1.2rem;
  color: #1a0061;
  font-weight: 600;
  margin: 0px;
  margin-top: 25px;
  margin-bottom: 10px;
      text-transform: math-auto;

}
.reviwes {
  position: relative;
  overflow: hidden;
}

.shde_back img {
  width: 100%;
}
.shde_back {
  position: absolute;
  top: 42%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.reviwes {
  padding: 120px 0px 60px;
}
.rating_bar {
  background-color: black;
  padding: 8px;
  border-radius: 10px;
  width: fit-content;
  margin: auto;
}
.star_rateing {
  display: flex;
  gap: 3px;
}
.star_rateing i {
  color: #ffa534;
}
.rating_bar ul {
  display: flex;
  gap: 5px;
}

.rating_bar .start ul {
  border: 1px solid #4d4d4d;
  padding: 1px 6px;
  border-radius: 5px;
  margin-right: 15px;
}
.rating_bar ul li {
  list-style: none;
}
.rating_bar i {
  color: #ffa534;
  font-size: 12px;
}
.rating_bar .start {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
.read_btn {
  color: white;
}

.read_btn svg{

  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 3px;
}

.rating_bar p {
  margin: 0px;
  color: white;
  font-size: 12px;
}
.read_btn {
  font-size: 12px;
  text-transform: uppercase;
}
.read_btn:hover {
  color: #a72fae;
}

/* faq section */
.accordian_outer {
  padding: 20px 40px 40px;
  border: 2px dashed #000;
  border-radius: 16px;
  border-width: 3px;
}

.accordion-button::after {
  background-image: url(../images/plus.png);
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url(../images/minus.png);
}
.accordion-button::after {
  transition: all 0.5s;
}

.accordian_outer .accordion-item {
  border: none;
  border-bottom: 2px solid #000;
}

.accordian_outer .accordion-button:not(.collapsed) {
  background-color: #ffffff;
  color: #a72fae;
  font-weight: 600;
  box-shadow: unset;
  padding: 20px 0px;
}

.accordian_outer .accordion-button:focus {
  box-shadow: unset !important;
}

.accordian_outer .accordion-body {
  padding: 0px 0px 20px;
}

.accordian_outer .accordion-button {
  padding: 20px 0px;
  color: black;
  font-weight: 600;
  font-size: 18px;
  gap: 20px;
  line-height: 30px;
}

.accordian_outer .accordion-button::after {
  color: white;
  border-radius: 100%;
}

.company_support {
  padding: 70px 0;
}

/* faq section */

/* footer section */

footer {
  padding: 45px 0px 0px;
  background-color: #7c1283;
}
/* footer section */

.footer-7-wrapper {
  background-image: url(../images/footer-shape.png);
  border: none;
  background-color: transparent;
  padding: 45px 0;
  background-position-x: center;
  position: relative;
}

.fotter_logoo {
  position: absolute;
  top: -25%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

footer input {
  width: 100%;
  border: none;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid transparent;
}
.news_input {
  display: flex;
  background-color: transparent;
  background-color: white;
  border-radius: 12px;
  padding: 3px;
}
footer input:focus {
  width: 100%;
  outline: none;
}
.news_input .custom-btn {
  border-radius: 12px;
}
.social_links li a {
  width: 48px;
  height: 48px;
  background-color: #8e1695;
  border-radius: 12px;
  display: inline-block;
  display: flex
;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
}
footer h6 {
  color: white;
  margin-bottom: 18px;
}
.social_links li a:hover {
  background-color: #832a89;
  color: white;
}
.social_links li {
  list-style: none;
}
.social_links {
  display: flex;
  gap: 10px;
}

.copy_right p {
  color: #fff;
  margin: 0px;
  font-size: 14px;
      text-transform: math-auto;
}

.copy_right a {
  color: white;
}
.copy_right a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer_pages {
  display: flex;
  justify-content: end;
  gap: 15px;
}

.footer_pages li {
  list-style: none;
}
.footer_pages li a {
  color: #fff
}
.footer_pages li a:hover {
  color: #fff;
  text-decoration: underline;
}

/* footer section */

/* login form */

.login_form h1 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 10px;
}

.login_page .main_heading p{ font-size: 14px;     text-transform: math-auto;}

.login_form_field .form-label {
  font-weight: 500;
  font-size: 14px;
}

.login_form_field .form-control {
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #bdbdbd;
}

.login_form_field .form-select {
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #bdbdbd;
  cursor: pointer;
}

.login_form_field .form-select:focus {
  box-shadow: unset;
}

.login_form_field .form-control:focus {
  box-shadow: none;
  border: 1px solid #832a89;
}

.form-check-input {
  width: 20px;
  height: 20px;
  position: relative;
  appearance: none;
  background-color: white;
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  cursor: pointer;
}

.form-check-label {
  font-size: 14px;
  font-weight: 500;
}

.form-check-input:focus {
  border: 1px solid #832a89;
  box-shadow: none;
}

.form-check-input:checked {
  background-color: #832a89;
}

.form-check-input:checked::after {
  content: ""; /* Checkmark character */
  color: white;
  position: absolute;
  top: 2px;
  left: 5px;
  font-size: 14px;
}

.login_page .custom-btn {
  border-radius: 15px;
}

.google_btn {
  width: 100%;
  padding: 10px;
  background-color: #edf2f7;
  border: 1px solid #bdbdbd;
  border-radius: 15px;
  color: black;
  font-size: 14px;
  color: #525252;
}
.google_btn:hover {
  background-color: #dbe0e5;
}

.divie {
  position: relative;
  margin: 29px 0px;
}

.divi_text {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: transparent!important;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 2px 10px;
  color: #bbbbbb;
}

.divie hr {
  background-color: #c1c1c1;
}

.dark-mode .google_btn{  background-color: #26272c;    border: 1px solid #363636; color: white;} 

/* .main_page_flex {
  align-items: center;
}
  
*/

.login_align {
  /* height: 100vh; */
  padding: 40px 0px;
  align-items: center;
}

.bg_image_wishlist img {
  height: 300px;
  object-fit: cover;
}


.bg_image_wishlist{ 
  height: 300px;
    background-color: #a72fae54 !important;

}

.dark-mode .bg_image_wishlist img{ display: none;}

.main_page_flex .imh_box img {
  height: 100vh;
  object-fit: cover;
}
/* login form */

/* explore */

/* .inner_login_user .acces_user_btn {
  display: none;
}

.inner_login_user ul.menu-items {
  display: none;
} */

.inner_login_user .slide_pages {
  background-color: #edf2f7;
  padding: 12px 20px;
  width: 40%;
  border-radius: 20px;
}

.slide_pages a.active svg path {
  fill: #a72fae;
}

.slide_pages a.active {
  position: relative;
}
.slide_pages a.active:after {
  content: "";
  position: absolute;
  height: 5px;
  width: 100%;
  background-color: #a72fae;
  bottom: -12px;
  border-radius: 25px 25px 0px 0px;
}

.inner_controls {
  width: 30%;
}
.inner_login_user .slide_pages ul li svg {
  height: 20px;
}
.inner_login_user .slide_pages ul li a {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #777575;
}

.inner_login_user .slide_pages ul li a:hover {
  color: #a72fae;
}
.inner_login_user .slide_pages ul li a:hover svg path {
  color: #a72fae;
  fill: #a72fae;
}

.profile > li > a {
  font-size: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000 !important;
}

.inner_login_user {
  padding-left: 20px;
}

.inner_login_user {
  padding-right: 20px;
}

.inner_login_user .logo_header {
  text-align: left !important;
}



.inner_controls .profile {
  display: flex;
  gap: 40px;
  justify-content: end;
  align-items: center;
}

.slide_pages ul {
  display: flex;
  gap: 80px;
  justify-content: center;
  align-items: baseline;
}

.explore_friend_family_search {
  background-image: url(../images/explorebg.png);
  background-repeat: no-repeat;
  padding-top: 120px;
  background-size: cover;
  background-color: #a72fae54;
}
.dark-mode .explore_friend_family_search {
  background-color: #a72fae54 !important;
  background-image: unset !important;
}
.explore_friend_family_search h1 {
  font-weight: 500;
  font-size: 26px;
}

.search_feield {
  display: flex;
  background-color: white;
  border-radius: 30px;
  padding: 4px;
  margin-bottom: -25px;
  box-shadow: 0px 4px 44px 7px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
}
.search_feield input:focus {
  outline: none;
}
.search_feield input {
  width: calc(100% - 51px);
  border: none;
  padding: 12px;
  border-radius: 30px;
  background-color: transparent;
}

.search_feield .custom-btn {
  width: 51px !important;
  height: 51px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  padding: 0px !important;
}

.explore_list {
  padding: 70px 0;
}

.explore_list .search_feield {
  align-items: center;
  display: flex;
box-shadow: none; 
border: 1px solid #DDDDDD;
border-radius: 10px;
}

.explore_list .search_feield .custom-btn {
  width: 30px !important;
  height: 30px !important;}

  .explore_list .search_feield input {
    width: calc(100% - 30px);     padding: 3px 10px;
  }

.explore_profile_box:hover{     border: 1px solid #a72fae8c;}

.explore_profile_box .profile_bg img {
  height: 140px;
  object-fit: cover;
  width: 100%;
}

.explore_profile_box .white_btn_cs {
  width: 50%;
}

.explore_profile_box .custom-btn {
  width: 50%;
}

.my_form {
  display: contents;
}

.explore_profile_box {
  border: 1px solid #cccccc;
  border-radius: 10px;
  overflow: hidden;
}

.profile_img img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  object-fit: cover;
}

.profile_img {
  margin-top: -42px;
}

.profile_img h2 {
  font-size: 16px;
  margin-top: 15px;
}

.profile_img h3 {
  font-size: 16px;
  color: #525252;
}

.profile_img p {
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: 42px;
}

.profile_img {
  padding: 0px 12px 15px;
}

.op_btn {
  display: flex;
  gap: 10px;
}

.op_btn .custom-btn {
  border-radius: 15px;
  padding: 9px 0px;
}

.white_btn_cs.custom-btn {
  background-color: white;
  border: 1px solid #dddddd;
  color: #2d3748;
}

.white_btn_cs.btn-15:after {
  background-color: #f3f3f3;
}
/* explore */

/* whishlist */

.profile_bio {
  margin-top: -75px;
}

.profile_bio img {
  width: 170px;
  height: 170px;
  border-radius: 100%;
  object-fit: cover;
}

.profile_bio h1 {
  font-size: 16px;
  margin-top: 25px;
  font-weight: 600;
  text-transform: capitalize;
}

.follw_s_box {
  background-color: #edf2f7;
  padding: 15px;
  border-radius: 10px;
  cursor: pointer;
}

.follw_s_box h2 {
  font-size: 24px;
  color: #510356;
  font-weight: 600;
  margin-bottom: 3px;
}

.content_profile .nav-tabs {
  border-bottom: none;
  gap: 30px;
}

.content_profile .nav-tabs button {
  border-radius: 0px;
}

.content_profile .nav-tabs .nav-link.active {
  background-color: transparent;
  border-left: none;
  border-right: none;
  border-top: 4px solid #a72fae;
  box-shadow: none;
  outline: none;
  border-bottom: none;
}

.dark-mode .contri_box .product_img {
    border: 1px solid transparent;}


   .dark-mode .contri_amount input{

    background-color: #26272c;
    color: white;

    }


    .top_heading_glob p{

          text-transform: math-auto;

    }


    .form-control:disabled, .form-control[readonly] {
    color: #00000063; cursor: not-allowed;
    }

        .dark-mode .form-control:disabled, .form-control[readonly] {
    color: #ffffff6e!important; cursor: not-allowed!important;

      border: 1px solid #363636;
    background-color: #26272c;
    }



    .dark-mode .contri_amount input:focus{ 
    background-color: #26272c;
    color: white;


    }


       .dark-mode .contri_amount .price-btn{     background-color: #26272c; color: white;}


    .dark-mode .contri_form_product .contri_tittle{ color: white;  white-space: nowrap;        /* Keep text on one line */
  overflow: hidden;           /* Hide overflow */
  text-overflow: ellipsis;    /* Show ... at the end */ }


   .contri_form_product .contri_tittle{ color: white;  white-space: nowrap;        /* Keep text on one line */
  overflow: hidden;           /* Hide overflow */
  text-overflow: ellipsis;    /* Show ... at the end */ }

  .dark-mode .contri_amount{     border: 1px solid #363636;}

.dark-mode .progress {
    background-color: #454545;
}


.content_profile .nav-tabs .nav-link{
  border-left: none;
  border-right: none;
   border-top: 4px solid transparent;
   border-bottom: none;
}

.content_profile .nav-tabs .nav-link:focus-visible{ outline: transparent!important; border: transparent!important;}

.content_profile .nav-link {
  color: #525252;
  font-weight: 500;
}

.content_profile .nav-link:hover {
  border-color: #e9ecef00 #e9ecef00 #dee2e600;
  isolation: isolate;
}

.content_profile hr {
  color: #545454;
  margin: 0px;
}

.content_profile .tab-content {
  padding: 80px 0px;
}

.inner_tab_cnt h4 {
  font-weight: 600;
      margin: 15px 0px;
}
.wishlist_product_box {
  border: 1px solid #cccccc;
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
}
.wishlist_product_box img {
  height: 260px;
  object-fit: contain;
  transition: 0.6s;
  padding: 20px;
}

.wishlist_product_box h5 {
  font-size: 14px;
  font-weight: 600;
  background-color: #edf2f7;
  padding: 15px 10px;
  border-radius: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
      margin-bottom: 58px;
}

.wishlist_product_box.contri_box h5 { margin-bottom: 8px!important; }

.wishlist_product_box .progress{     background-color: #a72fae29;}

.wishlist_product_box .product_price {
  font-size: 18px;
  font-weight: 600;
  color: black;
    margin: 0px 0 10px;
}

.wishlist_product_box .product_cnt {
  padding: 0px 15px 15px 15px;
}

.progress-bar {
  background-color: #a72fae;
}

.progress {
  border-radius: 10px;
}

.wishlist_product_box .img_box_product {
  margin: 0px 0px 20px;
  overflow: hidden;
}

.progress_status {
  color: #666666;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}

.contribute.wishlist_product_box img {
  height: 217px;
  transition: 0.6s;
}

.contribute.wishlist_product_box .img_box_product {
  padding-bottom: 0px;
}

.wishlist_product_box:hover .img_box_product img {
  transform: scale(1.1);
  transition: 0.6s;
}

.add_new_model {
  background: rgba(0, 0, 0, 0.26);
  backdrop-filter: blur(11.5px);
}

.contri.add_new_model .modal-dialog {
  max-width: 832px;
}

.add_new_model .modal-dialog {
  max-width: 640px;
  margin: 1.75rem auto;
}

.modal-content {
  border-radius: 10px;
  margin: 10px;
  position: relative;
}

.modal-content:before {
  position: absolute;
  content: "";
  background: rgba(255, 255, 255, 0.62);
  border-radius: 10px;
  width: 93%;
  height: 28px;
  top: 8px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.add_new_model .btn-close {
  padding: 0px;


  width: 22px;
  height: 22px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #a72fae;
  opacity: 1;
  background: #a72fae url(../images/close.png);
  background-repeat: no-repeat;
  background-position: center;
}

.collection_box {
  cursor: pointer;
}

.collection_box:hover img {
  transform: scale(1.2);
  transition: 0.6s;
}

.collection_box img {
  transition: 0.6s;
}

.add_new_model .btn-close:focus {
  box-shadow: unset;
}

.fetch_data .product_img img {
  width: 178px;
  height: 184px;
  object-fit: contain;
  transition: 0.6s;
  border: none;
  border-radius: 10px;
  padding: 5px;
}

.dark-mode .table_product img{ 

  border: none!important;

}



.collection_box img {
  height: 332px;
  object-fit: cover;
  border-radius: 10px;
}

.enable_funding {
  gap: 10px;
  display: flex;
  align-items: center;
}

.collection_box .img_collection {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.collection_box .img_collection:after {
  position: absolute;
  content: "";
  height: 148px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 27.03%, #000000 100%);
  left: 0px;
  bottom: 0px;
}

.collection_box h4 {
  font-size: 16px;
  color: white;
  margin: 0px;
}

.collect_cnt {
  margin-top: -48px;
  position: relative;
  padding: 10px;
}

.collect_cnt span {
  color: white;
  border: 1px solid #fff;
  border-radius: 30px;
  padding: 3px 15px;
  font-size: 12px;
  display: inline-block;
}

.quantity-selector {
  display: inline-flex;
  align-items: center;
  border: 1px solid #bdbdbd;
  border-radius: 16px;
}
.quantity-selector input {
  text-align: center;
  border: none;
  padding: 11px;
  width: 100%;
}
.quantity-selector button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 30px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  background-color: transparent;
  border: none;
}

.gifters_box {
  border: 1px solid #cccccc;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  padding-bottom: 15px;
}

.gifters_box h5 {
  color: #525252;
  font-size: 14px;
  margin-top: 20px !important;
  font-weight: 400;
}
.gifters_box h5 a {
  color: #525252;
  /* text-decoration: underline; */
  padding-bottom: 1px;
  border-bottom: 1px solid #777575;
}

.gifters_box h5 a:hover {
  color: #a72fae;
}

.gifters_box img {
  height: 250px;
  object-fit: contain;
}

.profile .dropdown-menu .dropdown-item {
  color: #4a5568;
  font-size: 14px;
      padding: 6px 16px;
}

.profile .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  position: absolute;
  right: -10px;
  top: 50%;
  display: none;
}

.profile .dropdown-menu li a {
  justify-content: start !important;
}

.dropdown-menu[data-bs-popper] {
  left: unset !important;
}

/* .inner_login_user .menu-btn {
  display: none;
} */

.inner_login_user .flex_mine {
  flex-direction: unset !important;
}

/* whishlist */

/* cart */

.cart_product_image img {
  width: 74px;
  height: 74px;
  object-fit: contain;
}
.cart_product_image {

  display: inline-block;
  border-radius: 6px;
}
.cart_product_box h3 {
  font-size: 14px;
  margin: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.cart_product_box p {
  font-size: 14px;
  margin: 0px;
}
.cart_product_box span {
  font-size: 16px;
  color: black;
}
.cart_product_box {
  display: flex;
  gap: 15px;
  font-weight: 600;
  padding-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
  align-items: center;
  margin-top: 15px;
  position: relative;
}

.cart_pop .offcanvas-header {
  border-bottom: 1px solid #d9d9d9;
}

.delte_cart {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 0px;
  bottom: 20px;
  color: #dc0000;
}

/* cart */

/* checkout */

.checkout {
  padding: 60px 0;
}
.checkout h1 {
  font-size: 26px;
  font-weight: 600;
  margin: 0px;
}
.payment_details .heading_pay i {
  color: black;
  font-size: 20px;
}
.payment_details .heading_pay {
  display: flex;
  gap: 10px;
  align-items: center;
}
.amount_description li {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.pink_light_btn button {
  color: #a72fae;
  background-color: transparent;
  border: none;
  font-weight: 600;
}

.amount_description li {
  border-bottom: 1px solid #eaeaec;
  padding: 15px 0;
}

.amount_price {
  font-size: 16px;
  font-weight: 600;
}

.cart_items_details h2 {
  font-size: 26px;
  font-weight: 600;
  margin: 0px;
}

.cart_items_details_box {
  padding: 15px;
  border: 1px solid #dddddd;
  border-radius: 10px;
}
.cart_items_details_box .cart_product_box {
  margin: 0px;
  margin-bottom: 20px;
}

.cart_items_details_box .cart_product_image img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.cart_items_details_box .delte_cart {
  background-color: #ececec;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  color: #8a8a8a;
  top: 20px;
}

.cart_items_details_box .cart_product_box:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
  padding-bottom: 0px;
}

.order_head {
  font-size: 20px;
  color: #111827;
  font-weight: 600;
}

.pyment.login_form_field .form-control {
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #dddddd;
}

/* checkout */

/* orders */

.top_heading_glob h1 {
  font-size: 26px;
  font-weight: 600;
  margin: 0px;
}

.wallet .wislist_order {
    padding: 60px 0;
}

.wislist_order {
  padding: 120px 0;
}
.wislist_order table {
  border-radius: 10px;
  overflow: hidden;
  border-radius: 0px;
}
.wislist_order table thead {
  background-color: #edf2f7;
  border-radius: 10px 10px 10px 10px;
}
.wislist_order table th {
  padding: 20px 10px;
  vertical-align: middle;
  text-wrap: nowrap;
}
.wislist_order table td {
  padding: 15px;
  vertical-align: middle;
}


.eye_view_btn{ color: #832a89; cursor: pointer;}
.wislist_order table thead th {
  font-weight: 600;
}
.wislist_order table thead th {
  font-weight: 600;
  padding: 12px;
  text-wrap: nowrap;
}

.wislist_order .table > :not(:last-child) > :last-child > * {
  border-bottom-color: transparent;
}

.my_tab {
  display: unset;
  background-color: #edf2f7;
  padding: 15px;
  border-radius: 10px;
}
.my_tab li {
  display: inline-block;
}

.wislist_order .custom-btn.active {
  border-radius: 10px;
  padding: 6px 12px !important;
}

.wislist_order .nav-pills .nav-link.active {
  background-color: #a72fae;
  color: white !important;
}

.wislist_order .nav-pills .nav-link {
  color: #777575 !important;
  padding: 8px 45px;
}
.table_product p {
  margin: 0px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;



}
.table_product {
  display: flex;
  gap: 20px;
  align-items: center;
}

.hr_global hr {
  border: 1px solid #dddddd;
  margin-bottom: 30px;
}

.sort_select select {
  width: 150px;
  appearance: none;
}

/* wallet */

.wallet {
  padding: 60px 0;
}

.wallet_amount_box {
  background-color: #edf2f7;
  padding: 20px;
  border-radius: 16px;
  height: 100%;
}
.wallet_amount_box h2 {
  font-size: 18px;
  font-weight: 600;
  color: #a72fae;
}
.wallet_amount_box h3 {
  font-weight: 600;
}
.main_connect {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.wallet_amount_box #connect_strpe{

text-wrap: nowrap;

}
.connect_strpe a:hover {
  background-color: #a72fae;
  color: white;
}
.connect_strpe a {
  background-color: white;
  border: 1px solid #a72fae;
  border-radius: 16px;
  padding: 10px 20px;
  text-wrap-mode: nowrap;
}

.wislist_order h4 {
  font-weight: 600;
}

/* profile */

.prfile_setting {
  padding: 60px 0;
}
.profile_edit_main {
  margin-top: -70px;
}
.profile_edit_main img {
  width: 170px;
  height: 170px;
  border-radius: 100%;
  border: 2px solid white;
}
#imageInput {
  display: none;
}

.custom-file-upload {
  display: inline-block;
  cursor: pointer;
  padding: 15px;
  border-radius: 50%;
  background-color: #a72fae;
  color: white;
  text-align: center;
  font-size: 24px;
  width: 29px;
  height: 29px;
  line-height: 30px;
  position: absolute;
  right: 15px;
  bottom: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-file-upload i {
  font-size: 12px;
}

#uploadedImage {
  width: 170px;
  height: 170px !important;
  object-fit: cover;
  height: auto;
  margin-top: 20px;
}

.profile_edit {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.uploader_image {
  position: relative;
  display: inline-block;
}

.profile_edit h2 {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 25px;
}

.profile_edit .follw_s_box h2 {
  font-size: 24px;
  margin-top: 0px;
}

.bg_image_profile img {
  height: 172px;
  object-fit: cover;
  width: 100%;
}

.upload_bg_image.custom-file-upload {
  top: 10px;
  right: 10px;
  width: unset;
  height: unset;
  display: unset;
  bottom: unset;
  font-size: 14px;
  border-radius: 5px;
  padding: 0px 20px;
  background-color: white;
  border: 1px solid #a72fae;
  color: #a72fae;
  font-weight: 600;
  line-height: 21px;
}

.outer_edit_profile {
  padding: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  height: 100%;
}

.all_list input {
  width: 100%;
  background-color: #efefef;
  border: none;
  padding: 8px 12px 8px 35px;
  border-radius: 10px;
}
.all_list input:focus {
  border: none;
  outline: none;
}

.search_list {
  position: relative;
}
.search_icon {
  position: absolute;
  top: 13px;
  left: 10px;
  width: 18px;
  height: 18px;
}

.user_details_profile img {
  width: 57px;
  height: 57px;
  object-fit: cover;
  border-radius: 100%;
}

.main_b_profile {
  display: flex;
  gap: 10px;
  align-items: center;
}

.main_b_profile h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 0px;
}
.main_b_profile p {
  margin: 0px;
}
.main_b_profile a {
  color: #525252;
  font-size: 14px;
}

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

.user_details_profile .custom-btn {
  border-radius: 0px;
  padding: 9px 25px !important;
  font-size: 14px;
  border-radius: 10px;
  width: unset;
}

.list_cotainer {
  height: 349px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 15px;
}

.remove.custom-btn {
  background-color: #edf2f7;
  color: #000;
}

.loader {
  position: relative;
  width: 54px;
  height: 54px;
  border-radius: 10px;
}

.loader div {
  width: 8%;
  height: 24%;
  background: rgb(128, 128, 128);
  position: absolute;
  left: 50%;
  top: 30%;
  opacity: 0;
  border-radius: 50px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  animation: fade458 1s linear infinite;
}

@keyframes fade458 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.25;
  }
}

.loader .bar1 {
  transform: rotate(0deg) translate(0, -130%);
  animation-delay: 0s;
}

.loader .bar2 {
  transform: rotate(30deg) translate(0, -130%);
  animation-delay: -1.1s;
}

.loader .bar3 {
  transform: rotate(60deg) translate(0, -130%);
  animation-delay: -1s;
}

.loader .bar4 {
  transform: rotate(90deg) translate(0, -130%);
  animation-delay: -0.9s;
}

.loader .bar5 {
  transform: rotate(120deg) translate(0, -130%);
  animation-delay: -0.8s;
}

.loader .bar6 {
  transform: rotate(150deg) translate(0, -130%);
  animation-delay: -0.7s;
}

.loader .bar7 {
  transform: rotate(180deg) translate(0, -130%);
  animation-delay: -0.6s;
}

.loader .bar8 {
  transform: rotate(210deg) translate(0, -130%);
  animation-delay: -0.5s;
}

.loader .bar9 {
  transform: rotate(240deg) translate(0, -130%);
  animation-delay: -0.4s;
}

.loader .bar10 {
  transform: rotate(270deg) translate(0, -130%);
  animation-delay: -0.3s;
}

.loader .bar11 {
  transform: rotate(300deg) translate(0, -130%);
  animation-delay: -0.2s;
}

.loader .bar12 {
  transform: rotate(330deg) translate(0, -130%);
  animation-delay: -0.1s;
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");
/* ===================================
 Variables
 ====================================== */
:root {
  --bg-page: #ffffff;
  --bg-page-darker: #f7f7f7;
  --bg-page-darkest: #b3b3b3;
  --colour-primary: #3996fb;
  --colour-primary-lightest: #e8f3ff;
  --colour-primary-darker: #1a7ee6;
  --colour-third: #419d78;
  --colour-third-lighter: #7bc9aa;
  --colour-third-lightest: #e6f7f0;
  --colour-text: #696969;
  --colour-text-lighter: #9b9b9b;
  --colour-text-darker: #626262;
  --colour-text-darkest: #363636;
  --border-color: #e8e7e7;
  --form-radius: 13px;
  --search-form-bg-colour: #f2f2f2;
  --send-form-bg-colour: #f2f2f2;
  --send-btn-box-shadow-colour: #7bbafd;
  --chat-bubble-me: #f2f2f2;
  --chat-bubble-you: var(--colour-primary);
}
.dark-mode {
  --bg-page: #1a1a1a;
  --bg-page-darker: #363636;
  --bg-page-darkest: #818181;
  --colour-primary: #1a71d0;
  --colour-primary-lightest: #202c3a;
  --colour-primary-darker: #449ffd;
  --colour-third: #41c590;
  --colour-third-lighter: #56d6a3;
  --colour-third-lightest: #272f2c;
  --colour-text: #c7c7c7;
  --colour-text-lighter: #868686;
  --colour-text-darker: #dcdcdc;
  --colour-text-darkest: #eaeaea;
  --border-color: #4c4c4c;
  --search-form-bg-colour: #363636;
  --send-form-bg-colour: #363636;
  --send-btn-box-shadow-colour: #44515f;
  --chat-bubble-me: #363636;
  --chat-bubble-you: var(--colour-primary);
}
/* ===================================
 Base
 ====================================== */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}


.dark-mode .label_design img{ 

      height: 212px;
    filter: grayscale(0%) contrast(85%) brightness(0.4);

}

/* ===================================
 Mixins & functions
 ====================================== */
/* ===================================
 Main
 ====================================== */
.messages-page {
  height: calc(100vh - 98px); /* Takes full viewport height minus 98px */
  overflow-y: auto; /* Allows scrolling if content exceeds available height */
  box-sizing: border-box; /* Ensures padding and borders are included in height calculation */
}

.user_loac i{ color: #a72fae;}
.messages-page__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
      border-bottom: 1px solid #e8e7e7;
    padding: 17.5px 18px !important;
}

.dark-mode .messages-page__header{  border-bottom: 1px solid #4c4c4c; }
.messages-page__title {
  color: #000000;
  font-weight: 600;
  font-size: 1.3rem;
}
@media screen and (max-width: 1199px) {
  .messages-page__title {
    font-size: 1.5rem;
  }
}
.messages-page__dark-mode-toogler {
  width: 2.6rem;
  height: 2.6rem;
  padding: 0.35rem;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.messages-page__dark-mode-toogler:hover {
  background-color: var(--colour-primary);
  border-color: var(--colour-primary);
}
.messages-page__dark-mode-toogler:hover path {
  fill: var(--bg-page-darker);
}
.messages-page__list {
  list-style: none;
  flex-grow: 1;
  overflow-y: auto;
  margin-top: 15px;
}
.messages-page__list-scroll {
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.custom-form {
  color: var(--colour-text-darkest);
  padding: 10px;
  border-radius: 13px;
}
.custom-form__search-wrapper,
.custom-form__send-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.custom-form__send-wrapper textarea {
  background-color: #edf2f7;
  width: calc(100% - 52px);
}

.custom-form__send-wrapper textarea:focus {
  border: 1px solid #a72fae;
  box-shadow: none;
}

.custom-form__search-wrapper input::placeholder,
.custom-form__send-wrapper input::placeholder {
  color: var(--colour-text-lighter);
  font-size: 0.9rem;
}
.custom-form__search-wrapper input:focus,
.custom-form__send-wrapper input:focus {
  outline: none;
  box-shadow: none;
}
.custom-form__search-wrapper input {
  padding-right: 3rem;
  background-color: var(--search-form-bg-colour);
  border: 1px solid var(--bg-page);
}
.custom-form__search-wrapper input:placeholder-shown {
  background-color: #edf2f7;
  border: 1px solid var(--bg-page);
}
.custom-form__search-wrapper input:focus {
  background-color: #edf2f7;
  border-color: #a72fae;
  color: var(--colour-text);
}
.custom-form__send-wrapper input {
  padding-right: 6rem;
  padding-left: 3.25rem;
  background-color: var(--send-form-bg-colour);
  border: none;
}
.custom-form__send-wrapper input:focus {
  background-color: var(--send-form-bg-colour);
  border-color: transparent;
  color: var(--colour-text);
}
.custom-form__search-submit {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 3.5rem;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-form__search-submit:focus {
  outline: none;
  border: none;
}

.custom-form__send-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
}
.custom-form__send-submit {
  height: 3.3rem;
  width: 3.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #a72fae;
  border-radius: 50%;
  border: none;
  outline: none;
  text-align: center;
  font-size: 1.2rem;
  color: white;
  padding-right: 0.1rem;
}
.custom-form__send-submit:focus {
  outline: none;
  border: none;
}
.custom-form__send-submit:hover {
  background-color: #6b1170;
}
.custom-form__send-img {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  width: 2.3rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-form__send-emoji {
  position: absolute;
  top: 50%;
  right: 3.2rem;
  transform: translateY(-50%);
  width: 2.3rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.messaging-member {
  border-radius: var(--form-radius);
}
.messaging-member:hover {
  background-color: var(--bg-page-darker);
}
.messaging-member--new .messaging-member__name {
  color: var(--colour-text-darker);
}
.messaging-member--new .messaging-member__message {
  color: var(--colour-text-darker);
  font-weight: bold;
}
.messaging-member--online .user-status {
  background-color: var(--colour-third-lighter);
}
.messaging-member--active {
  background-color: var(--colour-primary-lightest);
}
.messaging-member--active:hover {
  background-color: var(--colour-primary-lightest);
}
@media screen and (max-width: 767px) {
  .messaging-member--active {
    background-color: var(--bg-page);
  }
  .messaging-member--active:hover {
    background-color: var(--bg-page-darker);
  }
}
.messaging-member__wrapper {
  cursor: pointer;
  padding: 0.5rem 0.4rem;
  border-radius: var(--form-radius);
  display: grid;
  grid-template-columns: 4rem 4fr;
  grid-template-rows: 2rem 2rem;
  column-gap: 1rem;
  grid-template-areas: "avatar     name" "avatar     message";
  position: relative;
}
@media screen and (max-width: 1199px) {
  .messaging-member__wrapper {
    grid-template-columns: 3.5rem 1fr;
    grid-template-rows: 1.75rem 1.75rem;
  }
}
@media screen and (max-width: 991px) {
  .messaging-member__wrapper {
    grid-template-columns: 3.2rem 1fr;
    grid-template-rows: 1.75rem 1.75rem;
  }
}
.messaging-member__avatar {
  grid-area: avatar;
  position: relative;
}
.messaging-member__avatar img {
  border-radius: 50%;
  width: 100%;
  width: 65px;
  height: 65px;
  object-fit: cover;
}
.messaging-member__name {
  font-weight: 500;
  grid-area: name;
  color: #000000;
  margin-top: auto;
  font-size: 0.9rem;
}
.messaging-member__message {
  grid-area: message;
  white-space: nowrap;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.9rem;
  color: #9b9b9b;
  display: inline-block;
}

/* .messaging-member__message:hover{

  color: #a72fae;
} */
.chat {
  height: 100%;
}
.chat__container {
  height: 100%;
  width: 100%;
}
.chat__wrapper {
  background-color: var(--bg-page);
  height: 100%;
  width: 100%;
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .chat__wrapper {
    border-left: none;
    border-right: none;
  }
}
.chat__messaging {
  padding: 0px 0px 0px 15px;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat__previous {
  width: 8%;
  min-width: 2rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.7rem;
  cursor: pointer;
  color: #a72fae;
}
.chat__notification {
  width: 4%;
  min-width: 1.5rem;
  display: none;
}
.chat__notification span {
  display: none;
  width: 1.4rem;
  height: 1.4rem;
  text-align: center;
  border-radius: 50%;
  font-weight: bold;
  color: white;
  background-color: var(--colour-primary);
  font-size: 0.9rem;
}
.chat__notification--new span {
  display: block;
}
.chat__infos {
  flex-grow: 1;
}
.chat__actions {
  font-size: 5px;
  height: 2rem;
  min-width: 2rem;
  color: var(--colour-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.chat__actions ul {
  list-style: none;
  display: flex;
}
.chat__actions li {
  width: 2.6rem;
  height: 2.6rem;
  padding: 0.35rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--bg-page);
}
.chat__actions li + li {
  margin-left: 0.3rem;
}
.chat__actions li:hover {
  background-color: var(--colour-primary-lightest);
}
.chat__content {
  flex-grow: 1;
  overflow-y: auto;
}
.chat__list-messages {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.chat__list-messages li {
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.chat__list-messages li .chat__bubble {
  margin-bottom: 0.2rem;
}
.chat__bubble {
  position: relative;
  color: var(--colour-text-darkest);
  padding: 0.5rem 1rem;
  border-radius: 22px;
  background-color: var(--bg-page);
  max-width: 30rem;
  font-size: 0.9rem;
  overflow-wrap: break-word;
  word-break: break-word;
}
.chat__bubble--you {
  margin-right: 2rem;
  color: white;
  background-color: #a72fae;
}


.chat__bubble--you span{ 

      font-size: 10px;
    position: absolute;
    z-index: 9999;
    bottom: -20px;
    font-weight: 600;
    color: #a72fae;
    font-size: 12px;
    left: 0px;

        white-space: nowrap;

}


.chat__bubble--me span{ 

      font-size: 10px;
    position: absolute;
    z-index: 9999;
    bottom: -20px;
    font-weight: 600;
    color: #a72fae;
    font-size: 12px;
    right: 4px;

        white-space: nowrap;

}

.chat__bubble--me {
  margin-left: 2rem;
  background-color: var(--chat-bubble-me);
  align-self: flex-end;
}
.chat__time {
  font-size: 0.8rem;
  color: var(--colour-text-lighter);
  align-self: center;
  padding-bottom: 0.2rem;
}
.chat__send-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat-member__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.chat-member__avatar {
  position: relative;
  width: 3.5rem;
}
.chat-member__avatar img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .chat-member__avatar {
    width: 2.5rem;
  }
}
.chat-member__name {
  font-weight: 500;
  color: #000000;
  margin-top: auto;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1rem;
}
@media screen and (max-width: 1199px) {
  .chat-member__name {
    font-size: 0.9rem;
  }
}
.chat-member__details {
  margin-left: 0.8rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .chat-member__details {
    margin-left: 1rem;
  }
}
.chat-member__age {
  font-size: 0.9rem;
  color: var(--colour-text-lighter);
  position: relative;
}
.chat-member__age::after {
  content: " . ";
  font-size: 0px;
  position: absolute;
  top: 50%;
  right: -4px;
  width: 3px;
  height: 3px;
  background-color: var(--colour-text-lighter);
  border-radius: 50%;
}
.chat-member__status {
  color: var(--colour-text-lighter);
  font-size: 0.8rem;
}
.chat__profile {
  width: 100%;
  height: 100%;
  max-width: 20rem;
}

.chat--mobile .chat__wrapper {
  border-radius: 0;
}
.chat--mobile.chat--show {
  display: block;
  transform: translateY(0%);
  border-radius: 0;
}
.user-profile {
  height: 100%;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
}
.user-profile__wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.user-profile__close {
  position: absolute;
  top: 1rem;
  left: 1.5rem;
  width: 2rem;
  height: 2rem;
  color: var(--colour-primary);
  font-size: 1.375rem;
  cursor: pointer;
  z-index: 10003;
}
.user-profile__avatar {
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-profile__avatar img {
  width: 9rem;
  border-radius: 50%;
}
.user-profile__name {
  font-weight: bold;
  margin-top: 0.7rem;
  color: var(--colour-text-darker);
  word-wrap: break-word;
  font-size: 1.15rem;
}
@media screen and (max-width: 767px) {
  .user-profile__name {
    font-size: 1.1rem;
  }
}
.user-profile__phone {
  color: var(--colour-text-darker);
  font-size: 0.9rem;
}
.user-profile__details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.user-profile__location {
  color: var(--colour-text-lighter);
  font-size: 0.9rem;
}
.user-profile__description {
  text-align: center;
}
.user-profile__description p {
  margin-top: 1.3rem;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9rem;
}
.user-profile__label {
  font-size: 0.9rem;
  font-weight: bold;
}
.user-profile__tags {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.user-profile__tags li {
  padding: 0.3rem 1rem;
  border-radius: 1rem;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
  font-size: 0.9rem;
}
.user-profile__tags a:hover {
  text-decoration: none;
}
.user-profile__tags--primary li {
  background-color: var(--colour-primary-lightest);
  color: var(--colour-primary-darker);
}
.user-profile__tags--primary a:hover {
  color: var(--colour-primary-darker);
}
.user-profile__tags--secondary li {
  background-color: var(--colour-third-lightest);
  color: var(--colour-third);
}
.user-profile__tags--secondary a:hover {
  color: var(--colour-third);
}
.user-profile--large {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10002;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out 0.1s;
  background-color: var(--bg-page);
  box-shadow: -3px 0 3px rgba(0, 0, 0, 0.06);
}
.user-profile--large.user-profile--show {
  display: block;
  transform: translateX(0%);
  border-radius: 0;
}
.user-status {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1rem;
  height: 1rem;
  background-color: var(--colour-text-lighter);
  border: 3px solid white;
  border-radius: 50%;
}
.user-status--online {
  background-color: var(--colour-third);
}
.svg-icon {
  width: 70%;
}
.svg-icon path,
.svg-icon circle {
  fill: var(--colour-primary);
}
.svg-icon--send {
  width: 40%;
}
.svg-icon--send path,
.svg-icon--send circle {
  fill: white;
}
.svg-icon--search {
  width: 32%;
}
.svg-icon--search path,
.svg-icon--search circle {
  fill: var(--bg-page-darkest);
}
.svg-icon--send-img {
  width: 55%;
}
.svg-icon--send-img path,
.svg-icon--send-img circle {
  fill: var(--bg-page-darkest);
}
.svg-icon--send-emoji {
  width: 60%;
}
.svg-icon--send-emoji path,
.svg-icon--send-emoji circle {
  fill: var(--bg-page-darkest);
}
.svg-icon--previous {
  width: 55%;
}
.svg-icon--dark-mode {
  width: 80%;
}
.svg-icon--dark-mode path,
.svg-icon--dark-mode circle {
  fill: var(--colour-primary);
}

.remove.custom-btn:hover {
  color: white;
}

.profile .dropdown-menu {
  min-width: 15rem;
}

.profile .dropdown-menu button {
  border: none;
  width: 100%;
  text-align: left;
  padding: 6px 16px;
  text-decoration: none;
  color: #4a5568;
  font-size: 14px;
  background-color: transparent;
}

.profile .dropdown-menu button:focus {
  box-shadow: unset;
}

.login_bb.custom-btn {
  background: white;
  color: black;
}

.login_bb.btn-15:after {
  background-color: #e4e4e4;
}

.cart_product_details {
  width: calc(100% - 165px);
}

.contri_form_product .contri_tittle {
  font-size: 20px;
  font-weight: 600;
  color: black;
}

.contri_form_product hr {
  color: #959595;
}

.contri_amount {
  padding: 20px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
}

.contri_amount input {
  background-color: #edf2f7;
  border: none;
  border-radius: 10px;
  padding: 12px;
}
.contri_amount input:focus {
  box-shadow: none;
  background-color: #edf2f7;
}

.contri_amount .price-btn {
  background: #edf2f7;
  color: black;
  border: none;
  border-radius: 10px !important;
  padding: 10px 18px;
  border: 1px solid transparent;
}

.contri_amount .price-btn.btn-active {
  border: 1px solid #a72fae;
  box-shadow: unset;
}

.contri_amount .price-btn:focus {
  box-shadow: unset;
}

.contri_amount .btn-group {
  gap: 15px;
}

.contri_amount .form-label {
  font-weight: 600;
}

.contri_box .product_img {

  border-radius: 10px;
  overflow: hidden;
}

.contri_box .product_img img {
  height: 384px;
  object-fit: contain;
}

.chat_count {
  width: 20px;
  height: 20px;
  background-color: #a72fae;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  border-radius: 100%;
  position: absolute;
  right: 7px;
  top: 38%;
}

.product_acces_btn {
  display: flex;
  gap: 10px;
}
.product_acces_btn button:focus {
  box-shadow: unset;
}

.breadcrumb_global {
  background-image: url(../images/explorebg.png);
  padding: 100px 0px;
  background-repeat: no-repeat;
  background-size: cover;
}

.dash_preview {
  position: relative;

  /* background-image: url(../images/slider-ani.png);
  background-repeat: no-repeat;
  background-position: center; */
}

.main_preview_imgge {
  position: relative;
  z-index: 9;
}

.bg_people {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.bg_people img {
  width: 100%;
}

.breadcrumb_global ul {
  display: inline-block;
  background-color: #a72fae26;
  padding: 0px 13px;
  border-radius: 10px;
  margin-bottom: 15px;
}

.breadcrumb_global ul li {
  list-style: none;
  display: inline-block;
  margin: 5px 0px 5px 5px;
}

.breadcrumb_global ul li i {
  font-size: 14px;
}

.breadcrumb_global h1 {
  font-size: 36px;
  font-weight: 600;
  font-family: "Unbounded", sans-serif;
}


.dark-mode .form_elements {
    border: 1px solid #363636;
    background-color: black;
}

.dark-mode .let_touch a{ color: white;}


.dark-mode .breadcrumb_global h1 { 

  color: white!important;


}

.dark-mode .breadcrumb_global ul{ 

    background-color: #000000;

}

.dark-mode .breadcrumb_global ul li a{ color: white;}


.dark-mode .breadcrumb_global ul li i{ 

    color: white!important;

}

.inner_faq {
  padding: 60px 0px;
}

.inner_content_area {
  padding: 60px 0;
}

.inner_content_area h2 {
  font-size: 26px;
  margin-top: 30px;
  font-weight: 600;
}

.inner_content_area h3 {
  font-size: 26px;
  margin-top: 30px;
  font-weight: 600;
}

.inner_content_area ul li {
  margin-bottom: 20px;
  list-style: none;
}

.mobile_menu {
  display: none;
}

.my_footer {
  margin-bottom: 0px !important;
}

.text_ani {
  position: relative;
}

.ani_img {
  top: -118px;
  right: 21%;
  position: absolute;
}

.dark-mode {
  background-color: #000;
  color: white;
}

/* darkmode */

.dark-mode #notificationList .list-group-item {
  background-color: #26272c!important; color: white; } 

.dark-mode .gifters_box h5 {
  color: #ffffff;}

  .dark-mode .gifters_box h5 a {
    color: #fff;}

.dark-mode .gifters_box {
  border: 1px solid #363636;}

.dark-mode .box_order {
  border: 1px solid #363636;
}


.dark-mode .all_list input {
  width: 100%;
  color: white;
  background-color: #26272c;
}

.dark-mode .profile .dropdown-toggle::after {
  color: #777777;
}

.dark-mode #not_selected {
  border-left: 1px solid #363636;
}

.dark-mode .cart_items_details_box {
  padding: 15px;
  border: 1px solid #323232;
}

.dark-mode .payment_details .heading_pay i {
  color: #ffffff;
  font-size: 20px;
}

.dark-mode .account-selection__option {
  border: 2px solid #323232;
}

.dark-mode .amount_description li {
  border-bottom: 1px solid #323232;
}

.dark-mode table th {
  color: white;
}

.dark-mode .messages-page__title {
  color: white;
}

.dark-mode .custom-form__send-wrapper textarea {
  background-color: #26272c;
}

.dark-mode .custom-form__send-wrapper .form-control {
  border: 1px solid #4b4b4b;
  color: white;
}

.dark-mode .messaging-member__name {
  color: #fff;
}

.dark-mode .chat-member__name {
  color: #fff;
}

.dark-mode .custom-form__search-wrapper input:placeholder-shown {
  background-color: #26272c;
}

.dark-mode .explore_list .pagination {
  padding: 5px 15px;
  background-color: #26272c;
  border-radius: 30px;
  gap: 10px;
}

.dark-mode .navbar.sticky {
  background-color: #000000;
  border-bottom: 1px solid #363636;
}

.dark-mode .inner_login_user .slide_pages {
  background-color: #26272c;
}

.dark-mode .search_feield input {
  color: white;
}

.dark-mode .explore_profile_box {
  border: 1px solid #363636;
}

.dark-mode .explore_profile_box:hover {
  border: 1px solid #a72fae8c;
}
.dark-mode .search_feield {
  display: flex;
  background-color: #26272c;
}

.dark-mode .white_btn_cs.custom-btn {
  background-color: #26272c;
  border: 1px solid #363636;
  color: #ffffff;
}

.dark-mode .login_form_field .form-control {
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #363636;
  background-color: #26272c;
  color: white;
}

.dark-mode .login_form_field .form-control:focus {
  border: 1px solid #a72fae;
}

.dark-mode .white_btn_cs.btn-15:after {
  background-color: #000000;
}

.login_form_field .form-control::placeholder {
  color: #bebebe;
  font-weight: 400;
}

.dark-mode .profile svg path {
  fill: #777575;
  color: #777575;
}

.dark-mode .profile span {
  color: #777575;
}

.dark-mode p {
  color: #cdcdcd;
}

.dark-mode .profile_img h3 {
  color: #cdcdcd;
}

.dark-mode .news_input {
  display: flex;
  background-color: transparent;
  background-color: #26272c;
}

.dark-mode footer input {
  color: white;
  background: #26272c;
}

.footer_pages li a {
  font-size: 14px;
}

.dark-mode footer {
  border-top: 1px solid #363636;
}

.dark-mode .follw_s_box {
  background-color: #26272c;
}

.dark-mode .follw_s_box h2 {
  color: #a72fae;
}

.dark-mode .my_tab {
  background-color: #26272c;
}

.dark-mode .wislist_order table thead {
  background-color: #26272c;
}

.dark-mode .login_form_field .form-select {
  background-color: #26272c;
  color: white;
  border: 1px solid #363636;
}

.dark-mode .wislist_order table {
  border-color: #414141cd;
  overflow: hidden;
  /* overflow: hidden; */
}

.dark-mode .wislist_order table td {
  color: #777575;
}

.dark-mode .wallet_amount_box {
  background-color: #26272c;
}

.dark-mode .connect_strpe a {
  background-color: #000000;
  border: 1px solid #363636;
  border-radius: 16px;
  padding: 10px 20px;
  color: #c1c1c1;
}

.dark-mode .outer_edit_profile {
  padding: 20px;
  border: 1px solid #363636;
}

.dark-mode .profile_edit {
  border: 1px solid #363636;
}

.dark-mode .profile_edit_main img {
  border: 2px solid #363636;
}

.dark-mode .login_form_field .form-label {
  color: #9ea2a5;

}

.dark-mode .cart_pop {
  background-color: #26272c;
}

.dark-mode .cart_pop .offcanvas-header {
  border-bottom: 1px solid #363636;
}



.dark-mode .offcanvas-header .btn-close {
  filter: invert(1);
}

.dark-mode .cart_product_box span {
  color: #cdcdcd;
}

.dark-mode .cart_product_box h3 {
  color: #cdcdcd;
}

.dark-mode .cart_product_box {
  display: flex;
  gap: 15px;
  font-weight: 600;
  padding-bottom: 15px;
  border-bottom: 1px solid #363636;
}

.dark-mode .bg_image_wishlist {
  border-bottom: 1px solid #363636;
}

.dark-mode .wishlist_product_box {
  border: 1px solid #363636;
}

.dark-mode .wishlist_product_box h5 {
  background-color: #26272c;
}

.dark-mode .wishlist_product_box .product_price {
  color: white;
}

.dark-mode .remove.custom-btn {
  background-color: #26272c;
  color: #ffffff;
  border: 1px solid #363636;
}

.dark-mode .my_C {
  color: #ffffff !important;
}

.dark-mode .dropdown-menu {
  background-color: #26272c;
}

.dark-mode .profile .dropdown-menu .dropdown-item {
  color: #ffffff;
}

.modal-content:before {
  z-index: -1;
}

.dark-mode .modal-content {
  border: 1px solid #363636;
  background-color: #000;
}

.dark-mode .modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #363636;
}

.dark-mode .content_profile hr {
  color: #363636;
  opacity: 1;
}

/* .dark-mode .btn-15:after {
     
            background-color: #000000;} */

/* 
    .wislist_order .table-responsive{

      border: 1px solid #363636;
      border-radius: 10px;
    } */

.profile .dropdown-item i {
  width: 15px;
}

.profile .dropdown-item a {
  font-size: 14px;
}

.profile .dropdown-item button {
  font-size: 14px;
}

.profile .dropdown-item button:hover {
  background: #e9ecef !important;
  color: #a72fae !important;
}

.my_C:hover {
  background: #e9ecef !important;
  color: #a72fae !important;
}

.manage_btn button {
  width: 30px;
}

.manage_btn {
  display: flex;
  align-items: center;
  justify-content: end;
}

.pagination a {
  width: 40px !important;
  /* display: inline-block!important; */
  font-size: 16px !important;
  padding: 0px !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
}

.pagination a svg {
  width: 26px;
}

.pagination span svg {
  width: 26px;
}

.pagination .shadow-sm {
  display: flex;
  align-items: center;
  box-shadow: none !important;
}

.pagination .cursor-default {
  width: 40px;

  height: 42px;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px !important;
}

.explore_list .pagination {
  padding: 5px 15px;
  background-color: #edf2f7;
  border-radius: 30px;
  gap: 10px;
}

.explore_list .pagination .page-item a {
  width: 36px !important;
  height: 36px !important;
  border-radius: 100%;
  background-color: transparent;
  color: #656565;
  border: none;
  transition: 0.6s;
}

.explore_list .pagination .page-item span.page-link {
  width: 36px !important;
  height: 36px !important;
  border-radius: 100%;
  background-color: #a72fae;
  color: white;
  border: none;
}

.explore_list .pagination .page-item.disabled .page-link {
  width: 36px !important;
  height: 36px !important;
  border-radius: 100%;
  background-color: transparent;
  color: #656565;
  border: none;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-link:focus {
  box-shadow: none;
}

.explore_list .pagination .page-item a:hover {
  background-color: #a72fae;
  color: white;
  transition: 0.6s;
}

.label_design {
  width: 240px;
  background-color: transparent;
  color: white;
  display: flex;
  flex-direction: column;
  text-align: center;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
}

.label_design p {
  color: white;
  padding: 6px 0;
  display: block;
  background-color: #a72fae;
  margin: 0px;
      text-transform: math-auto;
}

.asterisk{ color: red;}

.default_img_collection img {
  width: 60px;
}
.default_img_collection button {
  padding: 0px;
}
.default_img_collection button.active {
  border: 1px solid #a72fae;
}
.default_img_collection button:focus {
  box-shadow: none;
}
.default_img_collection {
  margin-top: 20px;
}

:root {
  --primary-0: #fff9ff;
  --primary-50: #f9e9ff;
  --primary-100: #e8cdff;
  --primary-200: #d1b6ff;
  --primary-300: #b89dff;
  --primary-400: #9f84e5;
  --primary-500: #876bca;
  --primary-600: #7054b0;
  --primary-700: #5a3c96;
  --primary-800: #45247d;
  --primary-900: #310864;
  --primary-950: #241045;
  --primary-1000: #181028;

  --neutral-0: #ffffff;
  --neutral-50: #f2f2f2;
  --neutral-100: #dedede;
  --neutral-200: #cacaca;
  --neutral-300: #b0b0b0;
  --neutral-400: #989898;
  --neutral-500: #808080;
  --neutral-600: #686868;
  --neutral-700: #525252;
  --neutral-800: #3d3d3d;
  --neutral-900: #282828;
  --neutral-950: #1f1f1f;
  --neutral-1000: #161616;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

fieldset {
  padding: 0;
  border: none;

  display: flex;
  flex-direction: column;
  gap: 0.5em;

  width: 100%;
}

legend {
  font-weight: 600;

  margin-bottom: 0.875em;
}

/* ===================== */
/* ===================== */
/* Code Here ↓ */

.account-selection__option {
  display: flex;
  align-items: center;
  gap: 0.5em;
  flex-direction: row-reverse;

  padding: 0.875em;

  border: 2px solid var(--neutral-100);
  border-radius: 8px;

  width: 100%;

  cursor: pointer;
}

.account-selection__input {
  accent-color: #a72fae;
}

.account-selection__text {
  flex-grow: 1;

  color: var(--neutral-500);
}

.account-selection__icon {
  color: var(--neutral-400);
}

.account-selection__input:checked ~ .account-selection__text {
  color: var(--primary-800);
}

.account-selection__input:checked ~ .account-selection__icon {
  color: var(--primary-500);
}

.account-selection__option:has(.account-selection__input:checked) {
  border-color: #a72fae;
  flex-direction: row-reverse;
}

.checkout .login_form_field textarea:focus {
  border: 1px solid #a72fae !important;
}
.login_page .profile_edit_main {
  margin-top: 30px !important;
}

.login_page .imh_box {
  background-image: url(../images/login.png);
  width: 33%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  position: fixed;
}

.main_heading {
  margin-top: 30px;
}

#forgotPasswordForm p {
  display: none;
}

#togglePassword {
  background-color: transparent;
  border: none;
  position: absolute;
  z-index: 9;
  padding: 0px 10px!important;
  top: 50%;
  right: -15px;
  transform: translate(-50%, -50%);
}

#togglePassword:focus {
  border: none;
  box-shadow: none;
  outline: none;
}

#togglePassword:hover {
  color: #6c757d;
}

#togglePassword1 {
    background-color: transparent;
    border: none;
    position: absolute;
    z-index: 9;
    padding: 0px 10px !important;
    top: 50%;
    right: -15px;
    transform: translate(-50%, -50%);
}

#togglePassword1:focus {
  border: none;
  box-shadow: none;
  outline: none;
}

#togglePassword1:hover {
  color: #6c757d;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.company_support img {
    height: 62px;
    background-color: #ffffff;
    object-fit: contain;
    padding: 10px;
    border-radius: 10px;
}
.offcanvas-header button:focus {
  box-shadow: none;
}

.empty-cart-message {
  height: calc(100vh - 79px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.empty-cart-message a {
  font-weight: 500;
  padding-bottom: 5px;
  border-bottom: 2px solid #a72fae;
}

#not_selected {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 98px);
  border-left: 1px solid #dbdbdb;
}

.explore_friend_family .pagination {
  margin-top: 30px;
}

#notificationList .list-group-item {
  display: flex !important;
  gap: 20px;
  align-items: center;
  font-size: 14px;
}

#notificationList .list-group-item {
  position: relative;
  background-color: antiquewhite;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #ededed;
  /* border: 1px solid rgba(0, 0, 0, .125); */
  margin: 0px 0px 18px;
  border-radius: 10px;
  border: none;
}

.notifications .modal-body {
  height: 400px;
  overflow-y: scroll;
}

.chat__notification {
  display: none !important;
}

.review_box {
  position: relative;
}

.review_user {
  position: absolute;
  bottom: 30%;
  left: 0px;
}

#removeClassBtn {
width: 30px;
    height: 30px;
  background-color: transparent;
  border: none;
  justify-content: start;
}

#removeClassBtn i {
  font-size: 19px;
}


.contributor_list ul li{list-style: none;}

.contri_box_main{display: flex; align-items: center;gap: 15px;}

.contri_box_main a{ color: black;}

.contributor_list li{    margin: 0px 0 20px; display: flex;
  align-items: center;
  justify-content: space-between;}

  .contri_amount_box  h6{

    font-size: 12px;
    margin: 0px;
    color: #8a8a8a;

  }

  .contri_amount_box p{
    font-size: 18px;
    color: black;
    font-weight: 500;

  }

.user_contri{
    color: #525252!important;
    font-size: 14px;

  }

  .box_order{

    border: 1px solid #dbdbdb;
    padding: 20px;
    border-radius: 10px;
  }

  .wislist_order .top_heading_glob img{

    height: 170px;
    width: 170px;
    border-radius: 100%;
    object-fit: cover;
  }


  .text-danger {
padding: 5px 10px 5px 0;
    display: inline-block;
    color: #dc3545 !important;

    border-radius: 5px;
    font-size: 14px;

}

.text-success {
  padding: 5px 10px;
  display: inline-block;
  color: #1bad07 !important;
  background: #1bad0738;
  border: 1px solid #1bad07;
  border-radius: 5px;
  font-size: 14px;
  margin-top: 5px;
}

.wallet .text-danger{

      padding: 5px 10px;
    display: inline-block;
    color: #c71b1b !important;
    background: #c71b1b2b;
    border: 1px solid #c71b1b;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 5px;
    width: 70px;
    text-align: center;

}

.invalid-feedback{
    padding: 5px 0px;
    display: inline-block;
    color: #dc3545 !important;
    /* background: #dc354538; */
    /* border: 1px solid #dc3545; */
    border-radius: 5px;
    font-size: 14px;
    margin-top: 5px;

}

input:-webkit-autofill {
  background-color:transparent!important; /* Change to desired color */

}


.highlight_txt{

  color: #a72fae;
}


[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  height: 10px;
  width: 10px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
  background-size: 10px 10px;
  cursor: pointer;
}



.contact_us_form {
  padding: 60px 0;
}

.form_elements {
  background-color: #F3F5FA;
  padding: 20px;
}

.form_elements .text-danger{ width: 100%;}

.contact_us_form h2 {
  font-size: 26px;
  margin-bottom: 20px;
}

.form_elements label {
  font-size: 14px;
  color: #7D7D7D;
  display: block;
}

.form_elements input {
  width: 100%;
  background-color: white;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #BBBBBC;
}

.form_elements input:focus {
  outline: none;
  border: 1px solid #a72fae;
}

.let_touch li {
  list-style: none;
  margin-bottom: 25px;
  display: flex;
  gap: 10px;
}

.icon_c {
  width: 56px;
  height: 56px;
  background-color: #a72fae40;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a72fae;
  font-size: 22px;
}

.cnt_contact {
  width: calc(100% - 56px);
}

.let_touch span {
  color: #7D7D7D;
  font-size: 14px;
}

.let_touch a {
  color: black;
  font-size: 18px;
}

.icon_c:hover{

  background-color: #a72fae;
  color: white;

}



.login_form_field label span.text-danger{

  padding: unset;
  background-color: unset;
  border: unset;
  border-radius: unset;
  margin: unset;
}

.cnt_contact p{

      color: black;
    font-size: 18px;
    font-weight: 500;

}

.about_us{ padding: 60px 0;} 

.about_us h2{ font-weight: 600;
  font-family: "Unbounded", sans-serif;}

  .dark-mode .counter-box{ background-color: #26272c; }

    .dark-mode .counter{ color: white; }

  .counter-box {
    display: block;
    background: #a72fae14;
    padding: 40px 20px 37px;
    text-align: center;
    border-radius: 100%;
    height: 195px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 195px;
    margin: auto;
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 14px;
    font-weight: 400
}

.counter-box i {
    font-size: 38px;
    margin: 0 0 15px;
    color: #a72fae;
}

.counter {
  display: block;
  font-size: 26px;
  font-weight: 600;
  color: #000000;
  line-height: 28px;
  margin-top: 8px;
}

.counter-box.colored {
    background: #3acf87
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}

.about_us img{

  border-radius: 15px;
}

.counter_box{ padding: 40px 0;}

 .left_image img{
border-radius: 15px;
  width: 100%!important;
}

.platforms{ padding: 60px 0;}

.faq .accordion-item:last-of-type{

  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.pyment .StripeElement {
  background: #edf2f7;
  border: 1px solid #cecece;
  border-radius: 10px;
  padding: 20px;
}


.dark-mode .pyment .StripeElement{ 

  background-color: #26272c;
      border: 1px solid #363636;
      color: white!important;

}
.dark-mode .InputElement{ color: white!important;}

.dropdown-menu[data-bs-popper]{ margin-top: 0px!important;}

.with_amount #res_msg span{ width: 100%; display: inline-block;}

#res_msg span{

  width: 100%;

}

.dark-mode .explore_list .search_feield{
border: 1px solid #363636;


}




.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip .tooltip-text {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 8px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* Position above the tooltip trigger */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}





.skeleton-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 300px;
  padding: 20px;
}

.skeleton-image {
  width: 100%;
  height: 180px;
  background: #e0e0e0;
  border-radius: 8px;
  animation: shimmer 1.5s infinite linear;
}

.skeleton-text {
  width: 100%;
  height: 20px;
  background: #e0e0e0;
  border-radius: 4px;
  animation: shimmer 1.5s infinite linear;
}

.skeleton-text.short {
  width: 60%;
}


@keyframes shimmer {
  0% {
    background-position: 100%;
  }
  100% {
    background-position: -100%;
  }
}

.skeleton-image,
.skeleton-text {
  background: linear-gradient(90deg, #e0e0e0 25%, #b72fae4d 50%, #e0e0e0 75%);
  background-size: 200% 100%;
}

.edit-wishlist:focus{ box-shadow: none; outline: none; } 

/* .contri_box .img_box_product img{ height: 210px;}  */


.footer_images img { 

  height: 48px;
  object-fit: contain;
  background-color: white;
  padding: 5px;
  border-radius: 5px;

}


.faq {

  padding: 10px 0px 80px;
}

.inner_faq.faq{

    padding: 80px 0px 80px;

}

.dark-mode .cnt_contact p{  color: white; }


.dark-mode .InputContainer{ color: white!important;}


.outer_collection_box_main{ position: relative;}

.edit-collection { position: absolute; top: 2px; right: 0px; z-index: 99;}

.dlt_btnn{ position: absolute; top: 0px; right: 30px; }

.dark-mode .ElementsApp .InputElement.is-invalid {
    color: white;
}


.dark-mode .hero_section h1{

color: white!important;

}

.hero_section p{     text-transform: math-auto;}


.dark-mode .content_steps ol li {
    color: #ffffff;}


    .dark-mode .testimonials_box{ 

      background-color: #26272c;

    }


      .dark-mode .testimonials_box .user_details p{ 
color: #a72fae;


    }


      .dark-mode .tittle_review{ 

      color: #a72fae;


    }


          .dark-mode .testimonials_box .user_details span{ color: white;}


          .dark-mode .testimonials_box p{ color: white;}


              .dark-mode .accordian_outer{ background-color: #26272c;}

               .dark-mode .accordion-item{  background-color: transparent!important;}


                      .dark-mode .accordian_outer .accordion-button{ background-color: transparent;}


                       .dark-mode .accordian_outer .accordion-button {
    color: white;}


       .dark-mode .accordian_outer .accordion-item {
  
    border-bottom: 2px solid #373737;
}

    .dark-mode .accordian_outer {
    border: 2px dashed #a72fae73;}

      .dark-mode .rating_bar {
    background-color: #26272c;}



      .dark-mode input:-webkit-autofill {
  background-color: #26272c !important; 
  -webkit-box-shadow: 0 0 0 1000px #26272c inset !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}


.dark_mode_img{ display: none;}

.dark-mode .dark_mode_img{
display: block;

}

.dark-mode .light_mode_img { 

display: none;

}

.steps_box { 

  position: relative;
  z-index: 99;

}

.dark-mode .heding_bg{ 

  opacity: 0.3;

}

.dark-mode .video-btn{ 

    box-shadow: 0 0 0 7px #26272c;
    background-color: #26272c;
    color: white!important;

}

.dark-mode .breadcrumb_global{
    background-image: unset !important;
      background-color: #a72fae54 !important;

}


.form-control.is-invalid, .was-validated .form-control:invalid{ background-image: unset!important;}

.dark-mode .bg_image_wishlist.image-have img{
  display: block!important;
}


/* input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
} */



.custom-date-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-date-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.custom-calendar-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #555; /* change color as needed */
  pointer-events: none; /* allow input clicks */
}

.dark-mode .custom-date-wrapper i{ color: white;}

.table_product img{ border: none!important;}

.user_loac i{ width: 18px;
    display: flex
;
    text-align: center;
    align-items: center;
    justify-content: center;}

.user_loac{ display: flex; align-items: center; gap: 5px;}

.dark-mode .product_acces_btn button svg path{ color: white; fill: white;}

.dark-mode .edit-wishlist svg path{ color: white; fill: white;}

.product_acces_btn button:hover {
    background-color: #ff000030;
     border-radius: 100%;
     transition: 0.6s;
}

.product_acces_btn:hover svg path {
color: red; fill: red;
}

.product_acces_btn button{ width: 30px;
    height: 30px;
    padding: 0px;
    border-radius: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 100%;}


    .edit-wishlist{
width: 30px;
    height: 30px;
    padding: 0px;
    border-radius: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 100%;

    }


       .edit-wishlist:hover{

            background-color: #1bad0738;
     border-radius: 100%;

       }

           .edit-wishlist:hover svg path{

            color: #1bad07 ;
            fill: #1bad07;

           }

           .profile_setup{     padding: 30px 0px;}

           .overflow_hide_close{ 

            overflow: hidden;

           }


           .log_out {

                background-color: #a72fae38 !important;
    color: #a72fae !important;
    margin: 5px !important;
    width: 95% !important;
/*    font-weight: 600;*/
    margin: auto;

           }

           #dark_toggle{ font-size: 16px!important;}

              #dark_toggle i{ 

                      margin-right: 6px!important;
    font-size: 16px!important;

              }


              .dark-mode .product_acces_btn button:hover {
    background-color: #ff000047;
    border-radius: 100%;
    transition: 0.6s;
}

.dark-mode .product_acces_btn button:hover svg path{ 

  color: red;
  fill: red;

}

.dark-mode .log_out {
    background-color: #7c1283 !important;}


    .select2-container .select2-selection--single{ height: unset!important;
    
        padding: 8px;
            border-radius: 15px!important;
    }


    .dark-mode .select2-container .select2-selection--single {
background-color: #26272c;
    border-color: #363636;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px!important;
    right: 10px!important;
}


    .dark-mode .select2-dropdown {
    background-color: #000000!important; border: none!important;}


       .dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff!important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible{ outline: none!important;}


  .dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #000000;
    background-color: #a72fae52;
    color: white;
}


 .dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #a72fae!important;
}


.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #a72fae;
    color: white;
}

.dark-mode .select2-container .select2-selection--single:focus-visible{ outline: none!important;}

.select2-selection__clear{ display: none!important;}


.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #a72fae!important;
    color: white;
}




.select2-container--default .select2-selection--single {

    border: 1px solid #bdbdbd!important;}

    .dark-mode .select2-container--default .select2-selection--single {

  border: 1px solid #363636!important;}

  .login_form .select2-container{ width: 100%!important;}