/*******
Project/Template Name:  Zallasoft - Multi-Vendor & Marketplace HTML Template
Template Url:  
Author: Zallasoft
Version: 1.0
Description: Zallasoft - Multi-Vendor & Marketplace HTML Template
/* Preloader Styles */
.zoomContainer {
  height: 200px !important;
}

.view-all {
  font-size: 16px;
}

#preloader,
#preloader2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  /* White background */
  z-index: 9999;
  /* On top of everything */
  display: flex;
  justify-content: center;
  align-items: center;
}

.preloader-content h1 {
  font-family: Arial, sans-serif;
  font-size: 24px;
  color: #3498db;
  /* Blue color */
  font-weight: bold;
  text-align: center;
}

/* Hide the content initially until the preloader disappears */
.content {
  display: none;
}

.shop-info-desc {
  background: #F4F5F7;
  padding: 100px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;

}

.banner-container {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */
  /* border-radius: 10px; */
  background-color: #FFFFFF;
  overflow: hidden;
}

.banner {
  width: 100%;
  height: 300px;
  /* background-image: url('https://via.placeholder.com/1200x300'); Replace with dynamic banner image URL */
  background-size: cover;
  background-position: center;
  position: relative;
}

.shop-info {
  display: flex;
  align-items: center;
  padding: 20px;
}

.shop-logo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.shop-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shop-title {
  width: 100%;
  margin-top: 12px;
  font-size: 16px;
  line-height: 20px;
  color: #191919;
  text-align: center;
  display: block;
  /* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; */
}

.shop-details {
  flex: 1;
}


.shop-name {
  font-size: 35px;
  font-weight: bold;
  color: #6a28a7;
  margin-bottom: 10px;
}


.shop-description {
  font-size: 16px;
  font-weight: 400;
  color: #555;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .shop-info {
    flex-direction: column;
    text-align: center;
  }

  .shop-logo {
    margin-bottom: 15px;
  }

  .shop-description {
    font-size: 14px;
  }
}


.per-day-green {
  padding: 2px 10px;
  color: #000;
  border-radius: 5px 15px 15px 5px;
  background-image: linear-gradient(to right, #88FF54 0, #A8FF74 100%);
  border-left: 5px solid #68DF24;
  border-bottom: 2px solid #68DF24;
}

.per-day-lemon-green {
  padding: 2px 10px;
  color: #000;
  border-radius: 5px 15px 15px 5px;
  background-image: linear-gradient(to right, #ADF802 0, #ADF802 100%);
  border-left: 5px solid #ADF802;
  border-bottom: 2px solid #ADF802;
}

.per-day-yellow {
  padding: 2px 10px;
  color: #333;
  border-radius: 5px 15px 15px 5px;
  background-image: linear-gradient(to right, #F8FF53 0, #FAFF93 100%);
  border-left: 5px solid #D8DF53;
  border-bottom: 2px solid #D8DF53;
}

.per-day-red {
  padding: 2px 10px;
  color: white;
  border-radius: 5px 15px 15px 5px;
  background-image: linear-gradient(to right, #ff5454 0, #f00000 100%);
  border-left: 5px solid #df2424;
  border-bottom: 2px solid #df2424;
}


body {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  -o-transition: transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  z-index: 1;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #F3F5F6 !important;
  color: #191919;
  ;
  font-family: 'Roboto', 'Montserrat', 'Jost', sans-serif;
  font-size: 12px;
  line-height: 1.642;
}

.header {
  background-color: #6A28A7 !important;
  color: #ffffff !important;
  display: inline-block;
  position: relative;
  width: 100%;
}

.logo {
  color: #fff;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 45px;
  line-height: 36px;
  margin-top: 8px;
}

.text-dot {
  color: #F5C34B !important;
}

.navbar-toggler {
  color: #fff !important;
  background-color: #fff !important;
}


.btn-outline-mwdorange {
  --bs-btn-color: #F5C34B;
  --bs-btn-border-color: #F5C34B;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #F5C34B;
  --bs-btn-hover-border-color: #F5C34B;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #F5C34B;
  --bs-btn-active-border-color: #F5C34B;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #F5C34B;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #F5C34B;
  --bs-gradient: none;
}

.btn-mwdorange {
  --bs-btn-color: #000;
  --bs-btn-bg: #F5C34B;
  --bs-btn-border-color: #F5C34B;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #F5C34B;
  --bs-btn-hover-border-color: #F5C34B;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #F5C34B;
  --bs-btn-active-border-color: #F5C34B;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #F5C34B;
  --bs-btn-disabled-border-color: #F5C34B;
}

.cart_widget {
  /* padding: 0 0 0 10px; */
  position: relative;
  margin-top: 11px;
}

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

.header_top_iconbox {
  position: relative;
}

a {
  color: #555555;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
}

.header a {
  color: #ffffff;
}

.dropdown-item {
  color: #6A28A7 !important;
}

.dropdown-item:hover {
  background-color: #6A28A7 !important;
  color: #FFF !important;
}

.header_top_iconbox .icon {
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 50px;
  line-height: 55px;
  margin-right: 15px;
  position: relative;
  text-align: center;
  width: 50px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.header_top_iconbox .icon span {
  font-size: 20px;
  color: #fff;
}

.header_top_iconbox .details {
  display: block;
}

.header_top_iconbox .details .subtitle {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  margin-bottom: 0;
}

.header_top_iconbox .details .title {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0em;
  margin-bottom: 0;
}

.header_top_iconbox .icon span.badge {
  background-color: #F5C34B;
  border-radius: 50%;
  color: #0B1E40;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0em;
  height: 15px;
  line-height: 7px;
  padding: 4px;
  position: absolute;
  right: -2px;
  top: 0;
  width: 15px;
}

.header_top_iconbox .icon span {
  font-size: 20px;
  color: #fff;
}

.stick {
  margin: 1px;
  color: #F5C34B !important;
  font-size: 35px;
}

.show-tick {
  padding: 10px;
}

.menu-link {
  font-size: 14px;
  font-weight: bold;
  margin-left: 2px;
  margin-right: 2px;
}

/* .dropdown-menu.show:hover {
  background-color: #6A28A7;
} */

.dropdown-menu.show {
  display: block;
  color: #6A28A7;
  /* color: #fff; */
}

.social-link {
  font-size: 16px;
  margin: 1px;
}

/* .dropdown-menu.mega-menu {
  width: 100%;
  left: 0;
  padding: 1rem;
}
.dropdown:hover .dropdown-menu {
  display: block;
}
.mega-menu-col {
  padding: 15px;
}
.category-list {
  list-style: none;
  padding-left: 0;
}
.category-list li {
  padding: 5px 0;
}
.sidebar-category {
  width: 250px;
  background-color: #f8f9fa;
}
.sidebar-category a {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
  color: #333;
  text-decoration: none;
}
.sidebar-category a:hover {
  background-color: #e9ecef;
} */


.mega_button_dropdown_menu {
  top: -10px;
}

#mega-menu,
.mega_button_dropdown_menu {
  height: 50px;
  position: absolute;
  top: 225px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

*,
::after,
::before {
  box-sizing: border-box;
}

@media only screen and (max-width: 1366px) {
  .mega_button_dropdown_menu.active ul.menu {
    width: 250px;
  }
}

#mega-menu:hover ul.menu,
.mega_button_dropdown_menu:hover ul.menu,
.mega_button_dropdown_menu.active ul.menu {
  opacity: 1;
  top: 10px;
  visibility: visible;
  width: 350px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.mega_button_dropdown_menu.active ul.menu {
  box-shadow: none;
}

#mega-menu ul.menu,
.mega_button_dropdown_menu ul.menu {
  background-color: #fff;
  border: 1px solid #EAEAEA;
  height: auto;
  opacity: 0;
  position: relative;
  z-index: 90;
  visibility: hidden;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.bdrs0066 {
  border-radius: 0 0 6px 6px;
}

p,
ul,
ol,
dl,
dt,
dd,
blockquote,
address {
  margin: 0 0 10px;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul {
  margin: 0px;
  padding: 0px;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol,
ul {
  padding-left: 2rem;
}

*,
::after,
::before {
  box-sizing: border-box;
}

#mega-menu ul.menu li a,
.mega_button_dropdown_menu ul.menu li a {
  border-left: 2px solid transparent;
  font-size: 16px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #EAEAEA;
  display: block;
  position: relative;
}

#mega-menu ul.menu li a .menu-icn,
.mega_button_dropdown_menu ul.menu li a .menu-icn {
  color: #041E42;
  font-size: 20px;
  margin-right: 8px;
  min-width: 30px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

#mega-menu ul.menu li a .menu-title,
.mega_button_dropdown_menu ul.menu li a .menu-title {
  color: #041E42;
  font-size: 12px;
  line-height: 50px;
}

#mega-menu ul.menu li .drop-menu,
.mega_button_dropdown_menu ul.menu li .drop-menu {
  transform: translateX(-1%);
  opacity: 0;
  visibility: hidden;
  padding: 27px 7px 27px 0;
  position: absolute;
  top: -1px;
  left: 248px;
  width: 1140px;
  border-radius: 10px;
  z-index: -1;
  height: 523px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

*,
::after,
::before {
  box-sizing: border-box;
}

#mega-menu:hover ul.menu,
.mega_button_dropdown_menu:hover ul.menu,
.mega_button_dropdown_menu.active ul.menu {
  visibility: visible;
}

#mega-menu ul.menu,
.mega_button_dropdown_menu ul.menu {
  visibility: hidden;
}

ul,
ol {
  list-style: none;
}


.card-title {
  color: #0F143E;
  font-size: 24px;
  font-weight: bold;
}

.card-details {
  top: 25px;
  position: relative;
}

.catview {
  color: #041E42;
  font-family: Jost;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  position: relative !important;
  text-align: left;
}

.catview::before,
a.catview::before {
  background-color: #041E42;
  bottom: -7px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 32px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (max-width: 767px) {
  .card-title {
    color: hsl(234, 61%, 15%);
    font-size: 16px;
    /* Reduced font size for mobile */
    font-weight: bold;
  }

  .card-details {
    top: 15px;
    /* Adjusted for mobile */
    position: relative;
  }

  .catview {
    color: #041E42;
    font-family: Jost;
    font-size: 13px;
    /* Reduced font size for mobile */
    font-weight: 500;
    line-height: 18px;
    /* Adjusted line-height for mobile */
    letter-spacing: 0em;
    position: relative !important;
    text-align: left;
  }

  .catview::before,
  a.catview::before {
    background-color: #041E42;
    bottom: -5px;
    /* Adjusted for mobile */
    height: 2px;
    left: 0;
    position: absolute;
    width: 24px;
    /* Reduced width for mobile */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

/* Styles for empty sections */
.group p {
  font-style: italic;
  color: #888;
}


/* Breadcrumb Container */
.breadcrumb-head {
  background-color: #f8f8f8;
}

.breadcrumb {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background-color: #f8f8f8;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
  font-size: 14px;
}

/* Breadcrumb Items */
.breadcrumb a {
  text-decoration: none;
  color: #007bff;
  /* Link color */
  margin: 0 5px;
  position: relative;
}

/* Separator */
.breadcrumb a::after {
  content: '/';
  margin-left: 5px;
  margin-right: 5px;
  color: #666;
  /* Separator color */
}

/* Last breadcrumb item (no separator) */
.breadcrumb a:last-child::after {
  content: '';
  /* Remove separator */
}

/* Hover effect for links */
.breadcrumb a:hover {
  text-decoration: underline;
  color: #0056b3;
  /* Darker link color on hover */
}

/* Current Page Style */
.breadcrumb span {
  color: #333;
  /* Current page text color */
  font-weight: bold;
}

/* Page title styles */
.page-title {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #333;
  /* Dark text color */
}


.main-title {
  position: relative;
  margin-bottom: 25px;
}

.main-title h2 {
  font-family: Jost;
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 0em;
  color: #6A28A7;
}

.main-title h3 {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 0;
}

.main-title p {
  color: #041E42;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}

.main-title p a {
  color: #041E42;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}

.title_more_btn {
  color: #041E42;
  font-family: Jost;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  position: relative;
}

.title_more_btn:before {
  background-color: #041E42;
  bottom: -8px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 32%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.title_more_btn:hover:before {
  width: 100%;
}

.title_more_btn.dark {
  color: #041E42;
}

/* Styling the carousel items */
.item {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Styling the carousel items */
.owl-carousel .item {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.thumb img {
  border-radius: 10px;
  transition: transform 0.3s ease-in-out;
}

.thumb img:hover {
  transform: scale(1.05);
}

/* Buttons inside the carousel */
.shop_item_cart_btn .btn {
  background-color: #6a28a7;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  transition: background-color 0.3s;
  border-radius: 5px;
}

/* .shop_item_cart_btn .btn:hover {
  background-color: #218838;
} */

/* Product details */
.details {
  /* padding: 10px 0; */
  text-align: center;
}

.details .sub_title a {
  color: #6c757d;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}

.details .title a {
  font-size: 16px;
  color: #343a40;
  font-weight: bold;
  text-decoration: none;
}

.details .title a:hover {
  color: #28a745;
}

.si_footer {
  margin-top: 10px;
}

.price {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

.price small {
  font-size: 12px;
  color: #6c757d;
}

/* Owl Carousel Navigation Buttons */
.owl-nav button {
  /* background-color: #28a745 !important; */
  border-radius: 50%;
  color: #6A28A7 !important;
  border: none;
  padding: 10px;
  font-size: 20px;
}

.owl-carousel .item:hover {
  background: #fff;
  border: 1px solid #6A28A7;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 4px 6px rgba(3, 0, 0, 0.1);
}

/* Initially hide the button */
/* .shop_item_cart_btn {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
} */

/* Show the button on hover of the thumb div */
.thumb:hover .shop_item_cart_btn {
  opacity: 1;
  visibility: visible;
}

/* Optional: Zoom effect on hover */
.thumb {
  position: relative;
  transition: transform 0.3s ease-in-out;
}

.thumb:hover {
  transform: scale(1.05);
  /* Optional zoom effect */
}

/* Wishlist button styling
.wishlist_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}

.wishlist_btn a {
  font-size: 20px;
  color: #ff4d4d;
  text-decoration: none;
  background-color: white;
  border-radius: 50%;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.wishlist_btn a:hover {
  color: #ff1a1a;
} */

/* Social Media Share Buttons Styling */
.share_btn {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.btn-social {
  font-size: 20px;
  color: white;
  background-color: #333;
  padding: 5px 10px;
  border-radius: 5px;
  text-decoration: none;
}

.btn-social i {
  margin-right: 5px;
}

.btn-social:hover {
  background-color: #555;
}

.btn-social.facebook {
  background-color: #3b5998;
}

.btn-social.twitter {
  background-color: #1da1f2;
}

.btn-social.linkedin {
  background-color: #0077b5;
}

/* Tooltip styling */
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  /* Position above the icon */
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Wishlist button styling */
.wishlist_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}

.wishlist_btn a {
  font-size: 20px;
  color: #ff4d4d;
  text-decoration: none;
  background-color: white;
  border-radius: 50%;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.wishlist_btn a:hover {
  color: #ff1a1a;
}

/* Favorite button styling */
.favorite_btn {
  position: absolute;
  top: 10px;
  right: 50px;
  /* Adjust this based on where you want the favorite button */
  z-index: 10;
}

.favorite_btn a {
  font-size: 20px;
  color: #ffcc00;
  /* Yellow color for star */
  text-decoration: none;
  background-color: white;
  border-radius: 50%;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.favorite_btn a:hover {
  color: #ff9900;
  /* Darker yellow on hover */
}


.shop-logo1 {
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 140px !important;
}

.footer {
  background: #6a28a7 !important;
  color: #fff !important;
}

.footer h5 {
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.footer .social {
  padding: 0;
}

.footer .social li a {
  color: white;
  font-size: 1.5rem;
  padding: 0 10px;
}

.footer a:hover {
  text-decoration: underline;
  color: #f1f1f1;
}

.newsletter-form input {
  padding: 10px;
  border-radius: 0;
  border: 1px solid white;
}

.newsletter-form button {
  background-color: white;
  color: #6a28a7;
  border: 1px solid white;
}

.newsletter-form button:hover {
  background-color: #f1f1f1;
  color: #6a28a7;
}

.copyright {
  font-size: 0.9rem;
}

.menuLinkFooter {
  color: white;
  font-size: 16px;
  padding: 10px;
  line-height: 2;
}

.footer-detail {
  font-size: 16px;
  font-weight: bold;
}

/* Apply the blur when the modal is open */
body.modal-open .content-to-blur {
  filter: blur(5px);
  /* Adjust the blur strength here */
  transition: filter 0.3s ease;
  /* Smooth transition */
}

/* Make sure the modal content itself is not blurred */
.modal-content {
  filter: none;
}

.modal-title {
  color: #6a28a7 !important;
  font-size: 30px;
}

.bg-primary {
  background-color: #6a28a7 !important;
}

.sidebar-link {
  font-size: 16px;
  font-weight: bold;
}

.sidebar {
  background-color: #6A28A7;
  min-height: 100vh;
  padding-top: 20px;
}

.sidebar .list-group-item {
  background-color: transparent;
  color: #ffffff;
}

.sidebar .list-group-item.active,
.sidebar .list-group-item:hover {
  background-color: #007bff;
  border-color: #007bff;
  color: #ffffff;
}

.dashboard-content {
  padding: 20px;
}

.card {
  border-radius: 10px;
}

/* .navbar {
  background-color: #007bff;
  color: #ffffff;
}
.navbar-brand {
  color: #ffffff;
  font-weight: bold;
} */

.checkout-steps .nav-pills .nav-link {
  font-size: 1.2rem;
  padding: 10px 20px;
  margin-right: 10px;
}

.tab-pane {
  margin-top: 20px;
}

.tab-pane h4 {
  margin-bottom: 20px;
}

.tab-pane .form-group {
  margin-bottom: 15px;
}

.nav-pills .nav-link.disabled {
  pointer-events: none;
  opacity: 0.65;
}


body {
  /* margin-top: 20px; */
  background-color: #f1f3f7;
}

.card {
  margin-bottom: 24px;
  -webkit-box-shadow: 0 2px 3px #e4e8f0;
  box-shadow: 0 2px 3px #e4e8f0;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #eff0f2;
  border-radius: 1rem;
}

.activity-checkout {
  list-style: none
}

.activity-checkout .checkout-icon {
  position: absolute;
  top: -4px;
  left: -24px
}

.activity-checkout .checkout-item {
  position: relative;
  padding-bottom: 24px;
  padding-left: 35px;
  border-left: 2px solid #f5f6f8
}

.activity-checkout .checkout-item:first-child {
  border-color: #3b76e1
}

.activity-checkout .checkout-item:first-child:after {
  background-color: #3b76e1
}

.activity-checkout .checkout-item:last-child {
  border-color: transparent
}

.activity-checkout .checkout-item.crypto-activity {
  margin-left: 50px
}

.activity-checkout .checkout-item .crypto-date {
  position: absolute;
  top: 3px;
  left: -65px
}



.avatar-xs {
  height: 1rem;
  width: 1rem
}

.avatar-sm {
  height: 2rem;
  width: 2rem
}

.avatar {
  height: 3rem;
  width: 3rem
}

.avatar-md {
  height: 4rem;
  width: 4rem
}

.avatar-lg {
  height: 5rem;
  width: 5rem
}

.avatar-xl {
  height: 6rem;
  width: 6rem
}

.avatar-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3b76e1;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

.avatar-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 8px
}

.avatar-group .avatar-group-item {
  margin-left: -8px;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-transition: all .2s;
  transition: all .2s
}

.avatar-group .avatar-group-item:hover {
  position: relative;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px)
}

.card-radio {
  background-color: #fff;
  border: 2px solid #eff0f2;
  border-radius: .75rem;
  padding: .5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block
}

.card-radio:hover {
  cursor: pointer
}

.card-radio-label {
  display: block
}

.edit-btn {
  width: 35px;
  height: 35px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 25px;
  margin-top: -50px
}

.card-radio-input {
  display: none
}

.card-radio-input:checked+.card-radio {
  border-color: #3b76e1 !important
}


.font-size-16 {
  font-size: 16px !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a {
  text-decoration: none !important;
}


.form-control {
  display: block;
  width: 100%;
  padding: 0.47rem 0.75rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #545965;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e2e5e8;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.75rem;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.edit-btn {
  width: 35px;
  height: 35px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 25px;
  margin-top: -50px;
}

.ribbon {
  position: absolute;
  right: -26px;
  top: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 1px 22px;
  font-size: 13px;
  font-weight: 500
}


label {
  font-size: 14px;

  font-weight: bold;

}

.text-purple {
  color: #6A28A7 !important;
}

.bg-purple,
.btn-purple {
  background-color: #6A28A7 !important;
}

.btn-purple:hover {
  background-color: #6a28a7a9 !important;
}