/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* @import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"); */
/* @import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap'); */

@font-face {
  font-family: "flaticon";
  src: url(/_next/static/media/flaticon.f4d6fe9c.ttf) format("truetype"),
    url(/_next/static/media/flaticon.03e9c5c1.woff) format("woff"),
    url(/_next/static/media/flaticon.4c876eaa.woff2) format("woff2"),
    url(/_next/static/media/flaticon.8e88086c.eot#iefix) format("embedded-opentype"),
    url(/_next/static/media/flaticon.e4b9c20b.svg#flaticon) format("svg");
}

/* Genel Stil Değişkenleri */
:root {
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

  --transition: all 0.3s ease;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;

  --color-primary: var(--clr-theme-1, #3577f0);
  --color-primary-light: #eaf1fe;
  --color-success: #3eb75e;
  --color-danger: #ff497c;
  --color-warning: #ff8a00;
  --color-info: #2f7af8;
  --color-dark: #292930;
  --color-body: #777777;
  --color-gray-100: #f7f7f7;
  --color-gray-200: #f2f2f2;
  --color-gray-300: #e6e6e6;
  --color-gray-400: #d9d9d9;
  --color-gray-500: #bfbfbf;
  --color-gray-600: #8c8c8c;
  --color-gray-700: #595959;
  --color-gray-800: #333333;
  --color-gray-900: #1a1a1a;
  --color-white: #ffffff;
}

/* Animasyonlar */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

.fade-effect {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.animate__animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

.animate__fadeIn {
  animation-name: fadeIn;
}

.animate__pulse {
  animation-name: pulse;
}

/* Genel Stil Sınıfları */
.section-header {
  text-align: center;
  margin-bottom: 2rem;
}

.section-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.section-subtitle {
  font-size: 1.1rem;
  color: var(--color-body);
  max-width: 600px;
  margin: 0 auto;
}

.text-primary {
  color: var(--color-primary);
}

.rounded-xl {
  border-radius: var(--radius-xl);
}

.rounded-2xl {
  border-radius: var(--radius-2xl);
}

.shadow-sm {
  box-shadow: var(--shadow-sm);
}

.shadow-md {
  box-shadow: var(--shadow-md);
}

/* Shop Products Sayfası */
.shop-products-section {
  padding: 3rem 0;
  background-color: var(--color-gray-100);
}

/* Kategori Filtresi */
.category-filter-card {
  background-color: var(--color-white);
  border-radius: var(--radius-xl);
  overflow: hidden;
  transition: var(--transition);
}

.filter-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
  border-bottom: 1px solid var(--color-gray-200);
  cursor: pointer;
  transition: var(--transition);
}

.filter-card-header:hover {
  background-color: var(--color-gray-100);
}

.filter-title {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--color-dark);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.filter-toggle {
  color: var(--color-gray-600);
  transition: var(--transition);
}

.filter-card-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.filter-card-content.show {
  max-height: 1000px;
  padding: 1rem 0;
}

.category-list-wrapper {
  padding: 0.5rem 1rem;
}

.category-item {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  margin-bottom: 0.5rem;
  border: none;
  background-color: transparent;
  border-radius: var(--radius-md);
  transition: var(--transition);
  cursor: pointer;
  font-size: 0.95rem;
  text-align: left;
}

.category-item:hover {
  background-color: var(--color-gray-100);
}

.category-item.active {
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  font-weight: 500;
}

.category-item.pulse {
  animation: pulse 0.3s ease;
}

.category-icon {
  margin-right: 0.75rem;
  color: inherit;
  width: 20px;
  text-align: center;
}

.category-name {
  flex: 1 1;
}

/* Kategori İskeleti */
.category-skeleton {
  padding: 1rem;
}

.skeleton-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.skeleton-bar {
  height: 1.2rem;
  background-color: var(--color-gray-200);
  border-radius: var(--radius-sm);
  flex: 1 1;
  margin-right: 1rem;
  animation: pulse 1.5s infinite ease-in-out;
}

.skeleton-circle {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: var(--color-gray-200);
  animation: pulse 1.5s infinite ease-in-out;
}

/* Filtre Başlık */
.filter-header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.filter-results-info {
  display: flex;
  align-items: center;
}

.results-count {
  font-size: 0.95rem;
  color: var(--color-gray-700);
  display: flex;
  align-items: center;
}

.filter-controls-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.sort-control {
  position: relative;
  display: flex;
  align-items: center;
}

.sort-label {
  font-weight: 500;
  font-size: 0.95rem;
  color: var(--color-gray-800);
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
}

.sort-dropdown-container {
  position: relative;
}

.sort-dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: auto;
  min-width: 180px;
  padding: 0.65rem 1rem;
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition);
  color: var(--color-gray-800);
  font-weight: 500;
}

.sort-dropdown-toggle:hover,
.sort-dropdown-toggle.active {
  background-color: var(--color-gray-200);
}

.selected-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dropdown-arrow {
  margin-left: 0.5rem;
  transition: var(--transition);
}

.sort-dropdown-menu {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  width: 100%;
  background-color: var(--color-white);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  z-index: 10;
}

.dropdown-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.75rem 1rem;
  border: none;
  background-color: transparent;
  text-align: left;
  cursor: pointer;
  transition: var(--transition);
  font-size: 0.95rem;
  color: var(--color-gray-800);
  position: relative;
}

.dropdown-item:hover {
  background-color: var(--color-gray-100);
}

.dropdown-item.active {
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  font-weight: 500;
}

.dropdown-item i {
  margin-right: 0.75rem;
  width: 18px;
  text-align: center;
}

.check-icon {
  position: absolute;
  right: 1rem;
}

/* View Toggle */
.view-toggle {
  display: flex;
  gap: 0.5rem;
}

.view-btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-gray-300);
  background-color: var(--color-white);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition);
  color: var(--color-gray-600);
}

.view-btn:hover {
  border-color: var(--color-gray-400);
  color: var(--color-gray-800);
}

.view-btn.active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}

/* Ürünler Grid */
.products-grid {
  transition: opacity 0.3s ease;
}

/* Pagination */
.modern-pagination-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.pagination-info {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  color: var(--color-gray-700);
}

.page-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.95rem;
}

.current-page {
  font-weight: 700;
  color: var(--color-primary);
  font-size: 1.1rem;
}

.total-pages {
  font-weight: 500;
  color: var(--color-gray-700);
}

.results-info {
  font-size: 0.95rem;
}

.pagination-controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.pagination-button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-gray-300);
  background-color: var(--color-white);
  color: var(--color-gray-800);
  cursor: pointer;
  transition: var(--transition);
}

.pagination-button:hover:not(:disabled) {
  border-color: var(--color-primary);
  background-color: var(--color-primary-light);
  color: var(--color-primary);
}

.pagination-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.page-number-buttons {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.pagination-button.page-number {
  font-weight: 500;
}

.pagination-button.page-number.active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}

.pagination-ellipsis {
  color: var(--color-gray-500);
  padding: 0 0.25rem;
  letter-spacing: 1px;
}

/* Banner */
.product-info-banner {
  background-color: var(--color-white);
  border-radius: var(--radius-xl);
  transition: var(--transition);
  border: 1px solid var(--color-gray-200);
  padding: 2rem;
  box-shadow: var(--shadow-sm);
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1.5rem;
  font-weight: 600;
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  transition: var(--transition);
  text-decoration: none;
  gap: 0.5rem;
}

.primary-btn {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.primary-btn:hover {
  background-color: var(--color-dark);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

/* Responsive */
@media (max-width: 991px) {
  .section-title {
    font-size: 1.75rem;
  }

  .filter-header-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .sort-dropdown-toggle {
    min-width: 160px;
  }

  .modern-pagination-container {
    flex-direction: column;
  }
}

@media (max-width: 767px) {

  .filter-results-info,
  .filter-controls-wrapper {
    width: 100%;
    justify-content: space-between;
  }

  .sort-label {
    display: none;
  }

  .sort-dropdown-toggle {
    min-width: auto;
  }

  .pagination-button {
    width: 36px;
    height: 36px;
    font-size: 0.9rem;
  }
}

/* Vendor Pagination Styles */
.vendor-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 20px;
  gap: 10px;
}

.pagination-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
}

.pagination-button:hover:not(.disabled) {
  background-color: #f5f5f5;
  border-color: #ddd;
}

.pagination-button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pagination-numbers {
  display: flex;
  gap: 8px;
  align-items: center;
}

.pagination-number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
}

.pagination-number:hover:not(.active) {
  background-color: #f5f5f5;
}

.pagination-number.active {
  background-color: var(--clr-theme-1);
  color: #fff;
  border-color: var(--clr-theme-1);
}

.pagination-ellipsis {
  color: #777;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 0 5px;
}

@media (max-width: 768px) {
  .pagination-number {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }

  .pagination-button {
    width: 36px;
    height: 36px;
  }
}

/* Yeni Ürün Kartı Stili - /become-vendor stiline uygun */
.product-card-wrapper {
  height: 100%;
}

.product-card {
  position: relative;
  background-color: var(--color-white);
  border-radius: var(--radius-lg);
  overflow: hidden;
  height: 100%;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: flex;
  flex-direction: column;
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

/* Sepete ekleme animasyonu */
.product-card.added-to-cart-pulse {
  animation: addToCartPulse 0.7s ease-in-out;
}

@keyframes addToCartPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(53, 119, 240, 0.7);
  }

  50% {
    box-shadow: 0 0 0 10px rgba(53, 119, 240, 0);
  }

  100% {
    box-shadow: var(--shadow-sm);
  }
}

/* Ürün Resmi Container */
.product-image-container {
  position: relative;
  padding-top: 100%;
  /* 1:1 aspect ratio */
  overflow: hidden;
}

.product-image-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.product-image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.product-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.product-hover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.product-card:hover .product-image {
  transform: scale(1.05);
}

.product-card:hover .product-hover-image {
  opacity: 1;
}

/* Ürün Durum Badge */
.product-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}

.product-badge .badge {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: var(--radius-md);
  color: var(--color-white);
}

.product-badge .badge.discounted,
.product-badge .badge.sale {
  background-color: var(--color-danger);
}

.product-badge .badge.new {
  background-color: var(--color-success);
}

.product-badge .badge.out-of-stock,
.product-badge .badge.soldout {
  background-color: var(--color-gray-600);
}

/* Ürün Aksiyon Butonları */
.product-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 3;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

.product-card:hover .product-actions {
  opacity: 1;
  transform: translateX(0);
}

.action-btn {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  background-color: var(--color-white);
  color: var(--color-gray-700);
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--shadow-sm);
  position: relative;
}

.action-btn:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.action-btn.active {
  background-color: var(--color-primary);
  color: var(--color-white);
}

/* Tooltip Stili */
.action-btn .tooltip {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 10px;
  background-color: var(--color-dark);
  color: var(--color-white);
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-md);
  font-size: 0.75rem;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  box-shadow: var(--shadow-md);
  z-index: 5;
}

.action-btn .tooltip::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -4px;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background-color: var(--color-dark);
}

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

/* Sepete Ekle Butonu */
.add-to-cart-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  padding: 0.75rem 1rem;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateY(100%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.product-card:hover .add-to-cart-btn {
  opacity: 1;
  transform: translateY(0);
}

.add-to-cart-btn:hover {
  background-color: var(--color-dark);
}

/* Ürün Bilgisi */
.product-info {
  padding: 1.25rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.product-title-link {
  text-decoration: none;
  color: inherit;
  margin-bottom: 0.5rem;
}

.product-title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
  line-height: 1.4;
  color: var(--color-dark);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: color 0.2s ease;
}

.product-title-link:hover .product-title {
  color: var(--color-primary);
}

.product-price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.current-price {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color-dark);
}

.old-price {
  font-size: 0.9rem;
  color: var(--color-gray-600);
  text-decoration: line-through;
}

.discount-badge {
  font-size: 0.75rem;
  font-weight: 600;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  padding: 0.2rem 0.5rem;
  border-radius: var(--radius-md);
}

/* Renk Seçenekleri */
.product-colors {
  display: flex;
  gap: 0.5rem;
  margin-top: auto;
}

.color-option {
  width: 24px;
  height: 24px;
  border-radius: var(--radius-full);
  border: 2px solid transparent;
  padding: 2px;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: var(--color-white);
}

.color-option:hover {
  transform: scale(1.1);
}

.color-option.active {
  border-color: var(--color-primary);
}

.color-preview {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-full);
}

/* Sidebar Kartı */
.filter-sidebar-card {
  background-color: var(--color-white);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-gray-200);
  overflow: hidden;
}

/* Filtre Header */
.filter-header-wrapper {
  background-color: var(--color-white);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  padding: 1.25rem;
  border: 1px solid var(--color-gray-200);
}

/* Pagination */
.pagination-wrapper {
  background-color: var(--color-white);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  padding: 1.25rem;
  border: 1px solid var(--color-gray-200);
}

/* Responsive Ayarlamalar */
@media (max-width: 1200px) {
  .product-title {
    font-size: 0.95rem;
  }

  .current-price {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .product-actions {
    opacity: 1;
    transform: translateX(0);
  }

  .add-to-cart-btn {
    opacity: 1;
    transform: translateY(0);
  }

  .product-card:hover .product-image {
    transform: none;
  }
}

@media (max-width: 576px) {
  .product-info {
    padding: 1rem;
  }
}

/* Vendor sayfasından alınan renk paleti ve CSS sınıfları */
:root {
  --vendor-color-primary: #f95738;
  --vendor-color-primary-dark: #e63e1e;
  --vendor-color-secondary: #173f5f;
  --vendor-color-dark: #333;
  --vendor-color-text-body: #555;
  --vendor-color-muted: #777;
  --vendor-color-bg: #f8f9fa;
  --vendor-color-card-bg: #fff;
  --vendor-color-border: #eaeaea;
  --vendor-color-success: #28a745;
  --vendor-color-danger: #dc3545;
  --vendor-color-warning: #ffc107;
  --vendor-color-info: #17a2b8;
}

/* Vendor sayfası temel renk sınıfları */
.vendor-bg-color {
  background-color: var(--vendor-color-bg);
}

.vendor-card-bg {
  background-color: var(--vendor-color-card-bg);
  border-radius: 0.5rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.vendor-text-primary {
  color: var(--vendor-color-primary);
}

.vendor-text-dark {
  color: var(--vendor-color-dark);
}

.vendor-text-body {
  color: var(--vendor-color-text-body);
}

.vendor-text-muted {
  color: var(--vendor-color-muted);
}

.vendor-icon-color {
  color: var(--vendor-color-secondary);
}

.vendor-icon-btn:hover .vendor-icon-color {
  color: var(--vendor-color-primary);
}

/* Vendor sayfası buton stilleri */
.vendor-btn-primary {
  background-color: var(--vendor-color-primary);
  color: white;
  border: none;
  padding: 0.5rem 1.25rem;
  border-radius: 0.375rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.vendor-btn-primary:hover {
  background-color: var(--vendor-color-primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(249, 87, 56, 0.2);
}

.vendor-badge-discount {
  background-color: var(--vendor-color-primary);
  color: white;
  padding: 0.15rem 0.5rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
}

/* Ürün kartları için ek stiller */
.product-card.vendor-card-bg {
  border-radius: 0.5rem;
  overflow: hidden;
  height: 100%;
  transition: all 0.3s ease;
}

.product-card.vendor-card-bg:hover {
  transform: translateY(-5px);
}

html,
body {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

/* Kategori Filtreleme Stilleri - Yeni Tasarım */
.category-list {
  max-height: 500px;
  overflow-y: auto;
  padding: 5px;
  margin: -5px;
  position: relative;
}

.category-list::-webkit-scrollbar {
  width: 6px;
}

.category-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.category-list::-webkit-scrollbar-track {
  background-color: transparent;
}

.category-item {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  position: relative;
  border-radius: 6px;
  background-color: transparent;
  transition: background-color 0.2s ease;
}

.category-item:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.category-item.active {
  background-color: rgba(239, 35, 60, 0.08);
}

.category-item.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #EF233C;
  border-radius: 3px 0 0 3px;
}

.category-item.pulse {
  animation: pulse-orange 0.6s ease;
}

@keyframes pulse-orange {
  0% {
    background-color: rgba(239, 35, 60, 0.2);
  }

  50% {
    background-color: rgba(239, 35, 60, 0.3);
  }

  100% {
    background-color: rgba(239, 35, 60, 0.08);
  }
}

.category-button {
  flex: 1 1;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  width: calc(100% - 36px);
  position: relative;
  border-radius: 6px;
}

.category-content {
  display: flex;
  align-items: center;
  width: 100%;
}

.category-name {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.active .category-name {
  font-weight: 600;
  color: #EF233C;
}

.active-category-name {
  color: #EF233C;
  font-weight: 600;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Kategori sayısı ile ilgili CSS stillerini kaldır */
.category-count,
.active-category-count,
.total-products-count {
  display: none;
}

.category-toggle {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #999;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.category-toggle:hover {
  color: #EF233C;
}

.active .category-toggle {
  color: #EF233C;
}

/* Boş durum */
.empty-state {
  padding: 30px 20px;
  text-align: center;
  background-color: #f9f9f9;
  border-radius: 8px;
  margin-top: 10px;
}

.empty-icon {
  font-size: 24px;
  color: #ccc;
  margin-bottom: 10px;
}

.empty-text {
  color: #999;
  font-size: 14px;
}

/* Yükleme durumu */
.filter-loading {
  padding: 10px;
}

.filter-skeleton-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 15px;
  margin-bottom: 5px;
  background-color: #f9f9f9;
  border-radius: 6px;
}

.skeleton-bar {
  height: 16px;
  background-color: #eee;
  border-radius: 4px;
  flex: 1 1;
  margin-right: 10px;
  animation: pulse 1.5s infinite ease-in-out;
}

.skeleton-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #eee;
  animation: pulse 1.5s infinite ease-in-out;
}

/* Filtre başlık bölümü */
.filter-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.filter-section-title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: #333;
}

.filter-section-title i {
  margin-right: 10px;
  color: #EF233C;
}

.active-category-name {
  color: #EF233C;
  font-weight: 600;
  margin-right: 8px;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.active-category-count {
  background-color: #EF233C;
  color: white;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 12px;
}

.total-products-count {
  color: #999;
  font-size: 14px;
  margin-left: 8px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./node_modules/react-photo-view/dist/react-photo-view.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PhotoView-Portal {
  direction: ltr;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  touch-action: none;
  width: 100%;
  z-index: 2000;
}

@keyframes PhotoView__rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes PhotoView__delayIn {
  0%, 50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.PhotoView__Spinner {
  animation: PhotoView__delayIn 0.4s linear both;
}

.PhotoView__Spinner svg {
  animation: PhotoView__rotate 0.6s linear infinite;
}

.PhotoView__Photo {
  cursor: -webkit-grab;
  cursor: grab;
  max-width: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.PhotoView__Photo:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.PhotoView__icon {
  display: inline-block;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}

.PhotoView__PhotoBox, .PhotoView__PhotoWrap {
  bottom: 0;
  direction: ltr;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  touch-action: none;
  width: 100%;
}

.PhotoView__PhotoWrap {
  overflow: hidden;
  z-index: 10;
}

.PhotoView__PhotoBox {
  transform-origin: left top;
}

@keyframes PhotoView__fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft, .PhotoView-Slider__clean .PhotoView-Slider__ArrowRight, .PhotoView-Slider__clean .PhotoView-Slider__BannerWrap, .PhotoView-Slider__clean .PhotoView-Slider__Overlay, .PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover {
  opacity: 0;
}

.PhotoView-Slider__Backdrop {
  background: #000;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition-property: background-color;
  width: 100%;
  z-index: -1;
}

.PhotoView-Slider__fadeIn {
  animation: PhotoView__fade linear both;
  opacity: 0;
}

.PhotoView-Slider__fadeOut {
  animation: PhotoView__fade linear reverse both;
  opacity: 0;
}

.PhotoView-Slider__BannerWrap {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  height: 44px;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease-out;
  width: 100%;
  z-index: 20;
}

.PhotoView-Slider__BannerWrap:hover {
  opacity: 1;
}

.PhotoView-Slider__Counter {
  font-size: 14px;
  opacity: 0.75;
  padding: 0 10px;
}

.PhotoView-Slider__BannerRight {
  align-items: center;
  display: flex;
  height: 100%;
}

.PhotoView-Slider__toolbarIcon {
  fill: #fff;
  box-sizing: border-box;
  cursor: pointer;
  opacity: 0.75;
  padding: 10px;
  transition: opacity 0.2s linear;
}

.PhotoView-Slider__toolbarIcon:hover {
  opacity: 1;
}

.PhotoView-Slider__ArrowLeft, .PhotoView-Slider__ArrowRight {
  align-items: center;
  bottom: 0;
  cursor: pointer;
  display: flex;
  height: 100px;
  justify-content: center;
  margin: auto;
  opacity: 0.75;
  position: absolute;
  top: 0;
  transition: opacity 0.2s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 70px;
  z-index: 20;
}

.PhotoView-Slider__ArrowLeft:hover, .PhotoView-Slider__ArrowRight:hover {
  opacity: 1;
}

.PhotoView-Slider__ArrowLeft svg, .PhotoView-Slider__ArrowRight svg {
  fill: #fff;
  background: rgba(0, 0, 0, 0.3);
  box-sizing: content-box;
  height: 24px;
  padding: 10px;
  width: 24px;
}

.PhotoView-Slider__ArrowLeft {
  left: 0;
}

.PhotoView-Slider__ArrowRight {
  right: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/assets/css/preloader.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#loading {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  margin-top: 0px;
  top: 0px;
  transition: all 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}

/* Exit animation for preloader */
.loading-exit {
  opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 25%;
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #loading-center-absolute {
    width: 40%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #loading-center-absolute {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #loading-center-absolute {
    width: 45%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #loading-center-absolute {
    width: 50%;
  }
}
@media (max-width: 575px) {
  #loading-center-absolute {
    width: 60%;
  }
}
.loading-icon .loading-logo {
  width: 100px;
  height: 101px;
  margin: 20px;
}

@media (max-width: 575px) {
  .loading-icon .loading-logo {
    margin-bottom: 10px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/assets/css/meanmenu.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! ERNTRGT


/* hide the link until viewport size is reached */
a.meanmenu-reveal {
  display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: relative;
  background: #070337;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #070337;
  margin-top: 20px;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #e0e3ed;
  text-decoration: none;
  text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 10px 10%;
  text-shadow: none !important;
  visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 10px 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 10px 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 10px 25%;
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: transparent;
  border: none !important;
  font-size: 14px;
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar,
.mean-container .mean-bar * {
  box-sizing: content-box;
}

.mean-remove {
  display: none !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/assets/css/nice-select.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/* gender select */
.gender_select .list {
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/assets/css/fontawesome-pro.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2023 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 900);
}

.fa, .fa-brands, .fa-classic, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fasl, .fasr, .fass, .fast, .fat {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fal, .far, .fas, .fat {
  font-family: "Font Awesome 6 Pro";
}

.fa-brands, .fab {
  font-family: "Font Awesome 6 Brands";
}

.fa-classic.fa-duotone, .fa-duotone, .fad {
  font-family: "Font Awesome 6 Duotone";
}

.fasl, .fasr, .fass, .fast {
  font-family: "Font Awesome 6 Sharp";
}

.fass {
  font-weight: 900;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-radius: var(--fa-border-radius, 0.1em);
  border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade, .fa-fade {
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-shake, .fa-spin {
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
}

.fa-spin {
  animation-name: fa-spin;
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction:reverse;
}

.fa-pulse, .fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1) translateY(0);
  }
  to {
    transform: scale(1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, to {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

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

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

.fa-flip-horizontal {
  transform: scaleX(-1);
}

.fa-flip-vertical {
  transform: scaleY(-1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x, .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.fa-0:before {
  content: "0";
}

.fa-1:before {
  content: "1";
}

.fa-2:before {
  content: "2";
}

.fa-3:before {
  content: "3";
}

.fa-4:before {
  content: "4";
}

.fa-5:before {
  content: "5";
}

.fa-6:before {
  content: "6";
}

.fa-7:before {
  content: "7";
}

.fa-8:before {
  content: "8";
}

.fa-9:before {
  content: "9";
}

.fa-fill-drip:before {
  content: "\f576";
}

.fa-arrows-to-circle:before {
  content: "\e4bd";
}

.fa-chevron-circle-right:before, .fa-circle-chevron-right:before {
  content: "\f138";
}

.fa-wagon-covered:before {
  content: "\f8ee";
}

.fa-line-height:before {
  content: "\f871";
}

.fa-bagel:before {
  content: "\e3d7";
}

.fa-transporter-7:before {
  content: "\e2a8";
}

.fa-at:before {
  content: "@";
}

.fa-rectangles-mixed:before {
  content: "\e323";
}

.fa-phone-arrow-up-right:before, .fa-phone-arrow-up:before, .fa-phone-outgoing:before {
  content: "\e224";
}

.fa-trash-alt:before, .fa-trash-can:before {
  content: "\f2ed";
}

.fa-circle-l:before {
  content: "\e114";
}

.fa-head-side-goggles:before, .fa-head-vr:before {
  content: "\f6ea";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-user-times:before, .fa-user-xmark:before {
  content: "\f235";
}

.fa-face-hand-yawn:before {
  content: "\e379";
}

.fa-gauge-simple-min:before, .fa-tachometer-slowest:before {
  content: "\f62d";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-coffin:before {
  content: "\f6c6";
}

.fa-comment-alt:before, .fa-message:before {
  content: "\f27a";
}

.fa-bowl-salad:before, .fa-salad:before {
  content: "\f81e";
}

.fa-info:before {
  content: "\f129";
}

.fa-robot-astromech:before {
  content: "\e2d2";
}

.fa-ring-diamond:before {
  content: "\e5ab";
}

.fa-fondue-pot:before {
  content: "\e40d";
}

.fa-theta:before {
  content: "\f69e";
}

.fa-face-hand-peeking:before {
  content: "\e481";
}

.fa-square-user:before {
  content: "\e283";
}

.fa-compress-alt:before, .fa-down-left-and-up-right-to-center:before {
  content: "\f422";
}

.fa-explosion:before {
  content: "\e4e9";
}

.fa-file-alt:before, .fa-file-lines:before, .fa-file-text:before {
  content: "\f15c";
}

.fa-wave-square:before {
  content: "\f83e";
}

.fa-ring:before {
  content: "\f70b";
}

.fa-building-un:before {
  content: "\e4d9";
}

.fa-dice-three:before {
  content: "\f527";
}

.fa-tire-pressure-warning:before {
  content: "\f633";
}

.fa-wifi-2:before, .fa-wifi-fair:before {
  content: "\f6ab";
}

.fa-calendar-alt:before, .fa-calendar-days:before {
  content: "\f073";
}

.fa-mp3-player:before {
  content: "\f8ce";
}

.fa-anchor-circle-check:before {
  content: "\e4aa";
}

.fa-tally-4:before {
  content: "\e297";
}

.fa-rectangle-history:before {
  content: "\e4a2";
}

.fa-building-circle-arrow-right:before {
  content: "\e4d1";
}

.fa-volleyball-ball:before, .fa-volleyball:before {
  content: "\f45f";
}

.fa-sun-haze:before {
  content: "\f765";
}

.fa-text-size:before {
  content: "\f894";
}

.fa-ufo:before {
  content: "\e047";
}

.fa-fork:before, .fa-utensil-fork:before {
  content: "\f2e3";
}

.fa-arrows-up-to-line:before {
  content: "\e4c2";
}

.fa-mobile-signal:before {
  content: "\e1ef";
}

.fa-barcode-scan:before {
  content: "\f465";
}

.fa-sort-desc:before, .fa-sort-down:before {
  content: "\f0dd";
}

.fa-folder-arrow-down:before, .fa-folder-download:before {
  content: "\e053";
}

.fa-circle-minus:before, .fa-minus-circle:before {
  content: "\f056";
}

.fa-face-icicles:before {
  content: "\e37c";
}

.fa-shovel:before {
  content: "\f713";
}

.fa-door-open:before {
  content: "\f52b";
}

.fa-films:before {
  content: "\e17a";
}

.fa-right-from-bracket:before, .fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-face-glasses:before {
  content: "\e377";
}

.fa-nfc:before {
  content: "\e1f7";
}

.fa-atom:before {
  content: "\f5d2";
}

.fa-soap:before {
  content: "\e06e";
}

.fa-heart-music-camera-bolt:before, .fa-icons:before {
  content: "\f86d";
}

.fa-microphone-alt-slash:before, .fa-microphone-lines-slash:before {
  content: "\f539";
}

.fa-closed-captioning-slash:before {
  content: "\e135";
}

.fa-calculator-alt:before, .fa-calculator-simple:before {
  content: "\f64c";
}

.fa-bridge-circle-check:before {
  content: "\e4c9";
}

.fa-sliders-up:before, .fa-sliders-v:before {
  content: "\f3f1";
}

.fa-location-minus:before, .fa-map-marker-minus:before {
  content: "\f609";
}

.fa-pump-medical:before {
  content: "\e06a";
}

.fa-fingerprint:before {
  content: "\f577";
}

.fa-ski-boot:before {
  content: "\e3cc";
}

.fa-rectangle-sd:before, .fa-standard-definition:before {
  content: "\e28a";
}

.fa-h1:before {
  content: "\f313";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.fa-magnifying-glass-location:before, .fa-search-location:before {
  content: "\f689";
}

.fa-message-bot:before {
  content: "\e3b8";
}

.fa-forward-step:before, .fa-step-forward:before {
  content: "\f051";
}

.fa-face-smile-beam:before, .fa-smile-beam:before {
  content: "\f5b8";
}

.fa-light-ceiling:before {
  content: "\e016";
}

.fa-comment-alt-exclamation:before, .fa-message-exclamation:before {
  content: "\f4a5";
}

.fa-bowl-scoop:before, .fa-bowl-shaved-ice:before {
  content: "\e3de";
}

.fa-square-x:before {
  content: "\e286";
}

.fa-building-memo:before {
  content: "\e61e";
}

.fa-utility-pole-double:before {
  content: "\e2c4";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-chevron-double-up:before, .fa-chevrons-up:before {
  content: "\f325";
}

.fa-football-ball:before, .fa-football:before {
  content: "\f44e";
}

.fa-user-vneck:before {
  content: "\e461";
}

.fa-school-circle-exclamation:before {
  content: "\e56c";
}

.fa-crop:before {
  content: "\f125";
}

.fa-angle-double-down:before, .fa-angles-down:before {
  content: "\f103";
}

.fa-users-rectangle:before {
  content: "\e594";
}

.fa-people-roof:before {
  content: "\e537";
}

.fa-arrow-square-right:before, .fa-square-arrow-right:before {
  content: "\f33b";
}

.fa-location-plus:before, .fa-map-marker-plus:before {
  content: "\f60a";
}

.fa-lightbulb-exclamation-on:before {
  content: "\e1ca";
}

.fa-people-line:before {
  content: "\e534";
}

.fa-beer-mug-empty:before, .fa-beer:before {
  content: "\f0fc";
}

.fa-crate-empty:before {
  content: "\e151";
}

.fa-diagram-predecessor:before {
  content: "\e477";
}

.fa-transporter:before {
  content: "\e042";
}

.fa-calendar-circle-user:before {
  content: "\e471";
}

.fa-arrow-up-long:before, .fa-long-arrow-up:before {
  content: "\f176";
}

.fa-person-carry-box:before, .fa-person-carry:before {
  content: "\f4cf";
}

.fa-burn:before, .fa-fire-flame-simple:before {
  content: "\f46a";
}

.fa-male:before, .fa-person:before {
  content: "\f183";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-file-csv:before {
  content: "\f6dd";
}

.fa-menorah:before {
  content: "\f676";
}

.fa-union:before {
  content: "\f6a2";
}

.fa-chevron-double-left:before, .fa-chevrons-left:before {
  content: "\f323";
}

.fa-circle-heart:before, .fa-heart-circle:before {
  content: "\f4c7";
}

.fa-truck-plane:before {
  content: "\e58f";
}

.fa-record-vinyl:before {
  content: "\f8d9";
}

.fa-bring-forward:before {
  content: "\f856";
}

.fa-square-p:before {
  content: "\e279";
}

.fa-face-grin-stars:before, .fa-grin-stars:before {
  content: "\f587";
}

.fa-sigma:before {
  content: "\f68b";
}

.fa-camera-movie:before {
  content: "\f8a9";
}

.fa-bong:before {
  content: "\f55c";
}

.fa-clarinet:before {
  content: "\f8ad";
}

.fa-truck-flatbed:before {
  content: "\e2b6";
}

.fa-pastafarianism:before, .fa-spaghetti-monster-flying:before {
  content: "\f67b";
}

.fa-arrow-down-up-across-line:before {
  content: "\e4af";
}

.fa-arrows-rotate-reverse:before {
  content: "\e630";
}

.fa-leaf-heart:before {
  content: "\f4cb";
}

.fa-house-building:before {
  content: "\e1b1";
}

.fa-cheese-swiss:before {
  content: "\f7f0";
}

.fa-spoon:before, .fa-utensil-spoon:before {
  content: "\f2e5";
}

.fa-jar-wheat:before {
  content: "\e517";
}

.fa-envelopes-bulk:before, .fa-mail-bulk:before {
  content: "\f674";
}

.fa-file-circle-exclamation:before {
  content: "\e4eb";
}

.fa-bow-arrow:before {
  content: "\f6b9";
}

.fa-cart-xmark:before {
  content: "\e0dd";
}

.fa-hexagon-xmark:before, .fa-times-hexagon:before, .fa-xmark-hexagon:before {
  content: "\f2ee";
}

.fa-circle-h:before, .fa-hospital-symbol:before {
  content: "\f47e";
}

.fa-merge:before {
  content: "\e526";
}

.fa-pager:before {
  content: "\f815";
}

.fa-cart-minus:before {
  content: "\e0db";
}

.fa-address-book:before, .fa-contact-book:before {
  content: "\f2b9";
}

.fa-pan-frying:before {
  content: "\e42c";
}

.fa-grid-3:before, .fa-grid:before {
  content: "\e195";
}

.fa-football-helmet:before {
  content: "\f44f";
}

.fa-hand-love:before {
  content: "\e1a5";
}

.fa-trees:before {
  content: "\f724";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-page:before {
  content: "\e428";
}

.fa-k:before {
  content: "K";
}

.fa-diagram-previous:before {
  content: "\e478";
}

.fa-gauge-min:before, .fa-tachometer-alt-slowest:before {
  content: "\f628";
}

.fa-folder-grid:before {
  content: "\e188";
}

.fa-eggplant:before {
  content: "\e16c";
}

.fa-excavator:before {
  content: "\e656";
}

.fa-ram:before {
  content: "\f70a";
}

.fa-landmark-flag:before {
  content: "\e51c";
}

.fa-lips:before {
  content: "\f600";
}

.fa-pencil-alt:before, .fa-pencil:before {
  content: "\f303";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-comments:before {
  content: "\f086";
}

.fa-file-clipboard:before, .fa-paste:before {
  content: "\f0ea";
}

.fa-desktop-arrow-down:before {
  content: "\e155";
}

.fa-code-pull-request:before {
  content: "\e13c";
}

.fa-pumpkin:before {
  content: "\f707";
}

.fa-clipboard-list:before {
  content: "\f46d";
}

.fa-pen-field:before {
  content: "\e211";
}

.fa-blueberries:before {
  content: "\e2e8";
}

.fa-truck-loading:before, .fa-truck-ramp-box:before {
  content: "\f4de";
}

.fa-note:before {
  content: "\e1ff";
}

.fa-arrow-down-to-square:before {
  content: "\e096";
}

.fa-user-check:before {
  content: "\f4fc";
}

.fa-cloud-xmark:before {
  content: "\e35f";
}

.fa-vial-virus:before {
  content: "\e597";
}

.fa-book-alt:before, .fa-book-blank:before {
  content: "\f5d9";
}

.fa-golf-flag-hole:before {
  content: "\e3ac";
}

.fa-comment-alt-arrow-down:before, .fa-message-arrow-down:before {
  content: "\e1db";
}

.fa-face-unamused:before {
  content: "\e39f";
}

.fa-sheet-plastic:before {
  content: "\e571";
}

.fa-circle-9:before {
  content: "\e0f6";
}

.fa-blog:before {
  content: "\f781";
}

.fa-user-ninja:before {
  content: "\f504";
}

.fa-pencil-slash:before {
  content: "\e215";
}

.fa-bowling-pins:before {
  content: "\f437";
}

.fa-person-arrow-up-from-line:before {
  content: "\e539";
}

.fa-down-right:before {
  content: "\e16b";
}

.fa-scroll-torah:before, .fa-torah:before {
  content: "\f6a0";
}

.fa-webhook:before {
  content: "\e5d5";
}

.fa-blinds-open:before {
  content: "\f8fc";
}

.fa-fence:before {
  content: "\e303";
}

.fa-arrow-alt-up:before, .fa-up:before {
  content: "\f357";
}

.fa-broom-ball:before, .fa-quidditch-broom-ball:before, .fa-quidditch:before {
  content: "\f458";
}

.fa-drumstick:before {
  content: "\f6d6";
}

.fa-square-v:before {
  content: "\e284";
}

.fa-face-awesome:before, .fa-gave-dandy:before {
  content: "\e409";
}

.fa-dial-off:before {
  content: "\e162";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-face-smile-horns:before {
  content: "\e391";
}

.fa-archive:before, .fa-box-archive:before {
  content: "\f187";
}

.fa-grapes:before {
  content: "\e306";
}

.fa-person-drowning:before {
  content: "\e545";
}

.fa-dial-max:before {
  content: "\e15e";
}

.fa-circle-m:before {
  content: "\e115";
}

.fa-calendar-image:before {
  content: "\e0d4";
}

.fa-caret-circle-down:before, .fa-circle-caret-down:before {
  content: "\f32d";
}

.fa-arrow-down-9-1:before, .fa-sort-numeric-desc:before, .fa-sort-numeric-down-alt:before {
  content: "\f886";
}

.fa-face-grin-tongue-squint:before, .fa-grin-tongue-squint:before {
  content: "\f58a";
}

.fa-shish-kebab:before {
  content: "\f821";
}

.fa-spray-can:before {
  content: "\f5bd";
}

.fa-alarm-snooze:before {
  content: "\f845";
}

.fa-scarecrow:before {
  content: "\f70d";
}

.fa-truck-monster:before {
  content: "\f63b";
}

.fa-gift-card:before {
  content: "\f663";
}

.fa-w:before {
  content: "W";
}

.fa-code-pull-request-draft:before {
  content: "\e3fa";
}

.fa-square-b:before {
  content: "\e264";
}

.fa-elephant:before {
  content: "\f6da";
}

.fa-earth-africa:before, .fa-globe-africa:before {
  content: "\f57c";
}

.fa-rainbow:before {
  content: "\f75b";
}

.fa-circle-notch:before {
  content: "\f1ce";
}

.fa-tablet-alt:before, .fa-tablet-screen-button:before {
  content: "\f3fa";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-message-question:before {
  content: "\e1e3";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-trowel-bricks:before {
  content: "\e58a";
}

.fa-square-3:before {
  content: "\e258";
}

.fa-face-flushed:before, .fa-flushed:before {
  content: "\f579";
}

.fa-hospital-user:before {
  content: "\f80d";
}

.fa-microwave:before {
  content: "\e01b";
}

.fa-chf-sign:before {
  content: "\e602";
}

.fa-tent-arrow-left-right:before {
  content: "\e57f";
}

.fa-cart-circle-arrow-up:before {
  content: "\e3f0";
}

.fa-trash-clock:before {
  content: "\e2b0";
}

.fa-gavel:before, .fa-legal:before {
  content: "\f0e3";
}

.fa-sprinkler-ceiling:before {
  content: "\e44c";
}

.fa-browsers:before {
  content: "\e0cb";
}

.fa-trillium:before {
  content: "\e588";
}

.fa-music-slash:before {
  content: "\f8d1";
}

.fa-truck-ramp:before {
  content: "\f4e0";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-box-tissue:before {
  content: "\e05b";
}

.fa-circle-c:before {
  content: "\e101";
}

.fa-star-christmas:before {
  content: "\f7d4";
}

.fa-chart-bullet:before {
  content: "\e0e1";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-tree-christmas:before {
  content: "\f7db";
}

.fa-tire-flat:before {
  content: "\f632";
}

.fa-sunglasses:before {
  content: "\f892";
}

.fa-badge:before {
  content: "\f335";
}

.fa-comment-alt-edit:before, .fa-message-edit:before, .fa-message-pen:before {
  content: "\f4a4";
}

.fa-bell-concierge:before, .fa-concierge-bell:before {
  content: "\f562";
}

.fa-pen-ruler:before, .fa-pencil-ruler:before {
  content: "\f5ae";
}

.fa-file-mp3:before {
  content: "\e648";
}

.fa-arrow-progress:before {
  content: "\e5df";
}

.fa-chess-rook-alt:before, .fa-chess-rook-piece:before {
  content: "\f448";
}

.fa-square-root:before {
  content: "\f697";
}

.fa-album-collection-circle-plus:before {
  content: "\e48e";
}

.fa-people-arrows-left-right:before, .fa-people-arrows:before {
  content: "\e068";
}

.fa-sign-post:before {
  content: "\e624";
}

.fa-face-angry-horns:before {
  content: "\e368";
}

.fa-mars-and-venus-burst:before {
  content: "\e523";
}

.fa-tombstone:before {
  content: "\f720";
}

.fa-caret-square-right:before, .fa-square-caret-right:before {
  content: "\f152";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-list-music:before {
  content: "\f8c9";
}

.fa-sun-plant-wilt:before {
  content: "\e57a";
}

.fa-toilets-portable:before {
  content: "\e584";
}

.fa-hockey-puck:before {
  content: "\f453";
}

.fa-mustache:before {
  content: "\e5bc";
}

.fa-hyphen:before {
  content: "-";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-user-chef:before {
  content: "\e3d2";
}

.fa-comment-alt-image:before, .fa-message-image:before {
  content: "\e1e0";
}

.fa-users-medical:before {
  content: "\f830";
}

.fa-sensor-alert:before, .fa-sensor-triangle-exclamation:before {
  content: "\e029";
}

.fa-magnifying-glass-arrow-right:before {
  content: "\e521";
}

.fa-digital-tachograph:before, .fa-tachograph-digital:before {
  content: "\f566";
}

.fa-face-mask:before {
  content: "\e37f";
}

.fa-pickleball:before {
  content: "\e435";
}

.fa-star-sharp-half:before {
  content: "\e28c";
}

.fa-users-slash:before {
  content: "\e073";
}

.fa-clover:before {
  content: "\e139";
}

.fa-meat:before {
  content: "\f814";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f3e5";
}

.fa-star-and-crescent:before {
  content: "\f699";
}

.fa-empty-set:before {
  content: "\f656";
}

.fa-house-fire:before {
  content: "\e50c";
}

.fa-minus-square:before, .fa-square-minus:before {
  content: "\f146";
}

.fa-helicopter:before {
  content: "\f533";
}

.fa-bird:before {
  content: "\e469";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-caret-square-down:before, .fa-square-caret-down:before {
  content: "\f150";
}

.fa-heart-half-alt:before, .fa-heart-half-stroke:before {
  content: "\e1ac";
}

.fa-file-circle-question:before {
  content: "\e4ef";
}

.fa-truck-utensils:before {
  content: "\e628";
}

.fa-laptop-code:before {
  content: "\f5fc";
}

.fa-joystick:before {
  content: "\f8c5";
}

.fa-grill-fire:before {
  content: "\e5a4";
}

.fa-rectangle-vertical-history:before {
  content: "\e237";
}

.fa-swatchbook:before {
  content: "\f5c3";
}

.fa-prescription-bottle:before {
  content: "\f485";
}

.fa-bars:before, .fa-navicon:before {
  content: "\f0c9";
}

.fa-keyboard-left:before {
  content: "\e1c3";
}

.fa-people-group:before {
  content: "\e533";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253";
}

.fa-heart-broken:before, .fa-heart-crack:before {
  content: "\f7a9";
}

.fa-face-beam-hand-over-mouth:before {
  content: "\e47c";
}

.fa-droplet-percent:before, .fa-humidity:before {
  content: "\f750";
}

.fa-external-link-square-alt:before, .fa-square-up-right:before {
  content: "\f360";
}

.fa-face-kiss-beam:before, .fa-kiss-beam:before {
  content: "\f597";
}

.fa-corn:before {
  content: "\f6c7";
}

.fa-roller-coaster:before {
  content: "\e324";
}

.fa-photo-film-music:before {
  content: "\e228";
}

.fa-radar:before {
  content: "\e024";
}

.fa-sickle:before {
  content: "\f822";
}

.fa-film:before {
  content: "\f008";
}

.fa-coconut:before {
  content: "\e2f6";
}

.fa-ruler-horizontal:before {
  content: "\f547";
}

.fa-shield-cross:before {
  content: "\f712";
}

.fa-cassette-tape:before {
  content: "\f8ab";
}

.fa-square-terminal:before {
  content: "\e32a";
}

.fa-people-robbery:before {
  content: "\e536";
}

.fa-lightbulb:before {
  content: "\f0eb";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-comment-middle:before {
  content: "\e149";
}

.fa-trash-can-list:before {
  content: "\e2ab";
}

.fa-block:before {
  content: "\e46a";
}

.fa-circle-exclamation:before, .fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-school-circle-xmark:before {
  content: "\e56d";
}

.fa-arrow-right-from-bracket:before, .fa-sign-out:before {
  content: "\f08b";
}

.fa-face-frown-slight:before {
  content: "\e376";
}

.fa-chevron-circle-down:before, .fa-circle-chevron-down:before {
  content: "\f13a";
}

.fa-sidebar-flip:before {
  content: "\e24f";
}

.fa-unlock-alt:before, .fa-unlock-keyhole:before {
  content: "\f13e";
}

.fa-temperature-list:before {
  content: "\e299";
}

.fa-cloud-showers-heavy:before {
  content: "\f740";
}

.fa-headphones-alt:before, .fa-headphones-simple:before {
  content: "\f58f";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-pipe-section:before {
  content: "\e438";
}

.fa-space-station-moon-alt:before, .fa-space-station-moon-construction:before {
  content: "\e034";
}

.fa-circle-dollar-to-slot:before, .fa-donate:before {
  content: "\f4b9";
}

.fa-memory:before {
  content: "\f538";
}

.fa-face-sleeping:before {
  content: "\e38d";
}

.fa-road-spikes:before {
  content: "\e568";
}

.fa-fire-burner:before {
  content: "\e4f1";
}

.fa-squirrel:before {
  content: "\f71a";
}

.fa-arrow-to-top:before, .fa-arrow-up-to-line:before {
  content: "\f341";
}

.fa-flag:before {
  content: "\f024";
}

.fa-face-cowboy-hat:before {
  content: "\e36e";
}

.fa-hanukiah:before {
  content: "\f6e6";
}

.fa-chart-scatter-3d:before {
  content: "\e0e8";
}

.fa-display-chart-up:before {
  content: "\e5e3";
}

.fa-square-code:before {
  content: "\e267";
}

.fa-feather:before {
  content: "\f52d";
}

.fa-volume-down:before, .fa-volume-low:before {
  content: "\f027";
}

.fa-times-to-slot:before, .fa-vote-nay:before, .fa-xmark-to-slot:before {
  content: "\f771";
}

.fa-box-alt:before, .fa-box-taped:before {
  content: "\f49a";
}

.fa-comment-slash:before {
  content: "\f4b3";
}

.fa-swords:before {
  content: "\f71d";
}

.fa-cloud-sun-rain:before {
  content: "\f743";
}

.fa-album:before {
  content: "\f89f";
}

.fa-circle-n:before {
  content: "\e118";
}

.fa-compress:before {
  content: "\f066";
}

.fa-wheat-alt:before, .fa-wheat-awn:before {
  content: "\e2cd";
}

.fa-ankh:before {
  content: "\f644";
}

.fa-hands-holding-child:before {
  content: "\e4fa";
}

.fa-asterisk:before {
  content: "*";
}

.fa-key-skeleton-left-right:before {
  content: "\e3b4";
}

.fa-comment-lines:before {
  content: "\f4b0";
}

.fa-luchador-mask:before, .fa-luchador:before, .fa-mask-luchador:before {
  content: "\f455";
}

.fa-check-square:before, .fa-square-check:before {
  content: "\f14a";
}

.fa-shredder:before {
  content: "\f68a";
}

.fa-book-open-alt:before, .fa-book-open-cover:before {
  content: "\e0c0";
}

.fa-sandwich:before {
  content: "\f81f";
}

.fa-peseta-sign:before {
  content: "\e221";
}

.fa-parking-slash:before, .fa-square-parking-slash:before {
  content: "\f617";
}

.fa-train-tunnel:before {
  content: "\e454";
}

.fa-header:before, .fa-heading:before {
  content: "\f1dc";
}

.fa-ghost:before {
  content: "\f6e2";
}

.fa-face-anguished:before {
  content: "\e369";
}

.fa-hockey-sticks:before {
  content: "\f454";
}

.fa-abacus:before {
  content: "\f640";
}

.fa-film-alt:before, .fa-film-simple:before {
  content: "\f3a0";
}

.fa-list-squares:before, .fa-list:before {
  content: "\f03a";
}

.fa-tree-palm:before {
  content: "\f82b";
}

.fa-phone-square-alt:before, .fa-square-phone-flip:before {
  content: "\f87b";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-border-center-v:before {
  content: "\f89d";
}

.fa-circle-dot:before, .fa-dot-circle:before {
  content: "\f192";
}

.fa-clipboard-medical:before {
  content: "\e133";
}

.fa-dizzy:before, .fa-face-dizzy:before {
  content: "\f567";
}

.fa-egg:before {
  content: "\f7fb";
}

.fa-arrow-alt-to-top:before, .fa-up-to-line:before {
  content: "\f34d";
}

.fa-house-medical-circle-xmark:before {
  content: "\e513";
}

.fa-watch-fitness:before {
  content: "\f63e";
}

.fa-clock-nine-thirty:before {
  content: "\e34d";
}

.fa-campground:before {
  content: "\f6bb";
}

.fa-folder-plus:before {
  content: "\f65e";
}

.fa-jug:before {
  content: "\f8c6";
}

.fa-futbol-ball:before, .fa-futbol:before, .fa-soccer-ball:before {
  content: "\f1e3";
}

.fa-snow-blowing:before {
  content: "\f761";
}

.fa-paint-brush:before, .fa-paintbrush:before {
  content: "\f1fc";
}

.fa-lock:before {
  content: "\f023";
}

.fa-arrow-down-from-line:before, .fa-arrow-from-top:before {
  content: "\f345";
}

.fa-gas-pump:before {
  content: "\f52f";
}

.fa-signal-alt-slash:before, .fa-signal-bars-slash:before {
  content: "\f694";
}

.fa-monkey:before {
  content: "\f6fb";
}

.fa-pro:before, .fa-rectangle-pro:before {
  content: "\e235";
}

.fa-house-night:before {
  content: "\e010";
}

.fa-hot-tub-person:before, .fa-hot-tub:before {
  content: "\f593";
}

.fa-globe-pointer:before {
  content: "\e60e";
}

.fa-blanket:before {
  content: "\f498";
}

.fa-map-location:before, .fa-map-marked:before {
  content: "\f59f";
}

.fa-house-flood-water:before {
  content: "\e50e";
}

.fa-comments-question-check:before {
  content: "\e14f";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-arrows-cross:before {
  content: "\e0a2";
}

.fa-backpack:before {
  content: "\f5d4";
}

.fa-square-small:before {
  content: "\e27e";
}

.fa-folder-arrow-up:before, .fa-folder-upload:before {
  content: "\e054";
}

.fa-bridge-lock:before {
  content: "\e4cc";
}

.fa-crosshairs-simple:before {
  content: "\e59f";
}

.fa-sack-dollar:before {
  content: "\f81d";
}

.fa-edit:before, .fa-pen-to-square:before {
  content: "\f044";
}

.fa-sliders-h-square:before, .fa-square-sliders:before {
  content: "\f3f0";
}

.fa-car-side:before {
  content: "\f5e4";
}

.fa-comment-middle-top-alt:before, .fa-message-middle-top:before {
  content: "\e1e2";
}

.fa-lightbulb-on:before {
  content: "\f672";
}

.fa-knife:before, .fa-utensil-knife:before {
  content: "\f2e4";
}

.fa-share-alt:before, .fa-share-nodes:before {
  content: "\f1e0";
}

.fa-display-chart-up-circle-dollar:before {
  content: "\e5e6";
}

.fa-wave-sine:before {
  content: "\f899";
}

.fa-heart-circle-minus:before {
  content: "\e4ff";
}

.fa-circle-w:before {
  content: "\e12c";
}

.fa-calendar-circle:before, .fa-circle-calendar:before {
  content: "\e102";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252";
}

.fa-microscope:before {
  content: "\f610";
}

.fa-sunset:before {
  content: "\f767";
}

.fa-sink:before {
  content: "\e06d";
}

.fa-calendar-exclamation:before {
  content: "\f334";
}

.fa-truck-container-empty:before {
  content: "\e2b5";
}

.fa-hand-heart:before {
  content: "\f4bc";
}

.fa-bag-shopping:before, .fa-shopping-bag:before {
  content: "\f290";
}

.fa-arrow-down-z-a:before, .fa-sort-alpha-desc:before, .fa-sort-alpha-down-alt:before {
  content: "\f881";
}

.fa-mitten:before {
  content: "\f7b5";
}

.fa-reply-clock:before, .fa-reply-time:before {
  content: "\e239";
}

.fa-person-rays:before {
  content: "\e54d";
}

.fa-arrow-alt-right:before, .fa-right:before {
  content: "\f356";
}

.fa-circle-f:before {
  content: "\e10e";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-face-pleading:before {
  content: "\e386";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-flask-vial:before {
  content: "\e4f3";
}

.fa-police-box:before {
  content: "\e021";
}

.fa-cucumber:before {
  content: "\e401";
}

.fa-head-side-brain:before {
  content: "\f808";
}

.fa-hand-paper:before, .fa-hand:before {
  content: "\f256";
}

.fa-biking-mountain:before, .fa-person-biking-mountain:before {
  content: "\f84b";
}

.fa-utensils-slash:before {
  content: "\e464";
}

.fa-print-magnifying-glass:before, .fa-print-search:before {
  content: "\f81a";
}

.fa-turn-right:before {
  content: "\e639";
}

.fa-folder-bookmark:before {
  content: "\e186";
}

.fa-arrow-turn-left-down:before {
  content: "\e633";
}

.fa-om:before {
  content: "\f679";
}

.fa-pi:before {
  content: "\f67e";
}

.fa-flask-potion:before, .fa-flask-round-potion:before {
  content: "\f6e1";
}

.fa-face-shush:before {
  content: "\e38c";
}

.fa-worm:before {
  content: "\e599";
}

.fa-house-circle-xmark:before {
  content: "\e50b";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-calendar-circle-exclamation:before {
  content: "\e46e";
}

.fa-square-i:before {
  content: "\e272";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-face-saluting:before {
  content: "\e484";
}

.fa-gauge-simple-low:before, .fa-tachometer-slow:before {
  content: "\f62c";
}

.fa-face-persevering:before {
  content: "\e385";
}

.fa-camera-circle:before, .fa-circle-camera:before {
  content: "\e103";
}

.fa-hand-spock:before {
  content: "\f259";
}

.fa-spider-web:before {
  content: "\f719";
}

.fa-circle-microphone:before, .fa-microphone-circle:before {
  content: "\e116";
}

.fa-book-arrow-up:before {
  content: "\e0ba";
}

.fa-popsicle:before {
  content: "\e43e";
}

.fa-command:before {
  content: "\e142";
}

.fa-blinds:before {
  content: "\f8fb";
}

.fa-stopwatch:before {
  content: "\f2f2";
}

.fa-saxophone:before {
  content: "\f8dc";
}

.fa-square-2:before {
  content: "\e257";
}

.fa-field-hockey-stick-ball:before, .fa-field-hockey:before {
  content: "\f44c";
}

.fa-arrow-up-square-triangle:before, .fa-sort-shapes-up-alt:before {
  content: "\f88b";
}

.fa-face-scream:before {
  content: "\e38b";
}

.fa-square-m:before {
  content: "\e276";
}

.fa-camera-web:before, .fa-webcam:before {
  content: "\f832";
}

.fa-comment-arrow-down:before {
  content: "\e143";
}

.fa-lightbulb-cfl:before {
  content: "\e5a6";
}

.fa-window-frame-open:before {
  content: "\e050";
}

.fa-face-kiss:before, .fa-kiss:before {
  content: "\f596";
}

.fa-bridge-circle-xmark:before {
  content: "\e4cb";
}

.fa-period:before {
  content: ".";
}

.fa-face-grin-tongue:before, .fa-grin-tongue:before {
  content: "\f589";
}

.fa-up-to-dotted-line:before {
  content: "\e457";
}

.fa-thought-bubble:before {
  content: "\e32e";
}

.fa-skeleton-ribs:before {
  content: "\e5cb";
}

.fa-raygun:before {
  content: "\e025";
}

.fa-flute:before {
  content: "\f8b9";
}

.fa-acorn:before {
  content: "\f6ae";
}

.fa-video-arrow-up-right:before {
  content: "\e2c9";
}

.fa-grate-droplet:before {
  content: "\e194";
}

.fa-seal-exclamation:before {
  content: "\e242";
}

.fa-chess-bishop:before {
  content: "\f43a";
}

.fa-message-sms:before {
  content: "\e1e5";
}

.fa-coffee-beans:before {
  content: "\e13f";
}

.fa-hat-witch:before {
  content: "\f6e7";
}

.fa-face-grin-wink:before, .fa-grin-wink:before {
  content: "\f58c";
}

.fa-clock-three-thirty:before {
  content: "\e357";
}

.fa-deaf:before, .fa-deafness:before, .fa-ear-deaf:before, .fa-hard-of-hearing:before {
  content: "\f2a4";
}

.fa-alarm-clock:before {
  content: "\f34e";
}

.fa-eclipse:before {
  content: "\f749";
}

.fa-face-relieved:before {
  content: "\e389";
}

.fa-road-circle-check:before {
  content: "\e564";
}

.fa-dice-five:before {
  content: "\f523";
}

.fa-minus-octagon:before, .fa-octagon-minus:before {
  content: "\f308";
}

.fa-rss-square:before, .fa-square-rss:before {
  content: "\f143";
}

.fa-face-zany:before {
  content: "\e3a4";
}

.fa-tricycle:before {
  content: "\e5c3";
}

.fa-land-mine-on:before {
  content: "\e51b";
}

.fa-square-arrow-up-left:before {
  content: "\e263";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-chart-mixed-up-circle-dollar:before {
  content: "\e5d9";
}

.fa-salt-shaker:before {
  content: "\e446";
}

.fa-stamp:before {
  content: "\f5bf";
}

.fa-file-plus:before {
  content: "\f319";
}

.fa-draw-square:before {
  content: "\f5ef";
}

.fa-toilet-paper-reverse-slash:before, .fa-toilet-paper-under-slash:before {
  content: "\e2a1";
}

.fa-stairs:before {
  content: "\e289";
}

.fa-drone-alt:before, .fa-drone-front:before {
  content: "\f860";
}

.fa-glass-empty:before {
  content: "\e191";
}

.fa-dial-high:before {
  content: "\e15c";
}

.fa-user-construction:before, .fa-user-hard-hat:before, .fa-user-helmet-safety:before {
  content: "\f82c";
}

.fa-i:before {
  content: "I";
}

.fa-hryvnia-sign:before, .fa-hryvnia:before {
  content: "\f6f2";
}

.fa-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\e092";
}

.fa-pills:before {
  content: "\f484";
}

.fa-face-grin-wide:before, .fa-grin-alt:before {
  content: "\f581";
}

.fa-tooth:before {
  content: "\f5c9";
}

.fa-basketball-hoop:before {
  content: "\f435";
}

.fa-objects-align-bottom:before {
  content: "\e3bb";
}

.fa-v:before {
  content: "V";
}

.fa-sparkles:before {
  content: "\f890";
}

.fa-squid:before {
  content: "\e450";
}

.fa-leafy-green:before {
  content: "\e41d";
}

.fa-circle-arrow-up-right:before {
  content: "\e0fc";
}

.fa-calendars:before {
  content: "\e0d7";
}

.fa-bangladeshi-taka-sign:before {
  content: "\e2e6";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-hammer-war:before {
  content: "\f6e4";
}

.fa-circle-d:before {
  content: "\e104";
}

.fa-spider-black-widow:before {
  content: "\f718";
}

.fa-rod-asclepius:before, .fa-rod-snake:before, .fa-staff-aesculapius:before, .fa-staff-snake:before {
  content: "\e579";
}

.fa-pear:before {
  content: "\e20c";
}

.fa-head-side-cough-slash:before {
  content: "\e062";
}

.fa-file-mov:before {
  content: "\e647";
}

.fa-triangle:before {
  content: "\f2ec";
}

.fa-apartment:before {
  content: "\e468";
}

.fa-ambulance:before, .fa-truck-medical:before {
  content: "\f0f9";
}

.fa-pepper:before {
  content: "\e432";
}

.fa-piano:before {
  content: "\f8d4";
}

.fa-gun-squirt:before {
  content: "\e19d";
}

.fa-wheat-awn-circle-exclamation:before {
  content: "\e598";
}

.fa-snowman:before {
  content: "\f7d0";
}

.fa-user-alien:before {
  content: "\e04a";
}

.fa-shield-check:before {
  content: "\f2f7";
}

.fa-mortar-pestle:before {
  content: "\f5a7";
}

.fa-road-barrier:before {
  content: "\e562";
}

.fa-chart-candlestick:before {
  content: "\e0e2";
}

.fa-briefcase-blank:before {
  content: "\e0c8";
}

.fa-school:before {
  content: "\f549";
}

.fa-igloo:before {
  content: "\f7ae";
}

.fa-bracket-round:before, .fa-parenthesis:before {
  content: "(";
}

.fa-joint:before {
  content: "\f595";
}

.fa-horse-saddle:before {
  content: "\f8c3";
}

.fa-mug-marshmallows:before {
  content: "\f7b7";
}

.fa-filters:before {
  content: "\e17e";
}

.fa-bell-on:before {
  content: "\f8fa";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-dial-med:before {
  content: "\e15f";
}

.fa-horse:before {
  content: "\f6f0";
}

.fa-q:before {
  content: "Q";
}

.fa-monitor-heart-rate:before, .fa-monitor-waveform:before {
  content: "\f611";
}

.fa-link-simple:before {
  content: "\e1cd";
}

.fa-whistle:before {
  content: "\f460";
}

.fa-g:before {
  content: "G";
}

.fa-fragile:before, .fa-wine-glass-crack:before {
  content: "\f4bb";
}

.fa-slot-machine:before {
  content: "\e3ce";
}

.fa-notes-medical:before {
  content: "\f481";
}

.fa-car-wash:before {
  content: "\f5e6";
}

.fa-escalator:before {
  content: "\e171";
}

.fa-comment-image:before {
  content: "\e148";
}

.fa-temperature-2:before, .fa-temperature-half:before, .fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-dong-sign:before {
  content: "\e169";
}

.fa-donut:before, .fa-doughnut:before {
  content: "\e406";
}

.fa-capsules:before {
  content: "\f46b";
}

.fa-poo-bolt:before, .fa-poo-storm:before {
  content: "\f75a";
}

.fa-tally-1:before {
  content: "\e294";
}

.fa-file-vector:before {
  content: "\e64c";
}

.fa-face-frown-open:before, .fa-frown-open:before {
  content: "\f57a";
}

.fa-square-dashed:before {
  content: "\e269";
}

.fa-bag-shopping-plus:before {
  content: "\e651";
}

.fa-square-j:before {
  content: "\e273";
}

.fa-hand-point-up:before {
  content: "\f0a6";
}

.fa-money-bill:before {
  content: "\f0d6";
}

.fa-arrow-up-big-small:before, .fa-sort-size-up:before {
  content: "\f88e";
}

.fa-barcode-read:before {
  content: "\f464";
}

.fa-baguette:before {
  content: "\e3d8";
}

.fa-bowl-soft-serve:before {
  content: "\e46b";
}

.fa-face-holding-back-tears:before {
  content: "\e482";
}

.fa-arrow-alt-square-up:before, .fa-square-up:before {
  content: "\f353";
}

.fa-subway-tunnel:before, .fa-train-subway-tunnel:before {
  content: "\e2a3";
}

.fa-exclamation-square:before, .fa-square-exclamation:before {
  content: "\f321";
}

.fa-semicolon:before {
  content: ";";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-fan-table:before {
  content: "\e004";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-battery-1:before, .fa-battery-low:before {
  content: "\e0b1";
}

.fa-credit-card-front:before {
  content: "\f38a";
}

.fa-brain-arrow-curved-right:before, .fa-mind-share:before {
  content: "\f677";
}

.fa-umbrella-beach:before {
  content: "\f5ca";
}

.fa-helmet-un:before {
  content: "\e503";
}

.fa-location-smile:before, .fa-map-marker-smile:before {
  content: "\f60d";
}

.fa-arrow-left-to-line:before, .fa-arrow-to-left:before {
  content: "\f33e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-nigiri:before, .fa-sushi:before {
  content: "\e48a";
}

.fa-comment-alt-captions:before, .fa-message-captions:before {
  content: "\e1de";
}

.fa-trash-list:before {
  content: "\e2b1";
}

.fa-bacon:before {
  content: "\f7e5";
}

.fa-option:before {
  content: "\e318";
}

.fa-raccoon:before {
  content: "\e613";
}

.fa-hand-point-down:before {
  content: "\f0a7";
}

.fa-arrow-up-from-bracket:before {
  content: "\e09a";
}

.fa-head-side-gear:before {
  content: "\e611";
}

.fa-trash-plus:before {
  content: "\e2b2";
}

.fa-objects-align-top:before {
  content: "\e3c0";
}

.fa-folder-blank:before, .fa-folder:before {
  content: "\f07b";
}

.fa-face-anxious-sweat:before {
  content: "\e36a";
}

.fa-credit-card-blank:before {
  content: "\f389";
}

.fa-file-medical-alt:before, .fa-file-waveform:before {
  content: "\f478";
}

.fa-microchip-ai:before {
  content: "\e1ec";
}

.fa-mug:before {
  content: "\f874";
}

.fa-plane-up-slash:before {
  content: "\e22e";
}

.fa-radiation:before {
  content: "\f7b9";
}

.fa-pen-circle:before {
  content: "\e20e";
}

.fa-bag-seedling:before {
  content: "\e5f2";
}

.fa-chart-simple:before {
  content: "\e473";
}

.fa-crutches:before {
  content: "\f7f8";
}

.fa-circle-parking:before, .fa-parking-circle:before {
  content: "\f615";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-leaf-oak:before {
  content: "\f6f7";
}

.fa-square-bolt:before {
  content: "\e265";
}

.fa-vial:before {
  content: "\f492";
}

.fa-dashboard:before, .fa-gauge-med:before, .fa-gauge:before, .fa-tachometer-alt-average:before {
  content: "\f624";
}

.fa-magic-wand-sparkles:before, .fa-wand-magic-sparkles:before {
  content: "\e2ca";
}

.fa-lambda:before {
  content: "\f66e";
}

.fa-e:before {
  content: "E";
}

.fa-pizza:before {
  content: "\f817";
}

.fa-bowl-chopsticks-noodles:before {
  content: "\e2ea";
}

.fa-h3:before {
  content: "\f315";
}

.fa-pen-alt:before, .fa-pen-clip:before {
  content: "\f305";
}

.fa-bridge-circle-exclamation:before {
  content: "\e4ca";
}

.fa-badge-percent:before {
  content: "\f646";
}

.fa-rotate-reverse:before {
  content: "\e631";
}

.fa-user:before {
  content: "\f007";
}

.fa-sensor:before {
  content: "\e028";
}

.fa-comma:before {
  content: ",";
}

.fa-school-circle-check:before {
  content: "\e56b";
}

.fa-toilet-paper-reverse:before, .fa-toilet-paper-under:before {
  content: "\e2a0";
}

.fa-light-emergency:before {
  content: "\e41f";
}

.fa-arrow-down-to-arc:before {
  content: "\e4ae";
}

.fa-dumpster:before {
  content: "\f793";
}

.fa-shuttle-van:before, .fa-van-shuttle:before {
  content: "\f5b6";
}

.fa-building-user:before {
  content: "\e4da";
}

.fa-light-switch:before {
  content: "\e017";
}

.fa-caret-square-left:before, .fa-square-caret-left:before {
  content: "\f191";
}

.fa-highlighter:before {
  content: "\f591";
}

.fa-heart-rate:before, .fa-wave-pulse:before {
  content: "\f5f8";
}

.fa-key:before {
  content: "\f084";
}

.fa-hat-santa:before {
  content: "\f7a7";
}

.fa-tamale:before {
  content: "\e451";
}

.fa-box-check:before {
  content: "\f467";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-steak:before {
  content: "\f824";
}

.fa-location-crosshairs-slash:before, .fa-location-slash:before {
  content: "\f603";
}

.fa-person-dolly:before {
  content: "\f4d0";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-synagogue:before {
  content: "\f69b";
}

.fa-file-chart-column:before, .fa-file-chart-line:before {
  content: "\f659";
}

.fa-person-half-dress:before {
  content: "\e548";
}

.fa-folder-image:before {
  content: "\e18a";
}

.fa-calendar-edit:before, .fa-calendar-pen:before {
  content: "\f333";
}

.fa-road-bridge:before {
  content: "\e563";
}

.fa-face-smile-tear:before {
  content: "\e393";
}

.fa-comment-alt-plus:before, .fa-message-plus:before {
  content: "\f4a8";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-c:before {
  content: "C";
}

.fa-tablet-button:before {
  content: "\f10a";
}

.fa-person-dress-fairy:before {
  content: "\e607";
}

.fa-rectangle-history-circle-user:before {
  content: "\e4a4";
}

.fa-building-lock:before {
  content: "\e4d6";
}

.fa-chart-line-up:before {
  content: "\e0e5";
}

.fa-mailbox:before {
  content: "\f813";
}

.fa-sign-posts:before {
  content: "\e625";
}

.fa-truck-bolt:before {
  content: "\e3d0";
}

.fa-pizza-slice:before {
  content: "\f818";
}

.fa-money-bill-wave:before {
  content: "\f53a";
}

.fa-area-chart:before, .fa-chart-area:before {
  content: "\f1fe";
}

.fa-house-flag:before {
  content: "\e50d";
}

.fa-circle-three-quarters-stroke:before {
  content: "\e5d4";
}

.fa-person-circle-minus:before {
  content: "\e540";
}

.fa-scalpel:before {
  content: "\f61d";
}

.fa-ban:before, .fa-cancel:before {
  content: "\f05e";
}

.fa-bell-exclamation:before {
  content: "\f848";
}

.fa-bookmark-circle:before, .fa-circle-bookmark:before {
  content: "\e100";
}

.fa-egg-fried:before {
  content: "\f7fc";
}

.fa-face-weary:before {
  content: "\e3a1";
}

.fa-uniform-martial-arts:before {
  content: "\e3d1";
}

.fa-camera-rotate:before {
  content: "\e0d8";
}

.fa-sun-dust:before {
  content: "\f764";
}

.fa-comment-text:before {
  content: "\e14d";
}

.fa-air-freshener:before, .fa-spray-can-sparkles:before {
  content: "\f5d0";
}

.fa-signal-alt-4:before, .fa-signal-alt:before, .fa-signal-bars-strong:before, .fa-signal-bars:before {
  content: "\f690";
}

.fa-diamond-exclamation:before {
  content: "\e405";
}

.fa-star:before {
  content: "\f005";
}

.fa-dial-min:before {
  content: "\e161";
}

.fa-repeat:before {
  content: "\f363";
}

.fa-cross:before {
  content: "\f654";
}

.fa-file-caret-down:before, .fa-page-caret-down:before {
  content: "\e429";
}

.fa-box:before {
  content: "\f466";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-clock-seven-thirty:before {
  content: "\e351";
}

.fa-arrow-pointer:before, .fa-mouse-pointer:before {
  content: "\f245";
}

.fa-clock-four-thirty:before {
  content: "\e34b";
}

.fa-signal-alt-3:before, .fa-signal-bars-good:before {
  content: "\f693";
}

.fa-cactus:before {
  content: "\f8a7";
}

.fa-lightbulb-gear:before {
  content: "\e5fd";
}

.fa-expand-arrows-alt:before, .fa-maximize:before {
  content: "\f31e";
}

.fa-charging-station:before {
  content: "\f5e7";
}

.fa-shapes:before, .fa-triangle-circle-square:before {
  content: "\f61f";
}

.fa-plane-tail:before {
  content: "\e22c";
}

.fa-gauge-simple-max:before, .fa-tachometer-fastest:before {
  content: "\f62b";
}

.fa-circle-u:before {
  content: "\e127";
}

.fa-shield-slash:before {
  content: "\e24b";
}

.fa-phone-square-down:before, .fa-square-phone-hangup:before {
  content: "\e27a";
}

.fa-arrow-up-left:before {
  content: "\e09d";
}

.fa-transporter-1:before {
  content: "\e043";
}

.fa-peanuts:before {
  content: "\e431";
}

.fa-random:before, .fa-shuffle:before {
  content: "\f074";
}

.fa-person-running:before, .fa-running:before {
  content: "\f70c";
}

.fa-mobile-retro:before {
  content: "\e527";
}

.fa-grip-lines-vertical:before {
  content: "\f7a5";
}

.fa-bin-bottles-recycle:before {
  content: "\e5f6";
}

.fa-arrow-up-from-square:before {
  content: "\e09c";
}

.fa-file-dashed-line:before, .fa-page-break:before {
  content: "\f877";
}

.fa-bracket-curly-right:before {
  content: "}";
}

.fa-spider:before {
  content: "\f717";
}

.fa-clock-three:before {
  content: "\e356";
}

.fa-hands-bound:before {
  content: "\e4f9";
}

.fa-scalpel-line-dashed:before, .fa-scalpel-path:before {
  content: "\f61e";
}

.fa-file-invoice-dollar:before {
  content: "\f571";
}

.fa-pipe-smoking:before {
  content: "\e3c4";
}

.fa-face-astonished:before {
  content: "\e36b";
}

.fa-window:before {
  content: "\f40e";
}

.fa-plane-circle-exclamation:before {
  content: "\e556";
}

.fa-ear:before {
  content: "\f5f0";
}

.fa-file-lock:before {
  content: "\e3a6";
}

.fa-diagram-venn:before {
  content: "\e15a";
}

.fa-x-ray:before {
  content: "\f497";
}

.fa-goal-net:before {
  content: "\e3ab";
}

.fa-coffin-cross:before {
  content: "\e051";
}

.fa-spell-check:before {
  content: "\f891";
}

.fa-location-xmark:before, .fa-map-marker-times:before, .fa-map-marker-xmark:before {
  content: "\f60e";
}

.fa-circle-quarter-stroke:before {
  content: "\e5d3";
}

.fa-lasso:before {
  content: "\f8c8";
}

.fa-slash:before {
  content: "\f715";
}

.fa-person-to-portal:before, .fa-portal-enter:before {
  content: "\e022";
}

.fa-calendar-star:before {
  content: "\f736";
}

.fa-computer-mouse:before, .fa-mouse:before {
  content: "\f8cc";
}

.fa-arrow-right-to-bracket:before, .fa-sign-in:before {
  content: "\f090";
}

.fa-pegasus:before {
  content: "\f703";
}

.fa-files-medical:before {
  content: "\f7fd";
}

.fa-cannon:before {
  content: "\e642";
}

.fa-nfc-lock:before {
  content: "\e1f8";
}

.fa-person-ski-lift:before, .fa-ski-lift:before {
  content: "\f7c8";
}

.fa-square-6:before {
  content: "\e25b";
}

.fa-shop-slash:before, .fa-store-alt-slash:before {
  content: "\e070";
}

.fa-wind-turbine:before {
  content: "\f89b";
}

.fa-sliders-simple:before {
  content: "\e253";
}

.fa-grid-round:before {
  content: "\e5da";
}

.fa-badge-sheriff:before {
  content: "\f8a2";
}

.fa-server:before {
  content: "\f233";
}

.fa-virus-covid-slash:before {
  content: "\e4a9";
}

.fa-intersection:before {
  content: "\f668";
}

.fa-shop-lock:before {
  content: "\e4a5";
}

.fa-family:before {
  content: "\e300";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251";
}

.fa-user-hair-buns:before {
  content: "\e3d3";
}

.fa-blender-phone:before {
  content: "\f6b6";
}

.fa-hourglass-clock:before {
  content: "\e41b";
}

.fa-person-seat-reclined:before {
  content: "\e21f";
}

.fa-paper-plane-alt:before, .fa-paper-plane-top:before, .fa-send:before {
  content: "\e20a";
}

.fa-comment-alt-arrow-up:before, .fa-message-arrow-up:before {
  content: "\e1dc";
}

.fa-lightbulb-exclamation:before {
  content: "\f671";
}

.fa-layer-group-minus:before, .fa-layer-minus:before {
  content: "\f5fe";
}

.fa-chart-pie-simple-circle-currency:before {
  content: "\e604";
}

.fa-circle-e:before {
  content: "\e109";
}

.fa-building-wheat:before {
  content: "\e4db";
}

.fa-gauge-max:before, .fa-tachometer-alt-fastest:before {
  content: "\f626";
}

.fa-person-breastfeeding:before {
  content: "\e53a";
}

.fa-apostrophe:before {
  content: "'";
}

.fa-file-png:before {
  content: "\e666";
}

.fa-fire-hydrant:before {
  content: "\e17f";
}

.fa-right-to-bracket:before, .fa-sign-in-alt:before {
  content: "\f2f6";
}

.fa-video-plus:before {
  content: "\f4e1";
}

.fa-arrow-alt-square-right:before, .fa-square-right:before {
  content: "\f352";
}

.fa-comment-smile:before {
  content: "\f4b4";
}

.fa-venus:before {
  content: "\f221";
}

.fa-passport:before {
  content: "\f5ab";
}

.fa-inbox-arrow-down:before, .fa-inbox-in:before {
  content: "\f310";
}

.fa-heart-pulse:before, .fa-heartbeat:before {
  content: "\f21e";
}

.fa-circle-8:before {
  content: "\e0f5";
}

.fa-clouds-moon:before {
  content: "\f745";
}

.fa-clock-ten-thirty:before {
  content: "\e355";
}

.fa-people-carry-box:before, .fa-people-carry:before {
  content: "\f4ce";
}

.fa-folder-user:before {
  content: "\e18e";
}

.fa-trash-can-xmark:before {
  content: "\e2ae";
}

.fa-temperature-high:before {
  content: "\f769";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-left-long-to-line:before {
  content: "\e41e";
}

.fa-crown:before {
  content: "\f521";
}

.fa-weight-hanging:before {
  content: "\f5cd";
}

.fa-xmarks-lines:before {
  content: "\e59a";
}

.fa-file-prescription:before {
  content: "\f572";
}

.fa-calendar-range:before {
  content: "\e0d6";
}

.fa-flower-daffodil:before {
  content: "\f800";
}

.fa-hand-back-point-up:before {
  content: "\e1a2";
}

.fa-weight-scale:before, .fa-weight:before {
  content: "\f496";
}

.fa-arrow-up-to-arc:before {
  content: "\e617";
}

.fa-star-exclamation:before {
  content: "\f2f3";
}

.fa-books:before {
  content: "\f5db";
}

.fa-user-friends:before, .fa-user-group:before {
  content: "\f500";
}

.fa-arrow-up-a-z:before, .fa-sort-alpha-up:before {
  content: "\f15e";
}

.fa-layer-group-plus:before, .fa-layer-plus:before {
  content: "\f5ff";
}

.fa-play-pause:before {
  content: "\e22f";
}

.fa-block-question:before {
  content: "\e3dd";
}

.fa-snooze:before, .fa-zzz:before {
  content: "\f880";
}

.fa-scanner-image:before {
  content: "\f8f3";
}

.fa-tv-retro:before {
  content: "\f401";
}

.fa-square-t:before {
  content: "\e280";
}

.fa-barn-silo:before, .fa-farm:before {
  content: "\f864";
}

.fa-chess-knight:before {
  content: "\f441";
}

.fa-bars-sort:before {
  content: "\e0ae";
}

.fa-palette-boxes:before, .fa-pallet-alt:before, .fa-pallet-boxes:before {
  content: "\f483";
}

.fa-face-laugh-squint:before, .fa-laugh-squint:before {
  content: "\f59b";
}

.fa-code-simple:before {
  content: "\e13d";
}

.fa-bolt-slash:before {
  content: "\e0b8";
}

.fa-panel-fire:before {
  content: "\e42f";
}

.fa-binary-circle-check:before {
  content: "\e33c";
}

.fa-comment-minus:before {
  content: "\f4b1";
}

.fa-burrito:before {
  content: "\f7ed";
}

.fa-violin:before {
  content: "\f8ed";
}

.fa-objects-column:before {
  content: "\e3c1";
}

.fa-chevron-square-down:before, .fa-square-chevron-down:before {
  content: "\f329";
}

.fa-comment-plus:before {
  content: "\f4b2";
}

.fa-triangle-instrument:before, .fa-triangle-music:before {
  content: "\f8e2";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-user-pilot-tie:before {
  content: "\e2c1";
}

.fa-piano-keyboard:before {
  content: "\f8d5";
}

.fa-bed-empty:before {
  content: "\f8f9";
}

.fa-arrow-circle-up:before, .fa-circle-arrow-up:before {
  content: "\f0aa";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-rectangle-portrait:before, .fa-rectangle-vertical:before {
  content: "\f2fb";
}

.fa-person-walking:before, .fa-walking:before {
  content: "\f554";
}

.fa-l:before {
  content: "L";
}

.fa-signal-stream:before {
  content: "\f8dd";
}

.fa-down-to-bracket:before {
  content: "\e4e7";
}

.fa-circle-z:before {
  content: "\e130";
}

.fa-stars:before {
  content: "\f762";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-bed-pulse:before, .fa-procedures:before {
  content: "\f487";
}

.fa-house-day:before {
  content: "\e00e";
}

.fa-shuttle-space:before, .fa-space-shuttle:before {
  content: "\f197";
}

.fa-shirt-long-sleeve:before {
  content: "\e3c7";
}

.fa-chart-pie-alt:before, .fa-chart-pie-simple:before {
  content: "\f64e";
}

.fa-face-laugh:before, .fa-laugh:before {
  content: "\f599";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-album-collection-circle-user:before {
  content: "\e48f";
}

.fa-candy:before {
  content: "\e3e7";
}

.fa-bowl-hot:before, .fa-soup:before {
  content: "\f823";
}

.fa-flatbread:before {
  content: "\e40b";
}

.fa-heart-circle-plus:before {
  content: "\e500";
}

.fa-code-fork:before {
  content: "\e13b";
}

.fa-city:before {
  content: "\f64f";
}

.fa-signal-alt-1:before, .fa-signal-bars-weak:before {
  content: "\f691";
}

.fa-microphone-alt:before, .fa-microphone-lines:before {
  content: "\f3c9";
}

.fa-clock-twelve:before {
  content: "\e358";
}

.fa-pepper-hot:before {
  content: "\f816";
}

.fa-citrus-slice:before {
  content: "\e2f5";
}

.fa-sheep:before {
  content: "\f711";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-colon-sign:before {
  content: "\e140";
}

.fa-headset:before {
  content: "\f590";
}

.fa-badger-honey:before {
  content: "\f6b4";
}

.fa-h4:before {
  content: "\f86a";
}

.fa-store-slash:before {
  content: "\e071";
}

.fa-road-circle-xmark:before {
  content: "\e566";
}

.fa-signal-slash:before {
  content: "\f695";
}

.fa-user-minus:before {
  content: "\f503";
}

.fa-mars-stroke-up:before, .fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-champagne-glasses:before, .fa-glass-cheers:before {
  content: "\f79f";
}

.fa-taco:before {
  content: "\f826";
}

.fa-hexagon-plus:before, .fa-plus-hexagon:before {
  content: "\f300";
}

.fa-clipboard:before {
  content: "\f328";
}

.fa-house-circle-exclamation:before {
  content: "\e50a";
}

.fa-file-arrow-up:before, .fa-file-upload:before {
  content: "\f574";
}

.fa-wifi-3:before, .fa-wifi-strong:before, .fa-wifi:before {
  content: "\f1eb";
}

.fa-comments-alt:before, .fa-messages:before {
  content: "\f4b6";
}

.fa-bath:before, .fa-bathtub:before {
  content: "\f2cd";
}

.fa-umbrella-alt:before, .fa-umbrella-simple:before {
  content: "\e2bc";
}

.fa-rectangle-history-circle-plus:before {
  content: "\e4a3";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-prescription-bottle-pill:before {
  content: "\e5c0";
}

.fa-user-edit:before, .fa-user-pen:before {
  content: "\f4ff";
}

.fa-binary-slash:before {
  content: "\e33e";
}

.fa-square-o:before {
  content: "\e278";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-stroopwafel:before {
  content: "\f551";
}

.fa-bold:before {
  content: "\f032";
}

.fa-anchor-lock:before {
  content: "\e4ad";
}

.fa-building-ngo:before {
  content: "\e4d7";
}

.fa-transporter-3:before {
  content: "\e045";
}

.fa-engine-exclamation:before, .fa-engine-warning:before {
  content: "\f5f2";
}

.fa-circle-down-right:before {
  content: "\e108";
}

.fa-square-k:before {
  content: "\e274";
}

.fa-manat-sign:before {
  content: "\e1d5";
}

.fa-money-check-edit:before, .fa-money-check-pen:before {
  content: "\f872";
}

.fa-not-equal:before {
  content: "\f53e";
}

.fa-border-style:before, .fa-border-top-left:before {
  content: "\f853";
}

.fa-map-location-dot:before, .fa-map-marked-alt:before {
  content: "\f5a0";
}

.fa-tilde:before {
  content: "~";
}

.fa-jedi:before {
  content: "\f669";
}

.fa-poll:before, .fa-square-poll-vertical:before {
  content: "\f681";
}

.fa-arrow-down-square-triangle:before, .fa-sort-shapes-down-alt:before {
  content: "\f889";
}

.fa-mug-hot:before {
  content: "\f7b6";
}

.fa-dog-leashed:before {
  content: "\f6d4";
}

.fa-battery-car:before, .fa-car-battery:before {
  content: "\f5df";
}

.fa-face-downcast-sweat:before {
  content: "\e371";
}

.fa-mailbox-flag-up:before {
  content: "\e5bb";
}

.fa-memo-circle-info:before {
  content: "\e49a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-dice-two:before {
  content: "\f528";
}

.fa-volume-medium:before, .fa-volume:before {
  content: "\f6a8";
}

.fa-transporter-5:before {
  content: "\e2a6";
}

.fa-gauge-circle-bolt:before {
  content: "\e496";
}

.fa-coin-front:before {
  content: "\e3fc";
}

.fa-file-slash:before {
  content: "\e3a7";
}

.fa-message-arrow-up-right:before {
  content: "\e1dd";
}

.fa-treasure-chest:before {
  content: "\f723";
}

.fa-chess-queen:before {
  content: "\f445";
}

.fa-paint-brush-alt:before, .fa-paint-brush-fine:before, .fa-paintbrush-alt:before, .fa-paintbrush-fine:before {
  content: "\f5a9";
}

.fa-glasses:before {
  content: "\f530";
}

.fa-hood-cloak:before {
  content: "\f6ef";
}

.fa-square-quote:before {
  content: "\e329";
}

.fa-up-left:before {
  content: "\e2bd";
}

.fa-bring-front:before {
  content: "\f857";
}

.fa-chess-board:before {
  content: "\f43c";
}

.fa-burger-cheese:before, .fa-cheeseburger:before {
  content: "\f7f1";
}

.fa-building-circle-check:before {
  content: "\e4d2";
}

.fa-repeat-1:before {
  content: "\f365";
}

.fa-arrow-down-to-line:before, .fa-arrow-to-bottom:before {
  content: "\f33d";
}

.fa-grid-5:before {
  content: "\e199";
}

.fa-swap-arrows:before {
  content: "\e60a";
}

.fa-right-long-to-line:before {
  content: "\e444";
}

.fa-person-chalkboard:before {
  content: "\e53d";
}

.fa-mars-stroke-h:before, .fa-mars-stroke-right:before {
  content: "\f22b";
}

.fa-hand-back-fist:before, .fa-hand-rock:before {
  content: "\f255";
}

.fa-grid-round-5:before {
  content: "\e5de";
}

.fa-tally-5:before, .fa-tally:before {
  content: "\f69c";
}

.fa-caret-square-up:before, .fa-square-caret-up:before {
  content: "\f151";
}

.fa-cloud-showers-water:before {
  content: "\e4e4";
}

.fa-bar-chart:before, .fa-chart-bar:before {
  content: "\f080";
}

.fa-hands-bubbles:before, .fa-hands-wash:before {
  content: "\e05e";
}

.fa-less-than-equal:before {
  content: "\f537";
}

.fa-train:before {
  content: "\f238";
}

.fa-up-from-dotted-line:before {
  content: "\e456";
}

.fa-eye-low-vision:before, .fa-low-vision:before {
  content: "\f2a8";
}

.fa-traffic-light-go:before {
  content: "\f638";
}

.fa-face-exhaling:before {
  content: "\e480";
}

.fa-sensor-fire:before {
  content: "\e02a";
}

.fa-user-unlock:before {
  content: "\e058";
}

.fa-hexagon-divide:before {
  content: "\e1ad";
}

.fa-00:before {
  content: "\e467";
}

.fa-crow:before {
  content: "\f520";
}

.fa-betamax:before, .fa-cassette-betamax:before {
  content: "\f8a4";
}

.fa-sailboat:before {
  content: "\e445";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-nfc-magnifying-glass:before {
  content: "\e1f9";
}

.fa-file-binary:before {
  content: "\e175";
}

.fa-circle-v:before {
  content: "\e12a";
}

.fa-plus-square:before, .fa-square-plus:before {
  content: "\f0fe";
}

.fa-bowl-scoops:before {
  content: "\e3df";
}

.fa-mistletoe:before {
  content: "\f7b4";
}

.fa-custard:before {
  content: "\e403";
}

.fa-lacrosse-stick:before {
  content: "\e3b5";
}

.fa-hockey-mask:before {
  content: "\f6ee";
}

.fa-sunrise:before {
  content: "\f766";
}

.fa-subtitles:before {
  content: "\e60f";
}

.fa-panel-ews:before {
  content: "\e42e";
}

.fa-torii-gate:before {
  content: "\f6a1";
}

.fa-cloud-exclamation:before {
  content: "\e491";
}

.fa-comment-alt-lines:before, .fa-message-lines:before {
  content: "\f4a6";
}

.fa-frog:before {
  content: "\f52e";
}

.fa-bucket:before {
  content: "\e4cf";
}

.fa-floppy-disk-pen:before {
  content: "\e182";
}

.fa-image:before {
  content: "\f03e";
}

.fa-window-frame:before {
  content: "\e04f";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-cow:before {
  content: "\f6c8";
}

.fa-file-zip:before {
  content: "\e5ee";
}

.fa-square-ring:before {
  content: "\e44f";
}

.fa-arrow-alt-from-top:before, .fa-down-from-line:before {
  content: "\f349";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-shield-times:before, .fa-shield-xmark:before {
  content: "\e24c";
}

.fa-screwdriver:before {
  content: "\f54a";
}

.fa-circle-sort-down:before, .fa-sort-circle-down:before {
  content: "\e031";
}

.fa-folder-closed:before {
  content: "\e185";
}

.fa-house-tsunami:before {
  content: "\e515";
}

.fa-square-nfi:before {
  content: "\e576";
}

.fa-forklift:before {
  content: "\f47a";
}

.fa-arrow-up-from-ground-water:before {
  content: "\e4b5";
}

.fa-bracket-square-right:before {
  content: "]";
}

.fa-glass-martini-alt:before, .fa-martini-glass:before {
  content: "\f57b";
}

.fa-rotate-back:before, .fa-rotate-backward:before, .fa-rotate-left:before, .fa-undo-alt:before {
  content: "\f2ea";
}

.fa-columns:before, .fa-table-columns:before {
  content: "\f0db";
}

.fa-square-a:before {
  content: "\e25f";
}

.fa-tick:before {
  content: "\e32f";
}

.fa-lemon:before {
  content: "\f094";
}

.fa-head-side-mask:before {
  content: "\e063";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-gem:before {
  content: "\f3a5";
}

.fa-dolly-box:before, .fa-dolly:before {
  content: "\f472";
}

.fa-smoking:before {
  content: "\f48d";
}

.fa-compress-arrows-alt:before, .fa-minimize:before {
  content: "\f78c";
}

.fa-refrigerator:before {
  content: "\e026";
}

.fa-monument:before {
  content: "\f5a6";
}

.fa-octagon-xmark:before, .fa-times-octagon:before, .fa-xmark-octagon:before {
  content: "\f2f0";
}

.fa-align-slash:before {
  content: "\f846";
}

.fa-snowplow:before {
  content: "\f7d2";
}

.fa-angle-double-right:before, .fa-angles-right:before {
  content: "\f101";
}

.fa-truck-couch:before, .fa-truck-ramp-couch:before {
  content: "\f4dd";
}

.fa-cannabis:before {
  content: "\f55f";
}

.fa-circle-play:before, .fa-play-circle:before {
  content: "\f144";
}

.fa-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\e0a0";
}

.fa-location-arrow-up:before {
  content: "\e63a";
}

.fa-tablets:before {
  content: "\f490";
}

.fa-360-degrees:before {
  content: "\e2dc";
}

.fa-ethernet:before {
  content: "\f796";
}

.fa-eur:before, .fa-euro-sign:before, .fa-euro:before {
  content: "\f153";
}

.fa-chair:before {
  content: "\f6c0";
}

.fa-check-circle:before, .fa-circle-check:before {
  content: "\f058";
}

.fa-square-dashed-circle-plus:before {
  content: "\e5c2";
}

.fa-hand-holding-circle-dollar:before {
  content: "\e621";
}

.fa-money-simple-from-bracket:before {
  content: "\e313";
}

.fa-bat:before {
  content: "\f6b5";
}

.fa-circle-stop:before, .fa-stop-circle:before {
  content: "\f28d";
}

.fa-head-side-headphones:before {
  content: "\f8c2";
}

.fa-phone-rotary:before {
  content: "\f8d3";
}

.fa-compass-drafting:before, .fa-drafting-compass:before {
  content: "\f568";
}

.fa-plate-wheat:before {
  content: "\e55a";
}

.fa-calendar-circle-minus:before {
  content: "\e46f";
}

.fa-chopsticks:before {
  content: "\e3f7";
}

.fa-car-mechanic:before, .fa-car-wrench:before {
  content: "\f5e3";
}

.fa-icicles:before {
  content: "\f7ad";
}

.fa-person-shelter:before {
  content: "\e54f";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-kazoo:before {
  content: "\f8c7";
}

.fa-marker:before {
  content: "\f5a1";
}

.fa-bin-bottles:before {
  content: "\e5f5";
}

.fa-face-laugh-beam:before, .fa-laugh-beam:before {
  content: "\f59a";
}

.fa-square-arrow-down-left:before {
  content: "\e261";
}

.fa-battery-bolt:before {
  content: "\f376";
}

.fa-tree-large:before {
  content: "\f7dd";
}

.fa-helicopter-symbol:before {
  content: "\e502";
}

.fa-aperture:before {
  content: "\e2df";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-gear-complex:before {
  content: "\e5e9";
}

.fa-file-magnifying-glass:before, .fa-file-search:before {
  content: "\f865";
}

.fa-up-right:before {
  content: "\e2be";
}

.fa-chevron-circle-up:before, .fa-circle-chevron-up:before {
  content: "\f139";
}

.fa-user-police:before {
  content: "\e333";
}

.fa-lari-sign:before {
  content: "\e1c8";
}

.fa-volcano:before {
  content: "\f770";
}

.fa-teddy-bear:before {
  content: "\e3cf";
}

.fa-stocking:before {
  content: "\f7d5";
}

.fa-person-walking-dashed-line-arrow-right:before {
  content: "\e553";
}

.fa-image-slash:before {
  content: "\e1b7";
}

.fa-mask-snorkel:before {
  content: "\e3b7";
}

.fa-smoke:before {
  content: "\f760";
}

.fa-gbp:before, .fa-pound-sign:before, .fa-sterling-sign:before {
  content: "\f154";
}

.fa-battery-exclamation:before {
  content: "\e0b0";
}

.fa-viruses:before {
  content: "\e076";
}

.fa-square-person-confined:before {
  content: "\e577";
}

.fa-user-tie:before {
  content: "\f508";
}

.fa-arrow-down-long:before, .fa-long-arrow-down:before {
  content: "\f175";
}

.fa-tent-arrow-down-to-line:before {
  content: "\e57e";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-crystal-ball:before {
  content: "\e362";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-person-skating:before, .fa-skating:before {
  content: "\f7c5";
}

.fa-star-shooting:before {
  content: "\e036";
}

.fa-binary-lock:before {
  content: "\e33d";
}

.fa-filter-circle-dollar:before, .fa-funnel-dollar:before {
  content: "\f662";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-arrow-circle-down:before, .fa-circle-arrow-down:before {
  content: "\f0ab";
}

.fa-comment-edit:before, .fa-comment-pen:before {
  content: "\f4ae";
}

.fa-arrow-right-to-file:before, .fa-file-import:before {
  content: "\f56f";
}

.fa-banjo:before {
  content: "\f8a3";
}

.fa-external-link-square:before, .fa-square-arrow-up-right:before {
  content: "\f14c";
}

.fa-light-emergency-on:before {
  content: "\e420";
}

.fa-kerning:before {
  content: "\f86f";
}

.fa-box-open:before {
  content: "\f49e";
}

.fa-square-f:before {
  content: "\e270";
}

.fa-scroll:before {
  content: "\f70e";
}

.fa-spa:before {
  content: "\f5bb";
}

.fa-arrow-from-right:before, .fa-arrow-left-from-line:before {
  content: "\f344";
}

.fa-strawberry:before {
  content: "\e32b";
}

.fa-location-pin-lock:before {
  content: "\e51f";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-clock-eight-thirty:before {
  content: "\e346";
}

.fa-plane-alt:before, .fa-plane-engines:before {
  content: "\f3de";
}

.fa-hill-avalanche:before {
  content: "\e507";
}

.fa-temperature-0:before, .fa-temperature-empty:before, .fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-gauge-low:before, .fa-tachometer-alt-slow:before {
  content: "\f627";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-trash-can-plus:before {
  content: "\e2ac";
}

.fa-address-card:before, .fa-contact-card:before, .fa-vcard:before {
  content: "\f2bb";
}

.fa-balance-scale-right:before, .fa-scale-unbalanced-flip:before {
  content: "\f516";
}

.fa-globe-snow:before {
  content: "\f7a3";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-diamond-turn-right:before, .fa-directions:before {
  content: "\f5eb";
}

.fa-integral:before {
  content: "\f667";
}

.fa-burst:before {
  content: "\e4dc";
}

.fa-house-laptop:before, .fa-laptop-house:before {
  content: "\e066";
}

.fa-face-tired:before, .fa-tired:before {
  content: "\f5c8";
}

.fa-money-bills:before {
  content: "\e1f3";
}

.fa-blinds-raised:before {
  content: "\f8fd";
}

.fa-smog:before {
  content: "\f75f";
}

.fa-ufo-beam:before {
  content: "\e048";
}

.fa-caret-circle-up:before, .fa-circle-caret-up:before {
  content: "\f331";
}

.fa-user-vneck-hair-long:before {
  content: "\e463";
}

.fa-square-a-lock:before {
  content: "\e44d";
}

.fa-crutch:before {
  content: "\f7f7";
}

.fa-gas-pump-slash:before {
  content: "\f5f4";
}

.fa-cloud-arrow-up:before, .fa-cloud-upload-alt:before, .fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-transporter-4:before {
  content: "\e2a5";
}

.fa-chart-mixed-up-circle-currency:before {
  content: "\e5d8";
}

.fa-objects-align-right:before {
  content: "\e3bf";
}

.fa-arrows-turn-right:before {
  content: "\e4c0";
}

.fa-vest:before {
  content: "\e085";
}

.fa-pig:before {
  content: "\f706";
}

.fa-inbox-full:before {
  content: "\e1ba";
}

.fa-circle-envelope:before, .fa-envelope-circle:before {
  content: "\e10c";
}

.fa-construction:before, .fa-triangle-person-digging:before {
  content: "\f85d";
}

.fa-ferry:before {
  content: "\e4ea";
}

.fa-bullseye-arrow:before {
  content: "\f648";
}

.fa-arrows-down-to-people:before {
  content: "\e4b9";
}

.fa-seedling:before, .fa-sprout:before {
  content: "\f4d8";
}

.fa-clock-seven:before {
  content: "\e350";
}

.fa-arrows-alt-h:before, .fa-left-right:before {
  content: "\f337";
}

.fa-boxes-packing:before {
  content: "\e4c7";
}

.fa-arrow-circle-left:before, .fa-circle-arrow-left:before {
  content: "\f0a8";
}

.fa-flashlight:before {
  content: "\f8b8";
}

.fa-file-jpg:before {
  content: "\e646";
}

.fa-group-arrows-rotate:before {
  content: "\e4f6";
}

.fa-bowl-food:before {
  content: "\e4c6";
}

.fa-square-9:before {
  content: "\e25e";
}

.fa-candy-cane:before {
  content: "\f786";
}

.fa-arrow-down-wide-short:before, .fa-sort-amount-asc:before, .fa-sort-amount-down:before {
  content: "\f160";
}

.fa-dollar-square:before, .fa-square-dollar:before, .fa-usd-square:before {
  content: "\f2e9";
}

.fa-phone-arrow-right:before {
  content: "\e5be";
}

.fa-hand-holding-seedling:before {
  content: "\f4bf";
}

.fa-comment-alt-check:before, .fa-message-check:before {
  content: "\f4a2";
}

.fa-cloud-bolt:before, .fa-thunderstorm:before {
  content: "\f76c";
}

.fa-chart-line-up-down:before {
  content: "\e5d7";
}

.fa-remove-format:before, .fa-text-slash:before {
  content: "\f87d";
}

.fa-watch:before {
  content: "\f2e1";
}

.fa-circle-down-left:before {
  content: "\e107";
}

.fa-text:before {
  content: "\f893";
}

.fa-projector:before {
  content: "\f8d6";
}

.fa-face-smile-wink:before, .fa-smile-wink:before {
  content: "\f4da";
}

.fa-tombstone-alt:before, .fa-tombstone-blank:before {
  content: "\f721";
}

.fa-chess-king-alt:before, .fa-chess-king-piece:before {
  content: "\f440";
}

.fa-circle-6:before {
  content: "\e0f3";
}

.fa-waves-sine:before {
  content: "\e65d";
}

.fa-arrow-alt-left:before, .fa-left:before {
  content: "\f355";
}

.fa-file-word:before {
  content: "\f1c2";
}

.fa-file-powerpoint:before {
  content: "\f1c4";
}

.fa-arrow-alt-square-down:before, .fa-square-down:before {
  content: "\f350";
}

.fa-objects-align-center-vertical:before {
  content: "\e3bd";
}

.fa-arrows-h:before, .fa-arrows-left-right:before {
  content: "\f07e";
}

.fa-house-lock:before {
  content: "\e510";
}

.fa-cloud-arrow-down:before, .fa-cloud-download-alt:before, .fa-cloud-download:before {
  content: "\f0ed";
}

.fa-wreath:before {
  content: "\f7e2";
}

.fa-children:before {
  content: "\e4e1";
}

.fa-meter-droplet:before {
  content: "\e1ea";
}

.fa-blackboard:before, .fa-chalkboard:before {
  content: "\f51b";
}

.fa-user-alt-slash:before, .fa-user-large-slash:before {
  content: "\f4fa";
}

.fa-signal-4:before, .fa-signal-strong:before {
  content: "\f68f";
}

.fa-lollipop:before, .fa-lollypop:before {
  content: "\e424";
}

.fa-list-tree:before {
  content: "\e1d2";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-draw-circle:before {
  content: "\f5ed";
}

.fa-cat-space:before {
  content: "\e001";
}

.fa-handshake-alt-slash:before, .fa-handshake-simple-slash:before {
  content: "\e05f";
}

.fa-rabbit-fast:before, .fa-rabbit-running:before {
  content: "\f709";
}

.fa-memo-pad:before {
  content: "\e1da";
}

.fa-mattress-pillow:before {
  content: "\e525";
}

.fa-alarm-plus:before {
  content: "\f844";
}

.fa-alicorn:before {
  content: "\f6b0";
}

.fa-comment-question:before {
  content: "\e14b";
}

.fa-gingerbread-man:before {
  content: "\f79d";
}

.fa-guarani-sign:before {
  content: "\e19a";
}

.fa-burger-fries:before {
  content: "\e0cd";
}

.fa-mug-tea:before {
  content: "\f875";
}

.fa-border-top:before {
  content: "\f855";
}

.fa-arrows-rotate:before, .fa-refresh:before, .fa-sync:before {
  content: "\f021";
}

.fa-book-circle:before, .fa-circle-book-open:before {
  content: "\e0ff";
}

.fa-arrows-to-dotted-line:before {
  content: "\e0a6";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-magnifying-glass-arrows-rotate:before {
  content: "\e65e";
}

.fa-garage-open:before {
  content: "\e00b";
}

.fa-shelves-empty:before {
  content: "\e246";
}

.fa-cruzeiro-sign:before {
  content: "\e152";
}

.fa-watch-apple:before {
  content: "\e2cb";
}

.fa-watch-calculator:before {
  content: "\f8f0";
}

.fa-list-dropdown:before {
  content: "\e1cf";
}

.fa-cabinet-filing:before {
  content: "\f64b";
}

.fa-burger-soda:before {
  content: "\f858";
}

.fa-arrow-square-up:before, .fa-square-arrow-up:before {
  content: "\f33c";
}

.fa-greater-than-equal:before {
  content: "\f532";
}

.fa-pallet-box:before {
  content: "\e208";
}

.fa-face-confounded:before {
  content: "\e36c";
}

.fa-shield-alt:before, .fa-shield-halved:before {
  content: "\f3ed";
}

.fa-truck-plow:before {
  content: "\f7de";
}

.fa-atlas:before, .fa-book-atlas:before {
  content: "\f558";
}

.fa-virus:before {
  content: "\e074";
}

.fa-grid-round-2:before {
  content: "\e5db";
}

.fa-comment-middle-top:before {
  content: "\e14a";
}

.fa-wave:before {
  content: "\e65b";
}

.fa-envelope-circle-check:before {
  content: "\e4e8";
}

.fa-layer-group:before {
  content: "\f5fd";
}

.fa-restroom-simple:before {
  content: "\e23a";
}

.fa-arrows-to-dot:before {
  content: "\e4be";
}

.fa-border-outer:before {
  content: "\f851";
}

.fa-hashtag-lock:before {
  content: "\e415";
}

.fa-clock-two-thirty:before {
  content: "\e35b";
}

.fa-archway:before {
  content: "\f557";
}

.fa-heart-circle-check:before {
  content: "\e4fd";
}

.fa-house-chimney-crack:before, .fa-house-damage:before {
  content: "\f6f1";
}

.fa-file-archive:before, .fa-file-zipper:before {
  content: "\f1c6";
}

.fa-ticket-perforated:before {
  content: "\e63e";
}

.fa-heart-half:before {
  content: "\e1ab";
}

.fa-comment-check:before {
  content: "\f4ac";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-memo:before {
  content: "\e1d8";
}

.fa-glass-martini:before, .fa-martini-glass-empty:before {
  content: "\f000";
}

.fa-couch:before {
  content: "\f4b8";
}

.fa-cedi-sign:before {
  content: "\e0df";
}

.fa-italic:before {
  content: "\f033";
}

.fa-glass-citrus:before {
  content: "\f869";
}

.fa-calendar-lines-pen:before {
  content: "\e472";
}

.fa-church:before {
  content: "\f51d";
}

.fa-person-snowmobiling:before, .fa-snowmobile:before {
  content: "\f7d1";
}

.fa-face-hushed:before {
  content: "\e37b";
}

.fa-comments-dollar:before {
  content: "\f653";
}

.fa-tickets-simple:before {
  content: "\e659";
}

.fa-pickaxe:before {
  content: "\e5bf";
}

.fa-link-simple-slash:before {
  content: "\e1ce";
}

.fa-democrat:before {
  content: "\f747";
}

.fa-face-confused:before {
  content: "\e36d";
}

.fa-pinball:before {
  content: "\e229";
}

.fa-z:before {
  content: "Z";
}

.fa-person-skiing:before, .fa-skiing:before {
  content: "\f7c9";
}

.fa-deer:before {
  content: "\f78e";
}

.fa-input-pipe:before {
  content: "\e1be";
}

.fa-road-lock:before {
  content: "\e567";
}

.fa-a:before {
  content: "A";
}

.fa-bookmark-slash:before {
  content: "\e0c2";
}

.fa-temperature-arrow-down:before, .fa-temperature-down:before {
  content: "\e03f";
}

.fa-mace:before {
  content: "\f6f8";
}

.fa-feather-alt:before, .fa-feather-pointed:before {
  content: "\f56b";
}

.fa-sausage:before {
  content: "\f820";
}

.fa-trash-can-clock:before {
  content: "\e2aa";
}

.fa-p:before {
  content: "P";
}

.fa-broom-wide:before {
  content: "\e5d1";
}

.fa-snowflake:before {
  content: "\f2dc";
}

.fa-stomach:before {
  content: "\f623";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-ad:before, .fa-rectangle-ad:before {
  content: "\f641";
}

.fa-guitar-electric:before {
  content: "\f8be";
}

.fa-arrow-turn-down-right:before {
  content: "\e3d6";
}

.fa-moon-cloud:before {
  content: "\f754";
}

.fa-bread-slice-butter:before {
  content: "\e3e1";
}

.fa-arrow-circle-right:before, .fa-circle-arrow-right:before {
  content: "\f0a9";
}

.fa-user-group-crown:before, .fa-users-crown:before {
  content: "\f6a5";
}

.fa-circle-i:before {
  content: "\e111";
}

.fa-toilet-paper-check:before {
  content: "\e5b2";
}

.fa-filter-circle-xmark:before {
  content: "\e17b";
}

.fa-locust:before {
  content: "\e520";
}

.fa-sort:before, .fa-unsorted:before {
  content: "\f0dc";
}

.fa-list-1-2:before, .fa-list-numeric:before, .fa-list-ol:before {
  content: "\f0cb";
}

.fa-chart-waterfall:before {
  content: "\e0eb";
}

.fa-sparkle:before {
  content: "\e5d6";
}

.fa-face-party:before {
  content: "\e383";
}

.fa-kidneys:before {
  content: "\f5fb";
}

.fa-wifi-exclamation:before {
  content: "\e2cf";
}

.fa-chart-network:before {
  content: "\f78a";
}

.fa-person-dress-burst:before {
  content: "\e544";
}

.fa-dice-d4:before {
  content: "\f6d0";
}

.fa-money-check-alt:before, .fa-money-check-dollar:before {
  content: "\f53d";
}

.fa-vector-square:before {
  content: "\f5cb";
}

.fa-bread-slice:before {
  content: "\f7ec";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-wheat-awn-slash:before {
  content: "\e338";
}

.fa-face-kiss-wink-heart:before, .fa-kiss-wink-heart:before {
  content: "\f598";
}

.fa-dagger:before {
  content: "\f6cb";
}

.fa-podium:before {
  content: "\f680";
}

.fa-memo-circle-check:before {
  content: "\e1d9";
}

.fa-route-highway:before {
  content: "\f61a";
}

.fa-arrow-alt-to-bottom:before, .fa-down-to-line:before {
  content: "\f34a";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-square-g:before {
  content: "\e271";
}

.fa-circle-phone:before, .fa-phone-circle:before {
  content: "\e11b";
}

.fa-clipboard-prescription:before {
  content: "\f5e8";
}

.fa-user-nurse-hair:before {
  content: "\e45d";
}

.fa-question:before {
  content: "?";
}

.fa-file-signature:before {
  content: "\f573";
}

.fa-toggle-large-on:before {
  content: "\e5b1";
}

.fa-arrows-alt:before, .fa-up-down-left-right:before {
  content: "\f0b2";
}

.fa-dryer-alt:before, .fa-dryer-heat:before {
  content: "\f862";
}

.fa-house-chimney-user:before {
  content: "\e065";
}

.fa-hand-holding-heart:before {
  content: "\f4be";
}

.fa-arrow-up-small-big:before, .fa-sort-size-up-alt:before {
  content: "\f88f";
}

.fa-train-track:before {
  content: "\e453";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-money-check:before {
  content: "\f53c";
}

.fa-star-half-alt:before, .fa-star-half-stroke:before {
  content: "\f5c0";
}

.fa-file-exclamation:before {
  content: "\f31a";
}

.fa-code:before {
  content: "\f121";
}

.fa-glass-whiskey:before, .fa-whiskey-glass:before {
  content: "\f7a0";
}

.fa-moon-stars:before {
  content: "\f755";
}

.fa-building-circle-exclamation:before {
  content: "\e4d3";
}

.fa-clothes-hanger:before {
  content: "\e136";
}

.fa-mobile-iphone:before, .fa-mobile-notch:before {
  content: "\e1ee";
}

.fa-magnifying-glass-chart:before {
  content: "\e522";
}

.fa-arrow-up-right-from-square:before, .fa-external-link:before {
  content: "\f08e";
}

.fa-cubes-stacked:before {
  content: "\e4e6";
}

.fa-images-user:before {
  content: "\e1b9";
}

.fa-krw:before, .fa-won-sign:before, .fa-won:before {
  content: "\f159";
}

.fa-image-polaroid-user:before {
  content: "\e1b6";
}

.fa-virus-covid:before {
  content: "\e4a8";
}

.fa-square-ellipsis:before {
  content: "\e26e";
}

.fa-pie:before {
  content: "\f705";
}

.fa-chess-knight-alt:before, .fa-chess-knight-piece:before {
  content: "\f442";
}

.fa-austral-sign:before {
  content: "\e0a9";
}

.fa-cloud-plus:before {
  content: "\e35e";
}

.fa-f:before {
  content: "F";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-bed-bunk:before {
  content: "\f8f8";
}

.fa-road:before {
  content: "\f018";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-person-circle-plus:before {
  content: "\e541";
}

.fa-chart-pie:before, .fa-pie-chart:before {
  content: "\f200";
}

.fa-bolt-lightning:before {
  content: "\e0b7";
}

.fa-clock-eight:before {
  content: "\e345";
}

.fa-sack-xmark:before {
  content: "\e56a";
}

.fa-file-xls:before {
  content: "\e64d";
}

.fa-file-excel:before {
  content: "\f1c3";
}

.fa-file-contract:before {
  content: "\f56c";
}

.fa-fish-fins:before {
  content: "\e4f2";
}

.fa-circle-q:before {
  content: "\e11e";
}

.fa-building-flag:before {
  content: "\e4d5";
}

.fa-face-grin-beam:before, .fa-grin-beam:before {
  content: "\f582";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-face-disguise:before {
  content: "\e370";
}

.fa-circle-arrow-down-right:before {
  content: "\e0fa";
}

.fa-alien-8bit:before, .fa-alien-monster:before {
  content: "\f8f6";
}

.fa-hand-point-ribbon:before {
  content: "\e1a6";
}

.fa-poop:before {
  content: "\f619";
}

.fa-object-exclude:before {
  content: "\e49c";
}

.fa-telescope:before {
  content: "\e03e";
}

.fa-location-pin:before, .fa-map-marker:before {
  content: "\f041";
}

.fa-square-list:before {
  content: "\e489";
}

.fa-kaaba:before {
  content: "\f66b";
}

.fa-toilet-paper:before {
  content: "\f71e";
}

.fa-hard-hat:before, .fa-hat-hard:before, .fa-helmet-safety:before {
  content: "\f807";
}

.fa-comment-code:before {
  content: "\e147";
}

.fa-sim-cards:before {
  content: "\e251";
}

.fa-starship:before {
  content: "\e039";
}

.fa-eject:before {
  content: "\f052";
}

.fa-arrow-alt-circle-right:before, .fa-circle-right:before {
  content: "\f35a";
}

.fa-plane-circle-check:before {
  content: "\e555";
}

.fa-seal:before {
  content: "\e241";
}

.fa-user-cowboy:before {
  content: "\f8ea";
}

.fa-hexagon-vertical-nft:before {
  content: "\e505";
}

.fa-face-rolling-eyes:before, .fa-meh-rolling-eyes:before {
  content: "\f5a5";
}

.fa-bread-loaf:before {
  content: "\f7eb";
}

.fa-rings-wedding:before {
  content: "\f81b";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-french-fries:before {
  content: "\f803";
}

.fa-chart-line:before, .fa-line-chart:before {
  content: "\f201";
}

.fa-calendar-arrow-down:before, .fa-calendar-download:before {
  content: "\e0d0";
}

.fa-send-back:before {
  content: "\f87e";
}

.fa-mask-ventilator:before {
  content: "\e524";
}

.fa-tickets:before {
  content: "\e658";
}

.fa-signature-lock:before {
  content: "\e3ca";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-map-signs:before, .fa-signs-post:before {
  content: "\f277";
}

.fa-octagon-plus:before, .fa-plus-octagon:before {
  content: "\f301";
}

.fa-cash-register:before {
  content: "\f788";
}

.fa-person-circle-question:before {
  content: "\e542";
}

.fa-melon-slice:before {
  content: "\e311";
}

.fa-space-station-moon:before {
  content: "\e033";
}

.fa-comment-alt-smile:before, .fa-message-smile:before {
  content: "\f4aa";
}

.fa-cup-straw:before {
  content: "\e363";
}

.fa-arrow-alt-from-right:before, .fa-left-from-line:before {
  content: "\f348";
}

.fa-h:before {
  content: "H";
}

.fa-basket-shopping-simple:before, .fa-shopping-basket-alt:before {
  content: "\e0af";
}

.fa-hands-heart:before, .fa-hands-holding-heart:before {
  content: "\f4c3";
}

.fa-clock-nine:before {
  content: "\e34c";
}

.fa-hammer-brush:before {
  content: "\e620";
}

.fa-tarp:before {
  content: "\e57b";
}

.fa-face-sleepy:before {
  content: "\e38e";
}

.fa-hand-horns:before {
  content: "\e1a9";
}

.fa-screwdriver-wrench:before, .fa-tools:before {
  content: "\f7d9";
}

.fa-arrows-to-eye:before {
  content: "\e4bf";
}

.fa-circle-three-quarters:before {
  content: "\e125";
}

.fa-trophy-alt:before, .fa-trophy-star:before {
  content: "\f2eb";
}

.fa-plug-circle-bolt:before {
  content: "\e55b";
}

.fa-face-thermometer:before {
  content: "\e39a";
}

.fa-grid-round-4:before {
  content: "\e5dd";
}

.fa-sign-posts-wrench:before {
  content: "\e626";
}

.fa-shirt-running:before {
  content: "\e3c8";
}

.fa-book-circle-arrow-up:before {
  content: "\e0bd";
}

.fa-face-nauseated:before {
  content: "\e381";
}

.fa-heart:before {
  content: "\f004";
}

.fa-file-chart-pie:before {
  content: "\f65a";
}

.fa-mars-and-venus:before {
  content: "\f224";
}

.fa-home-user:before, .fa-house-user:before {
  content: "\e1b0";
}

.fa-circle-arrow-down-left:before {
  content: "\e0f9";
}

.fa-dumpster-fire:before {
  content: "\f794";
}

.fa-hexagon-minus:before, .fa-minus-hexagon:before {
  content: "\f307";
}

.fa-arrow-alt-to-left:before, .fa-left-to-line:before {
  content: "\f34b";
}

.fa-house-crack:before {
  content: "\e3b1";
}

.fa-paw-alt:before, .fa-paw-simple:before {
  content: "\f701";
}

.fa-arrow-left-long-to-line:before {
  content: "\e3d4";
}

.fa-brackets-round:before, .fa-parentheses:before {
  content: "\e0c5";
}

.fa-cocktail:before, .fa-martini-glass-citrus:before {
  content: "\f561";
}

.fa-user-shakespeare:before {
  content: "\e2c2";
}

.fa-arrow-right-to-arc:before {
  content: "\e4b2";
}

.fa-face-surprise:before, .fa-surprise:before {
  content: "\f5c2";
}

.fa-bottle-water:before {
  content: "\e4c5";
}

.fa-circle-pause:before, .fa-pause-circle:before {
  content: "\f28b";
}

.fa-gauge-circle-plus:before {
  content: "\e498";
}

.fa-folders:before {
  content: "\f660";
}

.fa-angel:before {
  content: "\f779";
}

.fa-value-absolute:before {
  content: "\f6a6";
}

.fa-rabbit:before {
  content: "\f708";
}

.fa-toilet-paper-slash:before {
  content: "\e072";
}

.fa-circle-euro:before {
  content: "\e5ce";
}

.fa-apple-alt:before, .fa-apple-whole:before {
  content: "\f5d1";
}

.fa-kitchen-set:before {
  content: "\e51a";
}

.fa-diamond-half:before {
  content: "\e5b7";
}

.fa-lock-alt:before, .fa-lock-keyhole:before {
  content: "\f30d";
}

.fa-r:before {
  content: "R";
}

.fa-temperature-1:before, .fa-temperature-quarter:before, .fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-info-square:before, .fa-square-info:before {
  content: "\f30f";
}

.fa-wifi-slash:before {
  content: "\f6ac";
}

.fa-toilet-paper-xmark:before {
  content: "\e5b3";
}

.fa-hands-holding-dollar:before, .fa-hands-usd:before {
  content: "\f4c5";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-arrow-down-triangle-square:before, .fa-sort-shapes-down:before {
  content: "\f888";
}

.fa-bitcoin-sign:before {
  content: "\e0b4";
}

.fa-shutters:before {
  content: "\e449";
}

.fa-shield-dog:before {
  content: "\e573";
}

.fa-solar-panel:before {
  content: "\f5ba";
}

.fa-lock-open:before {
  content: "\f3c1";
}

.fa-table-tree:before {
  content: "\e293";
}

.fa-house-chimney-heart:before {
  content: "\e1b2";
}

.fa-tally-3:before {
  content: "\e296";
}

.fa-elevator:before {
  content: "\e16d";
}

.fa-money-bill-transfer:before {
  content: "\e528";
}

.fa-money-bill-trend-up:before {
  content: "\e529";
}

.fa-house-flood-water-circle-arrow-right:before {
  content: "\e50f";
}

.fa-poll-h:before, .fa-square-poll-horizontal:before {
  content: "\f682";
}

.fa-circle:before {
  content: "\f111";
}

.fa-cart-circle-exclamation:before {
  content: "\e3f2";
}

.fa-sword:before {
  content: "\f71c";
}

.fa-backward-fast:before, .fa-fast-backward:before {
  content: "\f049";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-user-astronaut:before {
  content: "\f4fb";
}

.fa-interrobang:before {
  content: "\e5ba";
}

.fa-plane-slash:before {
  content: "\e069";
}

.fa-circle-dashed:before {
  content: "\e105";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-basketball-ball:before, .fa-basketball:before {
  content: "\f434";
}

.fa-fork-knife:before, .fa-utensils-alt:before {
  content: "\f2e6";
}

.fa-satellite-dish:before {
  content: "\f7c0";
}

.fa-badge-check:before {
  content: "\f336";
}

.fa-arrow-alt-circle-up:before, .fa-circle-up:before {
  content: "\f35b";
}

.fa-slider:before {
  content: "\e252";
}

.fa-mobile-alt:before, .fa-mobile-screen-button:before {
  content: "\f3cd";
}

.fa-clock-one-thirty:before {
  content: "\e34f";
}

.fa-inbox-arrow-up:before, .fa-inbox-out:before {
  content: "\f311";
}

.fa-cloud-slash:before {
  content: "\e137";
}

.fa-volume-high:before, .fa-volume-up:before {
  content: "\f028";
}

.fa-users-rays:before {
  content: "\e593";
}

.fa-wallet:before {
  content: "\f555";
}

.fa-octagon-check:before {
  content: "\e426";
}

.fa-flatbread-stuffed:before {
  content: "\e40c";
}

.fa-clipboard-check:before {
  content: "\f46c";
}

.fa-cart-circle-plus:before {
  content: "\e3f3";
}

.fa-shipping-timed:before, .fa-truck-clock:before {
  content: "\f48c";
}

.fa-pool-8-ball:before {
  content: "\e3c5";
}

.fa-file-audio:before {
  content: "\f1c7";
}

.fa-turn-down-left:before {
  content: "\e331";
}

.fa-lock-hashtag:before {
  content: "\e423";
}

.fa-chart-radar:before {
  content: "\e0e7";
}

.fa-staff:before {
  content: "\f71b";
}

.fa-burger:before, .fa-hamburger:before {
  content: "\f805";
}

.fa-utility-pole:before {
  content: "\e2c3";
}

.fa-transporter-6:before {
  content: "\e2a7";
}

.fa-arrow-turn-left:before {
  content: "\e632";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-bugs:before {
  content: "\e4d0";
}

.fa-vector-polygon:before {
  content: "\e2c7";
}

.fa-diagram-nested:before {
  content: "\e157";
}

.fa-rupee-sign:before, .fa-rupee:before {
  content: "\f156";
}

.fa-file-image:before {
  content: "\f1c5";
}

.fa-circle-question:before, .fa-question-circle:before {
  content: "\f059";
}

.fa-tickets-perforated:before {
  content: "\e63f";
}

.fa-image-user:before {
  content: "\e1b8";
}

.fa-buoy:before {
  content: "\e5b5";
}

.fa-plane-departure:before {
  content: "\f5b0";
}

.fa-handshake-slash:before {
  content: "\e060";
}

.fa-book-bookmark:before {
  content: "\e0bb";
}

.fa-border-center-h:before {
  content: "\f89c";
}

.fa-can-food:before {
  content: "\e3e6";
}

.fa-typewriter:before {
  content: "\f8e7";
}

.fa-arrow-right-from-arc:before {
  content: "\e4b1";
}

.fa-circle-k:before {
  content: "\e113";
}

.fa-face-hand-over-mouth:before {
  content: "\e378";
}

.fa-popcorn:before {
  content: "\f819";
}

.fa-house-flood:before, .fa-house-water:before {
  content: "\f74f";
}

.fa-object-subtract:before {
  content: "\e49e";
}

.fa-code-branch:before {
  content: "\f126";
}

.fa-warehouse-alt:before, .fa-warehouse-full:before {
  content: "\f495";
}

.fa-hat-cowboy:before {
  content: "\f8c0";
}

.fa-bridge:before {
  content: "\e4c8";
}

.fa-phone-alt:before, .fa-phone-flip:before {
  content: "\f879";
}

.fa-arrow-down-from-dotted-line:before {
  content: "\e090";
}

.fa-file-doc:before {
  content: "\e5ed";
}

.fa-square-quarters:before {
  content: "\e44e";
}

.fa-truck-front:before {
  content: "\e2b7";
}

.fa-cat:before {
  content: "\f6be";
}

.fa-trash-xmark:before {
  content: "\e2b4";
}

.fa-caret-circle-left:before, .fa-circle-caret-left:before {
  content: "\f32e";
}

.fa-files:before {
  content: "\e178";
}

.fa-anchor-circle-exclamation:before {
  content: "\e4ab";
}

.fa-face-clouds:before {
  content: "\e47d";
}

.fa-user-crown:before {
  content: "\f6a4";
}

.fa-basket-shopping-plus:before {
  content: "\e653";
}

.fa-truck-field:before {
  content: "\e58d";
}

.fa-route:before {
  content: "\f4d7";
}

.fa-cart-circle-check:before {
  content: "\e3f1";
}

.fa-clipboard-question:before {
  content: "\e4e3";
}

.fa-panorama:before {
  content: "\e209";
}

.fa-comment-medical:before {
  content: "\f7f5";
}

.fa-teeth-open:before {
  content: "\f62f";
}

.fa-user-tie-hair-long:before {
  content: "\e460";
}

.fa-file-circle-minus:before {
  content: "\e4ed";
}

.fa-head-side-medical:before {
  content: "\f809";
}

.fa-arrow-turn-right:before {
  content: "\e635";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-wine-glass:before {
  content: "\f4e3";
}

.fa-fast-forward:before, .fa-forward-fast:before {
  content: "\f050";
}

.fa-face-meh-blank:before, .fa-meh-blank:before {
  content: "\f5a4";
}

.fa-user-robot:before {
  content: "\e04b";
}

.fa-parking:before, .fa-square-parking:before {
  content: "\f540";
}

.fa-card-diamond:before {
  content: "\e3ea";
}

.fa-face-zipper:before {
  content: "\e3a5";
}

.fa-face-raised-eyebrow:before {
  content: "\e388";
}

.fa-house-signal:before {
  content: "\e012";
}

.fa-chevron-square-up:before, .fa-square-chevron-up:before {
  content: "\f32c";
}

.fa-bars-progress:before, .fa-tasks-alt:before {
  content: "\f828";
}

.fa-faucet-drip:before {
  content: "\e006";
}

.fa-arrows-to-line:before {
  content: "\e0a7";
}

.fa-dolphin:before {
  content: "\e168";
}

.fa-arrow-up-right:before {
  content: "\e09f";
}

.fa-circle-r:before {
  content: "\e120";
}

.fa-cart-flatbed:before, .fa-dolly-flatbed:before {
  content: "\f474";
}

.fa-ban-smoking:before, .fa-smoking-ban:before {
  content: "\f54d";
}

.fa-circle-sort-up:before, .fa-sort-circle-up:before {
  content: "\e032";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-mobile-button:before {
  content: "\f10b";
}

.fa-house-medical-flag:before {
  content: "\e514";
}

.fa-basket-shopping:before, .fa-shopping-basket:before {
  content: "\f291";
}

.fa-tape:before {
  content: "\f4db";
}

.fa-chestnut:before {
  content: "\e3f6";
}

.fa-bus-alt:before, .fa-bus-simple:before {
  content: "\f55e";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-face-sad-cry:before, .fa-sad-cry:before {
  content: "\f5b3";
}

.fa-heat:before {
  content: "\e00c";
}

.fa-ticket-airline:before, .fa-ticket-perforated-plane:before, .fa-ticket-plane:before {
  content: "\e29a";
}

.fa-boot-heeled:before {
  content: "\e33f";
}

.fa-arrows-minimize:before, .fa-compress-arrows:before {
  content: "\e0a5";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-person-military-to-person:before {
  content: "\e54c";
}

.fa-file-shield:before {
  content: "\e4f0";
}

.fa-hexagon:before {
  content: "\f312";
}

.fa-manhole:before {
  content: "\e1d6";
}

.fa-user-slash:before {
  content: "\f506";
}

.fa-pen:before {
  content: "\f304";
}

.fa-tower-observation:before {
  content: "\e586";
}

.fa-floppy-disks:before {
  content: "\e183";
}

.fa-toilet-paper-blank-under:before, .fa-toilet-paper-reverse-alt:before {
  content: "\e29f";
}

.fa-file-code:before {
  content: "\f1c9";
}

.fa-signal-5:before, .fa-signal-perfect:before, .fa-signal:before {
  content: "\f012";
}

.fa-pump:before {
  content: "\e442";
}

.fa-bus:before {
  content: "\f207";
}

.fa-heart-circle-xmark:before {
  content: "\e501";
}

.fa-arrow-up-left-from-circle:before {
  content: "\e09e";
}

.fa-home-lg:before, .fa-house-chimney:before {
  content: "\e3af";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-dryer:before {
  content: "\f861";
}

.fa-face-frown:before, .fa-frown:before {
  content: "\f119";
}

.fa-chess-bishop-alt:before, .fa-chess-bishop-piece:before {
  content: "\f43b";
}

.fa-shirt-tank-top:before {
  content: "\e3c9";
}

.fa-diploma:before, .fa-scroll-ribbon:before {
  content: "\f5ea";
}

.fa-screencast:before {
  content: "\e23e";
}

.fa-walker:before {
  content: "\f831";
}

.fa-prescription:before {
  content: "\f5b1";
}

.fa-shop:before, .fa-store-alt:before {
  content: "\f54f";
}

.fa-floppy-disk:before, .fa-save:before {
  content: "\f0c7";
}

.fa-vihara:before {
  content: "\f6a7";
}

.fa-face-kiss-closed-eyes:before {
  content: "\e37d";
}

.fa-balance-scale-left:before, .fa-scale-unbalanced:before {
  content: "\f515";
}

.fa-file-user:before {
  content: "\f65c";
}

.fa-user-police-tie:before {
  content: "\e334";
}

.fa-face-tongue-money:before {
  content: "\e39d";
}

.fa-tennis-ball:before {
  content: "\f45e";
}

.fa-square-l:before {
  content: "\e275";
}

.fa-sort-asc:before, .fa-sort-up:before {
  content: "\f0de";
}

.fa-calendar-arrow-up:before, .fa-calendar-upload:before {
  content: "\e0d1";
}

.fa-comment-dots:before, .fa-commenting:before {
  content: "\f4ad";
}

.fa-plant-wilt:before {
  content: "\e5aa";
}

.fa-scarf:before {
  content: "\f7c1";
}

.fa-album-circle-plus:before {
  content: "\e48c";
}

.fa-user-nurse-hair-long:before {
  content: "\e45e";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-arrow-alt-square-left:before, .fa-square-left:before {
  content: "\f351";
}

.fa-face-grin-squint:before, .fa-grin-squint:before {
  content: "\f585";
}

.fa-circle-ellipsis-vertical:before {
  content: "\e10b";
}

.fa-hand-holding-dollar:before, .fa-hand-holding-usd:before {
  content: "\f4c0";
}

.fa-grid-dividers:before {
  content: "\e3ad";
}

.fa-bacterium:before {
  content: "\e05a";
}

.fa-hand-pointer:before {
  content: "\f25a";
}

.fa-drum-steelpan:before {
  content: "\f56a";
}

.fa-hand-scissors:before {
  content: "\f257";
}

.fa-hands-praying:before, .fa-praying-hands:before {
  content: "\f684";
}

.fa-face-pensive:before {
  content: "\e384";
}

.fa-user-music:before {
  content: "\f8eb";
}

.fa-arrow-right-rotate:before, .fa-arrow-rotate-forward:before, .fa-arrow-rotate-right:before, .fa-redo:before {
  content: "\f01e";
}

.fa-comments-alt-dollar:before, .fa-messages-dollar:before {
  content: "\f652";
}

.fa-sensor-on:before {
  content: "\e02b";
}

.fa-balloon:before {
  content: "\e2e3";
}

.fa-biohazard:before {
  content: "\f780";
}

.fa-chess-queen-alt:before, .fa-chess-queen-piece:before {
  content: "\f446";
}

.fa-location-crosshairs:before, .fa-location:before {
  content: "\f601";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-house-leave:before, .fa-house-person-depart:before, .fa-house-person-leave:before {
  content: "\e00f";
}

.fa-ruler-triangle:before {
  content: "\f61c";
}

.fa-card-club:before {
  content: "\e3e9";
}

.fa-child-dress:before {
  content: "\e59c";
}

.fa-users-between-lines:before {
  content: "\e591";
}

.fa-lungs-virus:before {
  content: "\e067";
}

.fa-spinner-third:before {
  content: "\f3f4";
}

.fa-face-grin-tears:before, .fa-grin-tears:before {
  content: "\f588";
}

.fa-phone:before {
  content: "\f095";
}

.fa-computer-mouse-scrollwheel:before, .fa-mouse-alt:before {
  content: "\f8cd";
}

.fa-calendar-times:before, .fa-calendar-xmark:before {
  content: "\f273";
}

.fa-child-reaching:before {
  content: "\e59d";
}

.fa-table-layout:before {
  content: "\e290";
}

.fa-narwhal:before {
  content: "\f6fe";
}

.fa-ramp-loading:before {
  content: "\f4d4";
}

.fa-calendar-circle-plus:before {
  content: "\e470";
}

.fa-toothbrush:before {
  content: "\f635";
}

.fa-border-inner:before {
  content: "\f84e";
}

.fa-paw-claws:before {
  content: "\f702";
}

.fa-kiwi-fruit:before {
  content: "\e30c";
}

.fa-traffic-light-slow:before {
  content: "\f639";
}

.fa-rectangle-code:before {
  content: "\e322";
}

.fa-head-side-virus:before {
  content: "\e064";
}

.fa-keyboard-brightness:before {
  content: "\e1c0";
}

.fa-books-medical:before {
  content: "\f7e8";
}

.fa-lightbulb-slash:before {
  content: "\f673";
}

.fa-home-blank:before, .fa-house-blank:before {
  content: "\e487";
}

.fa-square-5:before {
  content: "\e25a";
}

.fa-heart-square:before, .fa-square-heart:before {
  content: "\f4c8";
}

.fa-puzzle:before {
  content: "\e443";
}

.fa-user-cog:before, .fa-user-gear:before {
  content: "\f4fe";
}

.fa-pipe-circle-check:before {
  content: "\e436";
}

.fa-arrow-up-1-9:before, .fa-sort-numeric-up:before {
  content: "\f163";
}

.fa-octagon-exclamation:before {
  content: "\e204";
}

.fa-dial-low:before {
  content: "\e15d";
}

.fa-door-closed:before {
  content: "\f52a";
}

.fa-laptop-mobile:before, .fa-phone-laptop:before {
  content: "\f87a";
}

.fa-conveyor-belt-alt:before, .fa-conveyor-belt-boxes:before {
  content: "\f46f";
}

.fa-shield-virus:before {
  content: "\e06c";
}

.fa-starfighter-alt-advanced:before, .fa-starfighter-twin-ion-engine-advanced:before {
  content: "\e28e";
}

.fa-dice-six:before {
  content: "\f526";
}

.fa-starfighter-alt:before, .fa-starfighter-twin-ion-engine:before {
  content: "\e038";
}

.fa-rocket-launch:before {
  content: "\e027";
}

.fa-mosquito-net:before {
  content: "\e52c";
}

.fa-vent-damper:before {
  content: "\e465";
}

.fa-bridge-water:before {
  content: "\e4ce";
}

.fa-ban-bug:before, .fa-debug:before {
  content: "\f7f9";
}

.fa-person-booth:before {
  content: "\f756";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-garage-car:before {
  content: "\e00a";
}

.fa-square-kanban:before {
  content: "\e488";
}

.fa-hat-wizard:before {
  content: "\f6e8";
}

.fa-chart-kanban:before {
  content: "\e64f";
}

.fa-pen-fancy:before {
  content: "\f5ac";
}

.fa-coffee-pot:before {
  content: "\e002";
}

.fa-mouse-field:before {
  content: "\e5a8";
}

.fa-digging:before, .fa-person-digging:before {
  content: "\f85e";
}

.fa-shower-alt:before, .fa-shower-down:before {
  content: "\e24d";
}

.fa-box-circle-check:before {
  content: "\e0c4";
}

.fa-brightness:before {
  content: "\e0c9";
}

.fa-car-side-bolt:before {
  content: "\e344";
}

.fa-file-xml:before {
  content: "\e654";
}

.fa-ornament:before {
  content: "\f7b8";
}

.fa-phone-arrow-down-left:before, .fa-phone-arrow-down:before, .fa-phone-incoming:before {
  content: "\e223";
}

.fa-cloud-word:before {
  content: "\e138";
}

.fa-hand-fingers-crossed:before {
  content: "\e1a3";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-gauge-simple-med:before, .fa-gauge-simple:before, .fa-tachometer-average:before {
  content: "\f629";
}

.fa-arrow-down-small-big:before, .fa-sort-size-down-alt:before {
  content: "\f88d";
}

.fa-book-medical:before {
  content: "\f7e6";
}

.fa-face-melting:before {
  content: "\e483";
}

.fa-poo:before {
  content: "\f2fe";
}

.fa-pen-alt-slash:before, .fa-pen-clip-slash:before {
  content: "\e20f";
}

.fa-quote-right-alt:before, .fa-quote-right:before {
  content: "\f10e";
}

.fa-scroll-old:before {
  content: "\f70f";
}

.fa-guitars:before {
  content: "\f8bf";
}

.fa-phone-xmark:before {
  content: "\e227";
}

.fa-hose:before {
  content: "\e419";
}

.fa-clock-six:before {
  content: "\e352";
}

.fa-shirt:before, .fa-t-shirt:before, .fa-tshirt:before {
  content: "\f553";
}

.fa-billboard:before {
  content: "\e5cd";
}

.fa-square-r:before {
  content: "\e27c";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-envelope-open-dollar:before {
  content: "\f657";
}

.fa-divide:before {
  content: "\f529";
}

.fa-sun-cloud:before {
  content: "\f763";
}

.fa-lamp-floor:before {
  content: "\e015";
}

.fa-square-7:before {
  content: "\e25c";
}

.fa-tenge-sign:before, .fa-tenge:before {
  content: "\f7d7";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-hands-holding:before {
  content: "\f4c2";
}

.fa-campfire:before {
  content: "\f6ba";
}

.fa-circle-ampersand:before {
  content: "\e0f8";
}

.fa-snowflakes:before {
  content: "\f7cf";
}

.fa-hands-clapping:before {
  content: "\e1a8";
}

.fa-republican:before {
  content: "\f75e";
}

.fa-leaf-maple:before {
  content: "\f6f6";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-person-circle-xmark:before {
  content: "\e543";
}

.fa-ruler:before {
  content: "\f545";
}

.fa-cup-straw-swoosh:before {
  content: "\e364";
}

.fa-temperature-hot:before, .fa-temperature-sun:before {
  content: "\f76a";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-dice-d6:before {
  content: "\f6d1";
}

.fa-restroom:before {
  content: "\f7bd";
}

.fa-high-definition:before, .fa-rectangle-hd:before {
  content: "\e1ae";
}

.fa-j:before {
  content: "J";
}

.fa-galaxy:before {
  content: "\e008";
}

.fa-users-viewfinder:before {
  content: "\e595";
}

.fa-file-video:before {
  content: "\f1c8";
}

.fa-cherries:before {
  content: "\e0ec";
}

.fa-external-link-alt:before, .fa-up-right-from-square:before {
  content: "\f35d";
}

.fa-circle-sort:before, .fa-sort-circle:before {
  content: "\e030";
}

.fa-table-cells:before, .fa-th:before {
  content: "\f00a";
}

.fa-bag-shopping-minus:before {
  content: "\e650";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.fa-siren:before {
  content: "\e02d";
}

.fa-arrow-up-to-dotted-line:before {
  content: "\e0a1";
}

.fa-image-landscape:before, .fa-landscape:before {
  content: "\e1b5";
}

.fa-tank-water:before {
  content: "\e452";
}

.fa-curling-stone:before, .fa-curling:before {
  content: "\f44a";
}

.fa-gamepad-alt:before, .fa-gamepad-modern:before {
  content: "\e5a2";
}

.fa-messages-question:before {
  content: "\e1e7";
}

.fa-bible:before, .fa-book-bible:before {
  content: "\f647";
}

.fa-o:before {
  content: "O";
}

.fa-medkit:before, .fa-suitcase-medical:before {
  content: "\f0fa";
}

.fa-briefcase-arrow-right:before {
  content: "\e2f2";
}

.fa-expand-wide:before {
  content: "\f320";
}

.fa-clock-eleven-thirty:before {
  content: "\e348";
}

.fa-rv:before {
  content: "\f7be";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-otter:before {
  content: "\f700";
}

.fa-dreidel:before {
  content: "\f792";
}

.fa-female:before, .fa-person-dress:before {
  content: "\f182";
}

.fa-comment-dollar:before {
  content: "\f651";
}

.fa-briefcase-clock:before, .fa-business-time:before {
  content: "\f64a";
}

.fa-flower-tulip:before {
  content: "\f801";
}

.fa-people-pants-simple:before {
  content: "\e21a";
}

.fa-cloud-drizzle:before {
  content: "\f738";
}

.fa-table-cells-large:before, .fa-th-large:before {
  content: "\f009";
}

.fa-book-tanakh:before, .fa-tanakh:before {
  content: "\f827";
}

.fa-solar-system:before {
  content: "\e02f";
}

.fa-seal-question:before {
  content: "\e243";
}

.fa-phone-volume:before, .fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-disc-drive:before {
  content: "\f8b5";
}

.fa-hat-cowboy-side:before {
  content: "\f8c1";
}

.fa-rows:before, .fa-table-rows:before {
  content: "\e292";
}

.fa-location-exclamation:before, .fa-map-marker-exclamation:before {
  content: "\f608";
}

.fa-face-fearful:before {
  content: "\e375";
}

.fa-clipboard-user:before {
  content: "\f7f3";
}

.fa-bus-school:before {
  content: "\f5dd";
}

.fa-film-slash:before {
  content: "\e179";
}

.fa-square-arrow-down-right:before {
  content: "\e262";
}

.fa-book-sparkles:before, .fa-book-spells:before {
  content: "\f6b8";
}

.fa-washer:before, .fa-washing-machine:before {
  content: "\f898";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-lira-sign:before {
  content: "\f195";
}

.fa-user-visor:before {
  content: "\e04c";
}

.fa-file-plus-minus:before {
  content: "\e177";
}

.fa-chess-clock-alt:before, .fa-chess-clock-flip:before {
  content: "\f43e";
}

.fa-satellite:before {
  content: "\f7bf";
}

.fa-truck-fire:before {
  content: "\e65a";
}

.fa-plane-lock:before {
  content: "\e558";
}

.fa-steering-wheel:before {
  content: "\f622";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-stretcher:before {
  content: "\f825";
}

.fa-book-law:before, .fa-book-section:before {
  content: "\e0c1";
}

.fa-inboxes:before {
  content: "\e1bb";
}

.fa-coffee-bean:before {
  content: "\e13e";
}

.fa-circle-yen:before {
  content: "\e5d0";
}

.fa-brackets-curly:before {
  content: "\f7ea";
}

.fa-ellipsis-stroke-vertical:before, .fa-ellipsis-v-alt:before {
  content: "\f39c";
}

.fa-comment:before {
  content: "\f075";
}

.fa-square-1:before {
  content: "\e256";
}

.fa-birthday-cake:before, .fa-cake-candles:before, .fa-cake:before {
  content: "\f1fd";
}

.fa-head-side:before {
  content: "\f6e9";
}

.fa-truck-ladder:before {
  content: "\e657";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-dolly-empty:before {
  content: "\f473";
}

.fa-face-tissue:before {
  content: "\e39c";
}

.fa-angle-double-up:before, .fa-angles-up:before {
  content: "\f102";
}

.fa-bin-recycle:before {
  content: "\e5f7";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-chart-line-down:before {
  content: "\f64d";
}

.fa-arrow-right-to-city:before {
  content: "\e4b3";
}

.fa-lock-a:before {
  content: "\e422";
}

.fa-ribbon:before {
  content: "\f4d6";
}

.fa-lungs:before {
  content: "\f604";
}

.fa-person-pinball:before {
  content: "\e21d";
}

.fa-arrow-up-9-1:before, .fa-sort-numeric-up-alt:before {
  content: "\f887";
}

.fa-apple-core:before {
  content: "\e08f";
}

.fa-circle-y:before {
  content: "\e12f";
}

.fa-h6:before {
  content: "\e413";
}

.fa-litecoin-sign:before {
  content: "\e1d3";
}

.fa-circle-small:before {
  content: "\e122";
}

.fa-border-none:before {
  content: "\f850";
}

.fa-arrow-turn-down-left:before {
  content: "\e2e1";
}

.fa-circle-nodes:before {
  content: "\e4e2";
}

.fa-parachute-box:before {
  content: "\f4cd";
}

.fa-reflect-horizontal:before {
  content: "\e664";
}

.fa-comment-alt-medical:before, .fa-message-medical:before {
  content: "\f7f4";
}

.fa-rugby-ball:before {
  content: "\e3c6";
}

.fa-comment-music:before {
  content: "\f8b0";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-tree-alt:before, .fa-tree-deciduous:before {
  content: "\f400";
}

.fa-puzzle-piece-alt:before, .fa-puzzle-piece-simple:before {
  content: "\e231";
}

.fa-truck-field-un:before {
  content: "\e58e";
}

.fa-nfc-trash:before {
  content: "\e1fd";
}

.fa-hourglass-empty:before, .fa-hourglass:before {
  content: "\f254";
}

.fa-mountain:before {
  content: "\f6fc";
}

.fa-file-times:before, .fa-file-xmark:before {
  content: "\f317";
}

.fa-home-heart:before, .fa-house-heart:before {
  content: "\f4c9";
}

.fa-house-chimney-blank:before {
  content: "\e3b0";
}

.fa-meter-bolt:before {
  content: "\e1e9";
}

.fa-user-doctor:before, .fa-user-md:before {
  content: "\f0f0";
}

.fa-slash-back:before {
  content: "\\";
}

.fa-circle-info:before, .fa-info-circle:before {
  content: "\f05a";
}

.fa-fishing-rod:before {
  content: "\e3a8";
}

.fa-hammer-crash:before {
  content: "\e414";
}

.fa-message-heart:before {
  content: "\e5c9";
}

.fa-cloud-meatball:before {
  content: "\f73b";
}

.fa-camera-polaroid:before {
  content: "\f8aa";
}

.fa-camera-alt:before, .fa-camera:before {
  content: "\f030";
}

.fa-square-virus:before {
  content: "\e578";
}

.fa-cart-arrow-up:before {
  content: "\e3ee";
}

.fa-meteor:before {
  content: "\f753";
}

.fa-car-on:before {
  content: "\e4dd";
}

.fa-sleigh:before {
  content: "\f7cc";
}

.fa-arrow-down-1-9:before, .fa-sort-numeric-asc:before, .fa-sort-numeric-down:before {
  content: "\f162";
}

.fa-buoy-mooring:before {
  content: "\e5b6";
}

.fa-square-4:before {
  content: "\e259";
}

.fa-hand-holding-droplet:before, .fa-hand-holding-water:before {
  content: "\f4c1";
}

.fa-file-eps:before {
  content: "\e644";
}

.fa-tricycle-adult:before {
  content: "\e5c4";
}

.fa-waveform:before {
  content: "\f8f1";
}

.fa-water:before {
  content: "\f773";
}

.fa-star-sharp-half-alt:before, .fa-star-sharp-half-stroke:before {
  content: "\e28d";
}

.fa-nfc-signal:before {
  content: "\e1fb";
}

.fa-plane-prop:before {
  content: "\e22b";
}

.fa-calendar-check:before {
  content: "\f274";
}

.fa-clock-desk:before {
  content: "\e134";
}

.fa-calendar-clock:before, .fa-calendar-time:before {
  content: "\e0d2";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-prescription-bottle-alt:before, .fa-prescription-bottle-medical:before {
  content: "\f486";
}

.fa-plate-utensils:before {
  content: "\e43b";
}

.fa-family-pants:before {
  content: "\e302";
}

.fa-hose-reel:before {
  content: "\e41a";
}

.fa-house-window:before {
  content: "\e3b3";
}

.fa-landmark:before {
  content: "\f66f";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-music-magnifying-glass:before {
  content: "\e662";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-cloud-rainbow:before {
  content: "\f73e";
}

.fa-person-cane:before {
  content: "\e53c";
}

.fa-alien:before {
  content: "\f8f5";
}

.fa-tent:before {
  content: "\e57d";
}

.fa-laptop-binary:before {
  content: "\e5e7";
}

.fa-vest-patches:before {
  content: "\e086";
}

.fa-people-dress-simple:before {
  content: "\e218";
}

.fa-check-double:before {
  content: "\f560";
}

.fa-arrow-down-a-z:before, .fa-sort-alpha-asc:before, .fa-sort-alpha-down:before {
  content: "\f15d";
}

.fa-bowling-ball-pin:before {
  content: "\e0c3";
}

.fa-bell-school-slash:before {
  content: "\f5d6";
}

.fa-plus-large:before {
  content: "\e59e";
}

.fa-money-bill-wheat:before {
  content: "\e52a";
}

.fa-camera-viewfinder:before, .fa-screenshot:before {
  content: "\e0da";
}

.fa-comment-alt-music:before, .fa-message-music:before {
  content: "\f8af";
}

.fa-car-building:before {
  content: "\f859";
}

.fa-border-bottom-right:before, .fa-border-style-alt:before {
  content: "\f854";
}

.fa-octagon:before {
  content: "\f306";
}

.fa-comment-arrow-up-right:before {
  content: "\e145";
}

.fa-octagon-divide:before {
  content: "\e203";
}

.fa-cookie:before {
  content: "\f563";
}

.fa-arrow-left-rotate:before, .fa-arrow-rotate-back:before, .fa-arrow-rotate-backward:before, .fa-arrow-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-tv-music:before {
  content: "\f8e6";
}

.fa-hard-drive:before, .fa-hdd:before {
  content: "\f0a0";
}

.fa-reel:before {
  content: "\e238";
}

.fa-face-grin-squint-tears:before, .fa-grin-squint-tears:before {
  content: "\f586";
}

.fa-dumbbell:before {
  content: "\f44b";
}

.fa-list-alt:before, .fa-rectangle-list:before {
  content: "\f022";
}

.fa-tarp-droplet:before {
  content: "\e57c";
}

.fa-alarm-exclamation:before {
  content: "\f843";
}

.fa-house-medical-circle-check:before {
  content: "\e511";
}

.fa-traffic-cone:before {
  content: "\f636";
}

.fa-grate:before {
  content: "\e193";
}

.fa-arrow-down-right:before {
  content: "\e093";
}

.fa-person-skiing-nordic:before, .fa-skiing-nordic:before {
  content: "\f7ca";
}

.fa-calendar-plus:before {
  content: "\f271";
}

.fa-person-from-portal:before, .fa-portal-exit:before {
  content: "\e023";
}

.fa-plane-arrival:before {
  content: "\f5af";
}

.fa-cowbell-circle-plus:before, .fa-cowbell-more:before {
  content: "\f8b4";
}

.fa-arrow-alt-circle-left:before, .fa-circle-left:before {
  content: "\f359";
}

.fa-distribute-spacing-vertical:before {
  content: "\e366";
}

.fa-signal-alt-2:before, .fa-signal-bars-fair:before {
  content: "\f692";
}

.fa-sportsball:before {
  content: "\e44b";
}

.fa-game-console-handheld-crank:before {
  content: "\e5b9";
}

.fa-subway:before, .fa-train-subway:before {
  content: "\f239";
}

.fa-chart-gantt:before {
  content: "\e0e4";
}

.fa-face-smile-upside-down:before {
  content: "\e395";
}

.fa-ball-pile:before {
  content: "\f77e";
}

.fa-badge-dollar:before {
  content: "\f645";
}

.fa-money-bills-alt:before, .fa-money-bills-simple:before {
  content: "\e1f4";
}

.fa-list-timeline:before {
  content: "\e1d1";
}

.fa-indian-rupee-sign:before, .fa-indian-rupee:before, .fa-inr:before {
  content: "\e1bc";
}

.fa-crop-alt:before, .fa-crop-simple:before {
  content: "\f565";
}

.fa-money-bill-1:before, .fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-left-long:before, .fa-long-arrow-alt-left:before {
  content: "\f30a";
}

.fa-keyboard-down:before {
  content: "\e1c2";
}

.fa-circle-up-right:before {
  content: "\e129";
}

.fa-cloud-bolt-moon:before, .fa-thunderstorm-moon:before {
  content: "\f76d";
}

.fa-turn-left-up:before {
  content: "\e638";
}

.fa-dna:before {
  content: "\f471";
}

.fa-virus-slash:before {
  content: "\e075";
}

.fa-bracket-round-right:before {
  content: ")";
}

.fa-circle-sterling:before {
  content: "\e5cf";
}

.fa-circle-5:before {
  content: "\e0f2";
}

.fa-minus:before, .fa-subtract:before {
  content: "\f068";
}

.fa-fire-flame:before, .fa-flame:before {
  content: "\f6df";
}

.fa-arrow-alt-to-right:before, .fa-right-to-line:before {
  content: "\f34c";
}

.fa-gif:before {
  content: "\e190";
}

.fa-chess:before {
  content: "\f439";
}

.fa-trash-slash:before {
  content: "\e2b3";
}

.fa-arrow-left-long:before, .fa-long-arrow-left:before {
  content: "\f177";
}

.fa-plug-circle-check:before {
  content: "\e55c";
}

.fa-font-case:before {
  content: "\f866";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-arrow-down-left:before {
  content: "\e091";
}

.fa-franc-sign:before {
  content: "\e18f";
}

.fa-flask-poison:before, .fa-flask-round-poison:before {
  content: "\f6e0";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-book-circle-arrow-right:before {
  content: "\e0bc";
}

.fa-chart-user:before, .fa-user-chart:before {
  content: "\f6a3";
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before, .fa-hands-american-sign-language-interpreting:before, .fa-hands-asl-interpreting:before {
  content: "\f2a3";
}

.fa-presentation-screen:before, .fa-presentation:before {
  content: "\f685";
}

.fa-circle-bolt:before {
  content: "\e0fe";
}

.fa-face-smile-halo:before {
  content: "\e38f";
}

.fa-cart-circle-arrow-down:before {
  content: "\e3ef";
}

.fa-house-person-arrive:before, .fa-house-person-return:before, .fa-house-return:before {
  content: "\e011";
}

.fa-comment-alt-times:before, .fa-message-times:before, .fa-message-xmark:before {
  content: "\f4ab";
}

.fa-file-award:before, .fa-file-certificate:before {
  content: "\f5f3";
}

.fa-user-doctor-hair-long:before {
  content: "\e459";
}

.fa-camera-home:before, .fa-camera-security:before {
  content: "\f8fe";
}

.fa-cog:before, .fa-gear:before {
  content: "\f013";
}

.fa-droplet-slash:before, .fa-tint-slash:before {
  content: "\f5c7";
}

.fa-book-heart:before {
  content: "\f499";
}

.fa-mosque:before {
  content: "\f678";
}

.fa-duck:before {
  content: "\f6d8";
}

.fa-mosquito:before {
  content: "\e52b";
}

.fa-star-of-david:before {
  content: "\f69a";
}

.fa-flag-alt:before, .fa-flag-swallowtail:before {
  content: "\f74c";
}

.fa-person-military-rifle:before {
  content: "\e54b";
}

.fa-car-garage:before {
  content: "\f5e2";
}

.fa-cart-shopping:before, .fa-shopping-cart:before {
  content: "\f07a";
}

.fa-book-font:before {
  content: "\e0bf";
}

.fa-shield-plus:before {
  content: "\e24a";
}

.fa-vials:before {
  content: "\f493";
}

.fa-eye-dropper-full:before {
  content: "\e172";
}

.fa-distribute-spacing-horizontal:before {
  content: "\e365";
}

.fa-tablet-rugged:before {
  content: "\f48f";
}

.fa-temperature-frigid:before, .fa-temperature-snow:before {
  content: "\f768";
}

.fa-moped:before {
  content: "\e3b9";
}

.fa-face-smile-plus:before, .fa-smile-plus:before {
  content: "\f5b9";
}

.fa-radio-alt:before, .fa-radio-tuner:before {
  content: "\f8d8";
}

.fa-face-swear:before {
  content: "\e399";
}

.fa-water-arrow-down:before, .fa-water-lower:before {
  content: "\f774";
}

.fa-scanner-touchscreen:before {
  content: "\f48a";
}

.fa-circle-7:before {
  content: "\e0f4";
}

.fa-plug-circle-plus:before {
  content: "\e55f";
}

.fa-person-ski-jumping:before, .fa-ski-jump:before {
  content: "\f7c7";
}

.fa-place-of-worship:before {
  content: "\f67f";
}

.fa-water-arrow-up:before, .fa-water-rise:before {
  content: "\f775";
}

.fa-waveform-lines:before, .fa-waveform-path:before {
  content: "\f8f2";
}

.fa-split:before {
  content: "\e254";
}

.fa-film-canister:before, .fa-film-cannister:before {
  content: "\f8b7";
}

.fa-folder-times:before, .fa-folder-xmark:before {
  content: "\f65f";
}

.fa-toilet-paper-alt:before, .fa-toilet-paper-blank:before {
  content: "\f71f";
}

.fa-tablet-android-alt:before, .fa-tablet-screen:before {
  content: "\f3fc";
}

.fa-hexagon-vertical-nft-slanted:before {
  content: "\e506";
}

.fa-folder-music:before {
  content: "\e18d";
}

.fa-desktop-medical:before, .fa-display-medical:before {
  content: "\e166";
}

.fa-share-all:before {
  content: "\f367";
}

.fa-peapod:before {
  content: "\e31c";
}

.fa-chess-clock:before {
  content: "\f43d";
}

.fa-axe:before {
  content: "\f6b2";
}

.fa-square-d:before {
  content: "\e268";
}

.fa-grip-vertical:before {
  content: "\f58e";
}

.fa-mobile-signal-out:before {
  content: "\e1f0";
}

.fa-arrow-turn-up:before, .fa-level-up:before {
  content: "\f148";
}

.fa-u:before {
  content: "U";
}

.fa-arrow-up-from-dotted-line:before {
  content: "\e09b";
}

.fa-square-root-alt:before, .fa-square-root-variable:before {
  content: "\f698";
}

.fa-light-switch-on:before {
  content: "\e019";
}

.fa-arrow-down-arrow-up:before, .fa-sort-alt:before {
  content: "\f883";
}

.fa-raindrops:before {
  content: "\f75c";
}

.fa-dash:before, .fa-minus-large:before {
  content: "\e404";
}

.fa-clock-four:before, .fa-clock:before {
  content: "\f017";
}

.fa-input-numeric:before {
  content: "\e1bd";
}

.fa-truck-tow:before {
  content: "\e2b8";
}

.fa-backward-step:before, .fa-step-backward:before {
  content: "\f048";
}

.fa-pallet:before {
  content: "\f482";
}

.fa-car-bolt:before {
  content: "\e341";
}

.fa-arrows-maximize:before, .fa-expand-arrows:before {
  content: "\f31d";
}

.fa-faucet:before {
  content: "\e005";
}

.fa-cloud-sleet:before {
  content: "\f741";
}

.fa-lamp-street:before {
  content: "\e1c5";
}

.fa-list-radio:before {
  content: "\e1d0";
}

.fa-pen-nib-slash:before {
  content: "\e4a1";
}

.fa-baseball-bat-ball:before {
  content: "\f432";
}

.fa-square-up-left:before {
  content: "\e282";
}

.fa-overline:before {
  content: "\f876";
}

.fa-s:before {
  content: "S";
}

.fa-timeline:before {
  content: "\e29c";
}

.fa-keyboard:before {
  content: "\f11c";
}

.fa-arrows-from-dotted-line:before {
  content: "\e0a3";
}

.fa-usb-drive:before {
  content: "\f8e9";
}

.fa-ballot:before {
  content: "\f732";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-location-dot-slash:before, .fa-map-marker-alt-slash:before {
  content: "\f605";
}

.fa-cards:before {
  content: "\e3ed";
}

.fa-clinic-medical:before, .fa-house-chimney-medical:before {
  content: "\f7f2";
}

.fa-boxing-glove:before, .fa-glove-boxing:before {
  content: "\f438";
}

.fa-temperature-3:before, .fa-temperature-three-quarters:before, .fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-bell-school:before {
  content: "\f5d5";
}

.fa-mobile-android-alt:before, .fa-mobile-screen:before {
  content: "\f3cf";
}

.fa-plane-up:before {
  content: "\e22d";
}

.fa-folder-heart:before {
  content: "\e189";
}

.fa-circle-location-arrow:before, .fa-location-circle:before {
  content: "\f602";
}

.fa-face-head-bandage:before {
  content: "\e37a";
}

.fa-maki-roll:before, .fa-makizushi:before, .fa-sushi-roll:before {
  content: "\e48b";
}

.fa-car-bump:before {
  content: "\f5e0";
}

.fa-piggy-bank:before {
  content: "\f4d3";
}

.fa-racquet:before {
  content: "\f45a";
}

.fa-car-mirrors:before {
  content: "\e343";
}

.fa-industry-alt:before, .fa-industry-windows:before {
  content: "\f3b3";
}

.fa-bolt-auto:before {
  content: "\e0b6";
}

.fa-battery-3:before, .fa-battery-half:before {
  content: "\f242";
}

.fa-flux-capacitor:before {
  content: "\f8ba";
}

.fa-mountain-city:before {
  content: "\e52e";
}

.fa-coins:before {
  content: "\f51e";
}

.fa-honey-pot:before {
  content: "\e418";
}

.fa-olive:before {
  content: "\e316";
}

.fa-khanda:before {
  content: "\f66d";
}

.fa-filter-list:before {
  content: "\e17c";
}

.fa-outlet:before {
  content: "\e01c";
}

.fa-sliders-h:before, .fa-sliders:before {
  content: "\f1de";
}

.fa-cauldron:before {
  content: "\f6bf";
}

.fa-people:before {
  content: "\e216";
}

.fa-folder-tree:before {
  content: "\f802";
}

.fa-network-wired:before {
  content: "\f6ff";
}

.fa-croissant:before {
  content: "\f7f6";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-hamsa:before {
  content: "\f665";
}

.fa-cent-sign:before {
  content: "\e3f5";
}

.fa-swords-laser:before {
  content: "\e03d";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-person-pregnant:before {
  content: "\e31e";
}

.fa-square-u:before {
  content: "\e281";
}

.fa-wand-sparkles:before {
  content: "\f72b";
}

.fa-router:before {
  content: "\f8da";
}

.fa-ellipsis-v:before, .fa-ellipsis-vertical:before {
  content: "\f142";
}

.fa-sword-laser-alt:before {
  content: "\e03c";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-coin:before {
  content: "\f85c";
}

.fa-laptop-slash:before {
  content: "\e1c7";
}

.fa-long-arrow-alt-right:before, .fa-right-long:before {
  content: "\f30b";
}

.fa-circle-b:before {
  content: "\e0fd";
}

.fa-person-dress-simple:before {
  content: "\e21c";
}

.fa-pipe-collar:before {
  content: "\e437";
}

.fa-lights-holiday:before {
  content: "\f7b2";
}

.fa-citrus:before {
  content: "\e2f4";
}

.fa-flag-usa:before {
  content: "\f74d";
}

.fa-laptop-file:before {
  content: "\e51d";
}

.fa-teletype:before, .fa-tty:before {
  content: "\f1e4";
}

.fa-chart-tree-map:before {
  content: "\e0ea";
}

.fa-diagram-next:before {
  content: "\e476";
}

.fa-person-rifle:before {
  content: "\e54e";
}

.fa-clock-five-thirty:before {
  content: "\e34a";
}

.fa-pipe-valve:before {
  content: "\e439";
}

.fa-arrow-up-from-arc:before {
  content: "\e4b4";
}

.fa-face-spiral-eyes:before {
  content: "\e485";
}

.fa-compress-wide:before {
  content: "\f326";
}

.fa-circle-phone-hangup:before, .fa-phone-circle-down:before {
  content: "\e11d";
}

.fa-gear-complex-code:before {
  content: "\e5eb";
}

.fa-house-medical-circle-exclamation:before {
  content: "\e512";
}

.fa-badminton:before {
  content: "\e33a";
}

.fa-closed-captioning:before {
  content: "\f20a";
}

.fa-hiking:before, .fa-person-hiking:before {
  content: "\f6ec";
}

.fa-arrow-alt-from-left:before, .fa-right-from-line:before {
  content: "\f347";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-images:before {
  content: "\f302";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-shuttlecock:before {
  content: "\f45b";
}

.fa-user-hair:before {
  content: "\e45a";
}

.fa-eye-evil:before {
  content: "\f6db";
}

.fa-people-pulling:before {
  content: "\e535";
}

.fa-n:before {
  content: "N";
}

.fa-swap:before {
  content: "\e609";
}

.fa-garage:before {
  content: "\e009";
}

.fa-cable-car:before, .fa-tram:before {
  content: "\f7da";
}

.fa-shovel-snow:before {
  content: "\f7c3";
}

.fa-cloud-rain:before {
  content: "\f73d";
}

.fa-face-lying:before {
  content: "\e37e";
}

.fa-sprinkler:before {
  content: "\e035";
}

.fa-building-circle-xmark:before {
  content: "\e4d4";
}

.fa-person-sledding:before, .fa-sledding:before {
  content: "\f7cb";
}

.fa-game-console-handheld:before {
  content: "\f8bb";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-clock-six-thirty:before {
  content: "\e353";
}

.fa-battery-slash:before {
  content: "\f377";
}

.fa-tugrik-sign:before {
  content: "\e2ba";
}

.fa-arrows-down-to-line:before {
  content: "\e4b8";
}

.fa-download:before {
  content: "\f019";
}

.fa-angles-up-down:before {
  content: "\e60d";
}

.fa-inventory:before, .fa-shelves:before {
  content: "\f480";
}

.fa-cloud-snow:before {
  content: "\f742";
}

.fa-face-grin:before, .fa-grin:before {
  content: "\f580";
}

.fa-backspace:before, .fa-delete-left:before {
  content: "\f55a";
}

.fa-oven:before {
  content: "\e01d";
}

.fa-cloud-binary:before {
  content: "\e601";
}

.fa-eye-dropper-empty:before, .fa-eye-dropper:before, .fa-eyedropper:before {
  content: "\f1fb";
}

.fa-comment-captions:before {
  content: "\e146";
}

.fa-comments-question:before {
  content: "\e14e";
}

.fa-scribble:before {
  content: "\e23f";
}

.fa-rotate-exclamation:before {
  content: "\e23c";
}

.fa-file-circle-check:before {
  content: "\e5a0";
}

.fa-glass:before {
  content: "\f804";
}

.fa-loader:before {
  content: "\e1d4";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-user-pilot:before {
  content: "\e2c0";
}

.fa-mobile-android:before, .fa-mobile-phone:before, .fa-mobile:before {
  content: "\f3ce";
}

.fa-code-pull-request-closed:before {
  content: "\e3f9";
}

.fa-face-meh:before, .fa-meh:before {
  content: "\f11a";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-book-dead:before, .fa-book-skull:before {
  content: "\f6b7";
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2";
}

.fa-face-dotted:before {
  content: "\e47f";
}

.fa-face-worried:before {
  content: "\e3a3";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-court-sport:before {
  content: "\e643";
}

.fa-heart-circle-exclamation:before {
  content: "\e4fe";
}

.fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before {
  content: "\f015";
}

.fa-vector-circle:before {
  content: "\e2c6";
}

.fa-car-circle-bolt:before {
  content: "\e342";
}

.fa-calendar-week:before {
  content: "\f784";
}

.fa-flying-disc:before {
  content: "\e3a9";
}

.fa-laptop-medical:before {
  content: "\f812";
}

.fa-square-down-right:before {
  content: "\e26c";
}

.fa-b:before {
  content: "B";
}

.fa-seat-airline:before {
  content: "\e244";
}

.fa-eclipse-alt:before, .fa-moon-over-sun:before {
  content: "\f74a";
}

.fa-pipe:before {
  content: "|";
}

.fa-file-medical:before {
  content: "\f477";
}

.fa-potato:before {
  content: "\e440";
}

.fa-dice-one:before {
  content: "\f525";
}

.fa-circle-a:before {
  content: "\e0f7";
}

.fa-helmet-battle:before {
  content: "\f6eb";
}

.fa-butter:before {
  content: "\e3e4";
}

.fa-blanket-fire:before {
  content: "\e3da";
}

.fa-kiwi-bird:before {
  content: "\f535";
}

.fa-castle:before {
  content: "\e0de";
}

.fa-golf-club:before {
  content: "\f451";
}

.fa-arrow-right-arrow-left:before, .fa-exchange:before {
  content: "\f0ec";
}

.fa-redo-alt:before, .fa-rotate-forward:before, .fa-rotate-right:before {
  content: "\f2f9";
}

.fa-cutlery:before, .fa-utensils:before {
  content: "\f2e7";
}

.fa-arrow-up-wide-short:before, .fa-sort-amount-up:before {
  content: "\f161";
}

.fa-chart-pie-simple-circle-dollar:before {
  content: "\e605";
}

.fa-balloons:before {
  content: "\e2e4";
}

.fa-mill-sign:before {
  content: "\e1ed";
}

.fa-bowl-rice:before {
  content: "\e2eb";
}

.fa-timeline-arrow:before {
  content: "\e29d";
}

.fa-skull:before {
  content: "\f54c";
}

.fa-game-board-alt:before, .fa-game-board-simple:before {
  content: "\f868";
}

.fa-circle-video:before, .fa-video-circle:before {
  content: "\e12b";
}

.fa-chart-scatter-bubble:before {
  content: "\e0e9";
}

.fa-house-turret:before {
  content: "\e1b4";
}

.fa-banana:before {
  content: "\e2e5";
}

.fa-hand-holding-skull:before {
  content: "\e1a4";
}

.fa-people-dress:before {
  content: "\e217";
}

.fa-couch-small:before, .fa-loveseat:before {
  content: "\f4cc";
}

.fa-broadcast-tower:before, .fa-tower-broadcast:before {
  content: "\f519";
}

.fa-truck-pickup:before {
  content: "\f63c";
}

.fa-block-quote:before {
  content: "\e0b5";
}

.fa-long-arrow-alt-up:before, .fa-up-long:before {
  content: "\f30c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-code-merge:before {
  content: "\f387";
}

.fa-money-check-dollar-pen:before, .fa-money-check-edit-alt:before {
  content: "\f873";
}

.fa-arrow-alt-from-bottom:before, .fa-up-from-line:before {
  content: "\f346";
}

.fa-upload:before {
  content: "\f093";
}

.fa-hurricane:before {
  content: "\f751";
}

.fa-grid-round-2-plus:before {
  content: "\e5dc";
}

.fa-people-pants:before {
  content: "\e219";
}

.fa-mound:before {
  content: "\e52d";
}

.fa-windsock:before {
  content: "\f777";
}

.fa-circle-half:before {
  content: "\e110";
}

.fa-brake-warning:before {
  content: "\e0c7";
}

.fa-toilet-portable:before {
  content: "\e583";
}

.fa-compact-disc:before {
  content: "\f51f";
}

.fa-file-arrow-down:before, .fa-file-download:before {
  content: "\f56d";
}

.fa-sax-hot:before, .fa-saxophone-fire:before {
  content: "\f8db";
}

.fa-camera-web-slash:before, .fa-webcam-slash:before {
  content: "\f833";
}

.fa-folder-medical:before {
  content: "\e18c";
}

.fa-folder-cog:before, .fa-folder-gear:before {
  content: "\e187";
}

.fa-hand-wave:before {
  content: "\e1a7";
}

.fa-arrow-up-arrow-down:before, .fa-sort-up-down:before {
  content: "\e099";
}

.fa-caravan:before {
  content: "\f8ff";
}

.fa-shield-cat:before {
  content: "\e572";
}

.fa-comment-alt-slash:before, .fa-message-slash:before {
  content: "\f4a9";
}

.fa-bolt:before, .fa-zap:before {
  content: "\f0e7";
}

.fa-trash-can-check:before {
  content: "\e2a9";
}

.fa-glass-water:before {
  content: "\e4f4";
}

.fa-oil-well:before {
  content: "\e532";
}

.fa-person-simple:before {
  content: "\e220";
}

.fa-arrow-turn-left-up:before {
  content: "\e634";
}

.fa-vault:before {
  content: "\e2c5";
}

.fa-mars:before {
  content: "\f222";
}

.fa-toilet:before {
  content: "\f7d8";
}

.fa-plane-circle-xmark:before {
  content: "\e557";
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen-sign:before, .fa-yen:before {
  content: "\f157";
}

.fa-gear-code:before {
  content: "\e5e8";
}

.fa-notes:before {
  content: "\e202";
}

.fa-rouble:before, .fa-rub:before, .fa-ruble-sign:before, .fa-ruble:before {
  content: "\f158";
}

.fa-trash-arrow-turn-left:before, .fa-trash-undo:before {
  content: "\f895";
}

.fa-champagne-glass:before, .fa-glass-champagne:before {
  content: "\f79e";
}

.fa-objects-align-center-horizontal:before {
  content: "\e3bc";
}

.fa-sun:before {
  content: "\f185";
}

.fa-trash-alt-slash:before, .fa-trash-can-slash:before {
  content: "\e2ad";
}

.fa-screen-users:before, .fa-users-class:before {
  content: "\f63d";
}

.fa-guitar:before {
  content: "\f7a6";
}

.fa-arrow-square-left:before, .fa-square-arrow-left:before {
  content: "\f33a";
}

.fa-square-8:before {
  content: "\e25d";
}

.fa-face-smile-hearts:before {
  content: "\e390";
}

.fa-brackets-square:before, .fa-brackets:before {
  content: "\f7e9";
}

.fa-laptop-arrow-down:before {
  content: "\e1c6";
}

.fa-hockey-stick-puck:before {
  content: "\e3ae";
}

.fa-house-tree:before {
  content: "\e1b3";
}

.fa-signal-2:before, .fa-signal-fair:before {
  content: "\f68d";
}

.fa-face-laugh-wink:before, .fa-laugh-wink:before {
  content: "\f59c";
}

.fa-circle-dollar:before, .fa-dollar-circle:before, .fa-usd-circle:before {
  content: "\f2e8";
}

.fa-horse-head:before {
  content: "\f7ab";
}

.fa-arrows-repeat:before, .fa-repeat-alt:before {
  content: "\f364";
}

.fa-bore-hole:before {
  content: "\e4c3";
}

.fa-industry:before {
  content: "\f275";
}

.fa-image-polaroid:before {
  content: "\f8c4";
}

.fa-wave-triangle:before {
  content: "\f89a";
}

.fa-turn-left-down:before {
  content: "\e637";
}

.fa-person-running-fast:before {
  content: "\e5ff";
}

.fa-arrow-alt-circle-down:before, .fa-circle-down:before {
  content: "\f358";
}

.fa-grill:before {
  content: "\e5a3";
}

.fa-arrows-turn-to-dots:before {
  content: "\e4c1";
}

.fa-analytics:before, .fa-chart-mixed:before {
  content: "\f643";
}

.fa-florin-sign:before {
  content: "\e184";
}

.fa-arrow-down-short-wide:before, .fa-sort-amount-desc:before, .fa-sort-amount-down-alt:before {
  content: "\f884";
}

.fa-less-than:before {
  content: "<";
}

.fa-desktop-code:before, .fa-display-code:before {
  content: "\e165";
}

.fa-face-drooling:before {
  content: "\e372";
}

.fa-oil-temp:before, .fa-oil-temperature:before {
  content: "\f614";
}

.fa-question-square:before, .fa-square-question:before {
  content: "\f2fd";
}

.fa-air-conditioner:before {
  content: "\f8f4";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-mountains:before {
  content: "\f6fd";
}

.fa-omega:before {
  content: "\f67a";
}

.fa-car-tunnel:before {
  content: "\e4de";
}

.fa-person-dolly-empty:before {
  content: "\f4d1";
}

.fa-pan-food:before {
  content: "\e42b";
}

.fa-head-side-cough:before {
  content: "\e061";
}

.fa-grip-lines:before {
  content: "\f7a4";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-user-lock:before {
  content: "\f502";
}

.fa-arrow-right-long:before, .fa-long-arrow-right:before {
  content: "\f178";
}

.fa-tickets-airline:before, .fa-tickets-perforated-plane:before, .fa-tickets-plane:before {
  content: "\e29b";
}

.fa-tent-double-peak:before {
  content: "\e627";
}

.fa-anchor-circle-xmark:before {
  content: "\e4ac";
}

.fa-ellipsis-h:before, .fa-ellipsis:before {
  content: "\f141";
}

.fa-nfc-slash:before {
  content: "\e1fc";
}

.fa-chess-pawn:before {
  content: "\f443";
}

.fa-first-aid:before, .fa-kit-medical:before {
  content: "\f479";
}

.fa-grid-2-plus:before {
  content: "\e197";
}

.fa-bells:before {
  content: "\f77f";
}

.fa-person-through-window:before {
  content: "\e5a9";
}

.fa-toolbox:before {
  content: "\f552";
}

.fa-envelope-badge:before, .fa-envelope-dot:before {
  content: "\e16f";
}

.fa-magnifying-glass-waveform:before {
  content: "\e661";
}

.fa-hands-holding-circle:before {
  content: "\e4fb";
}

.fa-bug:before {
  content: "\f188";
}

.fa-bowl-chopsticks:before {
  content: "\e2e9";
}

.fa-credit-card-alt:before, .fa-credit-card:before {
  content: "\f09d";
}

.fa-circle-s:before {
  content: "\e121";
}

.fa-box-ballot:before {
  content: "\f735";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-hand-holding-hand:before {
  content: "\e4f7";
}

.fa-user-tie-hair:before {
  content: "\e45f";
}

.fa-podium-star:before {
  content: "\f758";
}

.fa-business-front:before, .fa-party-back:before, .fa-trian-balbot:before, .fa-user-hair-mullet:before {
  content: "\e45c";
}

.fa-microphone-stand:before {
  content: "\f8cb";
}

.fa-book-open-reader:before, .fa-book-reader:before {
  content: "\f5da";
}

.fa-family-dress:before {
  content: "\e301";
}

.fa-circle-x:before {
  content: "\e12e";
}

.fa-cabin:before {
  content: "\e46d";
}

.fa-mountain-sun:before {
  content: "\e52f";
}

.fa-chart-simple-horizontal:before {
  content: "\e474";
}

.fa-arrows-left-right-to-line:before {
  content: "\e4ba";
}

.fa-hand-back-point-left:before {
  content: "\e19f";
}

.fa-comment-alt-dots:before, .fa-message-dots:before, .fa-messaging:before {
  content: "\f4a3";
}

.fa-file-heart:before {
  content: "\e176";
}

.fa-beer-foam:before, .fa-beer-mug:before {
  content: "\e0b3";
}

.fa-dice-d20:before {
  content: "\f6cf";
}

.fa-drone:before {
  content: "\f85f";
}

.fa-truck-droplet:before {
  content: "\e58c";
}

.fa-file-circle-xmark:before {
  content: "\e5a1";
}

.fa-temperature-arrow-up:before, .fa-temperature-up:before {
  content: "\e040";
}

.fa-medal:before {
  content: "\f5a2";
}

.fa-person-fairy:before {
  content: "\e608";
}

.fa-bed:before {
  content: "\f236";
}

.fa-book-copy:before {
  content: "\e0be";
}

.fa-h-square:before, .fa-square-h:before {
  content: "\f0fd";
}

.fa-square-c:before {
  content: "\e266";
}

.fa-clock-two:before {
  content: "\e35a";
}

.fa-square-ellipsis-vertical:before {
  content: "\e26f";
}

.fa-calendar-users:before {
  content: "\e5e2";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-bee:before {
  content: "\e0b2";
}

.fa-temperature-4:before, .fa-temperature-full:before, .fa-thermometer-4:before, .fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-candy-bar:before, .fa-chocolate-bar:before {
  content: "\e3e8";
}

.fa-xmark-large:before {
  content: "\e59b";
}

.fa-pinata:before {
  content: "\e3c3";
}

.fa-file-ppt:before {
  content: "\e64a";
}

.fa-arrows-from-line:before {
  content: "\e0a4";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-bowl-spoon:before {
  content: "\e3e0";
}

.fa-hexagon-check:before {
  content: "\e416";
}

.fa-plug-circle-xmark:before {
  content: "\e560";
}

.fa-star-of-life:before {
  content: "\f621";
}

.fa-phone-slash:before {
  content: "\f3dd";
}

.fa-traffic-light-stop:before {
  content: "\f63a";
}

.fa-paint-roller:before {
  content: "\f5aa";
}

.fa-accent-grave:before {
  content: "`";
}

.fa-hands-helping:before, .fa-handshake-angle:before {
  content: "\f4c4";
}

.fa-circle-0:before {
  content: "\e0ed";
}

.fa-dial-med-low:before {
  content: "\e160";
}

.fa-location-dot:before, .fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-crab:before {
  content: "\e3ff";
}

.fa-box-full:before, .fa-box-open-full:before {
  content: "\f49c";
}

.fa-file:before {
  content: "\f15b";
}

.fa-greater-than:before {
  content: ">";
}

.fa-quotes:before {
  content: "\e234";
}

.fa-pretzel:before {
  content: "\e441";
}

.fa-t-rex:before {
  content: "\e629";
}

.fa-person-swimming:before, .fa-swimmer:before {
  content: "\f5c4";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-user-robot-xmarks:before {
  content: "\e4a7";
}

.fa-comment-alt-quote:before, .fa-message-quote:before {
  content: "\e1e4";
}

.fa-candy-corn:before {
  content: "\f6bd";
}

.fa-folder-magnifying-glass:before, .fa-folder-search:before {
  content: "\e18b";
}

.fa-notebook:before {
  content: "\e201";
}

.fa-droplet:before, .fa-tint:before {
  content: "\f043";
}

.fa-bullseye-pointer:before {
  content: "\f649";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-hexagon-image:before {
  content: "\e504";
}

.fa-earth-america:before, .fa-earth-americas:before, .fa-earth:before, .fa-globe-americas:before {
  content: "\f57d";
}

.fa-file-svg:before {
  content: "\e64b";
}

.fa-crate-apple:before {
  content: "\f6b1";
}

.fa-apple-crate:before {
  content: "\f6b1";
}

.fa-person-burst:before {
  content: "\e53b";
}

.fa-game-board:before {
  content: "\f867";
}

.fa-hat-chef:before {
  content: "\f86b";
}

.fa-hand-back-point-right:before {
  content: "\e1a1";
}

.fa-dove:before {
  content: "\f4ba";
}

.fa-snowflake-droplets:before {
  content: "\e5c1";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244";
}

.fa-grid-4:before {
  content: "\e198";
}

.fa-socks:before {
  content: "\f696";
}

.fa-face-sunglasses:before {
  content: "\e398";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-square-0:before {
  content: "\e255";
}

.fa-section:before {
  content: "\e447";
}

.fa-box-up:before, .fa-square-this-way-up:before {
  content: "\f49f";
}

.fa-gauge-high:before, .fa-tachometer-alt-fast:before, .fa-tachometer-alt:before {
  content: "\f625";
}

.fa-square-ampersand:before {
  content: "\e260";
}

.fa-envelope-open-text:before {
  content: "\f658";
}

.fa-lamp-desk:before {
  content: "\e014";
}

.fa-hospital-alt:before, .fa-hospital-wide:before, .fa-hospital:before {
  content: "\f0f8";
}

.fa-poll-people:before {
  content: "\f759";
}

.fa-glass-whiskey-rocks:before, .fa-whiskey-glass-ice:before {
  content: "\f7a1";
}

.fa-wine-bottle:before {
  content: "\f72f";
}

.fa-chess-rook:before {
  content: "\f447";
}

.fa-user-bounty-hunter:before {
  content: "\e2bf";
}

.fa-bars-staggered:before, .fa-reorder:before, .fa-stream:before {
  content: "\f550";
}

.fa-diagram-sankey:before {
  content: "\e158";
}

.fa-cloud-hail-mixed:before {
  content: "\f73a";
}

.fa-circle-up-left:before {
  content: "\e128";
}

.fa-dharmachakra:before {
  content: "\f655";
}

.fa-objects-align-left:before {
  content: "\e3be";
}

.fa-oil-can-drip:before {
  content: "\e205";
}

.fa-face-smiling-hands:before {
  content: "\e396";
}

.fa-broccoli:before {
  content: "\e3e2";
}

.fa-route-interstate:before {
  content: "\f61b";
}

.fa-ear-muffs:before {
  content: "\f795";
}

.fa-hotdog:before {
  content: "\f80f";
}

.fa-transporter-empty:before {
  content: "\e046";
}

.fa-blind:before, .fa-person-walking-with-cane:before {
  content: "\f29d";
}

.fa-angle-90:before {
  content: "\e08d";
}

.fa-rectangle-terminal:before {
  content: "\e236";
}

.fa-kite:before {
  content: "\f6f4";
}

.fa-drum:before {
  content: "\f569";
}

.fa-scrubber:before {
  content: "\f2f8";
}

.fa-ice-cream:before {
  content: "\f810";
}

.fa-heart-circle-bolt:before {
  content: "\e4fc";
}

.fa-fish-bones:before {
  content: "\e304";
}

.fa-deer-rudolph:before {
  content: "\f78f";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-head-side-heart:before {
  content: "\e1aa";
}

.fa-square-e:before {
  content: "\e26d";
}

.fa-meter-fire:before {
  content: "\e1eb";
}

.fa-cloud-hail:before {
  content: "\f739";
}

.fa-check-to-slot:before, .fa-vote-yea:before {
  content: "\f772";
}

.fa-money-from-bracket:before {
  content: "\e312";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-car-bus:before {
  content: "\f85a";
}

.fa-speaker:before {
  content: "\f8df";
}

.fa-timer:before {
  content: "\e29e";
}

.fa-boxes-alt:before, .fa-boxes-stacked:before, .fa-boxes:before {
  content: "\f468";
}

.fa-landmark-magnifying-glass:before {
  content: "\e622";
}

.fa-grill-hot:before {
  content: "\e5a5";
}

.fa-ballot-check:before {
  content: "\f733";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-assistive-listening-systems:before, .fa-ear-listen:before {
  content: "\f2a2";
}

.fa-file-minus:before {
  content: "\f318";
}

.fa-tree-city:before {
  content: "\e587";
}

.fa-play:before {
  content: "\f04b";
}

.fa-font:before {
  content: "\f031";
}

.fa-coffee-togo:before, .fa-cup-togo:before {
  content: "\f6c5";
}

.fa-square-down-left:before {
  content: "\e26b";
}

.fa-burger-lettuce:before {
  content: "\e3e3";
}

.fa-rupiah-sign:before {
  content: "\e23d";
}

.fa-magnifying-glass:before, .fa-search:before {
  content: "\f002";
}

.fa-ping-pong-paddle-ball:before, .fa-table-tennis-paddle-ball:before, .fa-table-tennis:before {
  content: "\f45d";
}

.fa-diagnoses:before, .fa-person-dots-from-line:before {
  content: "\f470";
}

.fa-chevron-double-down:before, .fa-chevrons-down:before {
  content: "\f322";
}

.fa-trash-can-arrow-up:before, .fa-trash-restore-alt:before {
  content: "\f82a";
}

.fa-signal-3:before, .fa-signal-good:before {
  content: "\f68e";
}

.fa-location-question:before, .fa-map-marker-question:before {
  content: "\f60b";
}

.fa-floppy-disk-circle-xmark:before, .fa-floppy-disk-times:before, .fa-save-circle-xmark:before, .fa-save-times:before {
  content: "\e181";
}

.fa-naira-sign:before {
  content: "\e1f6";
}

.fa-peach:before {
  content: "\e20b";
}

.fa-taxi-bus:before {
  content: "\e298";
}

.fa-bracket-curly-left:before, .fa-bracket-curly:before {
  content: "{";
}

.fa-lobster:before {
  content: "\e421";
}

.fa-cart-flatbed-empty:before, .fa-dolly-flatbed-empty:before {
  content: "\f476";
}

.fa-colon:before {
  content: ":";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-wand:before {
  content: "\f72a";
}

.fa-walkie-talkie:before {
  content: "\f8ef";
}

.fa-file-edit:before, .fa-file-pen:before {
  content: "\f31c";
}

.fa-receipt:before {
  content: "\f543";
}

.fa-table-picnic:before {
  content: "\e32d";
}

.fa-pen-square:before, .fa-pencil-square:before, .fa-square-pen:before {
  content: "\f14b";
}

.fa-circle-microphone-lines:before, .fa-microphone-circle-alt:before {
  content: "\e117";
}

.fa-desktop-slash:before, .fa-display-slash:before {
  content: "\e2fa";
}

.fa-suitcase-rolling:before {
  content: "\f5c1";
}

.fa-person-circle-exclamation:before {
  content: "\e53f";
}

.fa-transporter-2:before {
  content: "\e044";
}

.fa-hand-receiving:before, .fa-hands-holding-diamond:before {
  content: "\f47c";
}

.fa-money-bill-simple-wave:before {
  content: "\e1f2";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-battery-5:before, .fa-battery-full:before, .fa-battery:before {
  content: "\f240";
}

.fa-bell-plus:before {
  content: "\f849";
}

.fa-book-arrow-right:before {
  content: "\e0b9";
}

.fa-hospitals:before {
  content: "\f80e";
}

.fa-club:before {
  content: "\f327";
}

.fa-skull-crossbones:before {
  content: "\f714";
}

.fa-dewpoint:before, .fa-droplet-degree:before {
  content: "\f748";
}

.fa-code-compare:before {
  content: "\e13a";
}

.fa-list-dots:before, .fa-list-ul:before {
  content: "\f0ca";
}

.fa-hand-holding-magic:before {
  content: "\f6e5";
}

.fa-watermelon-slice:before {
  content: "\e337";
}

.fa-circle-ellipsis:before {
  content: "\e10a";
}

.fa-school-lock:before {
  content: "\e56f";
}

.fa-tower-cell:before {
  content: "\e585";
}

.fa-sd-cards:before {
  content: "\e240";
}

.fa-jug-bottle:before {
  content: "\e5fb";
}

.fa-down-long:before, .fa-long-arrow-alt-down:before {
  content: "\f309";
}

.fa-envelopes:before {
  content: "\e170";
}

.fa-phone-office:before {
  content: "\f67d";
}

.fa-ranking-star:before {
  content: "\e561";
}

.fa-chess-king:before {
  content: "\f43f";
}

.fa-nfc-pen:before {
  content: "\e1fa";
}

.fa-person-harassing:before {
  content: "\e549";
}

.fa-magnifying-glass-play:before {
  content: "\e660";
}

.fa-hat-winter:before {
  content: "\f7a8";
}

.fa-brazilian-real-sign:before {
  content: "\e46c";
}

.fa-landmark-alt:before, .fa-landmark-dome:before {
  content: "\f752";
}

.fa-bone-break:before {
  content: "\f5d8";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-down-from-dotted-line:before {
  content: "\e407";
}

.fa-television:before, .fa-tv-alt:before, .fa-tv:before {
  content: "\f26c";
}

.fa-border-left:before {
  content: "\f84f";
}

.fa-circle-divide:before {
  content: "\e106";
}

.fa-shrimp:before {
  content: "\e448";
}

.fa-list-check:before, .fa-tasks:before {
  content: "\f0ae";
}

.fa-diagram-subtask:before {
  content: "\e479";
}

.fa-jug-detergent:before {
  content: "\e519";
}

.fa-circle-user:before, .fa-user-circle:before {
  content: "\f2bd";
}

.fa-square-y:before {
  content: "\e287";
}

.fa-user-doctor-hair:before {
  content: "\e458";
}

.fa-planet-ringed:before {
  content: "\e020";
}

.fa-mushroom:before {
  content: "\e425";
}

.fa-user-shield:before {
  content: "\f505";
}

.fa-megaphone:before {
  content: "\f675";
}

.fa-wreath-laurel:before {
  content: "\e5d2";
}

.fa-circle-exclamation-check:before {
  content: "\e10d";
}

.fa-wind:before {
  content: "\f72e";
}

.fa-box-dollar:before, .fa-box-usd:before {
  content: "\f4a0";
}

.fa-car-burst:before, .fa-car-crash:before {
  content: "\f5e1";
}

.fa-y:before {
  content: "Y";
}

.fa-user-headset:before {
  content: "\f82d";
}

.fa-arrows-retweet:before, .fa-retweet-alt:before {
  content: "\f361";
}

.fa-person-snowboarding:before, .fa-snowboarding:before {
  content: "\f7ce";
}

.fa-chevron-square-right:before, .fa-square-chevron-right:before {
  content: "\f32b";
}

.fa-lacrosse-stick-ball:before {
  content: "\e3b6";
}

.fa-shipping-fast:before, .fa-truck-fast:before {
  content: "\f48b";
}

.fa-user-magnifying-glass:before {
  content: "\e5c5";
}

.fa-star-sharp:before {
  content: "\e28b";
}

.fa-comment-heart:before {
  content: "\e5c8";
}

.fa-circle-1:before {
  content: "\e0ee";
}

.fa-circle-star:before, .fa-star-circle:before {
  content: "\e123";
}

.fa-fish:before {
  content: "\f578";
}

.fa-cloud-fog:before, .fa-fog:before {
  content: "\f74e";
}

.fa-waffle:before {
  content: "\e466";
}

.fa-music-alt:before, .fa-music-note:before {
  content: "\f8cf";
}

.fa-hexagon-exclamation:before {
  content: "\e417";
}

.fa-cart-shopping-fast:before {
  content: "\e0dc";
}

.fa-object-union:before {
  content: "\e49f";
}

.fa-user-graduate:before {
  content: "\f501";
}

.fa-starfighter:before {
  content: "\e037";
}

.fa-adjust:before, .fa-circle-half-stroke:before {
  content: "\f042";
}

.fa-arrow-right-long-to-line:before {
  content: "\e3d5";
}

.fa-arrow-square-down:before, .fa-square-arrow-down:before {
  content: "\f339";
}

.fa-diamond-half-stroke:before {
  content: "\e5b8";
}

.fa-clapperboard:before {
  content: "\e131";
}

.fa-chevron-square-left:before, .fa-square-chevron-left:before {
  content: "\f32a";
}

.fa-phone-intercom:before {
  content: "\e434";
}

.fa-chain-horizontal:before, .fa-link-horizontal:before {
  content: "\e1cb";
}

.fa-mango:before {
  content: "\e30f";
}

.fa-music-alt-slash:before, .fa-music-note-slash:before {
  content: "\f8d0";
}

.fa-circle-radiation:before, .fa-radiation-alt:before {
  content: "\f7ba";
}

.fa-face-tongue-sweat:before {
  content: "\e39e";
}

.fa-globe-stand:before {
  content: "\f5f6";
}

.fa-baseball-ball:before, .fa-baseball:before {
  content: "\f433";
}

.fa-circle-p:before {
  content: "\e11a";
}

.fa-award-simple:before {
  content: "\e0ab";
}

.fa-jet-fighter-up:before {
  content: "\e518";
}

.fa-diagram-project:before, .fa-project-diagram:before {
  content: "\f542";
}

.fa-pedestal:before {
  content: "\e20d";
}

.fa-chart-pyramid:before {
  content: "\e0e6";
}

.fa-sidebar:before {
  content: "\e24e";
}

.fa-frosty-head:before, .fa-snowman-head:before {
  content: "\f79b";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-burger-glass:before {
  content: "\e0ce";
}

.fa-volume-mute:before, .fa-volume-times:before, .fa-volume-xmark:before {
  content: "\f6a9";
}

.fa-hand-sparkles:before {
  content: "\e05d";
}

.fa-bars-filter:before {
  content: "\e0ad";
}

.fa-paintbrush-pencil:before {
  content: "\e206";
}

.fa-party-bell:before {
  content: "\e31a";
}

.fa-user-vneck-hair:before {
  content: "\e462";
}

.fa-jack-o-lantern:before {
  content: "\f30e";
}

.fa-grip-horizontal:before, .fa-grip:before {
  content: "\f58d";
}

.fa-share-from-square:before, .fa-share-square:before {
  content: "\f14d";
}

.fa-keynote:before {
  content: "\f66c";
}

.fa-child-combatant:before, .fa-child-rifle:before {
  content: "\e4e0";
}

.fa-gun:before {
  content: "\e19b";
}

.fa-phone-square:before, .fa-square-phone:before {
  content: "\f098";
}

.fa-hat-beach:before {
  content: "\e606";
}

.fa-add:before, .fa-plus:before {
  content: "+";
}

.fa-expand:before {
  content: "\f065";
}

.fa-computer:before {
  content: "\e4e5";
}

.fa-fort:before {
  content: "\e486";
}

.fa-cloud-check:before {
  content: "\e35c";
}

.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before {
  content: "\f00d";
}

.fa-face-smirking:before {
  content: "\e397";
}

.fa-arrows-up-down-left-right:before, .fa-arrows:before {
  content: "\f047";
}

.fa-chalkboard-teacher:before, .fa-chalkboard-user:before {
  content: "\f51c";
}

.fa-rhombus:before {
  content: "\e23b";
}

.fa-claw-marks:before {
  content: "\f6c2";
}

.fa-peso-sign:before {
  content: "\e222";
}

.fa-face-smile-tongue:before {
  content: "\e394";
}

.fa-cart-circle-xmark:before {
  content: "\e3f4";
}

.fa-building-shield:before {
  content: "\e4d8";
}

.fa-circle-phone-flip:before, .fa-phone-circle-alt:before {
  content: "\e11c";
}

.fa-baby:before {
  content: "\f77c";
}

.fa-users-line:before {
  content: "\e592";
}

.fa-quote-left-alt:before, .fa-quote-left:before {
  content: "\f10d";
}

.fa-tractor:before {
  content: "\f722";
}

.fa-key-skeleton:before {
  content: "\f6f3";
}

.fa-trash-arrow-up:before, .fa-trash-restore:before {
  content: "\f829";
}

.fa-arrow-down-up-lock:before {
  content: "\e4b0";
}

.fa-arrow-down-to-bracket:before {
  content: "\e094";
}

.fa-lines-leaning:before {
  content: "\e51e";
}

.fa-square-q:before {
  content: "\e27b";
}

.fa-ruler-combined:before {
  content: "\f546";
}

.fa-icons-alt:before, .fa-symbols:before {
  content: "\f86e";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-flask-gear:before {
  content: "\e5f1";
}

.fa-highlighter-line:before {
  content: "\e1af";
}

.fa-bracket-left:before, .fa-bracket-square:before, .fa-bracket:before {
  content: "[";
}

.fa-island-tree-palm:before, .fa-island-tropical:before {
  content: "\f811";
}

.fa-arrow-from-left:before, .fa-arrow-right-from-line:before {
  content: "\f343";
}

.fa-h2:before {
  content: "\f314";
}

.fa-equals:before {
  content: "=";
}

.fa-cake-slice:before, .fa-shortcake:before {
  content: "\e3e5";
}

.fa-building-magnifying-glass:before {
  content: "\e61c";
}

.fa-peanut:before {
  content: "\e430";
}

.fa-wrench-simple:before {
  content: "\e2d1";
}

.fa-blender:before {
  content: "\f517";
}

.fa-teeth:before {
  content: "\f62e";
}

.fa-tally-2:before {
  content: "\e295";
}

.fa-ils:before, .fa-shekel-sign:before, .fa-shekel:before, .fa-sheqel-sign:before, .fa-sheqel:before {
  content: "\f20b";
}

.fa-cars:before {
  content: "\f85b";
}

.fa-axe-battle:before {
  content: "\f6b3";
}

.fa-user-hair-long:before {
  content: "\e45b";
}

.fa-map:before {
  content: "\f279";
}

.fa-arrow-left-from-arc:before {
  content: "\e615";
}

.fa-file-circle-info:before {
  content: "\e493";
}

.fa-face-disappointed:before {
  content: "\e36f";
}

.fa-lasso-sparkles:before {
  content: "\e1c9";
}

.fa-clock-eleven:before {
  content: "\e347";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-siren-on:before {
  content: "\e02e";
}

.fa-clock-ten:before {
  content: "\e354";
}

.fa-candle-holder:before {
  content: "\f6bc";
}

.fa-video-arrow-down-left:before {
  content: "\e2c8";
}

.fa-photo-film:before, .fa-photo-video:before {
  content: "\f87c";
}

.fa-floppy-disk-circle-arrow-right:before, .fa-save-circle-arrow-right:before {
  content: "\e180";
}

.fa-folder-minus:before {
  content: "\f65d";
}

.fa-planet-moon:before {
  content: "\e01f";
}

.fa-face-eyes-xmarks:before {
  content: "\e374";
}

.fa-chart-scatter:before {
  content: "\f7ee";
}

.fa-display-arrow-down:before {
  content: "\e164";
}

.fa-store:before {
  content: "\f54e";
}

.fa-arrow-trend-up:before {
  content: "\e098";
}

.fa-plug-circle-minus:before {
  content: "\e55e";
}

.fa-olive-branch:before {
  content: "\e317";
}

.fa-angle:before {
  content: "\e08c";
}

.fa-vacuum-robot:before {
  content: "\e04e";
}

.fa-sign-hanging:before, .fa-sign:before {
  content: "\f4d9";
}

.fa-square-divide:before {
  content: "\e26a";
}

.fa-folder-check:before {
  content: "\e64e";
}

.fa-signal-stream-slash:before {
  content: "\e250";
}

.fa-bezier-curve:before {
  content: "\f55b";
}

.fa-eye-dropper-half:before {
  content: "\e173";
}

.fa-store-lock:before {
  content: "\e4a6";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-cloud-bolt-sun:before, .fa-thunderstorm-sun:before {
  content: "\f76e";
}

.fa-camera-slash:before {
  content: "\e0d9";
}

.fa-comment-quote:before {
  content: "\e14c";
}

.fa-tablet-android:before, .fa-tablet:before {
  content: "\f3fb";
}

.fa-school-flag:before {
  content: "\e56e";
}

.fa-message-code:before {
  content: "\e1df";
}

.fa-glass-half-empty:before, .fa-glass-half-full:before, .fa-glass-half:before {
  content: "\e192";
}

.fa-fill:before {
  content: "\f575";
}

.fa-comment-alt-minus:before, .fa-message-minus:before {
  content: "\f4a7";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-dinosaur:before {
  content: "\e5fe";
}

.fa-drumstick-bite:before {
  content: "\f6d7";
}

.fa-chain-horizontal-slash:before, .fa-link-horizontal-slash:before {
  content: "\e1cc";
}

.fa-holly-berry:before {
  content: "\f7aa";
}

.fa-nose:before {
  content: "\e5bd";
}

.fa-arrow-left-to-arc:before {
  content: "\e616";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-bacteria:before {
  content: "\e059";
}

.fa-clouds:before {
  content: "\f744";
}

.fa-money-bill-simple:before {
  content: "\e1f1";
}

.fa-hand-lizard:before {
  content: "\f258";
}

.fa-table-pivot:before {
  content: "\e291";
}

.fa-filter-slash:before {
  content: "\e17d";
}

.fa-trash-can-arrow-turn-left:before, .fa-trash-can-undo:before, .fa-trash-undo-alt:before {
  content: "\f896";
}

.fa-notdef:before {
  content: "\e1fe";
}

.fa-disease:before {
  content: "\f7fa";
}

.fa-person-to-door:before {
  content: "\e433";
}

.fa-turntable:before {
  content: "\f8e4";
}

.fa-briefcase-medical:before {
  content: "\f469";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-signal-1:before, .fa-signal-weak:before {
  content: "\f68c";
}

.fa-clock-five:before {
  content: "\e349";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-car-alt:before, .fa-car-rear:before {
  content: "\f5de";
}

.fa-pump-soap:before {
  content: "\e06b";
}

.fa-computer-classic:before {
  content: "\f8b1";
}

.fa-frame:before {
  content: "\e495";
}

.fa-video-slash:before {
  content: "\f4e2";
}

.fa-battery-2:before, .fa-battery-quarter:before {
  content: "\f243";
}

.fa-ellipsis-h-alt:before, .fa-ellipsis-stroke:before {
  content: "\f39b";
}

.fa-radio:before {
  content: "\f8d7";
}

.fa-baby-carriage:before, .fa-carriage-baby:before {
  content: "\f77d";
}

.fa-face-expressionless:before {
  content: "\e373";
}

.fa-down-to-dotted-line:before {
  content: "\e408";
}

.fa-cloud-music:before {
  content: "\f8ae";
}

.fa-traffic-light:before {
  content: "\f637";
}

.fa-cloud-minus:before {
  content: "\e35d";
}

.fa-thermometer:before {
  content: "\f491";
}

.fa-shield-minus:before {
  content: "\e249";
}

.fa-vr-cardboard:before {
  content: "\f729";
}

.fa-car-tilt:before {
  content: "\f5e5";
}

.fa-gauge-circle-minus:before {
  content: "\e497";
}

.fa-brightness-low:before {
  content: "\e0ca";
}

.fa-hand-middle-finger:before {
  content: "\f806";
}

.fa-percent:before, .fa-percentage:before {
  content: "%";
}

.fa-truck-moving:before {
  content: "\f4df";
}

.fa-glass-water-droplet:before {
  content: "\e4f5";
}

.fa-conveyor-belt:before {
  content: "\f46e";
}

.fa-location-check:before, .fa-map-marker-check:before {
  content: "\f606";
}

.fa-coin-vertical:before {
  content: "\e3fd";
}

.fa-display:before {
  content: "\e163";
}

.fa-person-sign:before {
  content: "\f757";
}

.fa-face-smile:before, .fa-smile:before {
  content: "\f118";
}

.fa-phone-hangup:before {
  content: "\e225";
}

.fa-signature-slash:before {
  content: "\e3cb";
}

.fa-thumb-tack:before, .fa-thumbtack:before {
  content: "\f08d";
}

.fa-wheat-slash:before {
  content: "\e339";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-clouds-sun:before {
  content: "\f746";
}

.fa-person-praying:before, .fa-pray:before {
  content: "\f683";
}

.fa-hammer:before {
  content: "\f6e3";
}

.fa-face-vomit:before {
  content: "\e3a0";
}

.fa-speakers:before {
  content: "\f8e0";
}

.fa-teletype-answer:before, .fa-tty-answer:before {
  content: "\e2b9";
}

.fa-mug-tea-saucer:before {
  content: "\e1f5";
}

.fa-diagram-lean-canvas:before {
  content: "\e156";
}

.fa-alt:before {
  content: "\e08a";
}

.fa-dial-med-high:before, .fa-dial:before {
  content: "\e15b";
}

.fa-hand-peace:before {
  content: "\f25b";
}

.fa-circle-trash:before, .fa-trash-circle:before {
  content: "\e126";
}

.fa-rotate:before, .fa-sync-alt:before {
  content: "\f2f1";
}

.fa-circle-quarters:before {
  content: "\e3f8";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-tower-control:before {
  content: "\e2a2";
}

.fa-arrow-up-triangle-square:before, .fa-sort-shapes-up:before {
  content: "\f88a";
}

.fa-whale:before {
  content: "\f72c";
}

.fa-robot:before {
  content: "\f544";
}

.fa-peace:before {
  content: "\f67c";
}

.fa-party-horn:before {
  content: "\e31b";
}

.fa-cogs:before, .fa-gears:before {
  content: "\f085";
}

.fa-sun-alt:before, .fa-sun-bright:before {
  content: "\e28f";
}

.fa-warehouse:before {
  content: "\f494";
}

.fa-conveyor-belt-arm:before {
  content: "\e5f8";
}

.fa-lock-keyhole-open:before, .fa-lock-open-alt:before {
  content: "\f3c2";
}

.fa-box-fragile:before, .fa-square-fragile:before, .fa-square-wine-glass-crack:before {
  content: "\f49b";
}

.fa-arrow-up-right-dots:before {
  content: "\e4b7";
}

.fa-square-n:before {
  content: "\e277";
}

.fa-splotch:before {
  content: "\f5bc";
}

.fa-face-grin-hearts:before, .fa-grin-hearts:before {
  content: "\f584";
}

.fa-meter:before {
  content: "\e1e8";
}

.fa-mandolin:before {
  content: "\f6f9";
}

.fa-dice-four:before {
  content: "\f524";
}

.fa-sim-card:before {
  content: "\f7c4";
}

.fa-transgender-alt:before, .fa-transgender:before {
  content: "\f225";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-up-from-bracket:before {
  content: "\e590";
}

.fa-knife-kitchen:before {
  content: "\f6f5";
}

.fa-border-right:before {
  content: "\f852";
}

.fa-arrow-turn-down:before, .fa-level-down:before {
  content: "\f149";
}

.fa-spade:before {
  content: "\f2f4";
}

.fa-card-spade:before {
  content: "\e3ec";
}

.fa-line-columns:before {
  content: "\f870";
}

.fa-arrow-right-to-line:before, .fa-arrow-to-right:before {
  content: "\f340";
}

.fa-person-falling-burst:before {
  content: "\e547";
}

.fa-flag-pennant:before, .fa-pennant:before {
  content: "\f456";
}

.fa-conveyor-belt-empty:before {
  content: "\e150";
}

.fa-user-group-simple:before {
  content: "\e603";
}

.fa-award:before {
  content: "\f559";
}

.fa-ticket-alt:before, .fa-ticket-simple:before {
  content: "\f3ff";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-angle-double-left:before, .fa-angles-left:before {
  content: "\f100";
}

.fa-camcorder:before, .fa-video-handheld:before {
  content: "\f8a8";
}

.fa-pancakes:before {
  content: "\e42d";
}

.fa-album-circle-user:before {
  content: "\e48d";
}

.fa-subtitles-slash:before {
  content: "\e610";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-dice-d10:before {
  content: "\f6cd";
}

.fa-fireplace:before {
  content: "\f79a";
}

.fa-browser:before {
  content: "\f37e";
}

.fa-pen-paintbrush:before, .fa-pencil-paintbrush:before {
  content: "\f618";
}

.fa-fish-cooked:before {
  content: "\f7fe";
}

.fa-chair-office:before {
  content: "\f6c1";
}

.fa-magnifying-glass-music:before {
  content: "\e65f";
}

.fa-nesting-dolls:before {
  content: "\e3ba";
}

.fa-clock-rotate-left:before, .fa-history:before {
  content: "\f1da";
}

.fa-trumpet:before {
  content: "\f8e3";
}

.fa-face-grin-beam-sweat:before, .fa-grin-beam-sweat:before {
  content: "\f583";
}

.fa-fire-smoke:before {
  content: "\f74b";
}

.fa-phone-missed:before {
  content: "\e226";
}

.fa-arrow-right-from-file:before, .fa-file-export:before {
  content: "\f56e";
}

.fa-shield-blank:before, .fa-shield:before {
  content: "\f132";
}

.fa-arrow-up-short-wide:before, .fa-sort-amount-up-alt:before {
  content: "\f885";
}

.fa-arrows-repeat-1:before, .fa-repeat-1-alt:before {
  content: "\f366";
}

.fa-gun-slash:before {
  content: "\e19c";
}

.fa-avocado:before {
  content: "\e0aa";
}

.fa-binary:before {
  content: "\e33b";
}

.fa-glasses-alt:before, .fa-glasses-round:before {
  content: "\f5f5";
}

.fa-phone-plus:before {
  content: "\f4d2";
}

.fa-ditto:before {
  content: '"';
}

.fa-person-seat:before {
  content: "\e21e";
}

.fa-house-medical:before {
  content: "\e3b2";
}

.fa-golf-ball-tee:before, .fa-golf-ball:before {
  content: "\f450";
}

.fa-chevron-circle-left:before, .fa-circle-chevron-left:before {
  content: "\f137";
}

.fa-house-chimney-window:before {
  content: "\e00d";
}

.fa-scythe:before {
  content: "\f710";
}

.fa-pen-nib:before {
  content: "\f5ad";
}

.fa-ban-parking:before, .fa-parking-circle-slash:before {
  content: "\f616";
}

.fa-tent-arrow-turn-left:before {
  content: "\e580";
}

.fa-face-diagonal-mouth:before {
  content: "\e47e";
}

.fa-diagram-cells:before {
  content: "\e475";
}

.fa-cricket-bat-ball:before, .fa-cricket:before {
  content: "\f449";
}

.fa-tents:before {
  content: "\e582";
}

.fa-magic:before, .fa-wand-magic:before {
  content: "\f0d0";
}

.fa-dog:before {
  content: "\f6d3";
}

.fa-pen-line:before {
  content: "\e212";
}

.fa-atom-alt:before, .fa-atom-simple:before {
  content: "\f5d3";
}

.fa-ampersand:before {
  content: "&";
}

.fa-carrot:before {
  content: "\f787";
}

.fa-arrow-from-bottom:before, .fa-arrow-up-from-line:before {
  content: "\f342";
}

.fa-moon:before {
  content: "\f186";
}

.fa-pen-slash:before {
  content: "\e213";
}

.fa-wine-glass-alt:before, .fa-wine-glass-empty:before {
  content: "\f5ce";
}

.fa-square-star:before {
  content: "\e27f";
}

.fa-cheese:before {
  content: "\f7ef";
}

.fa-send-backward:before {
  content: "\f87f";
}

.fa-yin-yang:before {
  content: "\f6ad";
}

.fa-music:before {
  content: "\f001";
}

.fa-compass-slash:before {
  content: "\f5e9";
}

.fa-clock-one:before {
  content: "\e34e";
}

.fa-file-music:before {
  content: "\f8b6";
}

.fa-code-commit:before {
  content: "\f386";
}

.fa-temperature-low:before {
  content: "\f76b";
}

.fa-biking:before, .fa-person-biking:before {
  content: "\f84a";
}

.fa-display-chart-up-circle-currency:before {
  content: "\e5e5";
}

.fa-skeleton:before {
  content: "\f620";
}

.fa-circle-g:before {
  content: "\e10f";
}

.fa-circle-arrow-up-left:before {
  content: "\e0fb";
}

.fa-coin-blank:before {
  content: "\e3fb";
}

.fa-broom:before {
  content: "\f51a";
}

.fa-vacuum:before {
  content: "\e04d";
}

.fa-shield-heart:before {
  content: "\e574";
}

.fa-card-heart:before {
  content: "\e3eb";
}

.fa-lightbulb-cfl-on:before {
  content: "\e5a7";
}

.fa-melon:before {
  content: "\e310";
}

.fa-gopuram:before {
  content: "\f664";
}

.fa-earth-oceania:before, .fa-globe-oceania:before {
  content: "\e47b";
}

.fa-container-storage:before {
  content: "\f4b7";
}

.fa-face-pouting:before {
  content: "\e387";
}

.fa-square-xmark:before, .fa-times-square:before, .fa-xmark-square:before {
  content: "\f2d3";
}

.fa-exploding-head:before, .fa-face-explode:before {
  content: "\e2fe";
}

.fa-hashtag:before {
  content: "#";
}

.fa-expand-alt:before, .fa-up-right-and-down-left-from-center:before {
  content: "\f424";
}

.fa-oil-can:before {
  content: "\f613";
}

.fa-t:before {
  content: "T";
}

.fa-transformer-bolt:before {
  content: "\e2a4";
}

.fa-hippo:before {
  content: "\f6ed";
}

.fa-chart-column:before {
  content: "\e0e3";
}

.fa-cassette-vhs:before, .fa-vhs:before {
  content: "\f8ec";
}

.fa-infinity:before {
  content: "\f534";
}

.fa-vial-circle-check:before {
  content: "\e596";
}

.fa-chimney:before {
  content: "\f78b";
}

.fa-object-intersect:before {
  content: "\e49d";
}

.fa-person-arrow-down-to-line:before {
  content: "\e538";
}

.fa-voicemail:before {
  content: "\f897";
}

.fa-block-brick:before, .fa-wall-brick:before {
  content: "\e3db";
}

.fa-fan:before {
  content: "\f863";
}

.fa-bags-shopping:before {
  content: "\f847";
}

.fa-paragraph-left:before, .fa-paragraph-rtl:before {
  content: "\f878";
}

.fa-person-walking-luggage:before {
  content: "\e554";
}

.fa-caravan-alt:before, .fa-caravan-simple:before {
  content: "\e000";
}

.fa-turtle:before {
  content: "\f726";
}

.fa-pencil-mechanical:before {
  content: "\e5ca";
}

.fa-arrows-alt-v:before, .fa-up-down:before {
  content: "\f338";
}

.fa-cloud-moon-rain:before {
  content: "\f73c";
}

.fa-booth-curtain:before {
  content: "\f734";
}

.fa-calendar:before {
  content: "\f133";
}

.fa-box-heart:before {
  content: "\f49d";
}

.fa-trailer:before {
  content: "\e041";
}

.fa-user-doctor-message:before, .fa-user-md-chat:before {
  content: "\f82e";
}

.fa-bahai:before, .fa-haykal:before {
  content: "\f666";
}

.fa-lighthouse:before {
  content: "\e612";
}

.fa-amp-guitar:before {
  content: "\f8a1";
}

.fa-sd-card:before {
  content: "\f7c2";
}

.fa-volume-slash:before {
  content: "\f2e2";
}

.fa-border-bottom:before {
  content: "\f84d";
}

.fa-wifi-1:before, .fa-wifi-weak:before {
  content: "\f6aa";
}

.fa-dragon:before {
  content: "\f6d5";
}

.fa-shoe-prints:before {
  content: "\f54b";
}

.fa-circle-plus:before, .fa-plus-circle:before {
  content: "\f055";
}

.fa-face-grin-tongue-wink:before, .fa-grin-tongue-wink:before {
  content: "\f58b";
}

.fa-hand-holding:before {
  content: "\f4bd";
}

.fa-plug-circle-exclamation:before {
  content: "\e55d";
}

.fa-chain-broken:before, .fa-chain-slash:before, .fa-link-slash:before, .fa-unlink:before {
  content: "\f127";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-person-walking-arrow-loop-left:before {
  content: "\e551";
}

.fa-arrow-up-z-a:before, .fa-sort-alpha-up-alt:before {
  content: "\f882";
}

.fa-fire-alt:before, .fa-fire-flame-curved:before {
  content: "\f7e4";
}

.fa-tornado:before {
  content: "\f76f";
}

.fa-file-circle-plus:before {
  content: "\e494";
}

.fa-delete-right:before {
  content: "\e154";
}

.fa-book-quran:before, .fa-quran:before {
  content: "\f687";
}

.fa-circle-quarter:before {
  content: "\e11f";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-border-all:before {
  content: "\f84c";
}

.fa-function:before {
  content: "\f661";
}

.fa-angry:before, .fa-face-angry:before {
  content: "\f556";
}

.fa-people-simple:before {
  content: "\e21b";
}

.fa-cookie-bite:before {
  content: "\f564";
}

.fa-arrow-trend-down:before {
  content: "\e097";
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e";
}

.fa-face-monocle:before {
  content: "\e380";
}

.fa-draw-polygon:before {
  content: "\f5ee";
}

.fa-balance-scale:before, .fa-scale-balanced:before {
  content: "\f24e";
}

.fa-calendar-lines:before, .fa-calendar-note:before {
  content: "\e0d5";
}

.fa-arrow-down-big-small:before, .fa-sort-size-down:before {
  content: "\f88c";
}

.fa-gauge-simple-high:before, .fa-tachometer-fast:before, .fa-tachometer:before {
  content: "\f62a";
}

.fa-do-not-enter:before {
  content: "\f5ec";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-dice-d8:before {
  content: "\f6d2";
}

.fa-desktop-alt:before, .fa-desktop:before {
  content: "\f390";
}

.fa-m:before {
  content: "M";
}

.fa-spinner-scale:before {
  content: "\e62a";
}

.fa-grip-dots-vertical:before {
  content: "\e411";
}

.fa-face-viewfinder:before {
  content: "\e2ff";
}

.fa-creemee:before, .fa-soft-serve:before {
  content: "\e400";
}

.fa-h5:before {
  content: "\e412";
}

.fa-hand-back-point-down:before {
  content: "\e19e";
}

.fa-table-list:before, .fa-th-list:before {
  content: "\f00b";
}

.fa-basket-shopping-minus:before {
  content: "\e652";
}

.fa-comment-sms:before, .fa-sms:before {
  content: "\f7cd";
}

.fa-rectangle-landscape:before, .fa-rectangle:before {
  content: "\f2fa";
}

.fa-clipboard-list-check:before {
  content: "\f737";
}

.fa-turkey:before {
  content: "\f725";
}

.fa-book:before {
  content: "\f02d";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-ice-skate:before {
  content: "\f7ac";
}

.fa-check:before {
  content: "\f00c";
}

.fa-battery-4:before, .fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-tomato:before {
  content: "\e330";
}

.fa-sword-laser:before {
  content: "\e03b";
}

.fa-house-circle-check:before {
  content: "\e509";
}

.fa-buildings:before {
  content: "\e0cc";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-cart-flatbed-boxes:before, .fa-dolly-flatbed-alt:before {
  content: "\f475";
}

.fa-diagram-successor:before {
  content: "\e47a";
}

.fa-truck-arrow-right:before {
  content: "\e58b";
}

.fa-square-w:before {
  content: "\e285";
}

.fa-arrows-split-up-and-left:before {
  content: "\e4bc";
}

.fa-lamp:before {
  content: "\f4ca";
}

.fa-airplay:before {
  content: "\e089";
}

.fa-fist-raised:before, .fa-hand-fist:before {
  content: "\f6de";
}

.fa-shield-quartered:before {
  content: "\e575";
}

.fa-slash-forward:before {
  content: "/";
}

.fa-location-pen:before, .fa-map-marker-edit:before {
  content: "\f607";
}

.fa-cloud-moon:before {
  content: "\f6c3";
}

.fa-pot-food:before {
  content: "\e43f";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-person-falling:before {
  content: "\e546";
}

.fa-image-portrait:before, .fa-portrait:before {
  content: "\f3e0";
}

.fa-user-tag:before {
  content: "\f507";
}

.fa-rug:before {
  content: "\e569";
}

.fa-print-slash:before {
  content: "\f686";
}

.fa-earth-europe:before, .fa-globe-europe:before {
  content: "\f7a2";
}

.fa-cart-flatbed-suitcase:before, .fa-luggage-cart:before {
  content: "\f59d";
}

.fa-hand-back-point-ribbon:before {
  content: "\e1a0";
}

.fa-rectangle-times:before, .fa-rectangle-xmark:before, .fa-times-rectangle:before, .fa-window-close:before {
  content: "\f410";
}

.fa-tire-rugged:before {
  content: "\f634";
}

.fa-lightbulb-dollar:before {
  content: "\f670";
}

.fa-cowbell:before {
  content: "\f8b3";
}

.fa-baht-sign:before {
  content: "\e0ac";
}

.fa-corner:before {
  content: "\e3fe";
}

.fa-chevron-double-right:before, .fa-chevrons-right:before {
  content: "\f324";
}

.fa-book-open:before {
  content: "\f518";
}

.fa-book-journal-whills:before, .fa-journal-whills:before {
  content: "\f66a";
}

.fa-inhaler:before {
  content: "\f5f9";
}

.fa-handcuffs:before {
  content: "\e4f8";
}

.fa-snake:before {
  content: "\f716";
}

.fa-exclamation-triangle:before, .fa-triangle-exclamation:before, .fa-warning:before {
  content: "\f071";
}

.fa-note-medical:before {
  content: "\e200";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-down-left:before {
  content: "\e16a";
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-face-thinking:before {
  content: "\e39b";
}

.fa-turn-down-right:before {
  content: "\e455";
}

.fa-bottle-droplet:before {
  content: "\e4c4";
}

.fa-mask-face:before {
  content: "\e1d7";
}

.fa-hill-rockslide:before {
  content: "\e508";
}

.fa-scanner-keyboard:before {
  content: "\f489";
}

.fa-circle-o:before {
  content: "\e119";
}

.fa-grid-horizontal:before {
  content: "\e307";
}

.fa-comment-alt-dollar:before, .fa-message-dollar:before {
  content: "\f650";
}

.fa-exchange-alt:before, .fa-right-left:before {
  content: "\f362";
}

.fa-columns-3:before {
  content: "\e361";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-road-circle-exclamation:before {
  content: "\e565";
}

.fa-dungeon:before {
  content: "\f6d9";
}

.fa-hand-holding-box:before {
  content: "\f47b";
}

.fa-input-text:before {
  content: "\e1bf";
}

.fa-window-alt:before, .fa-window-flip:before {
  content: "\f40f";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-scanner-gun:before, .fa-scanner:before {
  content: "\f488";
}

.fa-tire:before {
  content: "\f631";
}

.fa-engine:before {
  content: "\e16e";
}

.fa-money-bill-1-wave:before, .fa-money-bill-wave-alt:before {
  content: "\f53b";
}

.fa-life-ring:before {
  content: "\f1cd";
}

.fa-hands:before, .fa-sign-language:before, .fa-signing:before {
  content: "\f2a7";
}

.fa-caret-circle-right:before, .fa-circle-caret-right:before {
  content: "\f330";
}

.fa-turn-left:before {
  content: "\e636";
}

.fa-wheat:before {
  content: "\f72d";
}

.fa-file-spreadsheet:before {
  content: "\f65b";
}

.fa-audio-description-slash:before {
  content: "\e0a8";
}

.fa-bell-ring:before {
  content: "\e62c";
}

.fa-calendar-day:before {
  content: "\f783";
}

.fa-ladder-water:before, .fa-swimming-pool:before, .fa-water-ladder:before {
  content: "\f5c5";
}

.fa-arrows-up-down:before, .fa-arrows-v:before {
  content: "\f07d";
}

.fa-chess-pawn-alt:before, .fa-chess-pawn-piece:before {
  content: "\f444";
}

.fa-face-grimace:before, .fa-grimace:before {
  content: "\f57f";
}

.fa-wheelchair-alt:before, .fa-wheelchair-move:before {
  content: "\e2ce";
}

.fa-level-down-alt:before, .fa-turn-down:before {
  content: "\f3be";
}

.fa-square-s:before {
  content: "\e27d";
}

.fa-barcode-alt:before, .fa-rectangle-barcode:before {
  content: "\f463";
}

.fa-person-walking-arrow-right:before {
  content: "\e552";
}

.fa-envelope-square:before, .fa-square-envelope:before {
  content: "\f199";
}

.fa-dice:before {
  content: "\f522";
}

.fa-unicorn:before {
  content: "\f727";
}

.fa-bowling-ball:before {
  content: "\f436";
}

.fa-pompebled:before {
  content: "\e43d";
}

.fa-brain:before {
  content: "\f5dc";
}

.fa-watch-smart:before {
  content: "\e2cc";
}

.fa-book-user:before {
  content: "\f7e7";
}

.fa-sensor-cloud:before, .fa-sensor-smoke:before {
  content: "\e02c";
}

.fa-clapperboard-play:before {
  content: "\e132";
}

.fa-band-aid:before, .fa-bandage:before {
  content: "\f462";
}

.fa-calendar-minus:before {
  content: "\f272";
}

.fa-circle-xmark:before, .fa-times-circle:before, .fa-xmark-circle:before {
  content: "\f057";
}

.fa-circle-4:before {
  content: "\e0f1";
}

.fa-gifts:before {
  content: "\f79c";
}

.fa-album-collection:before {
  content: "\f8a0";
}

.fa-hotel:before {
  content: "\f594";
}

.fa-earth-asia:before, .fa-globe-asia:before {
  content: "\f57e";
}

.fa-id-card-alt:before, .fa-id-card-clip:before {
  content: "\f47f";
}

.fa-magnifying-glass-plus:before, .fa-search-plus:before {
  content: "\f00e";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-cloud-showers:before {
  content: "\f73f";
}

.fa-user-clock:before {
  content: "\f4fd";
}

.fa-onion:before {
  content: "\e427";
}

.fa-clock-twelve-thirty:before {
  content: "\e359";
}

.fa-arrow-down-to-dotted-line:before {
  content: "\e095";
}

.fa-allergies:before, .fa-hand-dots:before {
  content: "\f461";
}

.fa-file-invoice:before {
  content: "\f570";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-rectangle-wide:before {
  content: "\f2fc";
}

.fa-comment-arrow-up:before {
  content: "\e144";
}

.fa-garlic:before {
  content: "\e40e";
}

.fa-coffee:before, .fa-mug-saucer:before {
  content: "\f0f4";
}

.fa-brush:before {
  content: "\f55d";
}

.fa-tree-decorated:before {
  content: "\f7dc";
}

.fa-mask:before {
  content: "\f6fa";
}

.fa-calendar-heart:before {
  content: "\e0d3";
}

.fa-magnifying-glass-minus:before, .fa-search-minus:before {
  content: "\f010";
}

.fa-flower:before {
  content: "\f7ff";
}

.fa-arrow-down-from-arc:before {
  content: "\e614";
}

.fa-right-left-large:before {
  content: "\e5e1";
}

.fa-ruler-vertical:before {
  content: "\f548";
}

.fa-circles-overlap:before {
  content: "\e600";
}

.fa-user-alt:before, .fa-user-large:before {
  content: "\f406";
}

.fa-starship-freighter:before {
  content: "\e03a";
}

.fa-train-tram:before {
  content: "\e5b4";
}

.fa-bridge-suspension:before {
  content: "\e4cd";
}

.fa-trash-check:before {
  content: "\e2af";
}

.fa-user-nurse:before {
  content: "\f82f";
}

.fa-boombox:before {
  content: "\f8a5";
}

.fa-syringe:before {
  content: "\f48e";
}

.fa-cloud-sun:before {
  content: "\f6c4";
}

.fa-shield-exclamation:before {
  content: "\e247";
}

.fa-stopwatch-20:before {
  content: "\e06f";
}

.fa-square-full:before {
  content: "\f45c";
}

.fa-grip-dots:before {
  content: "\e410";
}

.fa-comment-exclamation:before {
  content: "\f4af";
}

.fa-pen-swirl:before {
  content: "\e214";
}

.fa-falafel:before {
  content: "\e40a";
}

.fa-circle-2:before {
  content: "\e0ef";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-jar:before {
  content: "\e516";
}

.fa-gramophone:before {
  content: "\f8bd";
}

.fa-dice-d12:before {
  content: "\f6ce";
}

.fa-note-sticky:before, .fa-sticky-note:before {
  content: "\f249";
}

.fa-arrow-alt-down:before, .fa-down:before {
  content: "\f354";
}

.fa-100:before, .fa-hundred-points:before {
  content: "\e41c";
}

.fa-paperclip-vertical:before {
  content: "\e3c2";
}

.fa-wind-circle-exclamation:before, .fa-wind-warning:before {
  content: "\f776";
}

.fa-location-pin-slash:before, .fa-map-marker-slash:before {
  content: "\f60c";
}

.fa-face-sad-sweat:before {
  content: "\e38a";
}

.fa-bug-slash:before {
  content: "\e490";
}

.fa-cupcake:before {
  content: "\e402";
}

.fa-light-switch-off:before {
  content: "\e018";
}

.fa-toggle-large-off:before {
  content: "\e5b0";
}

.fa-pen-fancy-slash:before {
  content: "\e210";
}

.fa-truck-container:before {
  content: "\f4dc";
}

.fa-boot:before {
  content: "\f782";
}

.fa-arrow-up-from-water-pump:before {
  content: "\e4b6";
}

.fa-file-check:before {
  content: "\f316";
}

.fa-bone:before {
  content: "\f5d7";
}

.fa-cards-blank:before {
  content: "\e4df";
}

.fa-circle-3:before {
  content: "\e0f0";
}

.fa-bench-tree:before {
  content: "\e2e7";
}

.fa-keyboard-brightness-low:before {
  content: "\e1c1";
}

.fa-ski-boot-ski:before {
  content: "\e3cd";
}

.fa-brain-circuit:before {
  content: "\e0c6";
}

.fa-user-injured:before {
  content: "\f728";
}

.fa-block-brick-fire:before, .fa-firewall:before {
  content: "\e3dc";
}

.fa-face-sad-tear:before, .fa-sad-tear:before {
  content: "\f5b4";
}

.fa-plane:before {
  content: "\f072";
}

.fa-tent-arrows-down:before {
  content: "\e581";
}

.fa-exclamation:before {
  content: "!";
}

.fa-arrows-spin:before {
  content: "\e4bb";
}

.fa-face-smile-relaxed:before {
  content: "\e392";
}

.fa-comment-times:before, .fa-comment-xmark:before {
  content: "\f4b5";
}

.fa-print:before {
  content: "\f02f";
}

.fa-try:before, .fa-turkish-lira-sign:before, .fa-turkish-lira:before {
  content: "\e2bb";
}

.fa-face-nose-steam:before {
  content: "\e382";
}

.fa-circle-waveform-lines:before, .fa-waveform-circle:before {
  content: "\e12d";
}

.fa-dollar-sign:before, .fa-dollar:before, .fa-usd:before {
  content: "$";
}

.fa-ferris-wheel:before {
  content: "\e174";
}

.fa-computer-speaker:before {
  content: "\f8b2";
}

.fa-skull-cow:before {
  content: "\f8de";
}

.fa-x:before {
  content: "X";
}

.fa-magnifying-glass-dollar:before, .fa-search-dollar:before {
  content: "\f688";
}

.fa-users-cog:before, .fa-users-gear:before {
  content: "\f509";
}

.fa-person-military-pointing:before {
  content: "\e54a";
}

.fa-bank:before, .fa-building-columns:before, .fa-institution:before, .fa-museum:before, .fa-university:before {
  content: "\f19c";
}

.fa-circle-t:before {
  content: "\e124";
}

.fa-sack:before {
  content: "\f81c";
}

.fa-grid-2:before {
  content: "\e196";
}

.fa-camera-cctv:before, .fa-cctv:before {
  content: "\f8ac";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-trowel:before {
  content: "\e589";
}

.fa-horizontal-rule:before {
  content: "\f86c";
}

.fa-bed-alt:before, .fa-bed-front:before {
  content: "\f8f7";
}

.fa-d:before {
  content: "D";
}

.fa-stapler:before {
  content: "\e5af";
}

.fa-masks-theater:before, .fa-theater-masks:before {
  content: "\f630";
}

.fa-file-gif:before {
  content: "\e645";
}

.fa-kip-sign:before {
  content: "\e1c4";
}

.fa-face-woozy:before {
  content: "\e3a2";
}

.fa-cloud-question:before {
  content: "\e492";
}

.fa-pineapple:before {
  content: "\e31f";
}

.fa-hand-point-left:before {
  content: "\f0a5";
}

.fa-gallery-thumbnails:before {
  content: "\e3aa";
}

.fa-circle-j:before {
  content: "\e112";
}

.fa-eyes:before {
  content: "\e367";
}

.fa-handshake-alt:before, .fa-handshake-simple:before {
  content: "\f4c6";
}

.fa-file-caret-up:before, .fa-page-caret-up:before {
  content: "\e42a";
}

.fa-fighter-jet:before, .fa-jet-fighter:before {
  content: "\f0fb";
}

.fa-comet:before {
  content: "\e003";
}

.fa-share-alt-square:before, .fa-square-share-nodes:before {
  content: "\f1e1";
}

.fa-reflect-vertical:before {
  content: "\e665";
}

.fa-shield-keyhole:before {
  content: "\e248";
}

.fa-file-mp4:before {
  content: "\e649";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-bulldozer:before {
  content: "\e655";
}

.fa-plus-minus:before {
  content: "\e43c";
}

.fa-sliders-v-square:before, .fa-square-sliders-vertical:before {
  content: "\f3f2";
}

.fa-video-camera:before, .fa-video:before {
  content: "\f03d";
}

.fa-comment-middle-alt:before, .fa-message-middle:before {
  content: "\e1e1";
}

.fa-graduation-cap:before, .fa-mortar-board:before {
  content: "\f19d";
}

.fa-hand-holding-medical:before {
  content: "\e05c";
}

.fa-person-circle-check:before {
  content: "\e53e";
}

.fa-square-z:before {
  content: "\e288";
}

.fa-comment-alt-text:before, .fa-message-text:before {
  content: "\e1e6";
}

.fa-level-up-alt:before, .fa-turn-up:before {
  content: "\f3bf";
}

.fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

:host, :root {
  --fa-style-family-brands:"Font Awesome 6 Brands";
  --fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/_next/static/media/fa-brands-400.b0893ed8.woff2) format("woff2"), url(/_next/static/media/fa-brands-400.6a230855.ttf) format("truetype");
}
.fa-brands, .fab {
  font-weight: 400;
}

.fa-monero:before {
  content: "\f3d0";
}

.fa-hooli:before {
  content: "\f427";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-shopware:before {
  content: "\f5b5";
}

.fa-creative-commons-nc:before {
  content: "\f4e8";
}

.fa-aws:before {
  content: "\f375";
}

.fa-redhat:before {
  content: "\f7bc";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-cloudflare:before {
  content: "\e07d";
}

.fa-ups:before {
  content: "\f7e0";
}

.fa-pixiv:before {
  content: "\e640";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-dyalog:before {
  content: "\f399";
}

.fa-bity:before {
  content: "\f37a";
}

.fa-stackpath:before {
  content: "\f842";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-modx:before {
  content: "\f285";
}

.fa-guilded:before {
  content: "\e07e";
}

.fa-vnv:before {
  content: "\f40b";
}

.fa-js-square:before, .fa-square-js:before {
  content: "\f3b9";
}

.fa-microsoft:before {
  content: "\f3ca";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-orcid:before {
  content: "\f8d2";
}

.fa-java:before {
  content: "\f4e4";
}

.fa-invision:before {
  content: "\f7b0";
}

.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}

.fa-centercode:before {
  content: "\f380";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-hire-a-helper:before {
  content: "\f3b0";
}

.fa-creative-commons-by:before {
  content: "\f4e7";
}

.fa-unity:before {
  content: "\e049";
}

.fa-whmcs:before {
  content: "\f40d";
}

.fa-rocketchat:before {
  content: "\f3e8";
}

.fa-vk:before {
  content: "\f189";
}

.fa-untappd:before {
  content: "\f405";
}

.fa-mailchimp:before {
  content: "\f59e";
}

.fa-css3-alt:before {
  content: "\f38b";
}

.fa-reddit-square:before, .fa-square-reddit:before {
  content: "\f1a2";
}

.fa-vimeo-v:before {
  content: "\f27d";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-square-font-awesome:before {
  content: "\e5ad";
}

.fa-deskpro:before {
  content: "\f38f";
}

.fa-brave:before {
  content: "\e63c";
}

.fa-sistrix:before {
  content: "\f3ee";
}

.fa-instagram-square:before, .fa-square-instagram:before {
  content: "\e055";
}

.fa-battle-net:before {
  content: "\f835";
}

.fa-the-red-yeti:before {
  content: "\f69d";
}

.fa-hacker-news-square:before, .fa-square-hacker-news:before {
  content: "\f3af";
}

.fa-edge:before {
  content: "\f282";
}

.fa-threads:before {
  content: "\e618";
}

.fa-napster:before {
  content: "\f3d2";
}

.fa-snapchat-square:before, .fa-square-snapchat:before {
  content: "\f2ad";
}

.fa-google-plus-g:before {
  content: "\f0d5";
}

.fa-artstation:before {
  content: "\f77a";
}

.fa-markdown:before {
  content: "\f60f";
}

.fa-sourcetree:before {
  content: "\f7d3";
}

.fa-google-plus:before {
  content: "\f2b3";
}

.fa-diaspora:before {
  content: "\f791";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-phoenix-squadron:before {
  content: "\f511";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-algolia:before {
  content: "\f36c";
}

.fa-red-river:before {
  content: "\f3e3";
}

.fa-creative-commons-sa:before {
  content: "\f4ef";
}

.fa-safari:before {
  content: "\f267";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-font-awesome-alt:before, .fa-square-font-awesome-stroke:before {
  content: "\f35c";
}

.fa-atlassian:before {
  content: "\f77b";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-digital-ocean:before {
  content: "\f391";
}

.fa-nimblr:before {
  content: "\f5a8";
}

.fa-chromecast:before {
  content: "\f838";
}

.fa-evernote:before {
  content: "\f839";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-creative-commons-sampling:before {
  content: "\f4f0";
}

.fa-adversal:before {
  content: "\f36a";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-watchman-monitoring:before {
  content: "\e087";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-weixin:before {
  content: "\f1d7";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-git-alt:before {
  content: "\f841";
}

.fa-lyft:before {
  content: "\f3c3";
}

.fa-rev:before {
  content: "\f5b2";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-wizards-of-the-coast:before {
  content: "\f730";
}

.fa-square-viadeo:before, .fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-centos:before {
  content: "\f789";
}

.fa-adn:before {
  content: "\f170";
}

.fa-cloudsmith:before {
  content: "\f384";
}

.fa-opensuse:before {
  content: "\e62b";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-dribbble-square:before, .fa-square-dribbble:before {
  content: "\f397";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-node:before {
  content: "\f419";
}

.fa-mix:before {
  content: "\f3cb";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-cc-apple-pay:before {
  content: "\f416";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-debian:before {
  content: "\e60b";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-instalod:before {
  content: "\e081";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-sellcast:before {
  content: "\f2da";
}

.fa-square-twitter:before, .fa-twitter-square:before {
  content: "\f081";
}

.fa-r-project:before {
  content: "\f4f7";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-freebsd:before {
  content: "\f3a4";
}

.fa-vuejs:before {
  content: "\f41f";
}

.fa-accusoft:before {
  content: "\f369";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-fonticons-fi:before {
  content: "\f3a2";
}

.fa-app-store:before {
  content: "\f36f";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-itunes-note:before {
  content: "\f3b5";
}

.fa-golang:before {
  content: "\e40f";
}

.fa-kickstarter:before {
  content: "\f3bb";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-uncharted:before {
  content: "\e084";
}

.fa-firstdraft:before {
  content: "\f3a1";
}

.fa-square-youtube:before, .fa-youtube-square:before {
  content: "\f431";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-rendact:before, .fa-wpressr:before {
  content: "\f3e4";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-galactic-republic:before {
  content: "\f50c";
}

.fa-nfc-directional:before {
  content: "\e530";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-joget:before {
  content: "\f3b7";
}

.fa-fedora:before {
  content: "\f798";
}

.fa-stripe-s:before {
  content: "\f42a";
}

.fa-meta:before {
  content: "\e49b";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-hotjar:before {
  content: "\f3b1";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-square-letterboxd:before {
  content: "\e62e";
}

.fa-sticker-mule:before {
  content: "\f3f7";
}

.fa-creative-commons-zero:before {
  content: "\f4f3";
}

.fa-hips:before {
  content: "\f452";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-discord:before {
  content: "\f392";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-app-store-ios:before {
  content: "\f370";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-confluence:before {
  content: "\f78d";
}

.fa-shoelace:before {
  content: "\e60c";
}

.fa-mdb:before {
  content: "\f8ca";
}

.fa-dochub:before {
  content: "\f394";
}

.fa-accessible-icon:before {
  content: "\f368";
}

.fa-ebay:before {
  content: "\f4f4";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-unsplash:before {
  content: "\e07c";
}

.fa-yarn:before {
  content: "\f7e3";
}

.fa-square-steam:before, .fa-steam-square:before {
  content: "\f1b7";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-square-vimeo:before, .fa-vimeo-square:before {
  content: "\f194";
}

.fa-asymmetrik:before {
  content: "\f372";
}

.fa-font-awesome-flag:before, .fa-font-awesome-logo-full:before, .fa-font-awesome:before {
  content: "\f2b4";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-apple:before {
  content: "\f179";
}

.fa-hive:before {
  content: "\e07f";
}

.fa-gitkraken:before {
  content: "\f3a6";
}

.fa-keybase:before {
  content: "\f4f5";
}

.fa-apple-pay:before {
  content: "\f415";
}

.fa-padlet:before {
  content: "\e4a0";
}

.fa-amazon-pay:before {
  content: "\f42c";
}

.fa-github-square:before, .fa-square-github:before {
  content: "\f092";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-fedex:before {
  content: "\f797";
}

.fa-phoenix-framework:before {
  content: "\f3dc";
}

.fa-shopify:before {
  content: "\e057";
}

.fa-neos:before {
  content: "\f612";
}

.fa-square-threads:before {
  content: "\e619";
}

.fa-hackerrank:before {
  content: "\f5f7";
}

.fa-researchgate:before {
  content: "\f4f8";
}

.fa-swift:before {
  content: "\f8e1";
}

.fa-angular:before {
  content: "\f420";
}

.fa-speakap:before {
  content: "\f3f3";
}

.fa-angrycreative:before {
  content: "\f36e";
}

.fa-y-combinator:before {
  content: "\f23b";
}

.fa-empire:before {
  content: "\f1d1";
}

.fa-envira:before {
  content: "\f299";
}

.fa-google-scholar:before {
  content: "\e63b";
}

.fa-gitlab-square:before, .fa-square-gitlab:before {
  content: "\e5ae";
}

.fa-studiovinari:before {
  content: "\f3f8";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-goodreads:before {
  content: "\f3a8";
}

.fa-odnoklassniki-square:before, .fa-square-odnoklassniki:before {
  content: "\f264";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-sith:before {
  content: "\f512";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-page4:before {
  content: "\f3d7";
}

.fa-hashnode:before {
  content: "\e499";
}

.fa-react:before {
  content: "\f41b";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-squarespace:before {
  content: "\f5be";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-creative-commons-share:before {
  content: "\f4f2";
}

.fa-bitcoin:before {
  content: "\f379";
}

.fa-keycdn:before {
  content: "\f3ba";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-itch-io:before {
  content: "\f83a";
}

.fa-umbraco:before {
  content: "\f8e8";
}

.fa-galactic-senate:before {
  content: "\f50d";
}

.fa-ubuntu:before {
  content: "\f7df";
}

.fa-draft2digital:before {
  content: "\f396";
}

.fa-stripe:before {
  content: "\f429";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-gg:before {
  content: "\f260";
}

.fa-dhl:before {
  content: "\f790";
}

.fa-pinterest-square:before, .fa-square-pinterest:before {
  content: "\f0d3";
}

.fa-xing:before {
  content: "\f168";
}

.fa-blackberry:before {
  content: "\f37b";
}

.fa-creative-commons-pd:before {
  content: "\f4ec";
}

.fa-playstation:before {
  content: "\f3df";
}

.fa-quinscape:before {
  content: "\f459";
}

.fa-less:before {
  content: "\f41d";
}

.fa-blogger-b:before {
  content: "\f37d";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-signal-messenger:before {
  content: "\e663";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-typo3:before {
  content: "\f42b";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-dailymotion:before {
  content: "\e052";
}

.fa-affiliatetheme:before {
  content: "\f36b";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-bootstrap:before {
  content: "\f836";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-nfc-symbol:before {
  content: "\e531";
}

.fa-mintbit:before {
  content: "\e62f";
}

.fa-ethereum:before {
  content: "\f42e";
}

.fa-speaker-deck:before {
  content: "\f83c";
}

.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}

.fa-patreon:before {
  content: "\f3d9";
}

.fa-avianex:before {
  content: "\f374";
}

.fa-ello:before {
  content: "\f5f1";
}

.fa-gofore:before {
  content: "\f3a7";
}

.fa-bimobject:before {
  content: "\f378";
}

.fa-brave-reverse:before {
  content: "\e63d";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-google-plus-square:before, .fa-square-google-plus:before {
  content: "\f0d4";
}

.fa-mandalorian:before {
  content: "\f50f";
}

.fa-first-order-alt:before {
  content: "\f50a";
}

.fa-osi:before {
  content: "\f41a";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-d-and-d-beyond:before {
  content: "\f6ca";
}

.fa-periscope:before {
  content: "\f3da";
}

.fa-fulcrum:before {
  content: "\f50b";
}

.fa-cloudscale:before {
  content: "\f383";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-mizuni:before {
  content: "\f3cc";
}

.fa-schlix:before {
  content: "\f3ea";
}

.fa-square-xing:before, .fa-xing-square:before {
  content: "\f169";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-cloudversify:before {
  content: "\f385";
}

.fa-usps:before {
  content: "\f7e1";
}

.fa-megaport:before {
  content: "\f5a3";
}

.fa-magento:before {
  content: "\f3c4";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-fly:before {
  content: "\f417";
}

.fa-aviato:before {
  content: "\f421";
}

.fa-itunes:before {
  content: "\f3b4";
}

.fa-cuttlefish:before {
  content: "\f38c";
}

.fa-blogger:before {
  content: "\f37c";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-viber:before {
  content: "\f409";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-letterboxd:before {
  content: "\e62d";
}

.fa-symfony:before {
  content: "\f83d";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-audible:before {
  content: "\f373";
}

.fa-think-peaks:before {
  content: "\f731";
}

.fa-bilibili:before {
  content: "\e3d9";
}

.fa-erlang:before {
  content: "\f39d";
}

.fa-x-twitter:before {
  content: "\e61b";
}

.fa-cotton-bureau:before {
  content: "\f89e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-42-group:before, .fa-innosoft:before {
  content: "\e080";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-elementor:before {
  content: "\f430";
}

.fa-pied-piper-square:before, .fa-square-pied-piper:before {
  content: "\e01e";
}

.fa-creative-commons-nd:before {
  content: "\f4eb";
}

.fa-palfed:before {
  content: "\f3d8";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-resolving:before {
  content: "\f3e7";
}

.fa-xbox:before {
  content: "\f412";
}

.fa-searchengin:before {
  content: "\f3eb";
}

.fa-tiktok:before {
  content: "\e07b";
}

.fa-facebook-square:before, .fa-square-facebook:before {
  content: "\f082";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-hubspot:before {
  content: "\f3b2";
}

.fa-deploydog:before {
  content: "\f38e";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-mixer:before {
  content: "\e056";
}

.fa-lastfm-square:before, .fa-square-lastfm:before {
  content: "\f203";
}

.fa-vimeo:before {
  content: "\f40a";
}

.fa-mendeley:before {
  content: "\f7b3";
}

.fa-uniregistry:before {
  content: "\f404";
}

.fa-figma:before {
  content: "\f799";
}

.fa-creative-commons-remix:before {
  content: "\f4ee";
}

.fa-cc-amazon-pay:before {
  content: "\f42d";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-cmplid:before {
  content: "\e360";
}

.fa-upwork:before {
  content: "\e641";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-gripfire:before {
  content: "\f3ac";
}

.fa-jedi-order:before {
  content: "\f50e";
}

.fa-uikit:before {
  content: "\f403";
}

.fa-fort-awesome-alt:before {
  content: "\f3a3";
}

.fa-phabricator:before {
  content: "\f3db";
}

.fa-ussunnah:before {
  content: "\f407";
}

.fa-earlybirds:before {
  content: "\f39a";
}

.fa-trade-federation:before {
  content: "\f513";
}

.fa-autoprefixer:before {
  content: "\f41c";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-google-play:before {
  content: "\f3ab";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-line:before {
  content: "\f3c0";
}

.fa-google-drive:before {
  content: "\f3aa";
}

.fa-servicestack:before {
  content: "\f3ec";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-deezer:before {
  content: "\e077";
}

.fa-raspberry-pi:before {
  content: "\f7bb";
}

.fa-jira:before {
  content: "\f7b1";
}

.fa-docker:before {
  content: "\f395";
}

.fa-screenpal:before {
  content: "\e570";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-gitter:before {
  content: "\f426";
}

.fa-d-and-d:before {
  content: "\f38d";
}

.fa-microblog:before {
  content: "\e01a";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-pied-piper-hat:before {
  content: "\f4e5";
}

.fa-kickstarter-k:before {
  content: "\f3bc";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-readme:before {
  content: "\f4d5";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-sass:before {
  content: "\f41e";
}

.fa-wirsindhandwerk:before, .fa-wsh:before {
  content: "\e2d0";
}

.fa-buromobelexperte:before {
  content: "\f37f";
}

.fa-salesforce:before {
  content: "\f83b";
}

.fa-octopus-deploy:before {
  content: "\e082";
}

.fa-medapps:before {
  content: "\f3c6";
}

.fa-ns8:before {
  content: "\f3d5";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-apper:before {
  content: "\f371";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-waze:before {
  content: "\f83f";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-snapchat-ghost:before, .fa-snapchat:before {
  content: "\f2ab";
}

.fa-fantasy-flight-games:before {
  content: "\f6dc";
}

.fa-rust:before {
  content: "\e07a";
}

.fa-wix:before {
  content: "\f5cf";
}

.fa-behance-square:before, .fa-square-behance:before {
  content: "\f1b5";
}

.fa-supple:before {
  content: "\f3f9";
}

.fa-webflow:before {
  content: "\e65c";
}

.fa-rebel:before {
  content: "\f1d0";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-staylinked:before {
  content: "\f3f5";
}

.fa-kaggle:before {
  content: "\f5fa";
}

.fa-space-awesome:before {
  content: "\e5ac";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-cpanel:before {
  content: "\f388";
}

.fa-goodreads-g:before {
  content: "\f3a9";
}

.fa-git-square:before, .fa-square-git:before {
  content: "\f1d2";
}

.fa-square-tumblr:before, .fa-tumblr-square:before {
  content: "\f174";
}

.fa-trello:before {
  content: "\f181";
}

.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-perbyte:before {
  content: "\e083";
}

.fa-grunt:before {
  content: "\f3ad";
}

.fa-weebly:before {
  content: "\f5cc";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-themeco:before {
  content: "\f5c6";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-android:before {
  content: "\f17b";
}

.fa-bots:before {
  content: "\e340";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-hornbill:before {
  content: "\f592";
}

.fa-js:before {
  content: "\f3b8";
}

.fa-ideal:before {
  content: "\e013";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-dev:before {
  content: "\f6cc";
}

.fa-sketch:before {
  content: "\f7c6";
}

.fa-yandex-international:before {
  content: "\f414";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-uber:before {
  content: "\f402";
}

.fa-github:before {
  content: "\f09b";
}

.fa-php:before {
  content: "\f457";
}

.fa-alipay:before {
  content: "\f642";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-firefox-browser:before {
  content: "\e007";
}

.fa-replyd:before {
  content: "\f3e6";
}

.fa-suse:before {
  content: "\f7d6";
}

.fa-jenkins:before {
  content: "\f3b6";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-rockrms:before {
  content: "\f3e9";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-buffer:before {
  content: "\f837";
}

.fa-npm:before {
  content: "\f3d4";
}

.fa-yammer:before {
  content: "\f840";
}

.fa-btc:before {
  content: "\f15a";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-stubber:before {
  content: "\e5c7";
}

.fa-telegram-plane:before, .fa-telegram:before {
  content: "\f2c6";
}

.fa-old-republic:before {
  content: "\f510";
}

.fa-odysee:before {
  content: "\e5c6";
}

.fa-square-whatsapp:before, .fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-edge-legacy:before {
  content: "\e078";
}

.fa-slack-hash:before, .fa-slack:before {
  content: "\f198";
}

.fa-medrt:before {
  content: "\f3c8";
}

.fa-usb:before {
  content: "\f287";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-vaadin:before {
  content: "\f408";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-square-x-twitter:before {
  content: "\e61a";
}

.fa-reacteurope:before {
  content: "\f75d";
}

.fa-medium-m:before, .fa-medium:before {
  content: "\f23a";
}

.fa-amilia:before {
  content: "\f36d";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-flipboard:before {
  content: "\f44d";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-critical-role:before {
  content: "\f6c9";
}

.fa-sitrox:before {
  content: "\e44a";
}

.fa-discourse:before {
  content: "\f393";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-mastodon:before {
  content: "\f4f6";
}

.fa-airbnb:before {
  content: "\f834";
}

.fa-wolf-pack-battalion:before {
  content: "\f514";
}

.fa-buy-n-large:before {
  content: "\f8a6";
}

.fa-gulp:before {
  content: "\f3ae";
}

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}

.fa-strava:before {
  content: "\f428";
}

.fa-ember:before {
  content: "\f423";
}

.fa-canadian-maple-leaf:before {
  content: "\f785";
}

.fa-teamspeak:before {
  content: "\f4f9";
}

.fa-pushed:before {
  content: "\f3e1";
}

.fa-wordpress-simple:before {
  content: "\f411";
}

.fa-nutritionix:before {
  content: "\f3d6";
}

.fa-wodu:before {
  content: "\e088";
}

.fa-google-pay:before {
  content: "\e079";
}

.fa-intercom:before {
  content: "\f7af";
}

.fa-zhihu:before {
  content: "\f63f";
}

.fa-korvue:before {
  content: "\f42f";
}

.fa-pix:before {
  content: "\e43a";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

:host, :root {
  --fa-style-family-duotone:"Font Awesome 6 Duotone";
  --fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";
}

@font-face {
  font-family: "Font Awesome 6 Duotone";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/_next/static/media/fa-duotone-900.7a4de683.woff2) format("woff2"), url(/_next/static/media/fa-duotone-900.0061f9f7.ttf) format("truetype");
}
.fa-duotone, .fad {
  position: relative;
  font-weight: 900;
  letter-spacing: normal;
}

.fa-duotone:before, .fad:before {
  position: absolute;
  color: var(--fa-primary-color, inherit);
  opacity: var(--fa-primary-opacity, 1);
}

.fa-duotone:after, .fad:after {
  color: var(--fa-secondary-color, inherit);
}

.fa-duotone.fa-swap-opacity:before, .fa-duotone:after, .fa-swap-opacity .fa-duotone:before, .fa-swap-opacity .fad:before, .fad.fa-swap-opacity:before, .fad:after {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.fa-duotone.fa-swap-opacity:after, .fa-swap-opacity .fa-duotone:after, .fa-swap-opacity .fad:after, .fad.fa-swap-opacity:after {
  opacity: var(--fa-primary-opacity, 1);
}

.fa-duotone.fa-inverse, .fad.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.fa-duotone.fa-stack-1x, .fa-duotone.fa-stack-2x, .fad.fa-stack-1x, .fad.fa-stack-2x {
  position: absolute;
}

.fa-duotone.fa-0:after, .fad.fa-0:after {
  content: "00";
}

.fa-duotone.fa-1:after, .fad.fa-1:after {
  content: "11";
}

.fa-duotone.fa-2:after, .fad.fa-2:after {
  content: "22";
}

.fa-duotone.fa-3:after, .fad.fa-3:after {
  content: "33";
}

.fa-duotone.fa-4:after, .fad.fa-4:after {
  content: "44";
}

.fa-duotone.fa-5:after, .fad.fa-5:after {
  content: "55";
}

.fa-duotone.fa-6:after, .fad.fa-6:after {
  content: "66";
}

.fa-duotone.fa-7:after, .fad.fa-7:after {
  content: "77";
}

.fa-duotone.fa-8:after, .fad.fa-8:after {
  content: "88";
}

.fa-duotone.fa-9:after, .fad.fa-9:after {
  content: "99";
}

.fa-duotone.fa-fill-drip:after, .fad.fa-fill-drip:after {
  content: "\f576\f576";
}

.fa-duotone.fa-arrows-to-circle:after, .fad.fa-arrows-to-circle:after {
  content: "\e4bd\e4bd";
}

.fa-duotone.fa-chevron-circle-right:after, .fa-duotone.fa-circle-chevron-right:after, .fad.fa-chevron-circle-right:after, .fad.fa-circle-chevron-right:after {
  content: "\f138\f138";
}

.fa-duotone.fa-wagon-covered:after, .fad.fa-wagon-covered:after {
  content: "\f8ee\f8ee";
}

.fa-duotone.fa-line-height:after, .fad.fa-line-height:after {
  content: "\f871\f871";
}

.fa-duotone.fa-bagel:after, .fad.fa-bagel:after {
  content: "\e3d7\e3d7";
}

.fa-duotone.fa-transporter-7:after, .fad.fa-transporter-7:after {
  content: "\e2a8\e2a8";
}

.fa-duotone.fa-at:after, .fad.fa-at:after {
  content: "@@";
}

.fa-duotone.fa-rectangles-mixed:after, .fad.fa-rectangles-mixed:after {
  content: "\e323\e323";
}

.fa-duotone.fa-phone-arrow-up-right:after, .fa-duotone.fa-phone-arrow-up:after, .fa-duotone.fa-phone-outgoing:after, .fad.fa-phone-arrow-up-right:after, .fad.fa-phone-arrow-up:after, .fad.fa-phone-outgoing:after {
  content: "\e224\e224";
}

.fa-duotone.fa-trash-alt:after, .fa-duotone.fa-trash-can:after, .fad.fa-trash-alt:after, .fad.fa-trash-can:after {
  content: "\f2ed\f2ed";
}

.fa-duotone.fa-circle-l:after, .fad.fa-circle-l:after {
  content: "\e114\e114";
}

.fa-duotone.fa-head-side-goggles:after, .fa-duotone.fa-head-vr:after, .fad.fa-head-side-goggles:after, .fad.fa-head-vr:after {
  content: "\f6ea\f6ea";
}

.fa-duotone.fa-text-height:after, .fad.fa-text-height:after {
  content: "\f034\f034";
}

.fa-duotone.fa-user-times:after, .fa-duotone.fa-user-xmark:after, .fad.fa-user-times:after, .fad.fa-user-xmark:after {
  content: "\f235\f235";
}

.fa-duotone.fa-face-hand-yawn:after, .fad.fa-face-hand-yawn:after {
  content: "\e379\e379";
}

.fa-duotone.fa-gauge-simple-min:after, .fa-duotone.fa-tachometer-slowest:after, .fad.fa-gauge-simple-min:after, .fad.fa-tachometer-slowest:after {
  content: "\f62d\f62d";
}

.fa-duotone.fa-stethoscope:after, .fad.fa-stethoscope:after {
  content: "\f0f1\f0f1";
}

.fa-duotone.fa-coffin:after, .fad.fa-coffin:after {
  content: "\f6c6\f6c6";
}

.fa-duotone.fa-comment-alt:after, .fa-duotone.fa-message:after, .fad.fa-comment-alt:after, .fad.fa-message:after {
  content: "\f27a\f27a";
}

.fa-duotone.fa-bowl-salad:after, .fa-duotone.fa-salad:after, .fad.fa-bowl-salad:after, .fad.fa-salad:after {
  content: "\f81e\f81e";
}

.fa-duotone.fa-info:after, .fad.fa-info:after {
  content: "\f129\f129";
}

.fa-duotone.fa-robot-astromech:after, .fad.fa-robot-astromech:after {
  content: "\e2d2\e2d2";
}

.fa-duotone.fa-ring-diamond:after, .fad.fa-ring-diamond:after {
  content: "\e5ab\e5ab";
}

.fa-duotone.fa-fondue-pot:after, .fad.fa-fondue-pot:after {
  content: "\e40d\e40d";
}

.fa-duotone.fa-theta:after, .fad.fa-theta:after {
  content: "\f69e\f69e";
}

.fa-duotone.fa-face-hand-peeking:after, .fad.fa-face-hand-peeking:after {
  content: "\e481\e481";
}

.fa-duotone.fa-square-user:after, .fad.fa-square-user:after {
  content: "\e283\e283";
}

.fa-duotone.fa-compress-alt:after, .fa-duotone.fa-down-left-and-up-right-to-center:after, .fad.fa-compress-alt:after, .fad.fa-down-left-and-up-right-to-center:after {
  content: "\f422\f422";
}

.fa-duotone.fa-explosion:after, .fad.fa-explosion:after {
  content: "\e4e9\e4e9";
}

.fa-duotone.fa-file-alt:after, .fa-duotone.fa-file-lines:after, .fa-duotone.fa-file-text:after, .fad.fa-file-alt:after, .fad.fa-file-lines:after, .fad.fa-file-text:after {
  content: "\f15c\f15c";
}

.fa-duotone.fa-wave-square:after, .fad.fa-wave-square:after {
  content: "\f83e\f83e";
}

.fa-duotone.fa-ring:after, .fad.fa-ring:after {
  content: "\f70b\f70b";
}

.fa-duotone.fa-building-un:after, .fad.fa-building-un:after {
  content: "\e4d9\e4d9";
}

.fa-duotone.fa-dice-three:after, .fad.fa-dice-three:after {
  content: "\f527\f527";
}

.fa-duotone.fa-tire-pressure-warning:after, .fad.fa-tire-pressure-warning:after {
  content: "\f633\f633";
}

.fa-duotone.fa-wifi-2:after, .fa-duotone.fa-wifi-fair:after, .fad.fa-wifi-2:after, .fad.fa-wifi-fair:after {
  content: "\f6ab\f6ab";
}

.fa-duotone.fa-calendar-alt:after, .fa-duotone.fa-calendar-days:after, .fad.fa-calendar-alt:after, .fad.fa-calendar-days:after {
  content: "\f073\f073";
}

.fa-duotone.fa-mp3-player:after, .fad.fa-mp3-player:after {
  content: "\f8ce\f8ce";
}

.fa-duotone.fa-anchor-circle-check:after, .fad.fa-anchor-circle-check:after {
  content: "\e4aa\e4aa";
}

.fa-duotone.fa-tally-4:after, .fad.fa-tally-4:after {
  content: "\e297\e297";
}

.fa-duotone.fa-rectangle-history:after, .fad.fa-rectangle-history:after {
  content: "\e4a2\e4a2";
}

.fa-duotone.fa-building-circle-arrow-right:after, .fad.fa-building-circle-arrow-right:after {
  content: "\e4d1\e4d1";
}

.fa-duotone.fa-volleyball-ball:after, .fa-duotone.fa-volleyball:after, .fad.fa-volleyball-ball:after, .fad.fa-volleyball:after {
  content: "\f45f\f45f";
}

.fa-duotone.fa-sun-haze:after, .fad.fa-sun-haze:after {
  content: "\f765\f765";
}

.fa-duotone.fa-text-size:after, .fad.fa-text-size:after {
  content: "\f894\f894";
}

.fa-duotone.fa-ufo:after, .fad.fa-ufo:after {
  content: "\e047\e047";
}

.fa-duotone.fa-fork:after, .fa-duotone.fa-utensil-fork:after, .fad.fa-fork:after, .fad.fa-utensil-fork:after {
  content: "\f2e3\f2e3";
}

.fa-duotone.fa-arrows-up-to-line:after, .fad.fa-arrows-up-to-line:after {
  content: "\e4c2\e4c2";
}

.fa-duotone.fa-mobile-signal:after, .fad.fa-mobile-signal:after {
  content: "\e1ef\e1ef";
}

.fa-duotone.fa-barcode-scan:after, .fad.fa-barcode-scan:after {
  content: "\f465\f465";
}

.fa-duotone.fa-sort-desc:after, .fa-duotone.fa-sort-down:after, .fad.fa-sort-desc:after, .fad.fa-sort-down:after {
  content: "\f0dd\f0dd";
}

.fa-duotone.fa-folder-arrow-down:after, .fa-duotone.fa-folder-download:after, .fad.fa-folder-arrow-down:after, .fad.fa-folder-download:after {
  content: "\e053\e053";
}

.fa-duotone.fa-circle-minus:after, .fa-duotone.fa-minus-circle:after, .fad.fa-circle-minus:after, .fad.fa-minus-circle:after {
  content: "\f056\f056";
}

.fa-duotone.fa-face-icicles:after, .fad.fa-face-icicles:after {
  content: "\e37c\e37c";
}

.fa-duotone.fa-shovel:after, .fad.fa-shovel:after {
  content: "\f713\f713";
}

.fa-duotone.fa-door-open:after, .fad.fa-door-open:after {
  content: "\f52b\f52b";
}

.fa-duotone.fa-films:after, .fad.fa-films:after {
  content: "\e17a\e17a";
}

.fa-duotone.fa-right-from-bracket:after, .fa-duotone.fa-sign-out-alt:after, .fad.fa-right-from-bracket:after, .fad.fa-sign-out-alt:after {
  content: "\f2f5\f2f5";
}

.fa-duotone.fa-face-glasses:after, .fad.fa-face-glasses:after {
  content: "\e377\e377";
}

.fa-duotone.fa-nfc:after, .fad.fa-nfc:after {
  content: "\e1f7\e1f7";
}

.fa-duotone.fa-atom:after, .fad.fa-atom:after {
  content: "\f5d2\f5d2";
}

.fa-duotone.fa-soap:after, .fad.fa-soap:after {
  content: "\e06e\e06e";
}

.fa-duotone.fa-heart-music-camera-bolt:after, .fa-duotone.fa-icons:after, .fad.fa-heart-music-camera-bolt:after, .fad.fa-icons:after {
  content: "\f86d\f86d";
}

.fa-duotone.fa-microphone-alt-slash:after, .fa-duotone.fa-microphone-lines-slash:after, .fad.fa-microphone-alt-slash:after, .fad.fa-microphone-lines-slash:after {
  content: "\f539\f539";
}

.fa-duotone.fa-closed-captioning-slash:after, .fad.fa-closed-captioning-slash:after {
  content: "\e135\e135";
}

.fa-duotone.fa-calculator-alt:after, .fa-duotone.fa-calculator-simple:after, .fad.fa-calculator-alt:after, .fad.fa-calculator-simple:after {
  content: "\f64c\f64c";
}

.fa-duotone.fa-bridge-circle-check:after, .fad.fa-bridge-circle-check:after {
  content: "\e4c9\e4c9";
}

.fa-duotone.fa-sliders-up:after, .fa-duotone.fa-sliders-v:after, .fad.fa-sliders-up:after, .fad.fa-sliders-v:after {
  content: "\f3f1\f3f1";
}

.fa-duotone.fa-location-minus:after, .fa-duotone.fa-map-marker-minus:after, .fad.fa-location-minus:after, .fad.fa-map-marker-minus:after {
  content: "\f609\f609";
}

.fa-duotone.fa-pump-medical:after, .fad.fa-pump-medical:after {
  content: "\e06a\e06a";
}

.fa-duotone.fa-fingerprint:after, .fad.fa-fingerprint:after {
  content: "\f577\f577";
}

.fa-duotone.fa-ski-boot:after, .fad.fa-ski-boot:after {
  content: "\e3cc\e3cc";
}

.fa-duotone.fa-rectangle-sd:after, .fa-duotone.fa-standard-definition:after, .fad.fa-rectangle-sd:after, .fad.fa-standard-definition:after {
  content: "\e28a\e28a";
}

.fa-duotone.fa-h1:after, .fad.fa-h1:after {
  content: "\f313\f313";
}

.fa-duotone.fa-hand-point-right:after, .fad.fa-hand-point-right:after {
  content: "\f0a4\f0a4";
}

.fa-duotone.fa-magnifying-glass-location:after, .fa-duotone.fa-search-location:after, .fad.fa-magnifying-glass-location:after, .fad.fa-search-location:after {
  content: "\f689\f689";
}

.fa-duotone.fa-message-bot:after, .fad.fa-message-bot:after {
  content: "\e3b8\e3b8";
}

.fa-duotone.fa-forward-step:after, .fa-duotone.fa-step-forward:after, .fad.fa-forward-step:after, .fad.fa-step-forward:after {
  content: "\f051\f051";
}

.fa-duotone.fa-face-smile-beam:after, .fa-duotone.fa-smile-beam:after, .fad.fa-face-smile-beam:after, .fad.fa-smile-beam:after {
  content: "\f5b8\f5b8";
}

.fa-duotone.fa-light-ceiling:after, .fad.fa-light-ceiling:after {
  content: "\e016\e016";
}

.fa-duotone.fa-comment-alt-exclamation:after, .fa-duotone.fa-message-exclamation:after, .fad.fa-comment-alt-exclamation:after, .fad.fa-message-exclamation:after {
  content: "\f4a5\f4a5";
}

.fa-duotone.fa-bowl-scoop:after, .fa-duotone.fa-bowl-shaved-ice:after, .fad.fa-bowl-scoop:after, .fad.fa-bowl-shaved-ice:after {
  content: "\e3de\e3de";
}

.fa-duotone.fa-square-x:after, .fad.fa-square-x:after {
  content: "\e286\e286";
}

.fa-duotone.fa-building-memo:after, .fad.fa-building-memo:after {
  content: "\e61e\e61e";
}

.fa-duotone.fa-utility-pole-double:after, .fad.fa-utility-pole-double:after {
  content: "\e2c4\e2c4";
}

.fa-duotone.fa-flag-checkered:after, .fad.fa-flag-checkered:after {
  content: "\f11e\f11e";
}

.fa-duotone.fa-chevron-double-up:after, .fa-duotone.fa-chevrons-up:after, .fad.fa-chevron-double-up:after, .fad.fa-chevrons-up:after {
  content: "\f325\f325";
}

.fa-duotone.fa-football-ball:after, .fa-duotone.fa-football:after, .fad.fa-football-ball:after, .fad.fa-football:after {
  content: "\f44e\f44e";
}

.fa-duotone.fa-user-vneck:after, .fad.fa-user-vneck:after {
  content: "\e461\e461";
}

.fa-duotone.fa-school-circle-exclamation:after, .fad.fa-school-circle-exclamation:after {
  content: "\e56c\e56c";
}

.fa-duotone.fa-crop:after, .fad.fa-crop:after {
  content: "\f125\f125";
}

.fa-duotone.fa-angle-double-down:after, .fa-duotone.fa-angles-down:after, .fad.fa-angle-double-down:after, .fad.fa-angles-down:after {
  content: "\f103\f103";
}

.fa-duotone.fa-users-rectangle:after, .fad.fa-users-rectangle:after {
  content: "\e594\e594";
}

.fa-duotone.fa-people-roof:after, .fad.fa-people-roof:after {
  content: "\e537\e537";
}

.fa-duotone.fa-arrow-square-right:after, .fa-duotone.fa-square-arrow-right:after, .fad.fa-arrow-square-right:after, .fad.fa-square-arrow-right:after {
  content: "\f33b\f33b";
}

.fa-duotone.fa-location-plus:after, .fa-duotone.fa-map-marker-plus:after, .fad.fa-location-plus:after, .fad.fa-map-marker-plus:after {
  content: "\f60a\f60a";
}

.fa-duotone.fa-lightbulb-exclamation-on:after, .fad.fa-lightbulb-exclamation-on:after {
  content: "\e1ca\e1ca";
}

.fa-duotone.fa-people-line:after, .fad.fa-people-line:after {
  content: "\e534\e534";
}

.fa-duotone.fa-beer-mug-empty:after, .fa-duotone.fa-beer:after, .fad.fa-beer-mug-empty:after, .fad.fa-beer:after {
  content: "\f0fc\f0fc";
}

.fa-duotone.fa-crate-empty:after, .fad.fa-crate-empty:after {
  content: "\e151\e151";
}

.fa-duotone.fa-diagram-predecessor:after, .fad.fa-diagram-predecessor:after {
  content: "\e477\e477";
}

.fa-duotone.fa-transporter:after, .fad.fa-transporter:after {
  content: "\e042\e042";
}

.fa-duotone.fa-calendar-circle-user:after, .fad.fa-calendar-circle-user:after {
  content: "\e471\e471";
}

.fa-duotone.fa-arrow-up-long:after, .fa-duotone.fa-long-arrow-up:after, .fad.fa-arrow-up-long:after, .fad.fa-long-arrow-up:after {
  content: "\f176\f176";
}

.fa-duotone.fa-person-carry-box:after, .fa-duotone.fa-person-carry:after, .fad.fa-person-carry-box:after, .fad.fa-person-carry:after {
  content: "\f4cf\f4cf";
}

.fa-duotone.fa-burn:after, .fa-duotone.fa-fire-flame-simple:after, .fad.fa-burn:after, .fad.fa-fire-flame-simple:after {
  content: "\f46a\f46a";
}

.fa-duotone.fa-male:after, .fa-duotone.fa-person:after, .fad.fa-male:after, .fad.fa-person:after {
  content: "\f183\f183";
}

.fa-duotone.fa-laptop:after, .fad.fa-laptop:after {
  content: "\f109\f109";
}

.fa-duotone.fa-file-csv:after, .fad.fa-file-csv:after {
  content: "\f6dd\f6dd";
}

.fa-duotone.fa-menorah:after, .fad.fa-menorah:after {
  content: "\f676\f676";
}

.fa-duotone.fa-union:after, .fad.fa-union:after {
  content: "\f6a2\f6a2";
}

.fa-duotone.fa-chevron-double-left:after, .fa-duotone.fa-chevrons-left:after, .fad.fa-chevron-double-left:after, .fad.fa-chevrons-left:after {
  content: "\f323\f323";
}

.fa-duotone.fa-circle-heart:after, .fa-duotone.fa-heart-circle:after, .fad.fa-circle-heart:after, .fad.fa-heart-circle:after {
  content: "\f4c7\f4c7";
}

.fa-duotone.fa-truck-plane:after, .fad.fa-truck-plane:after {
  content: "\e58f\e58f";
}

.fa-duotone.fa-record-vinyl:after, .fad.fa-record-vinyl:after {
  content: "\f8d9\f8d9";
}

.fa-duotone.fa-bring-forward:after, .fad.fa-bring-forward:after {
  content: "\f856\f856";
}

.fa-duotone.fa-square-p:after, .fad.fa-square-p:after {
  content: "\e279\e279";
}

.fa-duotone.fa-face-grin-stars:after, .fa-duotone.fa-grin-stars:after, .fad.fa-face-grin-stars:after, .fad.fa-grin-stars:after {
  content: "\f587\f587";
}

.fa-duotone.fa-sigma:after, .fad.fa-sigma:after {
  content: "\f68b\f68b";
}

.fa-duotone.fa-camera-movie:after, .fad.fa-camera-movie:after {
  content: "\f8a9\f8a9";
}

.fa-duotone.fa-bong:after, .fad.fa-bong:after {
  content: "\f55c\f55c";
}

.fa-duotone.fa-clarinet:after, .fad.fa-clarinet:after {
  content: "\f8ad\f8ad";
}

.fa-duotone.fa-truck-flatbed:after, .fad.fa-truck-flatbed:after {
  content: "\e2b6\e2b6";
}

.fa-duotone.fa-pastafarianism:after, .fa-duotone.fa-spaghetti-monster-flying:after, .fad.fa-pastafarianism:after, .fad.fa-spaghetti-monster-flying:after {
  content: "\f67b\f67b";
}

.fa-duotone.fa-arrow-down-up-across-line:after, .fad.fa-arrow-down-up-across-line:after {
  content: "\e4af\e4af";
}

.fa-duotone.fa-arrows-rotate-reverse:after, .fad.fa-arrows-rotate-reverse:after {
  content: "\e630\e630";
}

.fa-duotone.fa-leaf-heart:after, .fad.fa-leaf-heart:after {
  content: "\f4cb\f4cb";
}

.fa-duotone.fa-house-building:after, .fad.fa-house-building:after {
  content: "\e1b1\e1b1";
}

.fa-duotone.fa-cheese-swiss:after, .fad.fa-cheese-swiss:after {
  content: "\f7f0\f7f0";
}

.fa-duotone.fa-spoon:after, .fa-duotone.fa-utensil-spoon:after, .fad.fa-spoon:after, .fad.fa-utensil-spoon:after {
  content: "\f2e5\f2e5";
}

.fa-duotone.fa-jar-wheat:after, .fad.fa-jar-wheat:after {
  content: "\e517\e517";
}

.fa-duotone.fa-envelopes-bulk:after, .fa-duotone.fa-mail-bulk:after, .fad.fa-envelopes-bulk:after, .fad.fa-mail-bulk:after {
  content: "\f674\f674";
}

.fa-duotone.fa-file-circle-exclamation:after, .fad.fa-file-circle-exclamation:after {
  content: "\e4eb\e4eb";
}

.fa-duotone.fa-bow-arrow:after, .fad.fa-bow-arrow:after {
  content: "\f6b9\f6b9";
}

.fa-duotone.fa-cart-xmark:after, .fad.fa-cart-xmark:after {
  content: "\e0dd\e0dd";
}

.fa-duotone.fa-hexagon-xmark:after, .fa-duotone.fa-times-hexagon:after, .fa-duotone.fa-xmark-hexagon:after, .fad.fa-hexagon-xmark:after, .fad.fa-times-hexagon:after, .fad.fa-xmark-hexagon:after {
  content: "\f2ee\f2ee";
}

.fa-duotone.fa-circle-h:after, .fa-duotone.fa-hospital-symbol:after, .fad.fa-circle-h:after, .fad.fa-hospital-symbol:after {
  content: "\f47e\f47e";
}

.fa-duotone.fa-merge:after, .fad.fa-merge:after {
  content: "\e526\e526";
}

.fa-duotone.fa-pager:after, .fad.fa-pager:after {
  content: "\f815\f815";
}

.fa-duotone.fa-cart-minus:after, .fad.fa-cart-minus:after {
  content: "\e0db\e0db";
}

.fa-duotone.fa-address-book:after, .fa-duotone.fa-contact-book:after, .fad.fa-address-book:after, .fad.fa-contact-book:after {
  content: "\f2b9\f2b9";
}

.fa-duotone.fa-pan-frying:after, .fad.fa-pan-frying:after {
  content: "\e42c\e42c";
}

.fa-duotone.fa-grid-3:after, .fa-duotone.fa-grid:after, .fad.fa-grid-3:after, .fad.fa-grid:after {
  content: "\e195\e195";
}

.fa-duotone.fa-football-helmet:after, .fad.fa-football-helmet:after {
  content: "\f44f\f44f";
}

.fa-duotone.fa-hand-love:after, .fad.fa-hand-love:after {
  content: "\e1a5\e1a5";
}

.fa-duotone.fa-trees:after, .fad.fa-trees:after {
  content: "\f724\f724";
}

.fa-duotone.fa-strikethrough:after, .fad.fa-strikethrough:after {
  content: "\f0cc\f0cc";
}

.fa-duotone.fa-page:after, .fad.fa-page:after {
  content: "\e428\e428";
}

.fa-duotone.fa-k:after, .fad.fa-k:after {
  content: "KK";
}

.fa-duotone.fa-diagram-previous:after, .fad.fa-diagram-previous:after {
  content: "\e478\e478";
}

.fa-duotone.fa-gauge-min:after, .fa-duotone.fa-tachometer-alt-slowest:after, .fad.fa-gauge-min:after, .fad.fa-tachometer-alt-slowest:after {
  content: "\f628\f628";
}

.fa-duotone.fa-folder-grid:after, .fad.fa-folder-grid:after {
  content: "\e188\e188";
}

.fa-duotone.fa-eggplant:after, .fad.fa-eggplant:after {
  content: "\e16c\e16c";
}

.fa-duotone.fa-excavator:after, .fad.fa-excavator:after {
  content: "\e656\e656";
}

.fa-duotone.fa-ram:after, .fad.fa-ram:after {
  content: "\f70a\f70a";
}

.fa-duotone.fa-landmark-flag:after, .fad.fa-landmark-flag:after {
  content: "\e51c\e51c";
}

.fa-duotone.fa-lips:after, .fad.fa-lips:after {
  content: "\f600\f600";
}

.fa-duotone.fa-pencil-alt:after, .fa-duotone.fa-pencil:after, .fad.fa-pencil-alt:after, .fad.fa-pencil:after {
  content: "\f303\f303";
}

.fa-duotone.fa-backward:after, .fad.fa-backward:after {
  content: "\f04a\f04a";
}

.fa-duotone.fa-caret-right:after, .fad.fa-caret-right:after {
  content: "\f0da\f0da";
}

.fa-duotone.fa-comments:after, .fad.fa-comments:after {
  content: "\f086\f086";
}

.fa-duotone.fa-file-clipboard:after, .fa-duotone.fa-paste:after, .fad.fa-file-clipboard:after, .fad.fa-paste:after {
  content: "\f0ea\f0ea";
}

.fa-duotone.fa-desktop-arrow-down:after, .fad.fa-desktop-arrow-down:after {
  content: "\e155\e155";
}

.fa-duotone.fa-code-pull-request:after, .fad.fa-code-pull-request:after {
  content: "\e13c\e13c";
}

.fa-duotone.fa-pumpkin:after, .fad.fa-pumpkin:after {
  content: "\f707\f707";
}

.fa-duotone.fa-clipboard-list:after, .fad.fa-clipboard-list:after {
  content: "\f46d\f46d";
}

.fa-duotone.fa-pen-field:after, .fad.fa-pen-field:after {
  content: "\e211\e211";
}

.fa-duotone.fa-blueberries:after, .fad.fa-blueberries:after {
  content: "\e2e8\e2e8";
}

.fa-duotone.fa-truck-loading:after, .fa-duotone.fa-truck-ramp-box:after, .fad.fa-truck-loading:after, .fad.fa-truck-ramp-box:after {
  content: "\f4de\f4de";
}

.fa-duotone.fa-note:after, .fad.fa-note:after {
  content: "\e1ff\e1ff";
}

.fa-duotone.fa-arrow-down-to-square:after, .fad.fa-arrow-down-to-square:after {
  content: "\e096\e096";
}

.fa-duotone.fa-user-check:after, .fad.fa-user-check:after {
  content: "\f4fc\f4fc";
}

.fa-duotone.fa-cloud-xmark:after, .fad.fa-cloud-xmark:after {
  content: "\e35f\e35f";
}

.fa-duotone.fa-vial-virus:after, .fad.fa-vial-virus:after {
  content: "\e597\e597";
}

.fa-duotone.fa-book-alt:after, .fa-duotone.fa-book-blank:after, .fad.fa-book-alt:after, .fad.fa-book-blank:after {
  content: "\f5d9\f5d9";
}

.fa-duotone.fa-golf-flag-hole:after, .fad.fa-golf-flag-hole:after {
  content: "\e3ac\e3ac";
}

.fa-duotone.fa-comment-alt-arrow-down:after, .fa-duotone.fa-message-arrow-down:after, .fad.fa-comment-alt-arrow-down:after, .fad.fa-message-arrow-down:after {
  content: "\e1db\e1db";
}

.fa-duotone.fa-face-unamused:after, .fad.fa-face-unamused:after {
  content: "\e39f\e39f";
}

.fa-duotone.fa-sheet-plastic:after, .fad.fa-sheet-plastic:after {
  content: "\e571\e571";
}

.fa-duotone.fa-circle-9:after, .fad.fa-circle-9:after {
  content: "\e0f6\e0f6";
}

.fa-duotone.fa-blog:after, .fad.fa-blog:after {
  content: "\f781\f781";
}

.fa-duotone.fa-user-ninja:after, .fad.fa-user-ninja:after {
  content: "\f504\f504";
}

.fa-duotone.fa-pencil-slash:after, .fad.fa-pencil-slash:after {
  content: "\e215\e215";
}

.fa-duotone.fa-bowling-pins:after, .fad.fa-bowling-pins:after {
  content: "\f437\f437";
}

.fa-duotone.fa-person-arrow-up-from-line:after, .fad.fa-person-arrow-up-from-line:after {
  content: "\e539\e539";
}

.fa-duotone.fa-down-right:after, .fad.fa-down-right:after {
  content: "\e16b\e16b";
}

.fa-duotone.fa-scroll-torah:after, .fa-duotone.fa-torah:after, .fad.fa-scroll-torah:after, .fad.fa-torah:after {
  content: "\f6a0\f6a0";
}

.fa-duotone.fa-webhook:after, .fad.fa-webhook:after {
  content: "\e5d5\e5d5";
}

.fa-duotone.fa-blinds-open:after, .fad.fa-blinds-open:after {
  content: "\f8fc\f8fc";
}

.fa-duotone.fa-fence:after, .fad.fa-fence:after {
  content: "\e303\e303";
}

.fa-duotone.fa-arrow-alt-up:after, .fa-duotone.fa-up:after, .fad.fa-arrow-alt-up:after, .fad.fa-up:after {
  content: "\f357\f357";
}

.fa-duotone.fa-broom-ball:after, .fa-duotone.fa-quidditch-broom-ball:after, .fa-duotone.fa-quidditch:after, .fad.fa-broom-ball:after, .fad.fa-quidditch-broom-ball:after, .fad.fa-quidditch:after {
  content: "\f458\f458";
}

.fa-duotone.fa-drumstick:after, .fad.fa-drumstick:after {
  content: "\f6d6\f6d6";
}

.fa-duotone.fa-square-v:after, .fad.fa-square-v:after {
  content: "\e284\e284";
}

.fa-duotone.fa-face-awesome:after, .fa-duotone.fa-gave-dandy:after, .fad.fa-face-awesome:after, .fad.fa-gave-dandy:after {
  content: "\e409\e409";
}

.fa-duotone.fa-dial-off:after, .fad.fa-dial-off:after {
  content: "\e162\e162";
}

.fa-duotone.fa-toggle-off:after, .fad.fa-toggle-off:after {
  content: "\f204\f204";
}

.fa-duotone.fa-face-smile-horns:after, .fad.fa-face-smile-horns:after {
  content: "\e391\e391";
}

.fa-duotone.fa-archive:after, .fa-duotone.fa-box-archive:after, .fad.fa-archive:after, .fad.fa-box-archive:after {
  content: "\f187\f187";
}

.fa-duotone.fa-grapes:after, .fad.fa-grapes:after {
  content: "\e306\e306";
}

.fa-duotone.fa-person-drowning:after, .fad.fa-person-drowning:after {
  content: "\e545\e545";
}

.fa-duotone.fa-dial-max:after, .fad.fa-dial-max:after {
  content: "\e15e\e15e";
}

.fa-duotone.fa-circle-m:after, .fad.fa-circle-m:after {
  content: "\e115\e115";
}

.fa-duotone.fa-calendar-image:after, .fad.fa-calendar-image:after {
  content: "\e0d4\e0d4";
}

.fa-duotone.fa-caret-circle-down:after, .fa-duotone.fa-circle-caret-down:after, .fad.fa-caret-circle-down:after, .fad.fa-circle-caret-down:after {
  content: "\f32d\f32d";
}

.fa-duotone.fa-arrow-down-9-1:after, .fa-duotone.fa-sort-numeric-desc:after, .fa-duotone.fa-sort-numeric-down-alt:after, .fad.fa-arrow-down-9-1:after, .fad.fa-sort-numeric-desc:after, .fad.fa-sort-numeric-down-alt:after {
  content: "\f886\f886";
}

.fa-duotone.fa-face-grin-tongue-squint:after, .fa-duotone.fa-grin-tongue-squint:after, .fad.fa-face-grin-tongue-squint:after, .fad.fa-grin-tongue-squint:after {
  content: "\f58a\f58a";
}

.fa-duotone.fa-shish-kebab:after, .fad.fa-shish-kebab:after {
  content: "\f821\f821";
}

.fa-duotone.fa-spray-can:after, .fad.fa-spray-can:after {
  content: "\f5bd\f5bd";
}

.fa-duotone.fa-alarm-snooze:after, .fad.fa-alarm-snooze:after {
  content: "\f845\f845";
}

.fa-duotone.fa-scarecrow:after, .fad.fa-scarecrow:after {
  content: "\f70d\f70d";
}

.fa-duotone.fa-truck-monster:after, .fad.fa-truck-monster:after {
  content: "\f63b\f63b";
}

.fa-duotone.fa-gift-card:after, .fad.fa-gift-card:after {
  content: "\f663\f663";
}

.fa-duotone.fa-w:after, .fad.fa-w:after {
  content: "WW";
}

.fa-duotone.fa-code-pull-request-draft:after, .fad.fa-code-pull-request-draft:after {
  content: "\e3fa\e3fa";
}

.fa-duotone.fa-square-b:after, .fad.fa-square-b:after {
  content: "\e264\e264";
}

.fa-duotone.fa-elephant:after, .fad.fa-elephant:after {
  content: "\f6da\f6da";
}

.fa-duotone.fa-earth-africa:after, .fa-duotone.fa-globe-africa:after, .fad.fa-earth-africa:after, .fad.fa-globe-africa:after {
  content: "\f57c\f57c";
}

.fa-duotone.fa-rainbow:after, .fad.fa-rainbow:after {
  content: "\f75b\f75b";
}

.fa-duotone.fa-circle-notch:after, .fad.fa-circle-notch:after {
  content: "\f1ce\f1ce";
}

.fa-duotone.fa-tablet-alt:after, .fa-duotone.fa-tablet-screen-button:after, .fad.fa-tablet-alt:after, .fad.fa-tablet-screen-button:after {
  content: "\f3fa\f3fa";
}

.fa-duotone.fa-paw:after, .fad.fa-paw:after {
  content: "\f1b0\f1b0";
}

.fa-duotone.fa-message-question:after, .fad.fa-message-question:after {
  content: "\e1e3\e1e3";
}

.fa-duotone.fa-cloud:after, .fad.fa-cloud:after {
  content: "\f0c2\f0c2";
}

.fa-duotone.fa-trowel-bricks:after, .fad.fa-trowel-bricks:after {
  content: "\e58a\e58a";
}

.fa-duotone.fa-square-3:after, .fad.fa-square-3:after {
  content: "\e258\e258";
}

.fa-duotone.fa-face-flushed:after, .fa-duotone.fa-flushed:after, .fad.fa-face-flushed:after, .fad.fa-flushed:after {
  content: "\f579\f579";
}

.fa-duotone.fa-hospital-user:after, .fad.fa-hospital-user:after {
  content: "\f80d\f80d";
}

.fa-duotone.fa-microwave:after, .fad.fa-microwave:after {
  content: "\e01b\e01b";
}

.fa-duotone.fa-chf-sign:after, .fad.fa-chf-sign:after {
  content: "\e602\e602";
}

.fa-duotone.fa-tent-arrow-left-right:after, .fad.fa-tent-arrow-left-right:after {
  content: "\e57f\e57f";
}

.fa-duotone.fa-cart-circle-arrow-up:after, .fad.fa-cart-circle-arrow-up:after {
  content: "\e3f0\e3f0";
}

.fa-duotone.fa-trash-clock:after, .fad.fa-trash-clock:after {
  content: "\e2b0\e2b0";
}

.fa-duotone.fa-gavel:after, .fa-duotone.fa-legal:after, .fad.fa-gavel:after, .fad.fa-legal:after {
  content: "\f0e3\f0e3";
}

.fa-duotone.fa-sprinkler-ceiling:after, .fad.fa-sprinkler-ceiling:after {
  content: "\e44c\e44c";
}

.fa-duotone.fa-browsers:after, .fad.fa-browsers:after {
  content: "\e0cb\e0cb";
}

.fa-duotone.fa-trillium:after, .fad.fa-trillium:after {
  content: "\e588\e588";
}

.fa-duotone.fa-music-slash:after, .fad.fa-music-slash:after {
  content: "\f8d1\f8d1";
}

.fa-duotone.fa-truck-ramp:after, .fad.fa-truck-ramp:after {
  content: "\f4e0\f4e0";
}

.fa-duotone.fa-binoculars:after, .fad.fa-binoculars:after {
  content: "\f1e5\f1e5";
}

.fa-duotone.fa-microphone-slash:after, .fad.fa-microphone-slash:after {
  content: "\f131\f131";
}

.fa-duotone.fa-box-tissue:after, .fad.fa-box-tissue:after {
  content: "\e05b\e05b";
}

.fa-duotone.fa-circle-c:after, .fad.fa-circle-c:after {
  content: "\e101\e101";
}

.fa-duotone.fa-star-christmas:after, .fad.fa-star-christmas:after {
  content: "\f7d4\f7d4";
}

.fa-duotone.fa-chart-bullet:after, .fad.fa-chart-bullet:after {
  content: "\e0e1\e0e1";
}

.fa-duotone.fa-motorcycle:after, .fad.fa-motorcycle:after {
  content: "\f21c\f21c";
}

.fa-duotone.fa-tree-christmas:after, .fad.fa-tree-christmas:after {
  content: "\f7db\f7db";
}

.fa-duotone.fa-tire-flat:after, .fad.fa-tire-flat:after {
  content: "\f632\f632";
}

.fa-duotone.fa-sunglasses:after, .fad.fa-sunglasses:after {
  content: "\f892\f892";
}

.fa-duotone.fa-badge:after, .fad.fa-badge:after {
  content: "\f335\f335";
}

.fa-duotone.fa-comment-alt-edit:after, .fa-duotone.fa-message-edit:after, .fa-duotone.fa-message-pen:after, .fad.fa-comment-alt-edit:after, .fad.fa-message-edit:after, .fad.fa-message-pen:after {
  content: "\f4a4\f4a4";
}

.fa-duotone.fa-bell-concierge:after, .fa-duotone.fa-concierge-bell:after, .fad.fa-bell-concierge:after, .fad.fa-concierge-bell:after {
  content: "\f562\f562";
}

.fa-duotone.fa-pen-ruler:after, .fa-duotone.fa-pencil-ruler:after, .fad.fa-pen-ruler:after, .fad.fa-pencil-ruler:after {
  content: "\f5ae\f5ae";
}

.fa-duotone.fa-file-mp3:after, .fad.fa-file-mp3:after {
  content: "\e648\e648";
}

.fa-duotone.fa-arrow-progress:after, .fad.fa-arrow-progress:after {
  content: "\e5df\e5df";
}

.fa-duotone.fa-chess-rook-alt:after, .fa-duotone.fa-chess-rook-piece:after, .fad.fa-chess-rook-alt:after, .fad.fa-chess-rook-piece:after {
  content: "\f448\f448";
}

.fa-duotone.fa-square-root:after, .fad.fa-square-root:after {
  content: "\f697\f697";
}

.fa-duotone.fa-album-collection-circle-plus:after, .fad.fa-album-collection-circle-plus:after {
  content: "\e48e\e48e";
}

.fa-duotone.fa-people-arrows-left-right:after, .fa-duotone.fa-people-arrows:after, .fad.fa-people-arrows-left-right:after, .fad.fa-people-arrows:after {
  content: "\e068\e068";
}

.fa-duotone.fa-sign-post:after, .fad.fa-sign-post:after {
  content: "\e624\e624";
}

.fa-duotone.fa-face-angry-horns:after, .fad.fa-face-angry-horns:after {
  content: "\e368\e368";
}

.fa-duotone.fa-mars-and-venus-burst:after, .fad.fa-mars-and-venus-burst:after {
  content: "\e523\e523";
}

.fa-duotone.fa-tombstone:after, .fad.fa-tombstone:after {
  content: "\f720\f720";
}

.fa-duotone.fa-caret-square-right:after, .fa-duotone.fa-square-caret-right:after, .fad.fa-caret-square-right:after, .fad.fa-square-caret-right:after {
  content: "\f152\f152";
}

.fa-duotone.fa-cut:after, .fa-duotone.fa-scissors:after, .fad.fa-cut:after, .fad.fa-scissors:after {
  content: "\f0c4\f0c4";
}

.fa-duotone.fa-list-music:after, .fad.fa-list-music:after {
  content: "\f8c9\f8c9";
}

.fa-duotone.fa-sun-plant-wilt:after, .fad.fa-sun-plant-wilt:after {
  content: "\e57a\e57a";
}

.fa-duotone.fa-toilets-portable:after, .fad.fa-toilets-portable:after {
  content: "\e584\e584";
}

.fa-duotone.fa-hockey-puck:after, .fad.fa-hockey-puck:after {
  content: "\f453\f453";
}

.fa-duotone.fa-mustache:after, .fad.fa-mustache:after {
  content: "\e5bc\e5bc";
}

.fa-duotone.fa-hyphen:after, .fad.fa-hyphen:after {
  content: "--";
}

.fa-duotone.fa-table:after, .fad.fa-table:after {
  content: "\f0ce\f0ce";
}

.fa-duotone.fa-user-chef:after, .fad.fa-user-chef:after {
  content: "\e3d2\e3d2";
}

.fa-duotone.fa-comment-alt-image:after, .fa-duotone.fa-message-image:after, .fad.fa-comment-alt-image:after, .fad.fa-message-image:after {
  content: "\e1e0\e1e0";
}

.fa-duotone.fa-users-medical:after, .fad.fa-users-medical:after {
  content: "\f830\f830";
}

.fa-duotone.fa-sensor-alert:after, .fa-duotone.fa-sensor-triangle-exclamation:after, .fad.fa-sensor-alert:after, .fad.fa-sensor-triangle-exclamation:after {
  content: "\e029\e029";
}

.fa-duotone.fa-magnifying-glass-arrow-right:after, .fad.fa-magnifying-glass-arrow-right:after {
  content: "\e521\e521";
}

.fa-duotone.fa-digital-tachograph:after, .fa-duotone.fa-tachograph-digital:after, .fad.fa-digital-tachograph:after, .fad.fa-tachograph-digital:after {
  content: "\f566\f566";
}

.fa-duotone.fa-face-mask:after, .fad.fa-face-mask:after {
  content: "\e37f\e37f";
}

.fa-duotone.fa-pickleball:after, .fad.fa-pickleball:after {
  content: "\e435\e435";
}

.fa-duotone.fa-star-sharp-half:after, .fad.fa-star-sharp-half:after {
  content: "\e28c\e28c";
}

.fa-duotone.fa-users-slash:after, .fad.fa-users-slash:after {
  content: "\e073\e073";
}

.fa-duotone.fa-clover:after, .fad.fa-clover:after {
  content: "\e139\e139";
}

.fa-duotone.fa-meat:after, .fad.fa-meat:after {
  content: "\f814\f814";
}

.fa-duotone.fa-mail-reply:after, .fa-duotone.fa-reply:after, .fad.fa-mail-reply:after, .fad.fa-reply:after {
  content: "\f3e5\f3e5";
}

.fa-duotone.fa-star-and-crescent:after, .fad.fa-star-and-crescent:after {
  content: "\f699\f699";
}

.fa-duotone.fa-empty-set:after, .fad.fa-empty-set:after {
  content: "\f656\f656";
}

.fa-duotone.fa-house-fire:after, .fad.fa-house-fire:after {
  content: "\e50c\e50c";
}

.fa-duotone.fa-minus-square:after, .fa-duotone.fa-square-minus:after, .fad.fa-minus-square:after, .fad.fa-square-minus:after {
  content: "\f146\f146";
}

.fa-duotone.fa-helicopter:after, .fad.fa-helicopter:after {
  content: "\f533\f533";
}

.fa-duotone.fa-bird:after, .fad.fa-bird:after {
  content: "\e469\e469";
}

.fa-duotone.fa-compass:after, .fad.fa-compass:after {
  content: "\f14e\f14e";
}

.fa-duotone.fa-caret-square-down:after, .fa-duotone.fa-square-caret-down:after, .fad.fa-caret-square-down:after, .fad.fa-square-caret-down:after {
  content: "\f150\f150";
}

.fa-duotone.fa-heart-half-alt:after, .fa-duotone.fa-heart-half-stroke:after, .fad.fa-heart-half-alt:after, .fad.fa-heart-half-stroke:after {
  content: "\e1ac\e1ac";
}

.fa-duotone.fa-file-circle-question:after, .fad.fa-file-circle-question:after {
  content: "\e4ef\e4ef";
}

.fa-duotone.fa-truck-utensils:after, .fad.fa-truck-utensils:after {
  content: "\e628\e628";
}

.fa-duotone.fa-laptop-code:after, .fad.fa-laptop-code:after {
  content: "\f5fc\f5fc";
}

.fa-duotone.fa-joystick:after, .fad.fa-joystick:after {
  content: "\f8c5\f8c5";
}

.fa-duotone.fa-grill-fire:after, .fad.fa-grill-fire:after {
  content: "\e5a4\e5a4";
}

.fa-duotone.fa-rectangle-vertical-history:after, .fad.fa-rectangle-vertical-history:after {
  content: "\e237\e237";
}

.fa-duotone.fa-swatchbook:after, .fad.fa-swatchbook:after {
  content: "\f5c3\f5c3";
}

.fa-duotone.fa-prescription-bottle:after, .fad.fa-prescription-bottle:after {
  content: "\f485\f485";
}

.fa-duotone.fa-bars:after, .fa-duotone.fa-navicon:after, .fad.fa-bars:after, .fad.fa-navicon:after {
  content: "\f0c9\f0c9";
}

.fa-duotone.fa-keyboard-left:after, .fad.fa-keyboard-left:after {
  content: "\e1c3\e1c3";
}

.fa-duotone.fa-people-group:after, .fad.fa-people-group:after {
  content: "\e533\e533";
}

.fa-duotone.fa-hourglass-3:after, .fa-duotone.fa-hourglass-end:after, .fad.fa-hourglass-3:after, .fad.fa-hourglass-end:after {
  content: "\f253\f253";
}

.fa-duotone.fa-heart-broken:after, .fa-duotone.fa-heart-crack:after, .fad.fa-heart-broken:after, .fad.fa-heart-crack:after {
  content: "\f7a9\f7a9";
}

.fa-duotone.fa-face-beam-hand-over-mouth:after, .fad.fa-face-beam-hand-over-mouth:after {
  content: "\e47c\e47c";
}

.fa-duotone.fa-droplet-percent:after, .fa-duotone.fa-humidity:after, .fad.fa-droplet-percent:after, .fad.fa-humidity:after {
  content: "\f750\f750";
}

.fa-duotone.fa-external-link-square-alt:after, .fa-duotone.fa-square-up-right:after, .fad.fa-external-link-square-alt:after, .fad.fa-square-up-right:after {
  content: "\f360\f360";
}

.fa-duotone.fa-face-kiss-beam:after, .fa-duotone.fa-kiss-beam:after, .fad.fa-face-kiss-beam:after, .fad.fa-kiss-beam:after {
  content: "\f597\f597";
}

.fa-duotone.fa-corn:after, .fad.fa-corn:after {
  content: "\f6c7\f6c7";
}

.fa-duotone.fa-roller-coaster:after, .fad.fa-roller-coaster:after {
  content: "\e324\e324";
}

.fa-duotone.fa-photo-film-music:after, .fad.fa-photo-film-music:after {
  content: "\e228\e228";
}

.fa-duotone.fa-radar:after, .fad.fa-radar:after {
  content: "\e024\e024";
}

.fa-duotone.fa-sickle:after, .fad.fa-sickle:after {
  content: "\f822\f822";
}

.fa-duotone.fa-film:after, .fad.fa-film:after {
  content: "\f008\f008";
}

.fa-duotone.fa-coconut:after, .fad.fa-coconut:after {
  content: "\e2f6\e2f6";
}

.fa-duotone.fa-ruler-horizontal:after, .fad.fa-ruler-horizontal:after {
  content: "\f547\f547";
}

.fa-duotone.fa-shield-cross:after, .fad.fa-shield-cross:after {
  content: "\f712\f712";
}

.fa-duotone.fa-cassette-tape:after, .fad.fa-cassette-tape:after {
  content: "\f8ab\f8ab";
}

.fa-duotone.fa-square-terminal:after, .fad.fa-square-terminal:after {
  content: "\e32a\e32a";
}

.fa-duotone.fa-people-robbery:after, .fad.fa-people-robbery:after {
  content: "\e536\e536";
}

.fa-duotone.fa-lightbulb:after, .fad.fa-lightbulb:after {
  content: "\f0eb\f0eb";
}

.fa-duotone.fa-caret-left:after, .fad.fa-caret-left:after {
  content: "\f0d9\f0d9";
}

.fa-duotone.fa-comment-middle:after, .fad.fa-comment-middle:after {
  content: "\e149\e149";
}

.fa-duotone.fa-trash-can-list:after, .fad.fa-trash-can-list:after {
  content: "\e2ab\e2ab";
}

.fa-duotone.fa-block:after, .fad.fa-block:after {
  content: "\e46a\e46a";
}

.fa-duotone.fa-circle-exclamation:after, .fa-duotone.fa-exclamation-circle:after, .fad.fa-circle-exclamation:after, .fad.fa-exclamation-circle:after {
  content: "\f06a\f06a";
}

.fa-duotone.fa-school-circle-xmark:after, .fad.fa-school-circle-xmark:after {
  content: "\e56d\e56d";
}

.fa-duotone.fa-arrow-right-from-bracket:after, .fa-duotone.fa-sign-out:after, .fad.fa-arrow-right-from-bracket:after, .fad.fa-sign-out:after {
  content: "\f08b\f08b";
}

.fa-duotone.fa-face-frown-slight:after, .fad.fa-face-frown-slight:after {
  content: "\e376\e376";
}

.fa-duotone.fa-chevron-circle-down:after, .fa-duotone.fa-circle-chevron-down:after, .fad.fa-chevron-circle-down:after, .fad.fa-circle-chevron-down:after {
  content: "\f13a\f13a";
}

.fa-duotone.fa-sidebar-flip:after, .fad.fa-sidebar-flip:after {
  content: "\e24f\e24f";
}

.fa-duotone.fa-unlock-alt:after, .fa-duotone.fa-unlock-keyhole:after, .fad.fa-unlock-alt:after, .fad.fa-unlock-keyhole:after {
  content: "\f13e\f13e";
}

.fa-duotone.fa-temperature-list:after, .fad.fa-temperature-list:after {
  content: "\e299\e299";
}

.fa-duotone.fa-cloud-showers-heavy:after, .fad.fa-cloud-showers-heavy:after {
  content: "\f740\f740";
}

.fa-duotone.fa-headphones-alt:after, .fa-duotone.fa-headphones-simple:after, .fad.fa-headphones-alt:after, .fad.fa-headphones-simple:after {
  content: "\f58f\f58f";
}

.fa-duotone.fa-sitemap:after, .fad.fa-sitemap:after {
  content: "\f0e8\f0e8";
}

.fa-duotone.fa-pipe-section:after, .fad.fa-pipe-section:after {
  content: "\e438\e438";
}

.fa-duotone.fa-space-station-moon-alt:after, .fa-duotone.fa-space-station-moon-construction:after, .fad.fa-space-station-moon-alt:after, .fad.fa-space-station-moon-construction:after {
  content: "\e034\e034";
}

.fa-duotone.fa-circle-dollar-to-slot:after, .fa-duotone.fa-donate:after, .fad.fa-circle-dollar-to-slot:after, .fad.fa-donate:after {
  content: "\f4b9\f4b9";
}

.fa-duotone.fa-memory:after, .fad.fa-memory:after {
  content: "\f538\f538";
}

.fa-duotone.fa-face-sleeping:after, .fad.fa-face-sleeping:after {
  content: "\e38d\e38d";
}

.fa-duotone.fa-road-spikes:after, .fad.fa-road-spikes:after {
  content: "\e568\e568";
}

.fa-duotone.fa-fire-burner:after, .fad.fa-fire-burner:after {
  content: "\e4f1\e4f1";
}

.fa-duotone.fa-squirrel:after, .fad.fa-squirrel:after {
  content: "\f71a\f71a";
}

.fa-duotone.fa-arrow-to-top:after, .fa-duotone.fa-arrow-up-to-line:after, .fad.fa-arrow-to-top:after, .fad.fa-arrow-up-to-line:after {
  content: "\f341\f341";
}

.fa-duotone.fa-flag:after, .fad.fa-flag:after {
  content: "\f024\f024";
}

.fa-duotone.fa-face-cowboy-hat:after, .fad.fa-face-cowboy-hat:after {
  content: "\e36e\e36e";
}

.fa-duotone.fa-hanukiah:after, .fad.fa-hanukiah:after {
  content: "\f6e6\f6e6";
}

.fa-duotone.fa-chart-scatter-3d:after, .fad.fa-chart-scatter-3d:after {
  content: "\e0e8\e0e8";
}

.fa-duotone.fa-display-chart-up:after, .fad.fa-display-chart-up:after {
  content: "\e5e3\e5e3";
}

.fa-duotone.fa-square-code:after, .fad.fa-square-code:after {
  content: "\e267\e267";
}

.fa-duotone.fa-feather:after, .fad.fa-feather:after {
  content: "\f52d\f52d";
}

.fa-duotone.fa-volume-down:after, .fa-duotone.fa-volume-low:after, .fad.fa-volume-down:after, .fad.fa-volume-low:after {
  content: "\f027\f027";
}

.fa-duotone.fa-times-to-slot:after, .fa-duotone.fa-vote-nay:after, .fa-duotone.fa-xmark-to-slot:after, .fad.fa-times-to-slot:after, .fad.fa-vote-nay:after, .fad.fa-xmark-to-slot:after {
  content: "\f771\f771";
}

.fa-duotone.fa-box-alt:after, .fa-duotone.fa-box-taped:after, .fad.fa-box-alt:after, .fad.fa-box-taped:after {
  content: "\f49a\f49a";
}

.fa-duotone.fa-comment-slash:after, .fad.fa-comment-slash:after {
  content: "\f4b3\f4b3";
}

.fa-duotone.fa-swords:after, .fad.fa-swords:after {
  content: "\f71d\f71d";
}

.fa-duotone.fa-cloud-sun-rain:after, .fad.fa-cloud-sun-rain:after {
  content: "\f743\f743";
}

.fa-duotone.fa-album:after, .fad.fa-album:after {
  content: "\f89f\f89f";
}

.fa-duotone.fa-circle-n:after, .fad.fa-circle-n:after {
  content: "\e118\e118";
}

.fa-duotone.fa-compress:after, .fad.fa-compress:after {
  content: "\f066\f066";
}

.fa-duotone.fa-wheat-alt:after, .fa-duotone.fa-wheat-awn:after, .fad.fa-wheat-alt:after, .fad.fa-wheat-awn:after {
  content: "\e2cd\e2cd";
}

.fa-duotone.fa-ankh:after, .fad.fa-ankh:after {
  content: "\f644\f644";
}

.fa-duotone.fa-hands-holding-child:after, .fad.fa-hands-holding-child:after {
  content: "\e4fa\e4fa";
}

.fa-duotone.fa-asterisk:after, .fad.fa-asterisk:after {
  content: "**";
}

.fa-duotone.fa-key-skeleton-left-right:after, .fad.fa-key-skeleton-left-right:after {
  content: "\e3b4\e3b4";
}

.fa-duotone.fa-comment-lines:after, .fad.fa-comment-lines:after {
  content: "\f4b0\f4b0";
}

.fa-duotone.fa-luchador-mask:after, .fa-duotone.fa-luchador:after, .fa-duotone.fa-mask-luchador:after, .fad.fa-luchador-mask:after, .fad.fa-luchador:after, .fad.fa-mask-luchador:after {
  content: "\f455\f455";
}

.fa-duotone.fa-check-square:after, .fa-duotone.fa-square-check:after, .fad.fa-check-square:after, .fad.fa-square-check:after {
  content: "\f14a\f14a";
}

.fa-duotone.fa-shredder:after, .fad.fa-shredder:after {
  content: "\f68a\f68a";
}

.fa-duotone.fa-book-open-alt:after, .fa-duotone.fa-book-open-cover:after, .fad.fa-book-open-alt:after, .fad.fa-book-open-cover:after {
  content: "\e0c0\e0c0";
}

.fa-duotone.fa-sandwich:after, .fad.fa-sandwich:after {
  content: "\f81f\f81f";
}

.fa-duotone.fa-peseta-sign:after, .fad.fa-peseta-sign:after {
  content: "\e221\e221";
}

.fa-duotone.fa-parking-slash:after, .fa-duotone.fa-square-parking-slash:after, .fad.fa-parking-slash:after, .fad.fa-square-parking-slash:after {
  content: "\f617\f617";
}

.fa-duotone.fa-train-tunnel:after, .fad.fa-train-tunnel:after {
  content: "\e454\e454";
}

.fa-duotone.fa-header:after, .fa-duotone.fa-heading:after, .fad.fa-header:after, .fad.fa-heading:after {
  content: "\f1dc\f1dc";
}

.fa-duotone.fa-ghost:after, .fad.fa-ghost:after {
  content: "\f6e2\f6e2";
}

.fa-duotone.fa-face-anguished:after, .fad.fa-face-anguished:after {
  content: "\e369\e369";
}

.fa-duotone.fa-hockey-sticks:after, .fad.fa-hockey-sticks:after {
  content: "\f454\f454";
}

.fa-duotone.fa-abacus:after, .fad.fa-abacus:after {
  content: "\f640\f640";
}

.fa-duotone.fa-film-alt:after, .fa-duotone.fa-film-simple:after, .fad.fa-film-alt:after, .fad.fa-film-simple:after {
  content: "\f3a0\f3a0";
}

.fa-duotone.fa-list-squares:after, .fa-duotone.fa-list:after, .fad.fa-list-squares:after, .fad.fa-list:after {
  content: "\f03a\f03a";
}

.fa-duotone.fa-tree-palm:after, .fad.fa-tree-palm:after {
  content: "\f82b\f82b";
}

.fa-duotone.fa-phone-square-alt:after, .fa-duotone.fa-square-phone-flip:after, .fad.fa-phone-square-alt:after, .fad.fa-square-phone-flip:after {
  content: "\f87b\f87b";
}

.fa-duotone.fa-cart-plus:after, .fad.fa-cart-plus:after {
  content: "\f217\f217";
}

.fa-duotone.fa-gamepad:after, .fad.fa-gamepad:after {
  content: "\f11b\f11b";
}

.fa-duotone.fa-border-center-v:after, .fad.fa-border-center-v:after {
  content: "\f89d\f89d";
}

.fa-duotone.fa-circle-dot:after, .fa-duotone.fa-dot-circle:after, .fad.fa-circle-dot:after, .fad.fa-dot-circle:after {
  content: "\f192\f192";
}

.fa-duotone.fa-clipboard-medical:after, .fad.fa-clipboard-medical:after {
  content: "\e133\e133";
}

.fa-duotone.fa-dizzy:after, .fa-duotone.fa-face-dizzy:after, .fad.fa-dizzy:after, .fad.fa-face-dizzy:after {
  content: "\f567\f567";
}

.fa-duotone.fa-egg:after, .fad.fa-egg:after {
  content: "\f7fb\f7fb";
}

.fa-duotone.fa-arrow-alt-to-top:after, .fa-duotone.fa-up-to-line:after, .fad.fa-arrow-alt-to-top:after, .fad.fa-up-to-line:after {
  content: "\f34d\f34d";
}

.fa-duotone.fa-house-medical-circle-xmark:after, .fad.fa-house-medical-circle-xmark:after {
  content: "\e513\e513";
}

.fa-duotone.fa-watch-fitness:after, .fad.fa-watch-fitness:after {
  content: "\f63e\f63e";
}

.fa-duotone.fa-clock-nine-thirty:after, .fad.fa-clock-nine-thirty:after {
  content: "\e34d\e34d";
}

.fa-duotone.fa-campground:after, .fad.fa-campground:after {
  content: "\f6bb\f6bb";
}

.fa-duotone.fa-folder-plus:after, .fad.fa-folder-plus:after {
  content: "\f65e\f65e";
}

.fa-duotone.fa-jug:after, .fad.fa-jug:after {
  content: "\f8c6\f8c6";
}

.fa-duotone.fa-futbol-ball:after, .fa-duotone.fa-futbol:after, .fa-duotone.fa-soccer-ball:after, .fad.fa-futbol-ball:after, .fad.fa-futbol:after, .fad.fa-soccer-ball:after {
  content: "\f1e3\f1e3";
}

.fa-duotone.fa-snow-blowing:after, .fad.fa-snow-blowing:after {
  content: "\f761\f761";
}

.fa-duotone.fa-paint-brush:after, .fa-duotone.fa-paintbrush:after, .fad.fa-paint-brush:after, .fad.fa-paintbrush:after {
  content: "\f1fc\f1fc";
}

.fa-duotone.fa-lock:after, .fad.fa-lock:after {
  content: "\f023\f023";
}

.fa-duotone.fa-arrow-down-from-line:after, .fa-duotone.fa-arrow-from-top:after, .fad.fa-arrow-down-from-line:after, .fad.fa-arrow-from-top:after {
  content: "\f345\f345";
}

.fa-duotone.fa-gas-pump:after, .fad.fa-gas-pump:after {
  content: "\f52f\f52f";
}

.fa-duotone.fa-signal-alt-slash:after, .fa-duotone.fa-signal-bars-slash:after, .fad.fa-signal-alt-slash:after, .fad.fa-signal-bars-slash:after {
  content: "\f694\f694";
}

.fa-duotone.fa-monkey:after, .fad.fa-monkey:after {
  content: "\f6fb\f6fb";
}

.fa-duotone.fa-pro:after, .fa-duotone.fa-rectangle-pro:after, .fad.fa-pro:after, .fad.fa-rectangle-pro:after {
  content: "\e235\e235";
}

.fa-duotone.fa-house-night:after, .fad.fa-house-night:after {
  content: "\e010\e010";
}

.fa-duotone.fa-hot-tub-person:after, .fa-duotone.fa-hot-tub:after, .fad.fa-hot-tub-person:after, .fad.fa-hot-tub:after {
  content: "\f593\f593";
}

.fa-duotone.fa-globe-pointer:after, .fad.fa-globe-pointer:after {
  content: "\e60e\e60e";
}

.fa-duotone.fa-blanket:after, .fad.fa-blanket:after {
  content: "\f498\f498";
}

.fa-duotone.fa-map-location:after, .fa-duotone.fa-map-marked:after, .fad.fa-map-location:after, .fad.fa-map-marked:after {
  content: "\f59f\f59f";
}

.fa-duotone.fa-house-flood-water:after, .fad.fa-house-flood-water:after {
  content: "\e50e\e50e";
}

.fa-duotone.fa-comments-question-check:after, .fad.fa-comments-question-check:after {
  content: "\e14f\e14f";
}

.fa-duotone.fa-tree:after, .fad.fa-tree:after {
  content: "\f1bb\f1bb";
}

.fa-duotone.fa-arrows-cross:after, .fad.fa-arrows-cross:after {
  content: "\e0a2\e0a2";
}

.fa-duotone.fa-backpack:after, .fad.fa-backpack:after {
  content: "\f5d4\f5d4";
}

.fa-duotone.fa-square-small:after, .fad.fa-square-small:after {
  content: "\e27e\e27e";
}

.fa-duotone.fa-folder-arrow-up:after, .fa-duotone.fa-folder-upload:after, .fad.fa-folder-arrow-up:after, .fad.fa-folder-upload:after {
  content: "\e054\e054";
}

.fa-duotone.fa-bridge-lock:after, .fad.fa-bridge-lock:after {
  content: "\e4cc\e4cc";
}

.fa-duotone.fa-crosshairs-simple:after, .fad.fa-crosshairs-simple:after {
  content: "\e59f\e59f";
}

.fa-duotone.fa-sack-dollar:after, .fad.fa-sack-dollar:after {
  content: "\f81d\f81d";
}

.fa-duotone.fa-edit:after, .fa-duotone.fa-pen-to-square:after, .fad.fa-edit:after, .fad.fa-pen-to-square:after {
  content: "\f044\f044";
}

.fa-duotone.fa-sliders-h-square:after, .fa-duotone.fa-square-sliders:after, .fad.fa-sliders-h-square:after, .fad.fa-square-sliders:after {
  content: "\f3f0\f3f0";
}

.fa-duotone.fa-car-side:after, .fad.fa-car-side:after {
  content: "\f5e4\f5e4";
}

.fa-duotone.fa-comment-middle-top-alt:after, .fa-duotone.fa-message-middle-top:after, .fad.fa-comment-middle-top-alt:after, .fad.fa-message-middle-top:after {
  content: "\e1e2\e1e2";
}

.fa-duotone.fa-lightbulb-on:after, .fad.fa-lightbulb-on:after {
  content: "\f672\f672";
}

.fa-duotone.fa-knife:after, .fa-duotone.fa-utensil-knife:after, .fad.fa-knife:after, .fad.fa-utensil-knife:after {
  content: "\f2e4\f2e4";
}

.fa-duotone.fa-share-alt:after, .fa-duotone.fa-share-nodes:after, .fad.fa-share-alt:after, .fad.fa-share-nodes:after {
  content: "\f1e0\f1e0";
}

.fa-duotone.fa-display-chart-up-circle-dollar:after, .fad.fa-display-chart-up-circle-dollar:after {
  content: "\e5e6\e5e6";
}

.fa-duotone.fa-wave-sine:after, .fad.fa-wave-sine:after {
  content: "\f899\f899";
}

.fa-duotone.fa-heart-circle-minus:after, .fad.fa-heart-circle-minus:after {
  content: "\e4ff\e4ff";
}

.fa-duotone.fa-circle-w:after, .fad.fa-circle-w:after {
  content: "\e12c\e12c";
}

.fa-duotone.fa-calendar-circle:after, .fa-duotone.fa-circle-calendar:after, .fad.fa-calendar-circle:after, .fad.fa-circle-calendar:after {
  content: "\e102\e102";
}

.fa-duotone.fa-hourglass-2:after, .fa-duotone.fa-hourglass-half:after, .fad.fa-hourglass-2:after, .fad.fa-hourglass-half:after {
  content: "\f252\f252";
}

.fa-duotone.fa-microscope:after, .fad.fa-microscope:after {
  content: "\f610\f610";
}

.fa-duotone.fa-sunset:after, .fad.fa-sunset:after {
  content: "\f767\f767";
}

.fa-duotone.fa-sink:after, .fad.fa-sink:after {
  content: "\e06d\e06d";
}

.fa-duotone.fa-calendar-exclamation:after, .fad.fa-calendar-exclamation:after {
  content: "\f334\f334";
}

.fa-duotone.fa-truck-container-empty:after, .fad.fa-truck-container-empty:after {
  content: "\e2b5\e2b5";
}

.fa-duotone.fa-hand-heart:after, .fad.fa-hand-heart:after {
  content: "\f4bc\f4bc";
}

.fa-duotone.fa-bag-shopping:after, .fa-duotone.fa-shopping-bag:after, .fad.fa-bag-shopping:after, .fad.fa-shopping-bag:after {
  content: "\f290\f290";
}

.fa-duotone.fa-arrow-down-z-a:after, .fa-duotone.fa-sort-alpha-desc:after, .fa-duotone.fa-sort-alpha-down-alt:after, .fad.fa-arrow-down-z-a:after, .fad.fa-sort-alpha-desc:after, .fad.fa-sort-alpha-down-alt:after {
  content: "\f881\f881";
}

.fa-duotone.fa-mitten:after, .fad.fa-mitten:after {
  content: "\f7b5\f7b5";
}

.fa-duotone.fa-reply-clock:after, .fa-duotone.fa-reply-time:after, .fad.fa-reply-clock:after, .fad.fa-reply-time:after {
  content: "\e239\e239";
}

.fa-duotone.fa-person-rays:after, .fad.fa-person-rays:after {
  content: "\e54d\e54d";
}

.fa-duotone.fa-arrow-alt-right:after, .fa-duotone.fa-right:after, .fad.fa-arrow-alt-right:after, .fad.fa-right:after {
  content: "\f356\f356";
}

.fa-duotone.fa-circle-f:after, .fad.fa-circle-f:after {
  content: "\e10e\e10e";
}

.fa-duotone.fa-users:after, .fad.fa-users:after {
  content: "\f0c0\f0c0";
}

.fa-duotone.fa-face-pleading:after, .fad.fa-face-pleading:after {
  content: "\e386\e386";
}

.fa-duotone.fa-eye-slash:after, .fad.fa-eye-slash:after {
  content: "\f070\f070";
}

.fa-duotone.fa-flask-vial:after, .fad.fa-flask-vial:after {
  content: "\e4f3\e4f3";
}

.fa-duotone.fa-police-box:after, .fad.fa-police-box:after {
  content: "\e021\e021";
}

.fa-duotone.fa-cucumber:after, .fad.fa-cucumber:after {
  content: "\e401\e401";
}

.fa-duotone.fa-head-side-brain:after, .fad.fa-head-side-brain:after {
  content: "\f808\f808";
}

.fa-duotone.fa-hand-paper:after, .fa-duotone.fa-hand:after, .fad.fa-hand-paper:after, .fad.fa-hand:after {
  content: "\f256\f256";
}

.fa-duotone.fa-biking-mountain:after, .fa-duotone.fa-person-biking-mountain:after, .fad.fa-biking-mountain:after, .fad.fa-person-biking-mountain:after {
  content: "\f84b\f84b";
}

.fa-duotone.fa-utensils-slash:after, .fad.fa-utensils-slash:after {
  content: "\e464\e464";
}

.fa-duotone.fa-print-magnifying-glass:after, .fa-duotone.fa-print-search:after, .fad.fa-print-magnifying-glass:after, .fad.fa-print-search:after {
  content: "\f81a\f81a";
}

.fa-duotone.fa-turn-right:after, .fad.fa-turn-right:after {
  content: "\e639\e639";
}

.fa-duotone.fa-folder-bookmark:after, .fad.fa-folder-bookmark:after {
  content: "\e186\e186";
}

.fa-duotone.fa-arrow-turn-left-down:after, .fad.fa-arrow-turn-left-down:after {
  content: "\e633\e633";
}

.fa-duotone.fa-om:after, .fad.fa-om:after {
  content: "\f679\f679";
}

.fa-duotone.fa-pi:after, .fad.fa-pi:after {
  content: "\f67e\f67e";
}

.fa-duotone.fa-flask-potion:after, .fa-duotone.fa-flask-round-potion:after, .fad.fa-flask-potion:after, .fad.fa-flask-round-potion:after {
  content: "\f6e1\f6e1";
}

.fa-duotone.fa-face-shush:after, .fad.fa-face-shush:after {
  content: "\e38c\e38c";
}

.fa-duotone.fa-worm:after, .fad.fa-worm:after {
  content: "\e599\e599";
}

.fa-duotone.fa-house-circle-xmark:after, .fad.fa-house-circle-xmark:after {
  content: "\e50b\e50b";
}

.fa-duotone.fa-plug:after, .fad.fa-plug:after {
  content: "\f1e6\f1e6";
}

.fa-duotone.fa-calendar-circle-exclamation:after, .fad.fa-calendar-circle-exclamation:after {
  content: "\e46e\e46e";
}

.fa-duotone.fa-square-i:after, .fad.fa-square-i:after {
  content: "\e272\e272";
}

.fa-duotone.fa-chevron-up:after, .fad.fa-chevron-up:after {
  content: "\f077\f077";
}

.fa-duotone.fa-face-saluting:after, .fad.fa-face-saluting:after {
  content: "\e484\e484";
}

.fa-duotone.fa-gauge-simple-low:after, .fa-duotone.fa-tachometer-slow:after, .fad.fa-gauge-simple-low:after, .fad.fa-tachometer-slow:after {
  content: "\f62c\f62c";
}

.fa-duotone.fa-face-persevering:after, .fad.fa-face-persevering:after {
  content: "\e385\e385";
}

.fa-duotone.fa-camera-circle:after, .fa-duotone.fa-circle-camera:after, .fad.fa-camera-circle:after, .fad.fa-circle-camera:after {
  content: "\e103\e103";
}

.fa-duotone.fa-hand-spock:after, .fad.fa-hand-spock:after {
  content: "\f259\f259";
}

.fa-duotone.fa-spider-web:after, .fad.fa-spider-web:after {
  content: "\f719\f719";
}

.fa-duotone.fa-circle-microphone:after, .fa-duotone.fa-microphone-circle:after, .fad.fa-circle-microphone:after, .fad.fa-microphone-circle:after {
  content: "\e116\e116";
}

.fa-duotone.fa-book-arrow-up:after, .fad.fa-book-arrow-up:after {
  content: "\e0ba\e0ba";
}

.fa-duotone.fa-popsicle:after, .fad.fa-popsicle:after {
  content: "\e43e\e43e";
}

.fa-duotone.fa-command:after, .fad.fa-command:after {
  content: "\e142\e142";
}

.fa-duotone.fa-blinds:after, .fad.fa-blinds:after {
  content: "\f8fb\f8fb";
}

.fa-duotone.fa-stopwatch:after, .fad.fa-stopwatch:after {
  content: "\f2f2\f2f2";
}

.fa-duotone.fa-saxophone:after, .fad.fa-saxophone:after {
  content: "\f8dc\f8dc";
}

.fa-duotone.fa-square-2:after, .fad.fa-square-2:after {
  content: "\e257\e257";
}

.fa-duotone.fa-field-hockey-stick-ball:after, .fa-duotone.fa-field-hockey:after, .fad.fa-field-hockey-stick-ball:after, .fad.fa-field-hockey:after {
  content: "\f44c\f44c";
}

.fa-duotone.fa-arrow-up-square-triangle:after, .fa-duotone.fa-sort-shapes-up-alt:after, .fad.fa-arrow-up-square-triangle:after, .fad.fa-sort-shapes-up-alt:after {
  content: "\f88b\f88b";
}

.fa-duotone.fa-face-scream:after, .fad.fa-face-scream:after {
  content: "\e38b\e38b";
}

.fa-duotone.fa-square-m:after, .fad.fa-square-m:after {
  content: "\e276\e276";
}

.fa-duotone.fa-camera-web:after, .fa-duotone.fa-webcam:after, .fad.fa-camera-web:after, .fad.fa-webcam:after {
  content: "\f832\f832";
}

.fa-duotone.fa-comment-arrow-down:after, .fad.fa-comment-arrow-down:after {
  content: "\e143\e143";
}

.fa-duotone.fa-lightbulb-cfl:after, .fad.fa-lightbulb-cfl:after {
  content: "\e5a6\e5a6";
}

.fa-duotone.fa-window-frame-open:after, .fad.fa-window-frame-open:after {
  content: "\e050\e050";
}

.fa-duotone.fa-face-kiss:after, .fa-duotone.fa-kiss:after, .fad.fa-face-kiss:after, .fad.fa-kiss:after {
  content: "\f596\f596";
}

.fa-duotone.fa-bridge-circle-xmark:after, .fad.fa-bridge-circle-xmark:after {
  content: "\e4cb\e4cb";
}

.fa-duotone.fa-period:after, .fad.fa-period:after {
  content: "..";
}

.fa-duotone.fa-face-grin-tongue:after, .fa-duotone.fa-grin-tongue:after, .fad.fa-face-grin-tongue:after, .fad.fa-grin-tongue:after {
  content: "\f589\f589";
}

.fa-duotone.fa-up-to-dotted-line:after, .fad.fa-up-to-dotted-line:after {
  content: "\e457\e457";
}

.fa-duotone.fa-thought-bubble:after, .fad.fa-thought-bubble:after {
  content: "\e32e\e32e";
}

.fa-duotone.fa-skeleton-ribs:after, .fad.fa-skeleton-ribs:after {
  content: "\e5cb\e5cb";
}

.fa-duotone.fa-raygun:after, .fad.fa-raygun:after {
  content: "\e025\e025";
}

.fa-duotone.fa-flute:after, .fad.fa-flute:after {
  content: "\f8b9\f8b9";
}

.fa-duotone.fa-acorn:after, .fad.fa-acorn:after {
  content: "\f6ae\f6ae";
}

.fa-duotone.fa-video-arrow-up-right:after, .fad.fa-video-arrow-up-right:after {
  content: "\e2c9\e2c9";
}

.fa-duotone.fa-grate-droplet:after, .fad.fa-grate-droplet:after {
  content: "\e194\e194";
}

.fa-duotone.fa-seal-exclamation:after, .fad.fa-seal-exclamation:after {
  content: "\e242\e242";
}

.fa-duotone.fa-chess-bishop:after, .fad.fa-chess-bishop:after {
  content: "\f43a\f43a";
}

.fa-duotone.fa-message-sms:after, .fad.fa-message-sms:after {
  content: "\e1e5\e1e5";
}

.fa-duotone.fa-coffee-beans:after, .fad.fa-coffee-beans:after {
  content: "\e13f\e13f";
}

.fa-duotone.fa-hat-witch:after, .fad.fa-hat-witch:after {
  content: "\f6e7\f6e7";
}

.fa-duotone.fa-face-grin-wink:after, .fa-duotone.fa-grin-wink:after, .fad.fa-face-grin-wink:after, .fad.fa-grin-wink:after {
  content: "\f58c\f58c";
}

.fa-duotone.fa-clock-three-thirty:after, .fad.fa-clock-three-thirty:after {
  content: "\e357\e357";
}

.fa-duotone.fa-deaf:after, .fa-duotone.fa-deafness:after, .fa-duotone.fa-ear-deaf:after, .fa-duotone.fa-hard-of-hearing:after, .fad.fa-deaf:after, .fad.fa-deafness:after, .fad.fa-ear-deaf:after, .fad.fa-hard-of-hearing:after {
  content: "\f2a4\f2a4";
}

.fa-duotone.fa-alarm-clock:after, .fad.fa-alarm-clock:after {
  content: "\f34e\f34e";
}

.fa-duotone.fa-eclipse:after, .fad.fa-eclipse:after {
  content: "\f749\f749";
}

.fa-duotone.fa-face-relieved:after, .fad.fa-face-relieved:after {
  content: "\e389\e389";
}

.fa-duotone.fa-road-circle-check:after, .fad.fa-road-circle-check:after {
  content: "\e564\e564";
}

.fa-duotone.fa-dice-five:after, .fad.fa-dice-five:after {
  content: "\f523\f523";
}

.fa-duotone.fa-minus-octagon:after, .fa-duotone.fa-octagon-minus:after, .fad.fa-minus-octagon:after, .fad.fa-octagon-minus:after {
  content: "\f308\f308";
}

.fa-duotone.fa-rss-square:after, .fa-duotone.fa-square-rss:after, .fad.fa-rss-square:after, .fad.fa-square-rss:after {
  content: "\f143\f143";
}

.fa-duotone.fa-face-zany:after, .fad.fa-face-zany:after {
  content: "\e3a4\e3a4";
}

.fa-duotone.fa-tricycle:after, .fad.fa-tricycle:after {
  content: "\e5c3\e5c3";
}

.fa-duotone.fa-land-mine-on:after, .fad.fa-land-mine-on:after {
  content: "\e51b\e51b";
}

.fa-duotone.fa-square-arrow-up-left:after, .fad.fa-square-arrow-up-left:after {
  content: "\e263\e263";
}

.fa-duotone.fa-i-cursor:after, .fad.fa-i-cursor:after {
  content: "\f246\f246";
}

.fa-duotone.fa-chart-mixed-up-circle-dollar:after, .fad.fa-chart-mixed-up-circle-dollar:after {
  content: "\e5d9\e5d9";
}

.fa-duotone.fa-salt-shaker:after, .fad.fa-salt-shaker:after {
  content: "\e446\e446";
}

.fa-duotone.fa-stamp:after, .fad.fa-stamp:after {
  content: "\f5bf\f5bf";
}

.fa-duotone.fa-file-plus:after, .fad.fa-file-plus:after {
  content: "\f319\f319";
}

.fa-duotone.fa-draw-square:after, .fad.fa-draw-square:after {
  content: "\f5ef\f5ef";
}

.fa-duotone.fa-toilet-paper-reverse-slash:after, .fa-duotone.fa-toilet-paper-under-slash:after, .fad.fa-toilet-paper-reverse-slash:after, .fad.fa-toilet-paper-under-slash:after {
  content: "\e2a1\e2a1";
}

.fa-duotone.fa-stairs:after, .fad.fa-stairs:after {
  content: "\e289\e289";
}

.fa-duotone.fa-drone-alt:after, .fa-duotone.fa-drone-front:after, .fad.fa-drone-alt:after, .fad.fa-drone-front:after {
  content: "\f860\f860";
}

.fa-duotone.fa-glass-empty:after, .fad.fa-glass-empty:after {
  content: "\e191\e191";
}

.fa-duotone.fa-dial-high:after, .fad.fa-dial-high:after {
  content: "\e15c\e15c";
}

.fa-duotone.fa-user-construction:after, .fa-duotone.fa-user-hard-hat:after, .fa-duotone.fa-user-helmet-safety:after, .fad.fa-user-construction:after, .fad.fa-user-hard-hat:after, .fad.fa-user-helmet-safety:after {
  content: "\f82c\f82c";
}

.fa-duotone.fa-i:after, .fad.fa-i:after {
  content: "II";
}

.fa-duotone.fa-hryvnia-sign:after, .fa-duotone.fa-hryvnia:after, .fad.fa-hryvnia-sign:after, .fad.fa-hryvnia:after {
  content: "\f6f2\f6f2";
}

.fa-duotone.fa-arrow-down-left-and-arrow-up-right-to-center:after, .fad.fa-arrow-down-left-and-arrow-up-right-to-center:after {
  content: "\e092\e092";
}

.fa-duotone.fa-pills:after, .fad.fa-pills:after {
  content: "\f484\f484";
}

.fa-duotone.fa-face-grin-wide:after, .fa-duotone.fa-grin-alt:after, .fad.fa-face-grin-wide:after, .fad.fa-grin-alt:after {
  content: "\f581\f581";
}

.fa-duotone.fa-tooth:after, .fad.fa-tooth:after {
  content: "\f5c9\f5c9";
}

.fa-duotone.fa-basketball-hoop:after, .fad.fa-basketball-hoop:after {
  content: "\f435\f435";
}

.fa-duotone.fa-objects-align-bottom:after, .fad.fa-objects-align-bottom:after {
  content: "\e3bb\e3bb";
}

.fa-duotone.fa-v:after, .fad.fa-v:after {
  content: "VV";
}

.fa-duotone.fa-sparkles:after, .fad.fa-sparkles:after {
  content: "\f890\f890";
}

.fa-duotone.fa-squid:after, .fad.fa-squid:after {
  content: "\e450\e450";
}

.fa-duotone.fa-leafy-green:after, .fad.fa-leafy-green:after {
  content: "\e41d\e41d";
}

.fa-duotone.fa-circle-arrow-up-right:after, .fad.fa-circle-arrow-up-right:after {
  content: "\e0fc\e0fc";
}

.fa-duotone.fa-calendars:after, .fad.fa-calendars:after {
  content: "\e0d7\e0d7";
}

.fa-duotone.fa-bangladeshi-taka-sign:after, .fad.fa-bangladeshi-taka-sign:after {
  content: "\e2e6\e2e6";
}

.fa-duotone.fa-bicycle:after, .fad.fa-bicycle:after {
  content: "\f206\f206";
}

.fa-duotone.fa-hammer-war:after, .fad.fa-hammer-war:after {
  content: "\f6e4\f6e4";
}

.fa-duotone.fa-circle-d:after, .fad.fa-circle-d:after {
  content: "\e104\e104";
}

.fa-duotone.fa-spider-black-widow:after, .fad.fa-spider-black-widow:after {
  content: "\f718\f718";
}

.fa-duotone.fa-rod-asclepius:after, .fa-duotone.fa-rod-snake:after, .fa-duotone.fa-staff-aesculapius:after, .fa-duotone.fa-staff-snake:after, .fad.fa-rod-asclepius:after, .fad.fa-rod-snake:after, .fad.fa-staff-aesculapius:after, .fad.fa-staff-snake:after {
  content: "\e579\e579";
}

.fa-duotone.fa-pear:after, .fad.fa-pear:after {
  content: "\e20c\e20c";
}

.fa-duotone.fa-head-side-cough-slash:after, .fad.fa-head-side-cough-slash:after {
  content: "\e062\e062";
}

.fa-duotone.fa-file-mov:after, .fad.fa-file-mov:after {
  content: "\e647\e647";
}

.fa-duotone.fa-triangle:after, .fad.fa-triangle:after {
  content: "\f2ec\f2ec";
}

.fa-duotone.fa-apartment:after, .fad.fa-apartment:after {
  content: "\e468\e468";
}

.fa-duotone.fa-ambulance:after, .fa-duotone.fa-truck-medical:after, .fad.fa-ambulance:after, .fad.fa-truck-medical:after {
  content: "\f0f9\f0f9";
}

.fa-duotone.fa-pepper:after, .fad.fa-pepper:after {
  content: "\e432\e432";
}

.fa-duotone.fa-piano:after, .fad.fa-piano:after {
  content: "\f8d4\f8d4";
}

.fa-duotone.fa-gun-squirt:after, .fad.fa-gun-squirt:after {
  content: "\e19d\e19d";
}

.fa-duotone.fa-wheat-awn-circle-exclamation:after, .fad.fa-wheat-awn-circle-exclamation:after {
  content: "\e598\e598";
}

.fa-duotone.fa-snowman:after, .fad.fa-snowman:after {
  content: "\f7d0\f7d0";
}

.fa-duotone.fa-user-alien:after, .fad.fa-user-alien:after {
  content: "\e04a\e04a";
}

.fa-duotone.fa-shield-check:after, .fad.fa-shield-check:after {
  content: "\f2f7\f2f7";
}

.fa-duotone.fa-mortar-pestle:after, .fad.fa-mortar-pestle:after {
  content: "\f5a7\f5a7";
}

.fa-duotone.fa-road-barrier:after, .fad.fa-road-barrier:after {
  content: "\e562\e562";
}

.fa-duotone.fa-chart-candlestick:after, .fad.fa-chart-candlestick:after {
  content: "\e0e2\e0e2";
}

.fa-duotone.fa-briefcase-blank:after, .fad.fa-briefcase-blank:after {
  content: "\e0c8\e0c8";
}

.fa-duotone.fa-school:after, .fad.fa-school:after {
  content: "\f549\f549";
}

.fa-duotone.fa-igloo:after, .fad.fa-igloo:after {
  content: "\f7ae\f7ae";
}

.fa-duotone.fa-bracket-round:after, .fa-duotone.fa-parenthesis:after, .fad.fa-bracket-round:after, .fad.fa-parenthesis:after {
  content: "((";
}

.fa-duotone.fa-joint:after, .fad.fa-joint:after {
  content: "\f595\f595";
}

.fa-duotone.fa-horse-saddle:after, .fad.fa-horse-saddle:after {
  content: "\f8c3\f8c3";
}

.fa-duotone.fa-mug-marshmallows:after, .fad.fa-mug-marshmallows:after {
  content: "\f7b7\f7b7";
}

.fa-duotone.fa-filters:after, .fad.fa-filters:after {
  content: "\e17e\e17e";
}

.fa-duotone.fa-bell-on:after, .fad.fa-bell-on:after {
  content: "\f8fa\f8fa";
}

.fa-duotone.fa-angle-right:after, .fad.fa-angle-right:after {
  content: "\f105\f105";
}

.fa-duotone.fa-dial-med:after, .fad.fa-dial-med:after {
  content: "\e15f\e15f";
}

.fa-duotone.fa-horse:after, .fad.fa-horse:after {
  content: "\f6f0\f6f0";
}

.fa-duotone.fa-q:after, .fad.fa-q:after {
  content: "QQ";
}

.fa-duotone.fa-monitor-heart-rate:after, .fa-duotone.fa-monitor-waveform:after, .fad.fa-monitor-heart-rate:after, .fad.fa-monitor-waveform:after {
  content: "\f611\f611";
}

.fa-duotone.fa-link-simple:after, .fad.fa-link-simple:after {
  content: "\e1cd\e1cd";
}

.fa-duotone.fa-whistle:after, .fad.fa-whistle:after {
  content: "\f460\f460";
}

.fa-duotone.fa-g:after, .fad.fa-g:after {
  content: "GG";
}

.fa-duotone.fa-fragile:after, .fa-duotone.fa-wine-glass-crack:after, .fad.fa-fragile:after, .fad.fa-wine-glass-crack:after {
  content: "\f4bb\f4bb";
}

.fa-duotone.fa-slot-machine:after, .fad.fa-slot-machine:after {
  content: "\e3ce\e3ce";
}

.fa-duotone.fa-notes-medical:after, .fad.fa-notes-medical:after {
  content: "\f481\f481";
}

.fa-duotone.fa-car-wash:after, .fad.fa-car-wash:after {
  content: "\f5e6\f5e6";
}

.fa-duotone.fa-escalator:after, .fad.fa-escalator:after {
  content: "\e171\e171";
}

.fa-duotone.fa-comment-image:after, .fad.fa-comment-image:after {
  content: "\e148\e148";
}

.fa-duotone.fa-temperature-2:after, .fa-duotone.fa-temperature-half:after, .fa-duotone.fa-thermometer-2:after, .fa-duotone.fa-thermometer-half:after, .fad.fa-temperature-2:after, .fad.fa-temperature-half:after, .fad.fa-thermometer-2:after, .fad.fa-thermometer-half:after {
  content: "\f2c9\f2c9";
}

.fa-duotone.fa-dong-sign:after, .fad.fa-dong-sign:after {
  content: "\e169\e169";
}

.fa-duotone.fa-donut:after, .fa-duotone.fa-doughnut:after, .fad.fa-donut:after, .fad.fa-doughnut:after {
  content: "\e406\e406";
}

.fa-duotone.fa-capsules:after, .fad.fa-capsules:after {
  content: "\f46b\f46b";
}

.fa-duotone.fa-poo-bolt:after, .fa-duotone.fa-poo-storm:after, .fad.fa-poo-bolt:after, .fad.fa-poo-storm:after {
  content: "\f75a\f75a";
}

.fa-duotone.fa-tally-1:after, .fad.fa-tally-1:after {
  content: "\e294\e294";
}

.fa-duotone.fa-file-vector:after, .fad.fa-file-vector:after {
  content: "\e64c\e64c";
}

.fa-duotone.fa-face-frown-open:after, .fa-duotone.fa-frown-open:after, .fad.fa-face-frown-open:after, .fad.fa-frown-open:after {
  content: "\f57a\f57a";
}

.fa-duotone.fa-square-dashed:after, .fad.fa-square-dashed:after {
  content: "\e269\e269";
}

.fa-duotone.fa-bag-shopping-plus:after, .fad.fa-bag-shopping-plus:after {
  content: "\e651\e651";
}

.fa-duotone.fa-square-j:after, .fad.fa-square-j:after {
  content: "\e273\e273";
}

.fa-duotone.fa-hand-point-up:after, .fad.fa-hand-point-up:after {
  content: "\f0a6\f0a6";
}

.fa-duotone.fa-money-bill:after, .fad.fa-money-bill:after {
  content: "\f0d6\f0d6";
}

.fa-duotone.fa-arrow-up-big-small:after, .fa-duotone.fa-sort-size-up:after, .fad.fa-arrow-up-big-small:after, .fad.fa-sort-size-up:after {
  content: "\f88e\f88e";
}

.fa-duotone.fa-barcode-read:after, .fad.fa-barcode-read:after {
  content: "\f464\f464";
}

.fa-duotone.fa-baguette:after, .fad.fa-baguette:after {
  content: "\e3d8\e3d8";
}

.fa-duotone.fa-bowl-soft-serve:after, .fad.fa-bowl-soft-serve:after {
  content: "\e46b\e46b";
}

.fa-duotone.fa-face-holding-back-tears:after, .fad.fa-face-holding-back-tears:after {
  content: "\e482\e482";
}

.fa-duotone.fa-arrow-alt-square-up:after, .fa-duotone.fa-square-up:after, .fad.fa-arrow-alt-square-up:after, .fad.fa-square-up:after {
  content: "\f353\f353";
}

.fa-duotone.fa-subway-tunnel:after, .fa-duotone.fa-train-subway-tunnel:after, .fad.fa-subway-tunnel:after, .fad.fa-train-subway-tunnel:after {
  content: "\e2a3\e2a3";
}

.fa-duotone.fa-exclamation-square:after, .fa-duotone.fa-square-exclamation:after, .fad.fa-exclamation-square:after, .fad.fa-square-exclamation:after {
  content: "\f321\f321";
}

.fa-duotone.fa-semicolon:after, .fad.fa-semicolon:after {
  content: ";;";
}

.fa-duotone.fa-bookmark:after, .fad.fa-bookmark:after {
  content: "\f02e\f02e";
}

.fa-duotone.fa-fan-table:after, .fad.fa-fan-table:after {
  content: "\e004\e004";
}

.fa-duotone.fa-align-justify:after, .fad.fa-align-justify:after {
  content: "\f039\f039";
}

.fa-duotone.fa-battery-1:after, .fa-duotone.fa-battery-low:after, .fad.fa-battery-1:after, .fad.fa-battery-low:after {
  content: "\e0b1\e0b1";
}

.fa-duotone.fa-credit-card-front:after, .fad.fa-credit-card-front:after {
  content: "\f38a\f38a";
}

.fa-duotone.fa-brain-arrow-curved-right:after, .fa-duotone.fa-mind-share:after, .fad.fa-brain-arrow-curved-right:after, .fad.fa-mind-share:after {
  content: "\f677\f677";
}

.fa-duotone.fa-umbrella-beach:after, .fad.fa-umbrella-beach:after {
  content: "\f5ca\f5ca";
}

.fa-duotone.fa-helmet-un:after, .fad.fa-helmet-un:after {
  content: "\e503\e503";
}

.fa-duotone.fa-location-smile:after, .fa-duotone.fa-map-marker-smile:after, .fad.fa-location-smile:after, .fad.fa-map-marker-smile:after {
  content: "\f60d\f60d";
}

.fa-duotone.fa-arrow-left-to-line:after, .fa-duotone.fa-arrow-to-left:after, .fad.fa-arrow-left-to-line:after, .fad.fa-arrow-to-left:after {
  content: "\f33e\f33e";
}

.fa-duotone.fa-bullseye:after, .fad.fa-bullseye:after {
  content: "\f140\f140";
}

.fa-duotone.fa-nigiri:after, .fa-duotone.fa-sushi:after, .fad.fa-nigiri:after, .fad.fa-sushi:after {
  content: "\e48a\e48a";
}

.fa-duotone.fa-comment-alt-captions:after, .fa-duotone.fa-message-captions:after, .fad.fa-comment-alt-captions:after, .fad.fa-message-captions:after {
  content: "\e1de\e1de";
}

.fa-duotone.fa-trash-list:after, .fad.fa-trash-list:after {
  content: "\e2b1\e2b1";
}

.fa-duotone.fa-bacon:after, .fad.fa-bacon:after {
  content: "\f7e5\f7e5";
}

.fa-duotone.fa-option:after, .fad.fa-option:after {
  content: "\e318\e318";
}

.fa-duotone.fa-raccoon:after, .fad.fa-raccoon:after {
  content: "\e613\e613";
}

.fa-duotone.fa-hand-point-down:after, .fad.fa-hand-point-down:after {
  content: "\f0a7\f0a7";
}

.fa-duotone.fa-arrow-up-from-bracket:after, .fad.fa-arrow-up-from-bracket:after {
  content: "\e09a\e09a";
}

.fa-duotone.fa-head-side-gear:after, .fad.fa-head-side-gear:after {
  content: "\e611\e611";
}

.fa-duotone.fa-trash-plus:after, .fad.fa-trash-plus:after {
  content: "\e2b2\e2b2";
}

.fa-duotone.fa-objects-align-top:after, .fad.fa-objects-align-top:after {
  content: "\e3c0\e3c0";
}

.fa-duotone.fa-folder-blank:after, .fa-duotone.fa-folder:after, .fad.fa-folder-blank:after, .fad.fa-folder:after {
  content: "\f07b\f07b";
}

.fa-duotone.fa-face-anxious-sweat:after, .fad.fa-face-anxious-sweat:after {
  content: "\e36a\e36a";
}

.fa-duotone.fa-credit-card-blank:after, .fad.fa-credit-card-blank:after {
  content: "\f389\f389";
}

.fa-duotone.fa-file-medical-alt:after, .fa-duotone.fa-file-waveform:after, .fad.fa-file-medical-alt:after, .fad.fa-file-waveform:after {
  content: "\f478\f478";
}

.fa-duotone.fa-microchip-ai:after, .fad.fa-microchip-ai:after {
  content: "\e1ec\e1ec";
}

.fa-duotone.fa-mug:after, .fad.fa-mug:after {
  content: "\f874\f874";
}

.fa-duotone.fa-plane-up-slash:after, .fad.fa-plane-up-slash:after {
  content: "\e22e\e22e";
}

.fa-duotone.fa-radiation:after, .fad.fa-radiation:after {
  content: "\f7b9\f7b9";
}

.fa-duotone.fa-pen-circle:after, .fad.fa-pen-circle:after {
  content: "\e20e\e20e";
}

.fa-duotone.fa-bag-seedling:after, .fad.fa-bag-seedling:after {
  content: "\e5f2\e5f2";
}

.fa-duotone.fa-chart-simple:after, .fad.fa-chart-simple:after {
  content: "\e473\e473";
}

.fa-duotone.fa-crutches:after, .fad.fa-crutches:after {
  content: "\f7f8\f7f8";
}

.fa-duotone.fa-circle-parking:after, .fa-duotone.fa-parking-circle:after, .fad.fa-circle-parking:after, .fad.fa-parking-circle:after {
  content: "\f615\f615";
}

.fa-duotone.fa-mars-stroke:after, .fad.fa-mars-stroke:after {
  content: "\f229\f229";
}

.fa-duotone.fa-leaf-oak:after, .fad.fa-leaf-oak:after {
  content: "\f6f7\f6f7";
}

.fa-duotone.fa-square-bolt:after, .fad.fa-square-bolt:after {
  content: "\e265\e265";
}

.fa-duotone.fa-vial:after, .fad.fa-vial:after {
  content: "\f492\f492";
}

.fa-duotone.fa-dashboard:after, .fa-duotone.fa-gauge-med:after, .fa-duotone.fa-gauge:after, .fa-duotone.fa-tachometer-alt-average:after, .fad.fa-dashboard:after, .fad.fa-gauge-med:after, .fad.fa-gauge:after, .fad.fa-tachometer-alt-average:after {
  content: "\f624\f624";
}

.fa-duotone.fa-magic-wand-sparkles:after, .fa-duotone.fa-wand-magic-sparkles:after, .fad.fa-magic-wand-sparkles:after, .fad.fa-wand-magic-sparkles:after {
  content: "\e2ca\e2ca";
}

.fa-duotone.fa-lambda:after, .fad.fa-lambda:after {
  content: "\f66e\f66e";
}

.fa-duotone.fa-e:after, .fad.fa-e:after {
  content: "EE";
}

.fa-duotone.fa-pizza:after, .fad.fa-pizza:after {
  content: "\f817\f817";
}

.fa-duotone.fa-bowl-chopsticks-noodles:after, .fad.fa-bowl-chopsticks-noodles:after {
  content: "\e2ea\e2ea";
}

.fa-duotone.fa-h3:after, .fad.fa-h3:after {
  content: "\f315\f315";
}

.fa-duotone.fa-pen-alt:after, .fa-duotone.fa-pen-clip:after, .fad.fa-pen-alt:after, .fad.fa-pen-clip:after {
  content: "\f305\f305";
}

.fa-duotone.fa-bridge-circle-exclamation:after, .fad.fa-bridge-circle-exclamation:after {
  content: "\e4ca\e4ca";
}

.fa-duotone.fa-badge-percent:after, .fad.fa-badge-percent:after {
  content: "\f646\f646";
}

.fa-duotone.fa-rotate-reverse:after, .fad.fa-rotate-reverse:after {
  content: "\e631\e631";
}

.fa-duotone.fa-user:after, .fad.fa-user:after {
  content: "\f007\f007";
}

.fa-duotone.fa-sensor:after, .fad.fa-sensor:after {
  content: "\e028\e028";
}

.fa-duotone.fa-comma:after, .fad.fa-comma:after {
  content: ",,";
}

.fa-duotone.fa-school-circle-check:after, .fad.fa-school-circle-check:after {
  content: "\e56b\e56b";
}

.fa-duotone.fa-toilet-paper-reverse:after, .fa-duotone.fa-toilet-paper-under:after, .fad.fa-toilet-paper-reverse:after, .fad.fa-toilet-paper-under:after {
  content: "\e2a0\e2a0";
}

.fa-duotone.fa-light-emergency:after, .fad.fa-light-emergency:after {
  content: "\e41f\e41f";
}

.fa-duotone.fa-arrow-down-to-arc:after, .fad.fa-arrow-down-to-arc:after {
  content: "\e4ae\e4ae";
}

.fa-duotone.fa-dumpster:after, .fad.fa-dumpster:after {
  content: "\f793\f793";
}

.fa-duotone.fa-shuttle-van:after, .fa-duotone.fa-van-shuttle:after, .fad.fa-shuttle-van:after, .fad.fa-van-shuttle:after {
  content: "\f5b6\f5b6";
}

.fa-duotone.fa-building-user:after, .fad.fa-building-user:after {
  content: "\e4da\e4da";
}

.fa-duotone.fa-light-switch:after, .fad.fa-light-switch:after {
  content: "\e017\e017";
}

.fa-duotone.fa-caret-square-left:after, .fa-duotone.fa-square-caret-left:after, .fad.fa-caret-square-left:after, .fad.fa-square-caret-left:after {
  content: "\f191\f191";
}

.fa-duotone.fa-highlighter:after, .fad.fa-highlighter:after {
  content: "\f591\f591";
}

.fa-duotone.fa-heart-rate:after, .fa-duotone.fa-wave-pulse:after, .fad.fa-heart-rate:after, .fad.fa-wave-pulse:after {
  content: "\f5f8\f5f8";
}

.fa-duotone.fa-key:after, .fad.fa-key:after {
  content: "\f084\f084";
}

.fa-duotone.fa-hat-santa:after, .fad.fa-hat-santa:after {
  content: "\f7a7\f7a7";
}

.fa-duotone.fa-tamale:after, .fad.fa-tamale:after {
  content: "\e451\e451";
}

.fa-duotone.fa-box-check:after, .fad.fa-box-check:after {
  content: "\f467\f467";
}

.fa-duotone.fa-bullhorn:after, .fad.fa-bullhorn:after {
  content: "\f0a1\f0a1";
}

.fa-duotone.fa-steak:after, .fad.fa-steak:after {
  content: "\f824\f824";
}

.fa-duotone.fa-location-crosshairs-slash:after, .fa-duotone.fa-location-slash:after, .fad.fa-location-crosshairs-slash:after, .fad.fa-location-slash:after {
  content: "\f603\f603";
}

.fa-duotone.fa-person-dolly:after, .fad.fa-person-dolly:after {
  content: "\f4d0\f4d0";
}

.fa-duotone.fa-globe:after, .fad.fa-globe:after {
  content: "\f0ac\f0ac";
}

.fa-duotone.fa-synagogue:after, .fad.fa-synagogue:after {
  content: "\f69b\f69b";
}

.fa-duotone.fa-file-chart-column:after, .fa-duotone.fa-file-chart-line:after, .fad.fa-file-chart-column:after, .fad.fa-file-chart-line:after {
  content: "\f659\f659";
}

.fa-duotone.fa-person-half-dress:after, .fad.fa-person-half-dress:after {
  content: "\e548\e548";
}

.fa-duotone.fa-folder-image:after, .fad.fa-folder-image:after {
  content: "\e18a\e18a";
}

.fa-duotone.fa-calendar-edit:after, .fa-duotone.fa-calendar-pen:after, .fad.fa-calendar-edit:after, .fad.fa-calendar-pen:after {
  content: "\f333\f333";
}

.fa-duotone.fa-road-bridge:after, .fad.fa-road-bridge:after {
  content: "\e563\e563";
}

.fa-duotone.fa-face-smile-tear:after, .fad.fa-face-smile-tear:after {
  content: "\e393\e393";
}

.fa-duotone.fa-comment-alt-plus:after, .fa-duotone.fa-message-plus:after, .fad.fa-comment-alt-plus:after, .fad.fa-message-plus:after {
  content: "\f4a8\f4a8";
}

.fa-duotone.fa-location-arrow:after, .fad.fa-location-arrow:after {
  content: "\f124\f124";
}

.fa-duotone.fa-c:after, .fad.fa-c:after {
  content: "CC";
}

.fa-duotone.fa-tablet-button:after, .fad.fa-tablet-button:after {
  content: "\f10a\f10a";
}

.fa-duotone.fa-person-dress-fairy:after, .fad.fa-person-dress-fairy:after {
  content: "\e607\e607";
}

.fa-duotone.fa-rectangle-history-circle-user:after, .fad.fa-rectangle-history-circle-user:after {
  content: "\e4a4\e4a4";
}

.fa-duotone.fa-building-lock:after, .fad.fa-building-lock:after {
  content: "\e4d6\e4d6";
}

.fa-duotone.fa-chart-line-up:after, .fad.fa-chart-line-up:after {
  content: "\e0e5\e0e5";
}

.fa-duotone.fa-mailbox:after, .fad.fa-mailbox:after {
  content: "\f813\f813";
}

.fa-duotone.fa-sign-posts:after, .fad.fa-sign-posts:after {
  content: "\e625\e625";
}

.fa-duotone.fa-truck-bolt:after, .fad.fa-truck-bolt:after {
  content: "\e3d0\e3d0";
}

.fa-duotone.fa-pizza-slice:after, .fad.fa-pizza-slice:after {
  content: "\f818\f818";
}

.fa-duotone.fa-money-bill-wave:after, .fad.fa-money-bill-wave:after {
  content: "\f53a\f53a";
}

.fa-duotone.fa-area-chart:after, .fa-duotone.fa-chart-area:after, .fad.fa-area-chart:after, .fad.fa-chart-area:after {
  content: "\f1fe\f1fe";
}

.fa-duotone.fa-house-flag:after, .fad.fa-house-flag:after {
  content: "\e50d\e50d";
}

.fa-duotone.fa-circle-three-quarters-stroke:after, .fad.fa-circle-three-quarters-stroke:after {
  content: "\e5d4\e5d4";
}

.fa-duotone.fa-person-circle-minus:after, .fad.fa-person-circle-minus:after {
  content: "\e540\e540";
}

.fa-duotone.fa-scalpel:after, .fad.fa-scalpel:after {
  content: "\f61d\f61d";
}

.fa-duotone.fa-ban:after, .fa-duotone.fa-cancel:after, .fad.fa-ban:after, .fad.fa-cancel:after {
  content: "\f05e\f05e";
}

.fa-duotone.fa-bell-exclamation:after, .fad.fa-bell-exclamation:after {
  content: "\f848\f848";
}

.fa-duotone.fa-bookmark-circle:after, .fa-duotone.fa-circle-bookmark:after, .fad.fa-bookmark-circle:after, .fad.fa-circle-bookmark:after {
  content: "\e100\e100";
}

.fa-duotone.fa-egg-fried:after, .fad.fa-egg-fried:after {
  content: "\f7fc\f7fc";
}

.fa-duotone.fa-face-weary:after, .fad.fa-face-weary:after {
  content: "\e3a1\e3a1";
}

.fa-duotone.fa-uniform-martial-arts:after, .fad.fa-uniform-martial-arts:after {
  content: "\e3d1\e3d1";
}

.fa-duotone.fa-camera-rotate:after, .fad.fa-camera-rotate:after {
  content: "\e0d8\e0d8";
}

.fa-duotone.fa-sun-dust:after, .fad.fa-sun-dust:after {
  content: "\f764\f764";
}

.fa-duotone.fa-comment-text:after, .fad.fa-comment-text:after {
  content: "\e14d\e14d";
}

.fa-duotone.fa-air-freshener:after, .fa-duotone.fa-spray-can-sparkles:after, .fad.fa-air-freshener:after, .fad.fa-spray-can-sparkles:after {
  content: "\f5d0\f5d0";
}

.fa-duotone.fa-signal-alt-4:after, .fa-duotone.fa-signal-alt:after, .fa-duotone.fa-signal-bars-strong:after, .fa-duotone.fa-signal-bars:after, .fad.fa-signal-alt-4:after, .fad.fa-signal-alt:after, .fad.fa-signal-bars-strong:after, .fad.fa-signal-bars:after {
  content: "\f690\f690";
}

.fa-duotone.fa-diamond-exclamation:after, .fad.fa-diamond-exclamation:after {
  content: "\e405\e405";
}

.fa-duotone.fa-star:after, .fad.fa-star:after {
  content: "\f005\f005";
}

.fa-duotone.fa-dial-min:after, .fad.fa-dial-min:after {
  content: "\e161\e161";
}

.fa-duotone.fa-repeat:after, .fad.fa-repeat:after {
  content: "\f363\f363";
}

.fa-duotone.fa-cross:after, .fad.fa-cross:after {
  content: "\f654\f654";
}

.fa-duotone.fa-file-caret-down:after, .fa-duotone.fa-page-caret-down:after, .fad.fa-file-caret-down:after, .fad.fa-page-caret-down:after {
  content: "\e429\e429";
}

.fa-duotone.fa-box:after, .fad.fa-box:after {
  content: "\f466\f466";
}

.fa-duotone.fa-venus-mars:after, .fad.fa-venus-mars:after {
  content: "\f228\f228";
}

.fa-duotone.fa-clock-seven-thirty:after, .fad.fa-clock-seven-thirty:after {
  content: "\e351\e351";
}

.fa-duotone.fa-arrow-pointer:after, .fa-duotone.fa-mouse-pointer:after, .fad.fa-arrow-pointer:after, .fad.fa-mouse-pointer:after {
  content: "\f245\f245";
}

.fa-duotone.fa-clock-four-thirty:after, .fad.fa-clock-four-thirty:after {
  content: "\e34b\e34b";
}

.fa-duotone.fa-signal-alt-3:after, .fa-duotone.fa-signal-bars-good:after, .fad.fa-signal-alt-3:after, .fad.fa-signal-bars-good:after {
  content: "\f693\f693";
}

.fa-duotone.fa-cactus:after, .fad.fa-cactus:after {
  content: "\f8a7\f8a7";
}

.fa-duotone.fa-lightbulb-gear:after, .fad.fa-lightbulb-gear:after {
  content: "\e5fd\e5fd";
}

.fa-duotone.fa-expand-arrows-alt:after, .fa-duotone.fa-maximize:after, .fad.fa-expand-arrows-alt:after, .fad.fa-maximize:after {
  content: "\f31e\f31e";
}

.fa-duotone.fa-charging-station:after, .fad.fa-charging-station:after {
  content: "\f5e7\f5e7";
}

.fa-duotone.fa-shapes:after, .fa-duotone.fa-triangle-circle-square:after, .fad.fa-shapes:after, .fad.fa-triangle-circle-square:after {
  content: "\f61f\f61f";
}

.fa-duotone.fa-plane-tail:after, .fad.fa-plane-tail:after {
  content: "\e22c\e22c";
}

.fa-duotone.fa-gauge-simple-max:after, .fa-duotone.fa-tachometer-fastest:after, .fad.fa-gauge-simple-max:after, .fad.fa-tachometer-fastest:after {
  content: "\f62b\f62b";
}

.fa-duotone.fa-circle-u:after, .fad.fa-circle-u:after {
  content: "\e127\e127";
}

.fa-duotone.fa-shield-slash:after, .fad.fa-shield-slash:after {
  content: "\e24b\e24b";
}

.fa-duotone.fa-phone-square-down:after, .fa-duotone.fa-square-phone-hangup:after, .fad.fa-phone-square-down:after, .fad.fa-square-phone-hangup:after {
  content: "\e27a\e27a";
}

.fa-duotone.fa-arrow-up-left:after, .fad.fa-arrow-up-left:after {
  content: "\e09d\e09d";
}

.fa-duotone.fa-transporter-1:after, .fad.fa-transporter-1:after {
  content: "\e043\e043";
}

.fa-duotone.fa-peanuts:after, .fad.fa-peanuts:after {
  content: "\e431\e431";
}

.fa-duotone.fa-random:after, .fa-duotone.fa-shuffle:after, .fad.fa-random:after, .fad.fa-shuffle:after {
  content: "\f074\f074";
}

.fa-duotone.fa-person-running:after, .fa-duotone.fa-running:after, .fad.fa-person-running:after, .fad.fa-running:after {
  content: "\f70c\f70c";
}

.fa-duotone.fa-mobile-retro:after, .fad.fa-mobile-retro:after {
  content: "\e527\e527";
}

.fa-duotone.fa-grip-lines-vertical:after, .fad.fa-grip-lines-vertical:after {
  content: "\f7a5\f7a5";
}

.fa-duotone.fa-bin-bottles-recycle:after, .fad.fa-bin-bottles-recycle:after {
  content: "\e5f6\e5f6";
}

.fa-duotone.fa-arrow-up-from-square:after, .fad.fa-arrow-up-from-square:after {
  content: "\e09c\e09c";
}

.fa-duotone.fa-file-dashed-line:after, .fa-duotone.fa-page-break:after, .fad.fa-file-dashed-line:after, .fad.fa-page-break:after {
  content: "\f877\f877";
}

.fa-duotone.fa-bracket-curly-right:after, .fad.fa-bracket-curly-right:after {
  content: "}}";
}

.fa-duotone.fa-spider:after, .fad.fa-spider:after {
  content: "\f717\f717";
}

.fa-duotone.fa-clock-three:after, .fad.fa-clock-three:after {
  content: "\e356\e356";
}

.fa-duotone.fa-hands-bound:after, .fad.fa-hands-bound:after {
  content: "\e4f9\e4f9";
}

.fa-duotone.fa-scalpel-line-dashed:after, .fa-duotone.fa-scalpel-path:after, .fad.fa-scalpel-line-dashed:after, .fad.fa-scalpel-path:after {
  content: "\f61e\f61e";
}

.fa-duotone.fa-file-invoice-dollar:after, .fad.fa-file-invoice-dollar:after {
  content: "\f571\f571";
}

.fa-duotone.fa-pipe-smoking:after, .fad.fa-pipe-smoking:after {
  content: "\e3c4\e3c4";
}

.fa-duotone.fa-face-astonished:after, .fad.fa-face-astonished:after {
  content: "\e36b\e36b";
}

.fa-duotone.fa-window:after, .fad.fa-window:after {
  content: "\f40e\f40e";
}

.fa-duotone.fa-plane-circle-exclamation:after, .fad.fa-plane-circle-exclamation:after {
  content: "\e556\e556";
}

.fa-duotone.fa-ear:after, .fad.fa-ear:after {
  content: "\f5f0\f5f0";
}

.fa-duotone.fa-file-lock:after, .fad.fa-file-lock:after {
  content: "\e3a6\e3a6";
}

.fa-duotone.fa-diagram-venn:after, .fad.fa-diagram-venn:after {
  content: "\e15a\e15a";
}

.fa-duotone.fa-x-ray:after, .fad.fa-x-ray:after {
  content: "\f497\f497";
}

.fa-duotone.fa-goal-net:after, .fad.fa-goal-net:after {
  content: "\e3ab\e3ab";
}

.fa-duotone.fa-coffin-cross:after, .fad.fa-coffin-cross:after {
  content: "\e051\e051";
}

.fa-duotone.fa-spell-check:after, .fad.fa-spell-check:after {
  content: "\f891\f891";
}

.fa-duotone.fa-location-xmark:after, .fa-duotone.fa-map-marker-times:after, .fa-duotone.fa-map-marker-xmark:after, .fad.fa-location-xmark:after, .fad.fa-map-marker-times:after, .fad.fa-map-marker-xmark:after {
  content: "\f60e\f60e";
}

.fa-duotone.fa-circle-quarter-stroke:after, .fad.fa-circle-quarter-stroke:after {
  content: "\e5d3\e5d3";
}

.fa-duotone.fa-lasso:after, .fad.fa-lasso:after {
  content: "\f8c8\f8c8";
}

.fa-duotone.fa-slash:after, .fad.fa-slash:after {
  content: "\f715\f715";
}

.fa-duotone.fa-person-to-portal:after, .fa-duotone.fa-portal-enter:after, .fad.fa-person-to-portal:after, .fad.fa-portal-enter:after {
  content: "\e022\e022";
}

.fa-duotone.fa-calendar-star:after, .fad.fa-calendar-star:after {
  content: "\f736\f736";
}

.fa-duotone.fa-computer-mouse:after, .fa-duotone.fa-mouse:after, .fad.fa-computer-mouse:after, .fad.fa-mouse:after {
  content: "\f8cc\f8cc";
}

.fa-duotone.fa-arrow-right-to-bracket:after, .fa-duotone.fa-sign-in:after, .fad.fa-arrow-right-to-bracket:after, .fad.fa-sign-in:after {
  content: "\f090\f090";
}

.fa-duotone.fa-pegasus:after, .fad.fa-pegasus:after {
  content: "\f703\f703";
}

.fa-duotone.fa-files-medical:after, .fad.fa-files-medical:after {
  content: "\f7fd\f7fd";
}

.fa-duotone.fa-cannon:after, .fad.fa-cannon:after {
  content: "\e642\e642";
}

.fa-duotone.fa-nfc-lock:after, .fad.fa-nfc-lock:after {
  content: "\e1f8\e1f8";
}

.fa-duotone.fa-person-ski-lift:after, .fa-duotone.fa-ski-lift:after, .fad.fa-person-ski-lift:after, .fad.fa-ski-lift:after {
  content: "\f7c8\f7c8";
}

.fa-duotone.fa-square-6:after, .fad.fa-square-6:after {
  content: "\e25b\e25b";
}

.fa-duotone.fa-shop-slash:after, .fa-duotone.fa-store-alt-slash:after, .fad.fa-shop-slash:after, .fad.fa-store-alt-slash:after {
  content: "\e070\e070";
}

.fa-duotone.fa-wind-turbine:after, .fad.fa-wind-turbine:after {
  content: "\f89b\f89b";
}

.fa-duotone.fa-sliders-simple:after, .fad.fa-sliders-simple:after {
  content: "\e253\e253";
}

.fa-duotone.fa-grid-round:after, .fad.fa-grid-round:after {
  content: "\e5da\e5da";
}

.fa-duotone.fa-badge-sheriff:after, .fad.fa-badge-sheriff:after {
  content: "\f8a2\f8a2";
}

.fa-duotone.fa-server:after, .fad.fa-server:after {
  content: "\f233\f233";
}

.fa-duotone.fa-virus-covid-slash:after, .fad.fa-virus-covid-slash:after {
  content: "\e4a9\e4a9";
}

.fa-duotone.fa-intersection:after, .fad.fa-intersection:after {
  content: "\f668\f668";
}

.fa-duotone.fa-shop-lock:after, .fad.fa-shop-lock:after {
  content: "\e4a5\e4a5";
}

.fa-duotone.fa-family:after, .fad.fa-family:after {
  content: "\e300\e300";
}

.fa-duotone.fa-hourglass-1:after, .fa-duotone.fa-hourglass-start:after, .fad.fa-hourglass-1:after, .fad.fa-hourglass-start:after {
  content: "\f251\f251";
}

.fa-duotone.fa-user-hair-buns:after, .fad.fa-user-hair-buns:after {
  content: "\e3d3\e3d3";
}

.fa-duotone.fa-blender-phone:after, .fad.fa-blender-phone:after {
  content: "\f6b6\f6b6";
}

.fa-duotone.fa-hourglass-clock:after, .fad.fa-hourglass-clock:after {
  content: "\e41b\e41b";
}

.fa-duotone.fa-person-seat-reclined:after, .fad.fa-person-seat-reclined:after {
  content: "\e21f\e21f";
}

.fa-duotone.fa-paper-plane-alt:after, .fa-duotone.fa-paper-plane-top:after, .fa-duotone.fa-send:after, .fad.fa-paper-plane-alt:after, .fad.fa-paper-plane-top:after, .fad.fa-send:after {
  content: "\e20a\e20a";
}

.fa-duotone.fa-comment-alt-arrow-up:after, .fa-duotone.fa-message-arrow-up:after, .fad.fa-comment-alt-arrow-up:after, .fad.fa-message-arrow-up:after {
  content: "\e1dc\e1dc";
}

.fa-duotone.fa-lightbulb-exclamation:after, .fad.fa-lightbulb-exclamation:after {
  content: "\f671\f671";
}

.fa-duotone.fa-layer-group-minus:after, .fa-duotone.fa-layer-minus:after, .fad.fa-layer-group-minus:after, .fad.fa-layer-minus:after {
  content: "\f5fe\f5fe";
}

.fa-duotone.fa-chart-pie-simple-circle-currency:after, .fad.fa-chart-pie-simple-circle-currency:after {
  content: "\e604\e604";
}

.fa-duotone.fa-circle-e:after, .fad.fa-circle-e:after {
  content: "\e109\e109";
}

.fa-duotone.fa-building-wheat:after, .fad.fa-building-wheat:after {
  content: "\e4db\e4db";
}

.fa-duotone.fa-gauge-max:after, .fa-duotone.fa-tachometer-alt-fastest:after, .fad.fa-gauge-max:after, .fad.fa-tachometer-alt-fastest:after {
  content: "\f626\f626";
}

.fa-duotone.fa-person-breastfeeding:after, .fad.fa-person-breastfeeding:after {
  content: "\e53a\e53a";
}

.fa-duotone.fa-apostrophe:after, .fad.fa-apostrophe:after {
  content: "''";
}

.fa-duotone.fa-file-png:after, .fad.fa-file-png:after {
  content: "\e666\e666";
}

.fa-duotone.fa-fire-hydrant:after, .fad.fa-fire-hydrant:after {
  content: "\e17f\e17f";
}

.fa-duotone.fa-right-to-bracket:after, .fa-duotone.fa-sign-in-alt:after, .fad.fa-right-to-bracket:after, .fad.fa-sign-in-alt:after {
  content: "\f2f6\f2f6";
}

.fa-duotone.fa-video-plus:after, .fad.fa-video-plus:after {
  content: "\f4e1\f4e1";
}

.fa-duotone.fa-arrow-alt-square-right:after, .fa-duotone.fa-square-right:after, .fad.fa-arrow-alt-square-right:after, .fad.fa-square-right:after {
  content: "\f352\f352";
}

.fa-duotone.fa-comment-smile:after, .fad.fa-comment-smile:after {
  content: "\f4b4\f4b4";
}

.fa-duotone.fa-venus:after, .fad.fa-venus:after {
  content: "\f221\f221";
}

.fa-duotone.fa-passport:after, .fad.fa-passport:after {
  content: "\f5ab\f5ab";
}

.fa-duotone.fa-inbox-arrow-down:after, .fa-duotone.fa-inbox-in:after, .fad.fa-inbox-arrow-down:after, .fad.fa-inbox-in:after {
  content: "\f310\f310";
}

.fa-duotone.fa-heart-pulse:after, .fa-duotone.fa-heartbeat:after, .fad.fa-heart-pulse:after, .fad.fa-heartbeat:after {
  content: "\f21e\f21e";
}

.fa-duotone.fa-circle-8:after, .fad.fa-circle-8:after {
  content: "\e0f5\e0f5";
}

.fa-duotone.fa-clouds-moon:after, .fad.fa-clouds-moon:after {
  content: "\f745\f745";
}

.fa-duotone.fa-clock-ten-thirty:after, .fad.fa-clock-ten-thirty:after {
  content: "\e355\e355";
}

.fa-duotone.fa-people-carry-box:after, .fa-duotone.fa-people-carry:after, .fad.fa-people-carry-box:after, .fad.fa-people-carry:after {
  content: "\f4ce\f4ce";
}

.fa-duotone.fa-folder-user:after, .fad.fa-folder-user:after {
  content: "\e18e\e18e";
}

.fa-duotone.fa-trash-can-xmark:after, .fad.fa-trash-can-xmark:after {
  content: "\e2ae\e2ae";
}

.fa-duotone.fa-temperature-high:after, .fad.fa-temperature-high:after {
  content: "\f769\f769";
}

.fa-duotone.fa-microchip:after, .fad.fa-microchip:after {
  content: "\f2db\f2db";
}

.fa-duotone.fa-left-long-to-line:after, .fad.fa-left-long-to-line:after {
  content: "\e41e\e41e";
}

.fa-duotone.fa-crown:after, .fad.fa-crown:after {
  content: "\f521\f521";
}

.fa-duotone.fa-weight-hanging:after, .fad.fa-weight-hanging:after {
  content: "\f5cd\f5cd";
}

.fa-duotone.fa-xmarks-lines:after, .fad.fa-xmarks-lines:after {
  content: "\e59a\e59a";
}

.fa-duotone.fa-file-prescription:after, .fad.fa-file-prescription:after {
  content: "\f572\f572";
}

.fa-duotone.fa-calendar-range:after, .fad.fa-calendar-range:after {
  content: "\e0d6\e0d6";
}

.fa-duotone.fa-flower-daffodil:after, .fad.fa-flower-daffodil:after {
  content: "\f800\f800";
}

.fa-duotone.fa-hand-back-point-up:after, .fad.fa-hand-back-point-up:after {
  content: "\e1a2\e1a2";
}

.fa-duotone.fa-weight-scale:after, .fa-duotone.fa-weight:after, .fad.fa-weight-scale:after, .fad.fa-weight:after {
  content: "\f496\f496";
}

.fa-duotone.fa-arrow-up-to-arc:after, .fad.fa-arrow-up-to-arc:after {
  content: "\e617\e617";
}

.fa-duotone.fa-star-exclamation:after, .fad.fa-star-exclamation:after {
  content: "\f2f3\f2f3";
}

.fa-duotone.fa-books:after, .fad.fa-books:after {
  content: "\f5db\f5db";
}

.fa-duotone.fa-user-friends:after, .fa-duotone.fa-user-group:after, .fad.fa-user-friends:after, .fad.fa-user-group:after {
  content: "\f500\f500";
}

.fa-duotone.fa-arrow-up-a-z:after, .fa-duotone.fa-sort-alpha-up:after, .fad.fa-arrow-up-a-z:after, .fad.fa-sort-alpha-up:after {
  content: "\f15e\f15e";
}

.fa-duotone.fa-layer-group-plus:after, .fa-duotone.fa-layer-plus:after, .fad.fa-layer-group-plus:after, .fad.fa-layer-plus:after {
  content: "\f5ff\f5ff";
}

.fa-duotone.fa-play-pause:after, .fad.fa-play-pause:after {
  content: "\e22f\e22f";
}

.fa-duotone.fa-block-question:after, .fad.fa-block-question:after {
  content: "\e3dd\e3dd";
}

.fa-duotone.fa-snooze:after, .fa-duotone.fa-zzz:after, .fad.fa-snooze:after, .fad.fa-zzz:after {
  content: "\f880\f880";
}

.fa-duotone.fa-scanner-image:after, .fad.fa-scanner-image:after {
  content: "\f8f3\f8f3";
}

.fa-duotone.fa-tv-retro:after, .fad.fa-tv-retro:after {
  content: "\f401\f401";
}

.fa-duotone.fa-square-t:after, .fad.fa-square-t:after {
  content: "\e280\e280";
}

.fa-duotone.fa-barn-silo:after, .fa-duotone.fa-farm:after, .fad.fa-barn-silo:after, .fad.fa-farm:after {
  content: "\f864\f864";
}

.fa-duotone.fa-chess-knight:after, .fad.fa-chess-knight:after {
  content: "\f441\f441";
}

.fa-duotone.fa-bars-sort:after, .fad.fa-bars-sort:after {
  content: "\e0ae\e0ae";
}

.fa-duotone.fa-palette-boxes:after, .fa-duotone.fa-pallet-alt:after, .fa-duotone.fa-pallet-boxes:after, .fad.fa-palette-boxes:after, .fad.fa-pallet-alt:after, .fad.fa-pallet-boxes:after {
  content: "\f483\f483";
}

.fa-duotone.fa-face-laugh-squint:after, .fa-duotone.fa-laugh-squint:after, .fad.fa-face-laugh-squint:after, .fad.fa-laugh-squint:after {
  content: "\f59b\f59b";
}

.fa-duotone.fa-code-simple:after, .fad.fa-code-simple:after {
  content: "\e13d\e13d";
}

.fa-duotone.fa-bolt-slash:after, .fad.fa-bolt-slash:after {
  content: "\e0b8\e0b8";
}

.fa-duotone.fa-panel-fire:after, .fad.fa-panel-fire:after {
  content: "\e42f\e42f";
}

.fa-duotone.fa-binary-circle-check:after, .fad.fa-binary-circle-check:after {
  content: "\e33c\e33c";
}

.fa-duotone.fa-comment-minus:after, .fad.fa-comment-minus:after {
  content: "\f4b1\f4b1";
}

.fa-duotone.fa-burrito:after, .fad.fa-burrito:after {
  content: "\f7ed\f7ed";
}

.fa-duotone.fa-violin:after, .fad.fa-violin:after {
  content: "\f8ed\f8ed";
}

.fa-duotone.fa-objects-column:after, .fad.fa-objects-column:after {
  content: "\e3c1\e3c1";
}

.fa-duotone.fa-chevron-square-down:after, .fa-duotone.fa-square-chevron-down:after, .fad.fa-chevron-square-down:after, .fad.fa-square-chevron-down:after {
  content: "\f329\f329";
}

.fa-duotone.fa-comment-plus:after, .fad.fa-comment-plus:after {
  content: "\f4b2\f4b2";
}

.fa-duotone.fa-triangle-instrument:after, .fa-duotone.fa-triangle-music:after, .fad.fa-triangle-instrument:after, .fad.fa-triangle-music:after {
  content: "\f8e2\f8e2";
}

.fa-duotone.fa-wheelchair:after, .fad.fa-wheelchair:after {
  content: "\f193\f193";
}

.fa-duotone.fa-user-pilot-tie:after, .fad.fa-user-pilot-tie:after {
  content: "\e2c1\e2c1";
}

.fa-duotone.fa-piano-keyboard:after, .fad.fa-piano-keyboard:after {
  content: "\f8d5\f8d5";
}

.fa-duotone.fa-bed-empty:after, .fad.fa-bed-empty:after {
  content: "\f8f9\f8f9";
}

.fa-duotone.fa-arrow-circle-up:after, .fa-duotone.fa-circle-arrow-up:after, .fad.fa-arrow-circle-up:after, .fad.fa-circle-arrow-up:after {
  content: "\f0aa\f0aa";
}

.fa-duotone.fa-toggle-on:after, .fad.fa-toggle-on:after {
  content: "\f205\f205";
}

.fa-duotone.fa-rectangle-portrait:after, .fa-duotone.fa-rectangle-vertical:after, .fad.fa-rectangle-portrait:after, .fad.fa-rectangle-vertical:after {
  content: "\f2fb\f2fb";
}

.fa-duotone.fa-person-walking:after, .fa-duotone.fa-walking:after, .fad.fa-person-walking:after, .fad.fa-walking:after {
  content: "\f554\f554";
}

.fa-duotone.fa-l:after, .fad.fa-l:after {
  content: "LL";
}

.fa-duotone.fa-signal-stream:after, .fad.fa-signal-stream:after {
  content: "\f8dd\f8dd";
}

.fa-duotone.fa-down-to-bracket:after, .fad.fa-down-to-bracket:after {
  content: "\e4e7\e4e7";
}

.fa-duotone.fa-circle-z:after, .fad.fa-circle-z:after {
  content: "\e130\e130";
}

.fa-duotone.fa-stars:after, .fad.fa-stars:after {
  content: "\f762\f762";
}

.fa-duotone.fa-fire:after, .fad.fa-fire:after {
  content: "\f06d\f06d";
}

.fa-duotone.fa-bed-pulse:after, .fa-duotone.fa-procedures:after, .fad.fa-bed-pulse:after, .fad.fa-procedures:after {
  content: "\f487\f487";
}

.fa-duotone.fa-house-day:after, .fad.fa-house-day:after {
  content: "\e00e\e00e";
}

.fa-duotone.fa-shuttle-space:after, .fa-duotone.fa-space-shuttle:after, .fad.fa-shuttle-space:after, .fad.fa-space-shuttle:after {
  content: "\f197\f197";
}

.fa-duotone.fa-shirt-long-sleeve:after, .fad.fa-shirt-long-sleeve:after {
  content: "\e3c7\e3c7";
}

.fa-duotone.fa-chart-pie-alt:after, .fa-duotone.fa-chart-pie-simple:after, .fad.fa-chart-pie-alt:after, .fad.fa-chart-pie-simple:after {
  content: "\f64e\f64e";
}

.fa-duotone.fa-face-laugh:after, .fa-duotone.fa-laugh:after, .fad.fa-face-laugh:after, .fad.fa-laugh:after {
  content: "\f599\f599";
}

.fa-duotone.fa-folder-open:after, .fad.fa-folder-open:after {
  content: "\f07c\f07c";
}

.fa-duotone.fa-album-collection-circle-user:after, .fad.fa-album-collection-circle-user:after {
  content: "\e48f\e48f";
}

.fa-duotone.fa-candy:after, .fad.fa-candy:after {
  content: "\e3e7\e3e7";
}

.fa-duotone.fa-bowl-hot:after, .fa-duotone.fa-soup:after, .fad.fa-bowl-hot:after, .fad.fa-soup:after {
  content: "\f823\f823";
}

.fa-duotone.fa-flatbread:after, .fad.fa-flatbread:after {
  content: "\e40b\e40b";
}

.fa-duotone.fa-heart-circle-plus:after, .fad.fa-heart-circle-plus:after {
  content: "\e500\e500";
}

.fa-duotone.fa-code-fork:after, .fad.fa-code-fork:after {
  content: "\e13b\e13b";
}

.fa-duotone.fa-city:after, .fad.fa-city:after {
  content: "\f64f\f64f";
}

.fa-duotone.fa-signal-alt-1:after, .fa-duotone.fa-signal-bars-weak:after, .fad.fa-signal-alt-1:after, .fad.fa-signal-bars-weak:after {
  content: "\f691\f691";
}

.fa-duotone.fa-microphone-alt:after, .fa-duotone.fa-microphone-lines:after, .fad.fa-microphone-alt:after, .fad.fa-microphone-lines:after {
  content: "\f3c9\f3c9";
}

.fa-duotone.fa-clock-twelve:after, .fad.fa-clock-twelve:after {
  content: "\e358\e358";
}

.fa-duotone.fa-pepper-hot:after, .fad.fa-pepper-hot:after {
  content: "\f816\f816";
}

.fa-duotone.fa-citrus-slice:after, .fad.fa-citrus-slice:after {
  content: "\e2f5\e2f5";
}

.fa-duotone.fa-sheep:after, .fad.fa-sheep:after {
  content: "\f711\f711";
}

.fa-duotone.fa-unlock:after, .fad.fa-unlock:after {
  content: "\f09c\f09c";
}

.fa-duotone.fa-colon-sign:after, .fad.fa-colon-sign:after {
  content: "\e140\e140";
}

.fa-duotone.fa-headset:after, .fad.fa-headset:after {
  content: "\f590\f590";
}

.fa-duotone.fa-badger-honey:after, .fad.fa-badger-honey:after {
  content: "\f6b4\f6b4";
}

.fa-duotone.fa-h4:after, .fad.fa-h4:after {
  content: "\f86a\f86a";
}

.fa-duotone.fa-store-slash:after, .fad.fa-store-slash:after {
  content: "\e071\e071";
}

.fa-duotone.fa-road-circle-xmark:after, .fad.fa-road-circle-xmark:after {
  content: "\e566\e566";
}

.fa-duotone.fa-signal-slash:after, .fad.fa-signal-slash:after {
  content: "\f695\f695";
}

.fa-duotone.fa-user-minus:after, .fad.fa-user-minus:after {
  content: "\f503\f503";
}

.fa-duotone.fa-mars-stroke-up:after, .fa-duotone.fa-mars-stroke-v:after, .fad.fa-mars-stroke-up:after, .fad.fa-mars-stroke-v:after {
  content: "\f22a\f22a";
}

.fa-duotone.fa-champagne-glasses:after, .fa-duotone.fa-glass-cheers:after, .fad.fa-champagne-glasses:after, .fad.fa-glass-cheers:after {
  content: "\f79f\f79f";
}

.fa-duotone.fa-taco:after, .fad.fa-taco:after {
  content: "\f826\f826";
}

.fa-duotone.fa-hexagon-plus:after, .fa-duotone.fa-plus-hexagon:after, .fad.fa-hexagon-plus:after, .fad.fa-plus-hexagon:after {
  content: "\f300\f300";
}

.fa-duotone.fa-clipboard:after, .fad.fa-clipboard:after {
  content: "\f328\f328";
}

.fa-duotone.fa-house-circle-exclamation:after, .fad.fa-house-circle-exclamation:after {
  content: "\e50a\e50a";
}

.fa-duotone.fa-file-arrow-up:after, .fa-duotone.fa-file-upload:after, .fad.fa-file-arrow-up:after, .fad.fa-file-upload:after {
  content: "\f574\f574";
}

.fa-duotone.fa-wifi-3:after, .fa-duotone.fa-wifi-strong:after, .fa-duotone.fa-wifi:after, .fad.fa-wifi-3:after, .fad.fa-wifi-strong:after, .fad.fa-wifi:after {
  content: "\f1eb\f1eb";
}

.fa-duotone.fa-comments-alt:after, .fa-duotone.fa-messages:after, .fad.fa-comments-alt:after, .fad.fa-messages:after {
  content: "\f4b6\f4b6";
}

.fa-duotone.fa-bath:after, .fa-duotone.fa-bathtub:after, .fad.fa-bath:after, .fad.fa-bathtub:after {
  content: "\f2cd\f2cd";
}

.fa-duotone.fa-umbrella-alt:after, .fa-duotone.fa-umbrella-simple:after, .fad.fa-umbrella-alt:after, .fad.fa-umbrella-simple:after {
  content: "\e2bc\e2bc";
}

.fa-duotone.fa-rectangle-history-circle-plus:after, .fad.fa-rectangle-history-circle-plus:after {
  content: "\e4a3\e4a3";
}

.fa-duotone.fa-underline:after, .fad.fa-underline:after {
  content: "\f0cd\f0cd";
}

.fa-duotone.fa-prescription-bottle-pill:after, .fad.fa-prescription-bottle-pill:after {
  content: "\e5c0\e5c0";
}

.fa-duotone.fa-user-edit:after, .fa-duotone.fa-user-pen:after, .fad.fa-user-edit:after, .fad.fa-user-pen:after {
  content: "\f4ff\f4ff";
}

.fa-duotone.fa-binary-slash:after, .fad.fa-binary-slash:after {
  content: "\e33e\e33e";
}

.fa-duotone.fa-square-o:after, .fad.fa-square-o:after {
  content: "\e278\e278";
}

.fa-duotone.fa-signature:after, .fad.fa-signature:after {
  content: "\f5b7\f5b7";
}

.fa-duotone.fa-stroopwafel:after, .fad.fa-stroopwafel:after {
  content: "\f551\f551";
}

.fa-duotone.fa-bold:after, .fad.fa-bold:after {
  content: "\f032\f032";
}

.fa-duotone.fa-anchor-lock:after, .fad.fa-anchor-lock:after {
  content: "\e4ad\e4ad";
}

.fa-duotone.fa-building-ngo:after, .fad.fa-building-ngo:after {
  content: "\e4d7\e4d7";
}

.fa-duotone.fa-transporter-3:after, .fad.fa-transporter-3:after {
  content: "\e045\e045";
}

.fa-duotone.fa-engine-exclamation:after, .fa-duotone.fa-engine-warning:after, .fad.fa-engine-exclamation:after, .fad.fa-engine-warning:after {
  content: "\f5f2\f5f2";
}

.fa-duotone.fa-circle-down-right:after, .fad.fa-circle-down-right:after {
  content: "\e108\e108";
}

.fa-duotone.fa-square-k:after, .fad.fa-square-k:after {
  content: "\e274\e274";
}

.fa-duotone.fa-manat-sign:after, .fad.fa-manat-sign:after {
  content: "\e1d5\e1d5";
}

.fa-duotone.fa-money-check-edit:after, .fa-duotone.fa-money-check-pen:after, .fad.fa-money-check-edit:after, .fad.fa-money-check-pen:after {
  content: "\f872\f872";
}

.fa-duotone.fa-not-equal:after, .fad.fa-not-equal:after {
  content: "\f53e\f53e";
}

.fa-duotone.fa-border-style:after, .fa-duotone.fa-border-top-left:after, .fad.fa-border-style:after, .fad.fa-border-top-left:after {
  content: "\f853\f853";
}

.fa-duotone.fa-map-location-dot:after, .fa-duotone.fa-map-marked-alt:after, .fad.fa-map-location-dot:after, .fad.fa-map-marked-alt:after {
  content: "\f5a0\f5a0";
}

.fa-duotone.fa-tilde:after, .fad.fa-tilde:after {
  content: "~~";
}

.fa-duotone.fa-jedi:after, .fad.fa-jedi:after {
  content: "\f669\f669";
}

.fa-duotone.fa-poll:after, .fa-duotone.fa-square-poll-vertical:after, .fad.fa-poll:after, .fad.fa-square-poll-vertical:after {
  content: "\f681\f681";
}

.fa-duotone.fa-arrow-down-square-triangle:after, .fa-duotone.fa-sort-shapes-down-alt:after, .fad.fa-arrow-down-square-triangle:after, .fad.fa-sort-shapes-down-alt:after {
  content: "\f889\f889";
}

.fa-duotone.fa-mug-hot:after, .fad.fa-mug-hot:after {
  content: "\f7b6\f7b6";
}

.fa-duotone.fa-dog-leashed:after, .fad.fa-dog-leashed:after {
  content: "\f6d4\f6d4";
}

.fa-duotone.fa-battery-car:after, .fa-duotone.fa-car-battery:after, .fad.fa-battery-car:after, .fad.fa-car-battery:after {
  content: "\f5df\f5df";
}

.fa-duotone.fa-face-downcast-sweat:after, .fad.fa-face-downcast-sweat:after {
  content: "\e371\e371";
}

.fa-duotone.fa-mailbox-flag-up:after, .fad.fa-mailbox-flag-up:after {
  content: "\e5bb\e5bb";
}

.fa-duotone.fa-memo-circle-info:after, .fad.fa-memo-circle-info:after {
  content: "\e49a\e49a";
}

.fa-duotone.fa-gift:after, .fad.fa-gift:after {
  content: "\f06b\f06b";
}

.fa-duotone.fa-dice-two:after, .fad.fa-dice-two:after {
  content: "\f528\f528";
}

.fa-duotone.fa-volume-medium:after, .fa-duotone.fa-volume:after, .fad.fa-volume-medium:after, .fad.fa-volume:after {
  content: "\f6a8\f6a8";
}

.fa-duotone.fa-transporter-5:after, .fad.fa-transporter-5:after {
  content: "\e2a6\e2a6";
}

.fa-duotone.fa-gauge-circle-bolt:after, .fad.fa-gauge-circle-bolt:after {
  content: "\e496\e496";
}

.fa-duotone.fa-coin-front:after, .fad.fa-coin-front:after {
  content: "\e3fc\e3fc";
}

.fa-duotone.fa-file-slash:after, .fad.fa-file-slash:after {
  content: "\e3a7\e3a7";
}

.fa-duotone.fa-message-arrow-up-right:after, .fad.fa-message-arrow-up-right:after {
  content: "\e1dd\e1dd";
}

.fa-duotone.fa-treasure-chest:after, .fad.fa-treasure-chest:after {
  content: "\f723\f723";
}

.fa-duotone.fa-chess-queen:after, .fad.fa-chess-queen:after {
  content: "\f445\f445";
}

.fa-duotone.fa-paint-brush-alt:after, .fa-duotone.fa-paint-brush-fine:after, .fa-duotone.fa-paintbrush-alt:after, .fa-duotone.fa-paintbrush-fine:after, .fad.fa-paint-brush-alt:after, .fad.fa-paint-brush-fine:after, .fad.fa-paintbrush-alt:after, .fad.fa-paintbrush-fine:after {
  content: "\f5a9\f5a9";
}

.fa-duotone.fa-glasses:after, .fad.fa-glasses:after {
  content: "\f530\f530";
}

.fa-duotone.fa-hood-cloak:after, .fad.fa-hood-cloak:after {
  content: "\f6ef\f6ef";
}

.fa-duotone.fa-square-quote:after, .fad.fa-square-quote:after {
  content: "\e329\e329";
}

.fa-duotone.fa-up-left:after, .fad.fa-up-left:after {
  content: "\e2bd\e2bd";
}

.fa-duotone.fa-bring-front:after, .fad.fa-bring-front:after {
  content: "\f857\f857";
}

.fa-duotone.fa-chess-board:after, .fad.fa-chess-board:after {
  content: "\f43c\f43c";
}

.fa-duotone.fa-burger-cheese:after, .fa-duotone.fa-cheeseburger:after, .fad.fa-burger-cheese:after, .fad.fa-cheeseburger:after {
  content: "\f7f1\f7f1";
}

.fa-duotone.fa-building-circle-check:after, .fad.fa-building-circle-check:after {
  content: "\e4d2\e4d2";
}

.fa-duotone.fa-repeat-1:after, .fad.fa-repeat-1:after {
  content: "\f365\f365";
}

.fa-duotone.fa-arrow-down-to-line:after, .fa-duotone.fa-arrow-to-bottom:after, .fad.fa-arrow-down-to-line:after, .fad.fa-arrow-to-bottom:after {
  content: "\f33d\f33d";
}

.fa-duotone.fa-grid-5:after, .fad.fa-grid-5:after {
  content: "\e199\e199";
}

.fa-duotone.fa-swap-arrows:after, .fad.fa-swap-arrows:after {
  content: "\e60a\e60a";
}

.fa-duotone.fa-right-long-to-line:after, .fad.fa-right-long-to-line:after {
  content: "\e444\e444";
}

.fa-duotone.fa-person-chalkboard:after, .fad.fa-person-chalkboard:after {
  content: "\e53d\e53d";
}

.fa-duotone.fa-mars-stroke-h:after, .fa-duotone.fa-mars-stroke-right:after, .fad.fa-mars-stroke-h:after, .fad.fa-mars-stroke-right:after {
  content: "\f22b\f22b";
}

.fa-duotone.fa-hand-back-fist:after, .fa-duotone.fa-hand-rock:after, .fad.fa-hand-back-fist:after, .fad.fa-hand-rock:after {
  content: "\f255\f255";
}

.fa-duotone.fa-grid-round-5:after, .fad.fa-grid-round-5:after {
  content: "\e5de\e5de";
}

.fa-duotone.fa-tally-5:after, .fa-duotone.fa-tally:after, .fad.fa-tally-5:after, .fad.fa-tally:after {
  content: "\f69c\f69c";
}

.fa-duotone.fa-caret-square-up:after, .fa-duotone.fa-square-caret-up:after, .fad.fa-caret-square-up:after, .fad.fa-square-caret-up:after {
  content: "\f151\f151";
}

.fa-duotone.fa-cloud-showers-water:after, .fad.fa-cloud-showers-water:after {
  content: "\e4e4\e4e4";
}

.fa-duotone.fa-bar-chart:after, .fa-duotone.fa-chart-bar:after, .fad.fa-bar-chart:after, .fad.fa-chart-bar:after {
  content: "\f080\f080";
}

.fa-duotone.fa-hands-bubbles:after, .fa-duotone.fa-hands-wash:after, .fad.fa-hands-bubbles:after, .fad.fa-hands-wash:after {
  content: "\e05e\e05e";
}

.fa-duotone.fa-less-than-equal:after, .fad.fa-less-than-equal:after {
  content: "\f537\f537";
}

.fa-duotone.fa-train:after, .fad.fa-train:after {
  content: "\f238\f238";
}

.fa-duotone.fa-up-from-dotted-line:after, .fad.fa-up-from-dotted-line:after {
  content: "\e456\e456";
}

.fa-duotone.fa-eye-low-vision:after, .fa-duotone.fa-low-vision:after, .fad.fa-eye-low-vision:after, .fad.fa-low-vision:after {
  content: "\f2a8\f2a8";
}

.fa-duotone.fa-traffic-light-go:after, .fad.fa-traffic-light-go:after {
  content: "\f638\f638";
}

.fa-duotone.fa-face-exhaling:after, .fad.fa-face-exhaling:after {
  content: "\e480\e480";
}

.fa-duotone.fa-sensor-fire:after, .fad.fa-sensor-fire:after {
  content: "\e02a\e02a";
}

.fa-duotone.fa-user-unlock:after, .fad.fa-user-unlock:after {
  content: "\e058\e058";
}

.fa-duotone.fa-hexagon-divide:after, .fad.fa-hexagon-divide:after {
  content: "\e1ad\e1ad";
}

.fa-duotone.fa-00:after, .fad.fa-00:after {
  content: "\e467\e467";
}

.fa-duotone.fa-crow:after, .fad.fa-crow:after {
  content: "\f520\f520";
}

.fa-duotone.fa-betamax:after, .fa-duotone.fa-cassette-betamax:after, .fad.fa-betamax:after, .fad.fa-cassette-betamax:after {
  content: "\f8a4\f8a4";
}

.fa-duotone.fa-sailboat:after, .fad.fa-sailboat:after {
  content: "\e445\e445";
}

.fa-duotone.fa-window-restore:after, .fad.fa-window-restore:after {
  content: "\f2d2\f2d2";
}

.fa-duotone.fa-nfc-magnifying-glass:after, .fad.fa-nfc-magnifying-glass:after {
  content: "\e1f9\e1f9";
}

.fa-duotone.fa-file-binary:after, .fad.fa-file-binary:after {
  content: "\e175\e175";
}

.fa-duotone.fa-circle-v:after, .fad.fa-circle-v:after {
  content: "\e12a\e12a";
}

.fa-duotone.fa-plus-square:after, .fa-duotone.fa-square-plus:after, .fad.fa-plus-square:after, .fad.fa-square-plus:after {
  content: "\f0fe\f0fe";
}

.fa-duotone.fa-bowl-scoops:after, .fad.fa-bowl-scoops:after {
  content: "\e3df\e3df";
}

.fa-duotone.fa-mistletoe:after, .fad.fa-mistletoe:after {
  content: "\f7b4\f7b4";
}

.fa-duotone.fa-custard:after, .fad.fa-custard:after {
  content: "\e403\e403";
}

.fa-duotone.fa-lacrosse-stick:after, .fad.fa-lacrosse-stick:after {
  content: "\e3b5\e3b5";
}

.fa-duotone.fa-hockey-mask:after, .fad.fa-hockey-mask:after {
  content: "\f6ee\f6ee";
}

.fa-duotone.fa-sunrise:after, .fad.fa-sunrise:after {
  content: "\f766\f766";
}

.fa-duotone.fa-subtitles:after, .fad.fa-subtitles:after {
  content: "\e60f\e60f";
}

.fa-duotone.fa-panel-ews:after, .fad.fa-panel-ews:after {
  content: "\e42e\e42e";
}

.fa-duotone.fa-torii-gate:after, .fad.fa-torii-gate:after {
  content: "\f6a1\f6a1";
}

.fa-duotone.fa-cloud-exclamation:after, .fad.fa-cloud-exclamation:after {
  content: "\e491\e491";
}

.fa-duotone.fa-comment-alt-lines:after, .fa-duotone.fa-message-lines:after, .fad.fa-comment-alt-lines:after, .fad.fa-message-lines:after {
  content: "\f4a6\f4a6";
}

.fa-duotone.fa-frog:after, .fad.fa-frog:after {
  content: "\f52e\f52e";
}

.fa-duotone.fa-bucket:after, .fad.fa-bucket:after {
  content: "\e4cf\e4cf";
}

.fa-duotone.fa-floppy-disk-pen:after, .fad.fa-floppy-disk-pen:after {
  content: "\e182\e182";
}

.fa-duotone.fa-image:after, .fad.fa-image:after {
  content: "\f03e\f03e";
}

.fa-duotone.fa-window-frame:after, .fad.fa-window-frame:after {
  content: "\e04f\e04f";
}

.fa-duotone.fa-microphone:after, .fad.fa-microphone:after {
  content: "\f130\f130";
}

.fa-duotone.fa-cow:after, .fad.fa-cow:after {
  content: "\f6c8\f6c8";
}

.fa-duotone.fa-file-zip:after, .fad.fa-file-zip:after {
  content: "\e5ee\e5ee";
}

.fa-duotone.fa-square-ring:after, .fad.fa-square-ring:after {
  content: "\e44f\e44f";
}

.fa-duotone.fa-arrow-alt-from-top:after, .fa-duotone.fa-down-from-line:after, .fad.fa-arrow-alt-from-top:after, .fad.fa-down-from-line:after {
  content: "\f349\f349";
}

.fa-duotone.fa-caret-up:after, .fad.fa-caret-up:after {
  content: "\f0d8\f0d8";
}

.fa-duotone.fa-shield-times:after, .fa-duotone.fa-shield-xmark:after, .fad.fa-shield-times:after, .fad.fa-shield-xmark:after {
  content: "\e24c\e24c";
}

.fa-duotone.fa-screwdriver:after, .fad.fa-screwdriver:after {
  content: "\f54a\f54a";
}

.fa-duotone.fa-circle-sort-down:after, .fa-duotone.fa-sort-circle-down:after, .fad.fa-circle-sort-down:after, .fad.fa-sort-circle-down:after {
  content: "\e031\e031";
}

.fa-duotone.fa-folder-closed:after, .fad.fa-folder-closed:after {
  content: "\e185\e185";
}

.fa-duotone.fa-house-tsunami:after, .fad.fa-house-tsunami:after {
  content: "\e515\e515";
}

.fa-duotone.fa-square-nfi:after, .fad.fa-square-nfi:after {
  content: "\e576\e576";
}

.fa-duotone.fa-forklift:after, .fad.fa-forklift:after {
  content: "\f47a\f47a";
}

.fa-duotone.fa-arrow-up-from-ground-water:after, .fad.fa-arrow-up-from-ground-water:after {
  content: "\e4b5\e4b5";
}

.fa-duotone.fa-bracket-square-right:after, .fad.fa-bracket-square-right:after {
  content: "]]";
}

.fa-duotone.fa-glass-martini-alt:after, .fa-duotone.fa-martini-glass:after, .fad.fa-glass-martini-alt:after, .fad.fa-martini-glass:after {
  content: "\f57b\f57b";
}

.fa-duotone.fa-rotate-back:after, .fa-duotone.fa-rotate-backward:after, .fa-duotone.fa-rotate-left:after, .fa-duotone.fa-undo-alt:after, .fad.fa-rotate-back:after, .fad.fa-rotate-backward:after, .fad.fa-rotate-left:after, .fad.fa-undo-alt:after {
  content: "\f2ea\f2ea";
}

.fa-duotone.fa-columns:after, .fa-duotone.fa-table-columns:after, .fad.fa-columns:after, .fad.fa-table-columns:after {
  content: "\f0db\f0db";
}

.fa-duotone.fa-square-a:after, .fad.fa-square-a:after {
  content: "\e25f\e25f";
}

.fa-duotone.fa-tick:after, .fad.fa-tick:after {
  content: "\e32f\e32f";
}

.fa-duotone.fa-lemon:after, .fad.fa-lemon:after {
  content: "\f094\f094";
}

.fa-duotone.fa-head-side-mask:after, .fad.fa-head-side-mask:after {
  content: "\e063\e063";
}

.fa-duotone.fa-handshake:after, .fad.fa-handshake:after {
  content: "\f2b5\f2b5";
}

.fa-duotone.fa-gem:after, .fad.fa-gem:after {
  content: "\f3a5\f3a5";
}

.fa-duotone.fa-dolly-box:after, .fa-duotone.fa-dolly:after, .fad.fa-dolly-box:after, .fad.fa-dolly:after {
  content: "\f472\f472";
}

.fa-duotone.fa-smoking:after, .fad.fa-smoking:after {
  content: "\f48d\f48d";
}

.fa-duotone.fa-compress-arrows-alt:after, .fa-duotone.fa-minimize:after, .fad.fa-compress-arrows-alt:after, .fad.fa-minimize:after {
  content: "\f78c\f78c";
}

.fa-duotone.fa-refrigerator:after, .fad.fa-refrigerator:after {
  content: "\e026\e026";
}

.fa-duotone.fa-monument:after, .fad.fa-monument:after {
  content: "\f5a6\f5a6";
}

.fa-duotone.fa-octagon-xmark:after, .fa-duotone.fa-times-octagon:after, .fa-duotone.fa-xmark-octagon:after, .fad.fa-octagon-xmark:after, .fad.fa-times-octagon:after, .fad.fa-xmark-octagon:after {
  content: "\f2f0\f2f0";
}

.fa-duotone.fa-align-slash:after, .fad.fa-align-slash:after {
  content: "\f846\f846";
}

.fa-duotone.fa-snowplow:after, .fad.fa-snowplow:after {
  content: "\f7d2\f7d2";
}

.fa-duotone.fa-angle-double-right:after, .fa-duotone.fa-angles-right:after, .fad.fa-angle-double-right:after, .fad.fa-angles-right:after {
  content: "\f101\f101";
}

.fa-duotone.fa-truck-couch:after, .fa-duotone.fa-truck-ramp-couch:after, .fad.fa-truck-couch:after, .fad.fa-truck-ramp-couch:after {
  content: "\f4dd\f4dd";
}

.fa-duotone.fa-cannabis:after, .fad.fa-cannabis:after {
  content: "\f55f\f55f";
}

.fa-duotone.fa-circle-play:after, .fa-duotone.fa-play-circle:after, .fad.fa-circle-play:after, .fad.fa-play-circle:after {
  content: "\f144\f144";
}

.fa-duotone.fa-arrow-up-right-and-arrow-down-left-from-center:after, .fad.fa-arrow-up-right-and-arrow-down-left-from-center:after {
  content: "\e0a0\e0a0";
}

.fa-duotone.fa-location-arrow-up:after, .fad.fa-location-arrow-up:after {
  content: "\e63a\e63a";
}

.fa-duotone.fa-tablets:after, .fad.fa-tablets:after {
  content: "\f490\f490";
}

.fa-duotone.fa-360-degrees:after, .fad.fa-360-degrees:after {
  content: "\e2dc\e2dc";
}

.fa-duotone.fa-ethernet:after, .fad.fa-ethernet:after {
  content: "\f796\f796";
}

.fa-duotone.fa-eur:after, .fa-duotone.fa-euro-sign:after, .fa-duotone.fa-euro:after, .fad.fa-eur:after, .fad.fa-euro-sign:after, .fad.fa-euro:after {
  content: "\f153\f153";
}

.fa-duotone.fa-chair:after, .fad.fa-chair:after {
  content: "\f6c0\f6c0";
}

.fa-duotone.fa-check-circle:after, .fa-duotone.fa-circle-check:after, .fad.fa-check-circle:after, .fad.fa-circle-check:after {
  content: "\f058\f058";
}

.fa-duotone.fa-square-dashed-circle-plus:after, .fad.fa-square-dashed-circle-plus:after {
  content: "\e5c2\e5c2";
}

.fa-duotone.fa-hand-holding-circle-dollar:after, .fad.fa-hand-holding-circle-dollar:after {
  content: "\e621\e621";
}

.fa-duotone.fa-money-simple-from-bracket:after, .fad.fa-money-simple-from-bracket:after {
  content: "\e313\e313";
}

.fa-duotone.fa-bat:after, .fad.fa-bat:after {
  content: "\f6b5\f6b5";
}

.fa-duotone.fa-circle-stop:after, .fa-duotone.fa-stop-circle:after, .fad.fa-circle-stop:after, .fad.fa-stop-circle:after {
  content: "\f28d\f28d";
}

.fa-duotone.fa-head-side-headphones:after, .fad.fa-head-side-headphones:after {
  content: "\f8c2\f8c2";
}

.fa-duotone.fa-phone-rotary:after, .fad.fa-phone-rotary:after {
  content: "\f8d3\f8d3";
}

.fa-duotone.fa-compass-drafting:after, .fa-duotone.fa-drafting-compass:after, .fad.fa-compass-drafting:after, .fad.fa-drafting-compass:after {
  content: "\f568\f568";
}

.fa-duotone.fa-plate-wheat:after, .fad.fa-plate-wheat:after {
  content: "\e55a\e55a";
}

.fa-duotone.fa-calendar-circle-minus:after, .fad.fa-calendar-circle-minus:after {
  content: "\e46f\e46f";
}

.fa-duotone.fa-chopsticks:after, .fad.fa-chopsticks:after {
  content: "\e3f7\e3f7";
}

.fa-duotone.fa-car-mechanic:after, .fa-duotone.fa-car-wrench:after, .fad.fa-car-mechanic:after, .fad.fa-car-wrench:after {
  content: "\f5e3\f5e3";
}

.fa-duotone.fa-icicles:after, .fad.fa-icicles:after {
  content: "\f7ad\f7ad";
}

.fa-duotone.fa-person-shelter:after, .fad.fa-person-shelter:after {
  content: "\e54f\e54f";
}

.fa-duotone.fa-neuter:after, .fad.fa-neuter:after {
  content: "\f22c\f22c";
}

.fa-duotone.fa-id-badge:after, .fad.fa-id-badge:after {
  content: "\f2c1\f2c1";
}

.fa-duotone.fa-kazoo:after, .fad.fa-kazoo:after {
  content: "\f8c7\f8c7";
}

.fa-duotone.fa-marker:after, .fad.fa-marker:after {
  content: "\f5a1\f5a1";
}

.fa-duotone.fa-bin-bottles:after, .fad.fa-bin-bottles:after {
  content: "\e5f5\e5f5";
}

.fa-duotone.fa-face-laugh-beam:after, .fa-duotone.fa-laugh-beam:after, .fad.fa-face-laugh-beam:after, .fad.fa-laugh-beam:after {
  content: "\f59a\f59a";
}

.fa-duotone.fa-square-arrow-down-left:after, .fad.fa-square-arrow-down-left:after {
  content: "\e261\e261";
}

.fa-duotone.fa-battery-bolt:after, .fad.fa-battery-bolt:after {
  content: "\f376\f376";
}

.fa-duotone.fa-tree-large:after, .fad.fa-tree-large:after {
  content: "\f7dd\f7dd";
}

.fa-duotone.fa-helicopter-symbol:after, .fad.fa-helicopter-symbol:after {
  content: "\e502\e502";
}

.fa-duotone.fa-aperture:after, .fad.fa-aperture:after {
  content: "\e2df\e2df";
}

.fa-duotone.fa-universal-access:after, .fad.fa-universal-access:after {
  content: "\f29a\f29a";
}

.fa-duotone.fa-gear-complex:after, .fad.fa-gear-complex:after {
  content: "\e5e9\e5e9";
}

.fa-duotone.fa-file-magnifying-glass:after, .fa-duotone.fa-file-search:after, .fad.fa-file-magnifying-glass:after, .fad.fa-file-search:after {
  content: "\f865\f865";
}

.fa-duotone.fa-up-right:after, .fad.fa-up-right:after {
  content: "\e2be\e2be";
}

.fa-duotone.fa-chevron-circle-up:after, .fa-duotone.fa-circle-chevron-up:after, .fad.fa-chevron-circle-up:after, .fad.fa-circle-chevron-up:after {
  content: "\f139\f139";
}

.fa-duotone.fa-user-police:after, .fad.fa-user-police:after {
  content: "\e333\e333";
}

.fa-duotone.fa-lari-sign:after, .fad.fa-lari-sign:after {
  content: "\e1c8\e1c8";
}

.fa-duotone.fa-volcano:after, .fad.fa-volcano:after {
  content: "\f770\f770";
}

.fa-duotone.fa-teddy-bear:after, .fad.fa-teddy-bear:after {
  content: "\e3cf\e3cf";
}

.fa-duotone.fa-stocking:after, .fad.fa-stocking:after {
  content: "\f7d5\f7d5";
}

.fa-duotone.fa-person-walking-dashed-line-arrow-right:after, .fad.fa-person-walking-dashed-line-arrow-right:after {
  content: "\e553\e553";
}

.fa-duotone.fa-image-slash:after, .fad.fa-image-slash:after {
  content: "\e1b7\e1b7";
}

.fa-duotone.fa-mask-snorkel:after, .fad.fa-mask-snorkel:after {
  content: "\e3b7\e3b7";
}

.fa-duotone.fa-smoke:after, .fad.fa-smoke:after {
  content: "\f760\f760";
}

.fa-duotone.fa-gbp:after, .fa-duotone.fa-pound-sign:after, .fa-duotone.fa-sterling-sign:after, .fad.fa-gbp:after, .fad.fa-pound-sign:after, .fad.fa-sterling-sign:after {
  content: "\f154\f154";
}

.fa-duotone.fa-battery-exclamation:after, .fad.fa-battery-exclamation:after {
  content: "\e0b0\e0b0";
}

.fa-duotone.fa-viruses:after, .fad.fa-viruses:after {
  content: "\e076\e076";
}

.fa-duotone.fa-square-person-confined:after, .fad.fa-square-person-confined:after {
  content: "\e577\e577";
}

.fa-duotone.fa-user-tie:after, .fad.fa-user-tie:after {
  content: "\f508\f508";
}

.fa-duotone.fa-arrow-down-long:after, .fa-duotone.fa-long-arrow-down:after, .fad.fa-arrow-down-long:after, .fad.fa-long-arrow-down:after {
  content: "\f175\f175";
}

.fa-duotone.fa-tent-arrow-down-to-line:after, .fad.fa-tent-arrow-down-to-line:after {
  content: "\e57e\e57e";
}

.fa-duotone.fa-certificate:after, .fad.fa-certificate:after {
  content: "\f0a3\f0a3";
}

.fa-duotone.fa-crystal-ball:after, .fad.fa-crystal-ball:after {
  content: "\e362\e362";
}

.fa-duotone.fa-mail-reply-all:after, .fa-duotone.fa-reply-all:after, .fad.fa-mail-reply-all:after, .fad.fa-reply-all:after {
  content: "\f122\f122";
}

.fa-duotone.fa-suitcase:after, .fad.fa-suitcase:after {
  content: "\f0f2\f0f2";
}

.fa-duotone.fa-person-skating:after, .fa-duotone.fa-skating:after, .fad.fa-person-skating:after, .fad.fa-skating:after {
  content: "\f7c5\f7c5";
}

.fa-duotone.fa-star-shooting:after, .fad.fa-star-shooting:after {
  content: "\e036\e036";
}

.fa-duotone.fa-binary-lock:after, .fad.fa-binary-lock:after {
  content: "\e33d\e33d";
}

.fa-duotone.fa-filter-circle-dollar:after, .fa-duotone.fa-funnel-dollar:after, .fad.fa-filter-circle-dollar:after, .fad.fa-funnel-dollar:after {
  content: "\f662\f662";
}

.fa-duotone.fa-camera-retro:after, .fad.fa-camera-retro:after {
  content: "\f083\f083";
}

.fa-duotone.fa-arrow-circle-down:after, .fa-duotone.fa-circle-arrow-down:after, .fad.fa-arrow-circle-down:after, .fad.fa-circle-arrow-down:after {
  content: "\f0ab\f0ab";
}

.fa-duotone.fa-comment-edit:after, .fa-duotone.fa-comment-pen:after, .fad.fa-comment-edit:after, .fad.fa-comment-pen:after {
  content: "\f4ae\f4ae";
}

.fa-duotone.fa-arrow-right-to-file:after, .fa-duotone.fa-file-import:after, .fad.fa-arrow-right-to-file:after, .fad.fa-file-import:after {
  content: "\f56f\f56f";
}

.fa-duotone.fa-banjo:after, .fad.fa-banjo:after {
  content: "\f8a3\f8a3";
}

.fa-duotone.fa-external-link-square:after, .fa-duotone.fa-square-arrow-up-right:after, .fad.fa-external-link-square:after, .fad.fa-square-arrow-up-right:after {
  content: "\f14c\f14c";
}

.fa-duotone.fa-light-emergency-on:after, .fad.fa-light-emergency-on:after {
  content: "\e420\e420";
}

.fa-duotone.fa-kerning:after, .fad.fa-kerning:after {
  content: "\f86f\f86f";
}

.fa-duotone.fa-box-open:after, .fad.fa-box-open:after {
  content: "\f49e\f49e";
}

.fa-duotone.fa-square-f:after, .fad.fa-square-f:after {
  content: "\e270\e270";
}

.fa-duotone.fa-scroll:after, .fad.fa-scroll:after {
  content: "\f70e\f70e";
}

.fa-duotone.fa-spa:after, .fad.fa-spa:after {
  content: "\f5bb\f5bb";
}

.fa-duotone.fa-arrow-from-right:after, .fa-duotone.fa-arrow-left-from-line:after, .fad.fa-arrow-from-right:after, .fad.fa-arrow-left-from-line:after {
  content: "\f344\f344";
}

.fa-duotone.fa-strawberry:after, .fad.fa-strawberry:after {
  content: "\e32b\e32b";
}

.fa-duotone.fa-location-pin-lock:after, .fad.fa-location-pin-lock:after {
  content: "\e51f\e51f";
}

.fa-duotone.fa-pause:after, .fad.fa-pause:after {
  content: "\f04c\f04c";
}

.fa-duotone.fa-clock-eight-thirty:after, .fad.fa-clock-eight-thirty:after {
  content: "\e346\e346";
}

.fa-duotone.fa-plane-alt:after, .fa-duotone.fa-plane-engines:after, .fad.fa-plane-alt:after, .fad.fa-plane-engines:after {
  content: "\f3de\f3de";
}

.fa-duotone.fa-hill-avalanche:after, .fad.fa-hill-avalanche:after {
  content: "\e507\e507";
}

.fa-duotone.fa-temperature-0:after, .fa-duotone.fa-temperature-empty:after, .fa-duotone.fa-thermometer-0:after, .fa-duotone.fa-thermometer-empty:after, .fad.fa-temperature-0:after, .fad.fa-temperature-empty:after, .fad.fa-thermometer-0:after, .fad.fa-thermometer-empty:after {
  content: "\f2cb\f2cb";
}

.fa-duotone.fa-bomb:after, .fad.fa-bomb:after {
  content: "\f1e2\f1e2";
}

.fa-duotone.fa-gauge-low:after, .fa-duotone.fa-tachometer-alt-slow:after, .fad.fa-gauge-low:after, .fad.fa-tachometer-alt-slow:after {
  content: "\f627\f627";
}

.fa-duotone.fa-registered:after, .fad.fa-registered:after {
  content: "\f25d\f25d";
}

.fa-duotone.fa-trash-can-plus:after, .fad.fa-trash-can-plus:after {
  content: "\e2ac\e2ac";
}

.fa-duotone.fa-address-card:after, .fa-duotone.fa-contact-card:after, .fa-duotone.fa-vcard:after, .fad.fa-address-card:after, .fad.fa-contact-card:after, .fad.fa-vcard:after {
  content: "\f2bb\f2bb";
}

.fa-duotone.fa-balance-scale-right:after, .fa-duotone.fa-scale-unbalanced-flip:after, .fad.fa-balance-scale-right:after, .fad.fa-scale-unbalanced-flip:after {
  content: "\f516\f516";
}

.fa-duotone.fa-globe-snow:after, .fad.fa-globe-snow:after {
  content: "\f7a3\f7a3";
}

.fa-duotone.fa-subscript:after, .fad.fa-subscript:after {
  content: "\f12c\f12c";
}

.fa-duotone.fa-diamond-turn-right:after, .fa-duotone.fa-directions:after, .fad.fa-diamond-turn-right:after, .fad.fa-directions:after {
  content: "\f5eb\f5eb";
}

.fa-duotone.fa-integral:after, .fad.fa-integral:after {
  content: "\f667\f667";
}

.fa-duotone.fa-burst:after, .fad.fa-burst:after {
  content: "\e4dc\e4dc";
}

.fa-duotone.fa-house-laptop:after, .fa-duotone.fa-laptop-house:after, .fad.fa-house-laptop:after, .fad.fa-laptop-house:after {
  content: "\e066\e066";
}

.fa-duotone.fa-face-tired:after, .fa-duotone.fa-tired:after, .fad.fa-face-tired:after, .fad.fa-tired:after {
  content: "\f5c8\f5c8";
}

.fa-duotone.fa-money-bills:after, .fad.fa-money-bills:after {
  content: "\e1f3\e1f3";
}

.fa-duotone.fa-blinds-raised:after, .fad.fa-blinds-raised:after {
  content: "\f8fd\f8fd";
}

.fa-duotone.fa-smog:after, .fad.fa-smog:after {
  content: "\f75f\f75f";
}

.fa-duotone.fa-ufo-beam:after, .fad.fa-ufo-beam:after {
  content: "\e048\e048";
}

.fa-duotone.fa-caret-circle-up:after, .fa-duotone.fa-circle-caret-up:after, .fad.fa-caret-circle-up:after, .fad.fa-circle-caret-up:after {
  content: "\f331\f331";
}

.fa-duotone.fa-user-vneck-hair-long:after, .fad.fa-user-vneck-hair-long:after {
  content: "\e463\e463";
}

.fa-duotone.fa-square-a-lock:after, .fad.fa-square-a-lock:after {
  content: "\e44d\e44d";
}

.fa-duotone.fa-crutch:after, .fad.fa-crutch:after {
  content: "\f7f7\f7f7";
}

.fa-duotone.fa-gas-pump-slash:after, .fad.fa-gas-pump-slash:after {
  content: "\f5f4\f5f4";
}

.fa-duotone.fa-cloud-arrow-up:after, .fa-duotone.fa-cloud-upload-alt:after, .fa-duotone.fa-cloud-upload:after, .fad.fa-cloud-arrow-up:after, .fad.fa-cloud-upload-alt:after, .fad.fa-cloud-upload:after {
  content: "\f0ee\f0ee";
}

.fa-duotone.fa-palette:after, .fad.fa-palette:after {
  content: "\f53f\f53f";
}

.fa-duotone.fa-transporter-4:after, .fad.fa-transporter-4:after {
  content: "\e2a5\e2a5";
}

.fa-duotone.fa-chart-mixed-up-circle-currency:after, .fad.fa-chart-mixed-up-circle-currency:after {
  content: "\e5d8\e5d8";
}

.fa-duotone.fa-objects-align-right:after, .fad.fa-objects-align-right:after {
  content: "\e3bf\e3bf";
}

.fa-duotone.fa-arrows-turn-right:after, .fad.fa-arrows-turn-right:after {
  content: "\e4c0\e4c0";
}

.fa-duotone.fa-vest:after, .fad.fa-vest:after {
  content: "\e085\e085";
}

.fa-duotone.fa-pig:after, .fad.fa-pig:after {
  content: "\f706\f706";
}

.fa-duotone.fa-inbox-full:after, .fad.fa-inbox-full:after {
  content: "\e1ba\e1ba";
}

.fa-duotone.fa-circle-envelope:after, .fa-duotone.fa-envelope-circle:after, .fad.fa-circle-envelope:after, .fad.fa-envelope-circle:after {
  content: "\e10c\e10c";
}

.fa-duotone.fa-construction:after, .fa-duotone.fa-triangle-person-digging:after, .fad.fa-construction:after, .fad.fa-triangle-person-digging:after {
  content: "\f85d\f85d";
}

.fa-duotone.fa-ferry:after, .fad.fa-ferry:after {
  content: "\e4ea\e4ea";
}

.fa-duotone.fa-bullseye-arrow:after, .fad.fa-bullseye-arrow:after {
  content: "\f648\f648";
}

.fa-duotone.fa-arrows-down-to-people:after, .fad.fa-arrows-down-to-people:after {
  content: "\e4b9\e4b9";
}

.fa-duotone.fa-seedling:after, .fa-duotone.fa-sprout:after, .fad.fa-seedling:after, .fad.fa-sprout:after {
  content: "\f4d8\f4d8";
}

.fa-duotone.fa-clock-seven:after, .fad.fa-clock-seven:after {
  content: "\e350\e350";
}

.fa-duotone.fa-arrows-alt-h:after, .fa-duotone.fa-left-right:after, .fad.fa-arrows-alt-h:after, .fad.fa-left-right:after {
  content: "\f337\f337";
}

.fa-duotone.fa-boxes-packing:after, .fad.fa-boxes-packing:after {
  content: "\e4c7\e4c7";
}

.fa-duotone.fa-arrow-circle-left:after, .fa-duotone.fa-circle-arrow-left:after, .fad.fa-arrow-circle-left:after, .fad.fa-circle-arrow-left:after {
  content: "\f0a8\f0a8";
}

.fa-duotone.fa-flashlight:after, .fad.fa-flashlight:after {
  content: "\f8b8\f8b8";
}

.fa-duotone.fa-file-jpg:after, .fad.fa-file-jpg:after {
  content: "\e646\e646";
}

.fa-duotone.fa-group-arrows-rotate:after, .fad.fa-group-arrows-rotate:after {
  content: "\e4f6\e4f6";
}

.fa-duotone.fa-bowl-food:after, .fad.fa-bowl-food:after {
  content: "\e4c6\e4c6";
}

.fa-duotone.fa-square-9:after, .fad.fa-square-9:after {
  content: "\e25e\e25e";
}

.fa-duotone.fa-candy-cane:after, .fad.fa-candy-cane:after {
  content: "\f786\f786";
}

.fa-duotone.fa-arrow-down-wide-short:after, .fa-duotone.fa-sort-amount-asc:after, .fa-duotone.fa-sort-amount-down:after, .fad.fa-arrow-down-wide-short:after, .fad.fa-sort-amount-asc:after, .fad.fa-sort-amount-down:after {
  content: "\f160\f160";
}

.fa-duotone.fa-dollar-square:after, .fa-duotone.fa-square-dollar:after, .fa-duotone.fa-usd-square:after, .fad.fa-dollar-square:after, .fad.fa-square-dollar:after, .fad.fa-usd-square:after {
  content: "\f2e9\f2e9";
}

.fa-duotone.fa-phone-arrow-right:after, .fad.fa-phone-arrow-right:after {
  content: "\e5be\e5be";
}

.fa-duotone.fa-hand-holding-seedling:after, .fad.fa-hand-holding-seedling:after {
  content: "\f4bf\f4bf";
}

.fa-duotone.fa-comment-alt-check:after, .fa-duotone.fa-message-check:after, .fad.fa-comment-alt-check:after, .fad.fa-message-check:after {
  content: "\f4a2\f4a2";
}

.fa-duotone.fa-cloud-bolt:after, .fa-duotone.fa-thunderstorm:after, .fad.fa-cloud-bolt:after, .fad.fa-thunderstorm:after {
  content: "\f76c\f76c";
}

.fa-duotone.fa-chart-line-up-down:after, .fad.fa-chart-line-up-down:after {
  content: "\e5d7\e5d7";
}

.fa-duotone.fa-remove-format:after, .fa-duotone.fa-text-slash:after, .fad.fa-remove-format:after, .fad.fa-text-slash:after {
  content: "\f87d\f87d";
}

.fa-duotone.fa-watch:after, .fad.fa-watch:after {
  content: "\f2e1\f2e1";
}

.fa-duotone.fa-circle-down-left:after, .fad.fa-circle-down-left:after {
  content: "\e107\e107";
}

.fa-duotone.fa-text:after, .fad.fa-text:after {
  content: "\f893\f893";
}

.fa-duotone.fa-projector:after, .fad.fa-projector:after {
  content: "\f8d6\f8d6";
}

.fa-duotone.fa-face-smile-wink:after, .fa-duotone.fa-smile-wink:after, .fad.fa-face-smile-wink:after, .fad.fa-smile-wink:after {
  content: "\f4da\f4da";
}

.fa-duotone.fa-tombstone-alt:after, .fa-duotone.fa-tombstone-blank:after, .fad.fa-tombstone-alt:after, .fad.fa-tombstone-blank:after {
  content: "\f721\f721";
}

.fa-duotone.fa-chess-king-alt:after, .fa-duotone.fa-chess-king-piece:after, .fad.fa-chess-king-alt:after, .fad.fa-chess-king-piece:after {
  content: "\f440\f440";
}

.fa-duotone.fa-circle-6:after, .fad.fa-circle-6:after {
  content: "\e0f3\e0f3";
}

.fa-duotone.fa-waves-sine:after, .fad.fa-waves-sine:after {
  content: "\e65d\e65d";
}

.fa-duotone.fa-arrow-alt-left:after, .fa-duotone.fa-left:after, .fad.fa-arrow-alt-left:after, .fad.fa-left:after {
  content: "\f355\f355";
}

.fa-duotone.fa-file-word:after, .fad.fa-file-word:after {
  content: "\f1c2\f1c2";
}

.fa-duotone.fa-file-powerpoint:after, .fad.fa-file-powerpoint:after {
  content: "\f1c4\f1c4";
}

.fa-duotone.fa-arrow-alt-square-down:after, .fa-duotone.fa-square-down:after, .fad.fa-arrow-alt-square-down:after, .fad.fa-square-down:after {
  content: "\f350\f350";
}

.fa-duotone.fa-objects-align-center-vertical:after, .fad.fa-objects-align-center-vertical:after {
  content: "\e3bd\e3bd";
}

.fa-duotone.fa-arrows-h:after, .fa-duotone.fa-arrows-left-right:after, .fad.fa-arrows-h:after, .fad.fa-arrows-left-right:after {
  content: "\f07e\f07e";
}

.fa-duotone.fa-house-lock:after, .fad.fa-house-lock:after {
  content: "\e510\e510";
}

.fa-duotone.fa-cloud-arrow-down:after, .fa-duotone.fa-cloud-download-alt:after, .fa-duotone.fa-cloud-download:after, .fad.fa-cloud-arrow-down:after, .fad.fa-cloud-download-alt:after, .fad.fa-cloud-download:after {
  content: "\f0ed\f0ed";
}

.fa-duotone.fa-wreath:after, .fad.fa-wreath:after {
  content: "\f7e2\f7e2";
}

.fa-duotone.fa-children:after, .fad.fa-children:after {
  content: "\e4e1\e4e1";
}

.fa-duotone.fa-meter-droplet:after, .fad.fa-meter-droplet:after {
  content: "\e1ea\e1ea";
}

.fa-duotone.fa-blackboard:after, .fa-duotone.fa-chalkboard:after, .fad.fa-blackboard:after, .fad.fa-chalkboard:after {
  content: "\f51b\f51b";
}

.fa-duotone.fa-user-alt-slash:after, .fa-duotone.fa-user-large-slash:after, .fad.fa-user-alt-slash:after, .fad.fa-user-large-slash:after {
  content: "\f4fa\f4fa";
}

.fa-duotone.fa-signal-4:after, .fa-duotone.fa-signal-strong:after, .fad.fa-signal-4:after, .fad.fa-signal-strong:after {
  content: "\f68f\f68f";
}

.fa-duotone.fa-lollipop:after, .fa-duotone.fa-lollypop:after, .fad.fa-lollipop:after, .fad.fa-lollypop:after {
  content: "\e424\e424";
}

.fa-duotone.fa-list-tree:after, .fad.fa-list-tree:after {
  content: "\e1d2\e1d2";
}

.fa-duotone.fa-envelope-open:after, .fad.fa-envelope-open:after {
  content: "\f2b6\f2b6";
}

.fa-duotone.fa-draw-circle:after, .fad.fa-draw-circle:after {
  content: "\f5ed\f5ed";
}

.fa-duotone.fa-cat-space:after, .fad.fa-cat-space:after {
  content: "\e001\e001";
}

.fa-duotone.fa-handshake-alt-slash:after, .fa-duotone.fa-handshake-simple-slash:after, .fad.fa-handshake-alt-slash:after, .fad.fa-handshake-simple-slash:after {
  content: "\e05f\e05f";
}

.fa-duotone.fa-rabbit-fast:after, .fa-duotone.fa-rabbit-running:after, .fad.fa-rabbit-fast:after, .fad.fa-rabbit-running:after {
  content: "\f709\f709";
}

.fa-duotone.fa-memo-pad:after, .fad.fa-memo-pad:after {
  content: "\e1da\e1da";
}

.fa-duotone.fa-mattress-pillow:after, .fad.fa-mattress-pillow:after {
  content: "\e525\e525";
}

.fa-duotone.fa-alarm-plus:after, .fad.fa-alarm-plus:after {
  content: "\f844\f844";
}

.fa-duotone.fa-alicorn:after, .fad.fa-alicorn:after {
  content: "\f6b0\f6b0";
}

.fa-duotone.fa-comment-question:after, .fad.fa-comment-question:after {
  content: "\e14b\e14b";
}

.fa-duotone.fa-gingerbread-man:after, .fad.fa-gingerbread-man:after {
  content: "\f79d\f79d";
}

.fa-duotone.fa-guarani-sign:after, .fad.fa-guarani-sign:after {
  content: "\e19a\e19a";
}

.fa-duotone.fa-burger-fries:after, .fad.fa-burger-fries:after {
  content: "\e0cd\e0cd";
}

.fa-duotone.fa-mug-tea:after, .fad.fa-mug-tea:after {
  content: "\f875\f875";
}

.fa-duotone.fa-border-top:after, .fad.fa-border-top:after {
  content: "\f855\f855";
}

.fa-duotone.fa-arrows-rotate:after, .fa-duotone.fa-refresh:after, .fa-duotone.fa-sync:after, .fad.fa-arrows-rotate:after, .fad.fa-refresh:after, .fad.fa-sync:after {
  content: "\f021\f021";
}

.fa-duotone.fa-book-circle:after, .fa-duotone.fa-circle-book-open:after, .fad.fa-book-circle:after, .fad.fa-circle-book-open:after {
  content: "\e0ff\e0ff";
}

.fa-duotone.fa-arrows-to-dotted-line:after, .fad.fa-arrows-to-dotted-line:after {
  content: "\e0a6\e0a6";
}

.fa-duotone.fa-fire-extinguisher:after, .fad.fa-fire-extinguisher:after {
  content: "\f134\f134";
}

.fa-duotone.fa-magnifying-glass-arrows-rotate:after, .fad.fa-magnifying-glass-arrows-rotate:after {
  content: "\e65e\e65e";
}

.fa-duotone.fa-garage-open:after, .fad.fa-garage-open:after {
  content: "\e00b\e00b";
}

.fa-duotone.fa-shelves-empty:after, .fad.fa-shelves-empty:after {
  content: "\e246\e246";
}

.fa-duotone.fa-cruzeiro-sign:after, .fad.fa-cruzeiro-sign:after {
  content: "\e152\e152";
}

.fa-duotone.fa-watch-apple:after, .fad.fa-watch-apple:after {
  content: "\e2cb\e2cb";
}

.fa-duotone.fa-watch-calculator:after, .fad.fa-watch-calculator:after {
  content: "\f8f0\f8f0";
}

.fa-duotone.fa-list-dropdown:after, .fad.fa-list-dropdown:after {
  content: "\e1cf\e1cf";
}

.fa-duotone.fa-cabinet-filing:after, .fad.fa-cabinet-filing:after {
  content: "\f64b\f64b";
}

.fa-duotone.fa-burger-soda:after, .fad.fa-burger-soda:after {
  content: "\f858\f858";
}

.fa-duotone.fa-arrow-square-up:after, .fa-duotone.fa-square-arrow-up:after, .fad.fa-arrow-square-up:after, .fad.fa-square-arrow-up:after {
  content: "\f33c\f33c";
}

.fa-duotone.fa-greater-than-equal:after, .fad.fa-greater-than-equal:after {
  content: "\f532\f532";
}

.fa-duotone.fa-pallet-box:after, .fad.fa-pallet-box:after {
  content: "\e208\e208";
}

.fa-duotone.fa-face-confounded:after, .fad.fa-face-confounded:after {
  content: "\e36c\e36c";
}

.fa-duotone.fa-shield-alt:after, .fa-duotone.fa-shield-halved:after, .fad.fa-shield-alt:after, .fad.fa-shield-halved:after {
  content: "\f3ed\f3ed";
}

.fa-duotone.fa-truck-plow:after, .fad.fa-truck-plow:after {
  content: "\f7de\f7de";
}

.fa-duotone.fa-atlas:after, .fa-duotone.fa-book-atlas:after, .fad.fa-atlas:after, .fad.fa-book-atlas:after {
  content: "\f558\f558";
}

.fa-duotone.fa-virus:after, .fad.fa-virus:after {
  content: "\e074\e074";
}

.fa-duotone.fa-grid-round-2:after, .fad.fa-grid-round-2:after {
  content: "\e5db\e5db";
}

.fa-duotone.fa-comment-middle-top:after, .fad.fa-comment-middle-top:after {
  content: "\e14a\e14a";
}

.fa-duotone.fa-wave:after, .fad.fa-wave:after {
  content: "\e65b\e65b";
}

.fa-duotone.fa-envelope-circle-check:after, .fad.fa-envelope-circle-check:after {
  content: "\e4e8\e4e8";
}

.fa-duotone.fa-layer-group:after, .fad.fa-layer-group:after {
  content: "\f5fd\f5fd";
}

.fa-duotone.fa-restroom-simple:after, .fad.fa-restroom-simple:after {
  content: "\e23a\e23a";
}

.fa-duotone.fa-arrows-to-dot:after, .fad.fa-arrows-to-dot:after {
  content: "\e4be\e4be";
}

.fa-duotone.fa-border-outer:after, .fad.fa-border-outer:after {
  content: "\f851\f851";
}

.fa-duotone.fa-hashtag-lock:after, .fad.fa-hashtag-lock:after {
  content: "\e415\e415";
}

.fa-duotone.fa-clock-two-thirty:after, .fad.fa-clock-two-thirty:after {
  content: "\e35b\e35b";
}

.fa-duotone.fa-archway:after, .fad.fa-archway:after {
  content: "\f557\f557";
}

.fa-duotone.fa-heart-circle-check:after, .fad.fa-heart-circle-check:after {
  content: "\e4fd\e4fd";
}

.fa-duotone.fa-house-chimney-crack:after, .fa-duotone.fa-house-damage:after, .fad.fa-house-chimney-crack:after, .fad.fa-house-damage:after {
  content: "\f6f1\f6f1";
}

.fa-duotone.fa-file-archive:after, .fa-duotone.fa-file-zipper:after, .fad.fa-file-archive:after, .fad.fa-file-zipper:after {
  content: "\f1c6\f1c6";
}

.fa-duotone.fa-ticket-perforated:after, .fad.fa-ticket-perforated:after {
  content: "\e63e\e63e";
}

.fa-duotone.fa-heart-half:after, .fad.fa-heart-half:after {
  content: "\e1ab\e1ab";
}

.fa-duotone.fa-comment-check:after, .fad.fa-comment-check:after {
  content: "\f4ac\f4ac";
}

.fa-duotone.fa-square:after, .fad.fa-square:after {
  content: "\f0c8\f0c8";
}

.fa-duotone.fa-memo:after, .fad.fa-memo:after {
  content: "\e1d8\e1d8";
}

.fa-duotone.fa-glass-martini:after, .fa-duotone.fa-martini-glass-empty:after, .fad.fa-glass-martini:after, .fad.fa-martini-glass-empty:after {
  content: "\f000\f000";
}

.fa-duotone.fa-couch:after, .fad.fa-couch:after {
  content: "\f4b8\f4b8";
}

.fa-duotone.fa-cedi-sign:after, .fad.fa-cedi-sign:after {
  content: "\e0df\e0df";
}

.fa-duotone.fa-italic:after, .fad.fa-italic:after {
  content: "\f033\f033";
}

.fa-duotone.fa-glass-citrus:after, .fad.fa-glass-citrus:after {
  content: "\f869\f869";
}

.fa-duotone.fa-calendar-lines-pen:after, .fad.fa-calendar-lines-pen:after {
  content: "\e472\e472";
}

.fa-duotone.fa-church:after, .fad.fa-church:after {
  content: "\f51d\f51d";
}

.fa-duotone.fa-person-snowmobiling:after, .fa-duotone.fa-snowmobile:after, .fad.fa-person-snowmobiling:after, .fad.fa-snowmobile:after {
  content: "\f7d1\f7d1";
}

.fa-duotone.fa-face-hushed:after, .fad.fa-face-hushed:after {
  content: "\e37b\e37b";
}

.fa-duotone.fa-comments-dollar:after, .fad.fa-comments-dollar:after {
  content: "\f653\f653";
}

.fa-duotone.fa-tickets-simple:after, .fad.fa-tickets-simple:after {
  content: "\e659\e659";
}

.fa-duotone.fa-pickaxe:after, .fad.fa-pickaxe:after {
  content: "\e5bf\e5bf";
}

.fa-duotone.fa-link-simple-slash:after, .fad.fa-link-simple-slash:after {
  content: "\e1ce\e1ce";
}

.fa-duotone.fa-democrat:after, .fad.fa-democrat:after {
  content: "\f747\f747";
}

.fa-duotone.fa-face-confused:after, .fad.fa-face-confused:after {
  content: "\e36d\e36d";
}

.fa-duotone.fa-pinball:after, .fad.fa-pinball:after {
  content: "\e229\e229";
}

.fa-duotone.fa-z:after, .fad.fa-z:after {
  content: "ZZ";
}

.fa-duotone.fa-person-skiing:after, .fa-duotone.fa-skiing:after, .fad.fa-person-skiing:after, .fad.fa-skiing:after {
  content: "\f7c9\f7c9";
}

.fa-duotone.fa-deer:after, .fad.fa-deer:after {
  content: "\f78e\f78e";
}

.fa-duotone.fa-input-pipe:after, .fad.fa-input-pipe:after {
  content: "\e1be\e1be";
}

.fa-duotone.fa-road-lock:after, .fad.fa-road-lock:after {
  content: "\e567\e567";
}

.fa-duotone.fa-a:after, .fad.fa-a:after {
  content: "AA";
}

.fa-duotone.fa-bookmark-slash:after, .fad.fa-bookmark-slash:after {
  content: "\e0c2\e0c2";
}

.fa-duotone.fa-temperature-arrow-down:after, .fa-duotone.fa-temperature-down:after, .fad.fa-temperature-arrow-down:after, .fad.fa-temperature-down:after {
  content: "\e03f\e03f";
}

.fa-duotone.fa-mace:after, .fad.fa-mace:after {
  content: "\f6f8\f6f8";
}

.fa-duotone.fa-feather-alt:after, .fa-duotone.fa-feather-pointed:after, .fad.fa-feather-alt:after, .fad.fa-feather-pointed:after {
  content: "\f56b\f56b";
}

.fa-duotone.fa-sausage:after, .fad.fa-sausage:after {
  content: "\f820\f820";
}

.fa-duotone.fa-trash-can-clock:after, .fad.fa-trash-can-clock:after {
  content: "\e2aa\e2aa";
}

.fa-duotone.fa-p:after, .fad.fa-p:after {
  content: "PP";
}

.fa-duotone.fa-broom-wide:after, .fad.fa-broom-wide:after {
  content: "\e5d1\e5d1";
}

.fa-duotone.fa-snowflake:after, .fad.fa-snowflake:after {
  content: "\f2dc\f2dc";
}

.fa-duotone.fa-stomach:after, .fad.fa-stomach:after {
  content: "\f623\f623";
}

.fa-duotone.fa-newspaper:after, .fad.fa-newspaper:after {
  content: "\f1ea\f1ea";
}

.fa-duotone.fa-ad:after, .fa-duotone.fa-rectangle-ad:after, .fad.fa-ad:after, .fad.fa-rectangle-ad:after {
  content: "\f641\f641";
}

.fa-duotone.fa-guitar-electric:after, .fad.fa-guitar-electric:after {
  content: "\f8be\f8be";
}

.fa-duotone.fa-arrow-turn-down-right:after, .fad.fa-arrow-turn-down-right:after {
  content: "\e3d6\e3d6";
}

.fa-duotone.fa-moon-cloud:after, .fad.fa-moon-cloud:after {
  content: "\f754\f754";
}

.fa-duotone.fa-bread-slice-butter:after, .fad.fa-bread-slice-butter:after {
  content: "\e3e1\e3e1";
}

.fa-duotone.fa-arrow-circle-right:after, .fa-duotone.fa-circle-arrow-right:after, .fad.fa-arrow-circle-right:after, .fad.fa-circle-arrow-right:after {
  content: "\f0a9\f0a9";
}

.fa-duotone.fa-user-group-crown:after, .fa-duotone.fa-users-crown:after, .fad.fa-user-group-crown:after, .fad.fa-users-crown:after {
  content: "\f6a5\f6a5";
}

.fa-duotone.fa-circle-i:after, .fad.fa-circle-i:after {
  content: "\e111\e111";
}

.fa-duotone.fa-toilet-paper-check:after, .fad.fa-toilet-paper-check:after {
  content: "\e5b2\e5b2";
}

.fa-duotone.fa-filter-circle-xmark:after, .fad.fa-filter-circle-xmark:after {
  content: "\e17b\e17b";
}

.fa-duotone.fa-locust:after, .fad.fa-locust:after {
  content: "\e520\e520";
}

.fa-duotone.fa-sort:after, .fa-duotone.fa-unsorted:after, .fad.fa-sort:after, .fad.fa-unsorted:after {
  content: "\f0dc\f0dc";
}

.fa-duotone.fa-list-1-2:after, .fa-duotone.fa-list-numeric:after, .fa-duotone.fa-list-ol:after, .fad.fa-list-1-2:after, .fad.fa-list-numeric:after, .fad.fa-list-ol:after {
  content: "\f0cb\f0cb";
}

.fa-duotone.fa-chart-waterfall:after, .fad.fa-chart-waterfall:after {
  content: "\e0eb\e0eb";
}

.fa-duotone.fa-sparkle:after, .fad.fa-sparkle:after {
  content: "\e5d6\e5d6";
}

.fa-duotone.fa-face-party:after, .fad.fa-face-party:after {
  content: "\e383\e383";
}

.fa-duotone.fa-kidneys:after, .fad.fa-kidneys:after {
  content: "\f5fb\f5fb";
}

.fa-duotone.fa-wifi-exclamation:after, .fad.fa-wifi-exclamation:after {
  content: "\e2cf\e2cf";
}

.fa-duotone.fa-chart-network:after, .fad.fa-chart-network:after {
  content: "\f78a\f78a";
}

.fa-duotone.fa-person-dress-burst:after, .fad.fa-person-dress-burst:after {
  content: "\e544\e544";
}

.fa-duotone.fa-dice-d4:after, .fad.fa-dice-d4:after {
  content: "\f6d0\f6d0";
}

.fa-duotone.fa-money-check-alt:after, .fa-duotone.fa-money-check-dollar:after, .fad.fa-money-check-alt:after, .fad.fa-money-check-dollar:after {
  content: "\f53d\f53d";
}

.fa-duotone.fa-vector-square:after, .fad.fa-vector-square:after {
  content: "\f5cb\f5cb";
}

.fa-duotone.fa-bread-slice:after, .fad.fa-bread-slice:after {
  content: "\f7ec\f7ec";
}

.fa-duotone.fa-language:after, .fad.fa-language:after {
  content: "\f1ab\f1ab";
}

.fa-duotone.fa-wheat-awn-slash:after, .fad.fa-wheat-awn-slash:after {
  content: "\e338\e338";
}

.fa-duotone.fa-face-kiss-wink-heart:after, .fa-duotone.fa-kiss-wink-heart:after, .fad.fa-face-kiss-wink-heart:after, .fad.fa-kiss-wink-heart:after {
  content: "\f598\f598";
}

.fa-duotone.fa-dagger:after, .fad.fa-dagger:after {
  content: "\f6cb\f6cb";
}

.fa-duotone.fa-podium:after, .fad.fa-podium:after {
  content: "\f680\f680";
}

.fa-duotone.fa-memo-circle-check:after, .fad.fa-memo-circle-check:after {
  content: "\e1d9\e1d9";
}

.fa-duotone.fa-route-highway:after, .fad.fa-route-highway:after {
  content: "\f61a\f61a";
}

.fa-duotone.fa-arrow-alt-to-bottom:after, .fa-duotone.fa-down-to-line:after, .fad.fa-arrow-alt-to-bottom:after, .fad.fa-down-to-line:after {
  content: "\f34a\f34a";
}

.fa-duotone.fa-filter:after, .fad.fa-filter:after {
  content: "\f0b0\f0b0";
}

.fa-duotone.fa-square-g:after, .fad.fa-square-g:after {
  content: "\e271\e271";
}

.fa-duotone.fa-circle-phone:after, .fa-duotone.fa-phone-circle:after, .fad.fa-circle-phone:after, .fad.fa-phone-circle:after {
  content: "\e11b\e11b";
}

.fa-duotone.fa-clipboard-prescription:after, .fad.fa-clipboard-prescription:after {
  content: "\f5e8\f5e8";
}

.fa-duotone.fa-user-nurse-hair:after, .fad.fa-user-nurse-hair:after {
  content: "\e45d\e45d";
}

.fa-duotone.fa-question:after, .fad.fa-question:after {
  content: "??";
}

.fa-duotone.fa-file-signature:after, .fad.fa-file-signature:after {
  content: "\f573\f573";
}

.fa-duotone.fa-toggle-large-on:after, .fad.fa-toggle-large-on:after {
  content: "\e5b1\e5b1";
}

.fa-duotone.fa-arrows-alt:after, .fa-duotone.fa-up-down-left-right:after, .fad.fa-arrows-alt:after, .fad.fa-up-down-left-right:after {
  content: "\f0b2\f0b2";
}

.fa-duotone.fa-dryer-alt:after, .fa-duotone.fa-dryer-heat:after, .fad.fa-dryer-alt:after, .fad.fa-dryer-heat:after {
  content: "\f862\f862";
}

.fa-duotone.fa-house-chimney-user:after, .fad.fa-house-chimney-user:after {
  content: "\e065\e065";
}

.fa-duotone.fa-hand-holding-heart:after, .fad.fa-hand-holding-heart:after {
  content: "\f4be\f4be";
}

.fa-duotone.fa-arrow-up-small-big:after, .fa-duotone.fa-sort-size-up-alt:after, .fad.fa-arrow-up-small-big:after, .fad.fa-sort-size-up-alt:after {
  content: "\f88f\f88f";
}

.fa-duotone.fa-train-track:after, .fad.fa-train-track:after {
  content: "\e453\e453";
}

.fa-duotone.fa-puzzle-piece:after, .fad.fa-puzzle-piece:after {
  content: "\f12e\f12e";
}

.fa-duotone.fa-money-check:after, .fad.fa-money-check:after {
  content: "\f53c\f53c";
}

.fa-duotone.fa-star-half-alt:after, .fa-duotone.fa-star-half-stroke:after, .fad.fa-star-half-alt:after, .fad.fa-star-half-stroke:after {
  content: "\f5c0\f5c0";
}

.fa-duotone.fa-file-exclamation:after, .fad.fa-file-exclamation:after {
  content: "\f31a\f31a";
}

.fa-duotone.fa-code:after, .fad.fa-code:after {
  content: "\f121\f121";
}

.fa-duotone.fa-glass-whiskey:after, .fa-duotone.fa-whiskey-glass:after, .fad.fa-glass-whiskey:after, .fad.fa-whiskey-glass:after {
  content: "\f7a0\f7a0";
}

.fa-duotone.fa-moon-stars:after, .fad.fa-moon-stars:after {
  content: "\f755\f755";
}

.fa-duotone.fa-building-circle-exclamation:after, .fad.fa-building-circle-exclamation:after {
  content: "\e4d3\e4d3";
}

.fa-duotone.fa-clothes-hanger:after, .fad.fa-clothes-hanger:after {
  content: "\e136\e136";
}

.fa-duotone.fa-mobile-iphone:after, .fa-duotone.fa-mobile-notch:after, .fad.fa-mobile-iphone:after, .fad.fa-mobile-notch:after {
  content: "\e1ee\e1ee";
}

.fa-duotone.fa-magnifying-glass-chart:after, .fad.fa-magnifying-glass-chart:after {
  content: "\e522\e522";
}

.fa-duotone.fa-arrow-up-right-from-square:after, .fa-duotone.fa-external-link:after, .fad.fa-arrow-up-right-from-square:after, .fad.fa-external-link:after {
  content: "\f08e\f08e";
}

.fa-duotone.fa-cubes-stacked:after, .fad.fa-cubes-stacked:after {
  content: "\e4e6\e4e6";
}

.fa-duotone.fa-images-user:after, .fad.fa-images-user:after {
  content: "\e1b9\e1b9";
}

.fa-duotone.fa-krw:after, .fa-duotone.fa-won-sign:after, .fa-duotone.fa-won:after, .fad.fa-krw:after, .fad.fa-won-sign:after, .fad.fa-won:after {
  content: "\f159\f159";
}

.fa-duotone.fa-image-polaroid-user:after, .fad.fa-image-polaroid-user:after {
  content: "\e1b6\e1b6";
}

.fa-duotone.fa-virus-covid:after, .fad.fa-virus-covid:after {
  content: "\e4a8\e4a8";
}

.fa-duotone.fa-square-ellipsis:after, .fad.fa-square-ellipsis:after {
  content: "\e26e\e26e";
}

.fa-duotone.fa-pie:after, .fad.fa-pie:after {
  content: "\f705\f705";
}

.fa-duotone.fa-chess-knight-alt:after, .fa-duotone.fa-chess-knight-piece:after, .fad.fa-chess-knight-alt:after, .fad.fa-chess-knight-piece:after {
  content: "\f442\f442";
}

.fa-duotone.fa-austral-sign:after, .fad.fa-austral-sign:after {
  content: "\e0a9\e0a9";
}

.fa-duotone.fa-cloud-plus:after, .fad.fa-cloud-plus:after {
  content: "\e35e\e35e";
}

.fa-duotone.fa-f:after, .fad.fa-f:after {
  content: "FF";
}

.fa-duotone.fa-leaf:after, .fad.fa-leaf:after {
  content: "\f06c\f06c";
}

.fa-duotone.fa-bed-bunk:after, .fad.fa-bed-bunk:after {
  content: "\f8f8\f8f8";
}

.fa-duotone.fa-road:after, .fad.fa-road:after {
  content: "\f018\f018";
}

.fa-duotone.fa-cab:after, .fa-duotone.fa-taxi:after, .fad.fa-cab:after, .fad.fa-taxi:after {
  content: "\f1ba\f1ba";
}

.fa-duotone.fa-person-circle-plus:after, .fad.fa-person-circle-plus:after {
  content: "\e541\e541";
}

.fa-duotone.fa-chart-pie:after, .fa-duotone.fa-pie-chart:after, .fad.fa-chart-pie:after, .fad.fa-pie-chart:after {
  content: "\f200\f200";
}

.fa-duotone.fa-bolt-lightning:after, .fad.fa-bolt-lightning:after {
  content: "\e0b7\e0b7";
}

.fa-duotone.fa-clock-eight:after, .fad.fa-clock-eight:after {
  content: "\e345\e345";
}

.fa-duotone.fa-sack-xmark:after, .fad.fa-sack-xmark:after {
  content: "\e56a\e56a";
}

.fa-duotone.fa-file-xls:after, .fad.fa-file-xls:after {
  content: "\e64d\e64d";
}

.fa-duotone.fa-file-excel:after, .fad.fa-file-excel:after {
  content: "\f1c3\f1c3";
}

.fa-duotone.fa-file-contract:after, .fad.fa-file-contract:after {
  content: "\f56c\f56c";
}

.fa-duotone.fa-fish-fins:after, .fad.fa-fish-fins:after {
  content: "\e4f2\e4f2";
}

.fa-duotone.fa-circle-q:after, .fad.fa-circle-q:after {
  content: "\e11e\e11e";
}

.fa-duotone.fa-building-flag:after, .fad.fa-building-flag:after {
  content: "\e4d5\e4d5";
}

.fa-duotone.fa-face-grin-beam:after, .fa-duotone.fa-grin-beam:after, .fad.fa-face-grin-beam:after, .fad.fa-grin-beam:after {
  content: "\f582\f582";
}

.fa-duotone.fa-object-ungroup:after, .fad.fa-object-ungroup:after {
  content: "\f248\f248";
}

.fa-duotone.fa-face-disguise:after, .fad.fa-face-disguise:after {
  content: "\e370\e370";
}

.fa-duotone.fa-circle-arrow-down-right:after, .fad.fa-circle-arrow-down-right:after {
  content: "\e0fa\e0fa";
}

.fa-duotone.fa-alien-8bit:after, .fa-duotone.fa-alien-monster:after, .fad.fa-alien-8bit:after, .fad.fa-alien-monster:after {
  content: "\f8f6\f8f6";
}

.fa-duotone.fa-hand-point-ribbon:after, .fad.fa-hand-point-ribbon:after {
  content: "\e1a6\e1a6";
}

.fa-duotone.fa-poop:after, .fad.fa-poop:after {
  content: "\f619\f619";
}

.fa-duotone.fa-object-exclude:after, .fad.fa-object-exclude:after {
  content: "\e49c\e49c";
}

.fa-duotone.fa-telescope:after, .fad.fa-telescope:after {
  content: "\e03e\e03e";
}

.fa-duotone.fa-location-pin:after, .fa-duotone.fa-map-marker:after, .fad.fa-location-pin:after, .fad.fa-map-marker:after {
  content: "\f041\f041";
}

.fa-duotone.fa-square-list:after, .fad.fa-square-list:after {
  content: "\e489\e489";
}

.fa-duotone.fa-kaaba:after, .fad.fa-kaaba:after {
  content: "\f66b\f66b";
}

.fa-duotone.fa-toilet-paper:after, .fad.fa-toilet-paper:after {
  content: "\f71e\f71e";
}

.fa-duotone.fa-hard-hat:after, .fa-duotone.fa-hat-hard:after, .fa-duotone.fa-helmet-safety:after, .fad.fa-hard-hat:after, .fad.fa-hat-hard:after, .fad.fa-helmet-safety:after {
  content: "\f807\f807";
}

.fa-duotone.fa-comment-code:after, .fad.fa-comment-code:after {
  content: "\e147\e147";
}

.fa-duotone.fa-sim-cards:after, .fad.fa-sim-cards:after {
  content: "\e251\e251";
}

.fa-duotone.fa-starship:after, .fad.fa-starship:after {
  content: "\e039\e039";
}

.fa-duotone.fa-eject:after, .fad.fa-eject:after {
  content: "\f052\f052";
}

.fa-duotone.fa-arrow-alt-circle-right:after, .fa-duotone.fa-circle-right:after, .fad.fa-arrow-alt-circle-right:after, .fad.fa-circle-right:after {
  content: "\f35a\f35a";
}

.fa-duotone.fa-plane-circle-check:after, .fad.fa-plane-circle-check:after {
  content: "\e555\e555";
}

.fa-duotone.fa-seal:after, .fad.fa-seal:after {
  content: "\e241\e241";
}

.fa-duotone.fa-user-cowboy:after, .fad.fa-user-cowboy:after {
  content: "\f8ea\f8ea";
}

.fa-duotone.fa-hexagon-vertical-nft:after, .fad.fa-hexagon-vertical-nft:after {
  content: "\e505\e505";
}

.fa-duotone.fa-face-rolling-eyes:after, .fa-duotone.fa-meh-rolling-eyes:after, .fad.fa-face-rolling-eyes:after, .fad.fa-meh-rolling-eyes:after {
  content: "\f5a5\f5a5";
}

.fa-duotone.fa-bread-loaf:after, .fad.fa-bread-loaf:after {
  content: "\f7eb\f7eb";
}

.fa-duotone.fa-rings-wedding:after, .fad.fa-rings-wedding:after {
  content: "\f81b\f81b";
}

.fa-duotone.fa-object-group:after, .fad.fa-object-group:after {
  content: "\f247\f247";
}

.fa-duotone.fa-french-fries:after, .fad.fa-french-fries:after {
  content: "\f803\f803";
}

.fa-duotone.fa-chart-line:after, .fa-duotone.fa-line-chart:after, .fad.fa-chart-line:after, .fad.fa-line-chart:after {
  content: "\f201\f201";
}

.fa-duotone.fa-calendar-arrow-down:after, .fa-duotone.fa-calendar-download:after, .fad.fa-calendar-arrow-down:after, .fad.fa-calendar-download:after {
  content: "\e0d0\e0d0";
}

.fa-duotone.fa-send-back:after, .fad.fa-send-back:after {
  content: "\f87e\f87e";
}

.fa-duotone.fa-mask-ventilator:after, .fad.fa-mask-ventilator:after {
  content: "\e524\e524";
}

.fa-duotone.fa-tickets:after, .fad.fa-tickets:after {
  content: "\e658\e658";
}

.fa-duotone.fa-signature-lock:after, .fad.fa-signature-lock:after {
  content: "\e3ca\e3ca";
}

.fa-duotone.fa-arrow-right:after, .fad.fa-arrow-right:after {
  content: "\f061\f061";
}

.fa-duotone.fa-map-signs:after, .fa-duotone.fa-signs-post:after, .fad.fa-map-signs:after, .fad.fa-signs-post:after {
  content: "\f277\f277";
}

.fa-duotone.fa-octagon-plus:after, .fa-duotone.fa-plus-octagon:after, .fad.fa-octagon-plus:after, .fad.fa-plus-octagon:after {
  content: "\f301\f301";
}

.fa-duotone.fa-cash-register:after, .fad.fa-cash-register:after {
  content: "\f788\f788";
}

.fa-duotone.fa-person-circle-question:after, .fad.fa-person-circle-question:after {
  content: "\e542\e542";
}

.fa-duotone.fa-melon-slice:after, .fad.fa-melon-slice:after {
  content: "\e311\e311";
}

.fa-duotone.fa-space-station-moon:after, .fad.fa-space-station-moon:after {
  content: "\e033\e033";
}

.fa-duotone.fa-comment-alt-smile:after, .fa-duotone.fa-message-smile:after, .fad.fa-comment-alt-smile:after, .fad.fa-message-smile:after {
  content: "\f4aa\f4aa";
}

.fa-duotone.fa-cup-straw:after, .fad.fa-cup-straw:after {
  content: "\e363\e363";
}

.fa-duotone.fa-arrow-alt-from-right:after, .fa-duotone.fa-left-from-line:after, .fad.fa-arrow-alt-from-right:after, .fad.fa-left-from-line:after {
  content: "\f348\f348";
}

.fa-duotone.fa-h:after, .fad.fa-h:after {
  content: "HH";
}

.fa-duotone.fa-basket-shopping-simple:after, .fa-duotone.fa-shopping-basket-alt:after, .fad.fa-basket-shopping-simple:after, .fad.fa-shopping-basket-alt:after {
  content: "\e0af\e0af";
}

.fa-duotone.fa-hands-heart:after, .fa-duotone.fa-hands-holding-heart:after, .fad.fa-hands-heart:after, .fad.fa-hands-holding-heart:after {
  content: "\f4c3\f4c3";
}

.fa-duotone.fa-clock-nine:after, .fad.fa-clock-nine:after {
  content: "\e34c\e34c";
}

.fa-duotone.fa-hammer-brush:after, .fad.fa-hammer-brush:after {
  content: "\e620\e620";
}

.fa-duotone.fa-tarp:after, .fad.fa-tarp:after {
  content: "\e57b\e57b";
}

.fa-duotone.fa-face-sleepy:after, .fad.fa-face-sleepy:after {
  content: "\e38e\e38e";
}

.fa-duotone.fa-hand-horns:after, .fad.fa-hand-horns:after {
  content: "\e1a9\e1a9";
}

.fa-duotone.fa-screwdriver-wrench:after, .fa-duotone.fa-tools:after, .fad.fa-screwdriver-wrench:after, .fad.fa-tools:after {
  content: "\f7d9\f7d9";
}

.fa-duotone.fa-arrows-to-eye:after, .fad.fa-arrows-to-eye:after {
  content: "\e4bf\e4bf";
}

.fa-duotone.fa-circle-three-quarters:after, .fad.fa-circle-three-quarters:after {
  content: "\e125\e125";
}

.fa-duotone.fa-trophy-alt:after, .fa-duotone.fa-trophy-star:after, .fad.fa-trophy-alt:after, .fad.fa-trophy-star:after {
  content: "\f2eb\f2eb";
}

.fa-duotone.fa-plug-circle-bolt:after, .fad.fa-plug-circle-bolt:after {
  content: "\e55b\e55b";
}

.fa-duotone.fa-face-thermometer:after, .fad.fa-face-thermometer:after {
  content: "\e39a\e39a";
}

.fa-duotone.fa-grid-round-4:after, .fad.fa-grid-round-4:after {
  content: "\e5dd\e5dd";
}

.fa-duotone.fa-sign-posts-wrench:after, .fad.fa-sign-posts-wrench:after {
  content: "\e626\e626";
}

.fa-duotone.fa-shirt-running:after, .fad.fa-shirt-running:after {
  content: "\e3c8\e3c8";
}

.fa-duotone.fa-book-circle-arrow-up:after, .fad.fa-book-circle-arrow-up:after {
  content: "\e0bd\e0bd";
}

.fa-duotone.fa-face-nauseated:after, .fad.fa-face-nauseated:after {
  content: "\e381\e381";
}

.fa-duotone.fa-heart:after, .fad.fa-heart:after {
  content: "\f004\f004";
}

.fa-duotone.fa-file-chart-pie:after, .fad.fa-file-chart-pie:after {
  content: "\f65a\f65a";
}

.fa-duotone.fa-mars-and-venus:after, .fad.fa-mars-and-venus:after {
  content: "\f224\f224";
}

.fa-duotone.fa-home-user:after, .fa-duotone.fa-house-user:after, .fad.fa-home-user:after, .fad.fa-house-user:after {
  content: "\e1b0\e1b0";
}

.fa-duotone.fa-circle-arrow-down-left:after, .fad.fa-circle-arrow-down-left:after {
  content: "\e0f9\e0f9";
}

.fa-duotone.fa-dumpster-fire:after, .fad.fa-dumpster-fire:after {
  content: "\f794\f794";
}

.fa-duotone.fa-hexagon-minus:after, .fa-duotone.fa-minus-hexagon:after, .fad.fa-hexagon-minus:after, .fad.fa-minus-hexagon:after {
  content: "\f307\f307";
}

.fa-duotone.fa-arrow-alt-to-left:after, .fa-duotone.fa-left-to-line:after, .fad.fa-arrow-alt-to-left:after, .fad.fa-left-to-line:after {
  content: "\f34b\f34b";
}

.fa-duotone.fa-house-crack:after, .fad.fa-house-crack:after {
  content: "\e3b1\e3b1";
}

.fa-duotone.fa-paw-alt:after, .fa-duotone.fa-paw-simple:after, .fad.fa-paw-alt:after, .fad.fa-paw-simple:after {
  content: "\f701\f701";
}

.fa-duotone.fa-arrow-left-long-to-line:after, .fad.fa-arrow-left-long-to-line:after {
  content: "\e3d4\e3d4";
}

.fa-duotone.fa-brackets-round:after, .fa-duotone.fa-parentheses:after, .fad.fa-brackets-round:after, .fad.fa-parentheses:after {
  content: "\e0c5\e0c5";
}

.fa-duotone.fa-cocktail:after, .fa-duotone.fa-martini-glass-citrus:after, .fad.fa-cocktail:after, .fad.fa-martini-glass-citrus:after {
  content: "\f561\f561";
}

.fa-duotone.fa-user-shakespeare:after, .fad.fa-user-shakespeare:after {
  content: "\e2c2\e2c2";
}

.fa-duotone.fa-arrow-right-to-arc:after, .fad.fa-arrow-right-to-arc:after {
  content: "\e4b2\e4b2";
}

.fa-duotone.fa-face-surprise:after, .fa-duotone.fa-surprise:after, .fad.fa-face-surprise:after, .fad.fa-surprise:after {
  content: "\f5c2\f5c2";
}

.fa-duotone.fa-bottle-water:after, .fad.fa-bottle-water:after {
  content: "\e4c5\e4c5";
}

.fa-duotone.fa-circle-pause:after, .fa-duotone.fa-pause-circle:after, .fad.fa-circle-pause:after, .fad.fa-pause-circle:after {
  content: "\f28b\f28b";
}

.fa-duotone.fa-gauge-circle-plus:after, .fad.fa-gauge-circle-plus:after {
  content: "\e498\e498";
}

.fa-duotone.fa-folders:after, .fad.fa-folders:after {
  content: "\f660\f660";
}

.fa-duotone.fa-angel:after, .fad.fa-angel:after {
  content: "\f779\f779";
}

.fa-duotone.fa-value-absolute:after, .fad.fa-value-absolute:after {
  content: "\f6a6\f6a6";
}

.fa-duotone.fa-rabbit:after, .fad.fa-rabbit:after {
  content: "\f708\f708";
}

.fa-duotone.fa-toilet-paper-slash:after, .fad.fa-toilet-paper-slash:after {
  content: "\e072\e072";
}

.fa-duotone.fa-circle-euro:after, .fad.fa-circle-euro:after {
  content: "\e5ce\e5ce";
}

.fa-duotone.fa-apple-alt:after, .fa-duotone.fa-apple-whole:after, .fad.fa-apple-alt:after, .fad.fa-apple-whole:after {
  content: "\f5d1\f5d1";
}

.fa-duotone.fa-kitchen-set:after, .fad.fa-kitchen-set:after {
  content: "\e51a\e51a";
}

.fa-duotone.fa-diamond-half:after, .fad.fa-diamond-half:after {
  content: "\e5b7\e5b7";
}

.fa-duotone.fa-lock-alt:after, .fa-duotone.fa-lock-keyhole:after, .fad.fa-lock-alt:after, .fad.fa-lock-keyhole:after {
  content: "\f30d\f30d";
}

.fa-duotone.fa-r:after, .fad.fa-r:after {
  content: "RR";
}

.fa-duotone.fa-temperature-1:after, .fa-duotone.fa-temperature-quarter:after, .fa-duotone.fa-thermometer-1:after, .fa-duotone.fa-thermometer-quarter:after, .fad.fa-temperature-1:after, .fad.fa-temperature-quarter:after, .fad.fa-thermometer-1:after, .fad.fa-thermometer-quarter:after {
  content: "\f2ca\f2ca";
}

.fa-duotone.fa-info-square:after, .fa-duotone.fa-square-info:after, .fad.fa-info-square:after, .fad.fa-square-info:after {
  content: "\f30f\f30f";
}

.fa-duotone.fa-wifi-slash:after, .fad.fa-wifi-slash:after {
  content: "\f6ac\f6ac";
}

.fa-duotone.fa-toilet-paper-xmark:after, .fad.fa-toilet-paper-xmark:after {
  content: "\e5b3\e5b3";
}

.fa-duotone.fa-hands-holding-dollar:after, .fa-duotone.fa-hands-usd:after, .fad.fa-hands-holding-dollar:after, .fad.fa-hands-usd:after {
  content: "\f4c5\f4c5";
}

.fa-duotone.fa-cube:after, .fad.fa-cube:after {
  content: "\f1b2\f1b2";
}

.fa-duotone.fa-arrow-down-triangle-square:after, .fa-duotone.fa-sort-shapes-down:after, .fad.fa-arrow-down-triangle-square:after, .fad.fa-sort-shapes-down:after {
  content: "\f888\f888";
}

.fa-duotone.fa-bitcoin-sign:after, .fad.fa-bitcoin-sign:after {
  content: "\e0b4\e0b4";
}

.fa-duotone.fa-shutters:after, .fad.fa-shutters:after {
  content: "\e449\e449";
}

.fa-duotone.fa-shield-dog:after, .fad.fa-shield-dog:after {
  content: "\e573\e573";
}

.fa-duotone.fa-solar-panel:after, .fad.fa-solar-panel:after {
  content: "\f5ba\f5ba";
}

.fa-duotone.fa-lock-open:after, .fad.fa-lock-open:after {
  content: "\f3c1\f3c1";
}

.fa-duotone.fa-table-tree:after, .fad.fa-table-tree:after {
  content: "\e293\e293";
}

.fa-duotone.fa-house-chimney-heart:after, .fad.fa-house-chimney-heart:after {
  content: "\e1b2\e1b2";
}

.fa-duotone.fa-tally-3:after, .fad.fa-tally-3:after {
  content: "\e296\e296";
}

.fa-duotone.fa-elevator:after, .fad.fa-elevator:after {
  content: "\e16d\e16d";
}

.fa-duotone.fa-money-bill-transfer:after, .fad.fa-money-bill-transfer:after {
  content: "\e528\e528";
}

.fa-duotone.fa-money-bill-trend-up:after, .fad.fa-money-bill-trend-up:after {
  content: "\e529\e529";
}

.fa-duotone.fa-house-flood-water-circle-arrow-right:after, .fad.fa-house-flood-water-circle-arrow-right:after {
  content: "\e50f\e50f";
}

.fa-duotone.fa-poll-h:after, .fa-duotone.fa-square-poll-horizontal:after, .fad.fa-poll-h:after, .fad.fa-square-poll-horizontal:after {
  content: "\f682\f682";
}

.fa-duotone.fa-circle:after, .fad.fa-circle:after {
  content: "\f111\f111";
}

.fa-duotone.fa-cart-circle-exclamation:after, .fad.fa-cart-circle-exclamation:after {
  content: "\e3f2\e3f2";
}

.fa-duotone.fa-sword:after, .fad.fa-sword:after {
  content: "\f71c\f71c";
}

.fa-duotone.fa-backward-fast:after, .fa-duotone.fa-fast-backward:after, .fad.fa-backward-fast:after, .fad.fa-fast-backward:after {
  content: "\f049\f049";
}

.fa-duotone.fa-recycle:after, .fad.fa-recycle:after {
  content: "\f1b8\f1b8";
}

.fa-duotone.fa-user-astronaut:after, .fad.fa-user-astronaut:after {
  content: "\f4fb\f4fb";
}

.fa-duotone.fa-interrobang:after, .fad.fa-interrobang:after {
  content: "\e5ba\e5ba";
}

.fa-duotone.fa-plane-slash:after, .fad.fa-plane-slash:after {
  content: "\e069\e069";
}

.fa-duotone.fa-circle-dashed:after, .fad.fa-circle-dashed:after {
  content: "\e105\e105";
}

.fa-duotone.fa-trademark:after, .fad.fa-trademark:after {
  content: "\f25c\f25c";
}

.fa-duotone.fa-basketball-ball:after, .fa-duotone.fa-basketball:after, .fad.fa-basketball-ball:after, .fad.fa-basketball:after {
  content: "\f434\f434";
}

.fa-duotone.fa-fork-knife:after, .fa-duotone.fa-utensils-alt:after, .fad.fa-fork-knife:after, .fad.fa-utensils-alt:after {
  content: "\f2e6\f2e6";
}

.fa-duotone.fa-satellite-dish:after, .fad.fa-satellite-dish:after {
  content: "\f7c0\f7c0";
}

.fa-duotone.fa-badge-check:after, .fad.fa-badge-check:after {
  content: "\f336\f336";
}

.fa-duotone.fa-arrow-alt-circle-up:after, .fa-duotone.fa-circle-up:after, .fad.fa-arrow-alt-circle-up:after, .fad.fa-circle-up:after {
  content: "\f35b\f35b";
}

.fa-duotone.fa-slider:after, .fad.fa-slider:after {
  content: "\e252\e252";
}

.fa-duotone.fa-mobile-alt:after, .fa-duotone.fa-mobile-screen-button:after, .fad.fa-mobile-alt:after, .fad.fa-mobile-screen-button:after {
  content: "\f3cd\f3cd";
}

.fa-duotone.fa-clock-one-thirty:after, .fad.fa-clock-one-thirty:after {
  content: "\e34f\e34f";
}

.fa-duotone.fa-inbox-arrow-up:after, .fa-duotone.fa-inbox-out:after, .fad.fa-inbox-arrow-up:after, .fad.fa-inbox-out:after {
  content: "\f311\f311";
}

.fa-duotone.fa-cloud-slash:after, .fad.fa-cloud-slash:after {
  content: "\e137\e137";
}

.fa-duotone.fa-volume-high:after, .fa-duotone.fa-volume-up:after, .fad.fa-volume-high:after, .fad.fa-volume-up:after {
  content: "\f028\f028";
}

.fa-duotone.fa-users-rays:after, .fad.fa-users-rays:after {
  content: "\e593\e593";
}

.fa-duotone.fa-wallet:after, .fad.fa-wallet:after {
  content: "\f555\f555";
}

.fa-duotone.fa-octagon-check:after, .fad.fa-octagon-check:after {
  content: "\e426\e426";
}

.fa-duotone.fa-flatbread-stuffed:after, .fad.fa-flatbread-stuffed:after {
  content: "\e40c\e40c";
}

.fa-duotone.fa-clipboard-check:after, .fad.fa-clipboard-check:after {
  content: "\f46c\f46c";
}

.fa-duotone.fa-cart-circle-plus:after, .fad.fa-cart-circle-plus:after {
  content: "\e3f3\e3f3";
}

.fa-duotone.fa-shipping-timed:after, .fa-duotone.fa-truck-clock:after, .fad.fa-shipping-timed:after, .fad.fa-truck-clock:after {
  content: "\f48c\f48c";
}

.fa-duotone.fa-pool-8-ball:after, .fad.fa-pool-8-ball:after {
  content: "\e3c5\e3c5";
}

.fa-duotone.fa-file-audio:after, .fad.fa-file-audio:after {
  content: "\f1c7\f1c7";
}

.fa-duotone.fa-turn-down-left:after, .fad.fa-turn-down-left:after {
  content: "\e331\e331";
}

.fa-duotone.fa-lock-hashtag:after, .fad.fa-lock-hashtag:after {
  content: "\e423\e423";
}

.fa-duotone.fa-chart-radar:after, .fad.fa-chart-radar:after {
  content: "\e0e7\e0e7";
}

.fa-duotone.fa-staff:after, .fad.fa-staff:after {
  content: "\f71b\f71b";
}

.fa-duotone.fa-burger:after, .fa-duotone.fa-hamburger:after, .fad.fa-burger:after, .fad.fa-hamburger:after {
  content: "\f805\f805";
}

.fa-duotone.fa-utility-pole:after, .fad.fa-utility-pole:after {
  content: "\e2c3\e2c3";
}

.fa-duotone.fa-transporter-6:after, .fad.fa-transporter-6:after {
  content: "\e2a7\e2a7";
}

.fa-duotone.fa-arrow-turn-left:after, .fad.fa-arrow-turn-left:after {
  content: "\e632\e632";
}

.fa-duotone.fa-wrench:after, .fad.fa-wrench:after {
  content: "\f0ad\f0ad";
}

.fa-duotone.fa-bugs:after, .fad.fa-bugs:after {
  content: "\e4d0\e4d0";
}

.fa-duotone.fa-vector-polygon:after, .fad.fa-vector-polygon:after {
  content: "\e2c7\e2c7";
}

.fa-duotone.fa-diagram-nested:after, .fad.fa-diagram-nested:after {
  content: "\e157\e157";
}

.fa-duotone.fa-rupee-sign:after, .fa-duotone.fa-rupee:after, .fad.fa-rupee-sign:after, .fad.fa-rupee:after {
  content: "\f156\f156";
}

.fa-duotone.fa-file-image:after, .fad.fa-file-image:after {
  content: "\f1c5\f1c5";
}

.fa-duotone.fa-circle-question:after, .fa-duotone.fa-question-circle:after, .fad.fa-circle-question:after, .fad.fa-question-circle:after {
  content: "\f059\f059";
}

.fa-duotone.fa-tickets-perforated:after, .fad.fa-tickets-perforated:after {
  content: "\e63f\e63f";
}

.fa-duotone.fa-image-user:after, .fad.fa-image-user:after {
  content: "\e1b8\e1b8";
}

.fa-duotone.fa-buoy:after, .fad.fa-buoy:after {
  content: "\e5b5\e5b5";
}

.fa-duotone.fa-plane-departure:after, .fad.fa-plane-departure:after {
  content: "\f5b0\f5b0";
}

.fa-duotone.fa-handshake-slash:after, .fad.fa-handshake-slash:after {
  content: "\e060\e060";
}

.fa-duotone.fa-book-bookmark:after, .fad.fa-book-bookmark:after {
  content: "\e0bb\e0bb";
}

.fa-duotone.fa-border-center-h:after, .fad.fa-border-center-h:after {
  content: "\f89c\f89c";
}

.fa-duotone.fa-can-food:after, .fad.fa-can-food:after {
  content: "\e3e6\e3e6";
}

.fa-duotone.fa-typewriter:after, .fad.fa-typewriter:after {
  content: "\f8e7\f8e7";
}

.fa-duotone.fa-arrow-right-from-arc:after, .fad.fa-arrow-right-from-arc:after {
  content: "\e4b1\e4b1";
}

.fa-duotone.fa-circle-k:after, .fad.fa-circle-k:after {
  content: "\e113\e113";
}

.fa-duotone.fa-face-hand-over-mouth:after, .fad.fa-face-hand-over-mouth:after {
  content: "\e378\e378";
}

.fa-duotone.fa-popcorn:after, .fad.fa-popcorn:after {
  content: "\f819\f819";
}

.fa-duotone.fa-house-flood:after, .fa-duotone.fa-house-water:after, .fad.fa-house-flood:after, .fad.fa-house-water:after {
  content: "\f74f\f74f";
}

.fa-duotone.fa-object-subtract:after, .fad.fa-object-subtract:after {
  content: "\e49e\e49e";
}

.fa-duotone.fa-code-branch:after, .fad.fa-code-branch:after {
  content: "\f126\f126";
}

.fa-duotone.fa-warehouse-alt:after, .fa-duotone.fa-warehouse-full:after, .fad.fa-warehouse-alt:after, .fad.fa-warehouse-full:after {
  content: "\f495\f495";
}

.fa-duotone.fa-hat-cowboy:after, .fad.fa-hat-cowboy:after {
  content: "\f8c0\f8c0";
}

.fa-duotone.fa-bridge:after, .fad.fa-bridge:after {
  content: "\e4c8\e4c8";
}

.fa-duotone.fa-phone-alt:after, .fa-duotone.fa-phone-flip:after, .fad.fa-phone-alt:after, .fad.fa-phone-flip:after {
  content: "\f879\f879";
}

.fa-duotone.fa-arrow-down-from-dotted-line:after, .fad.fa-arrow-down-from-dotted-line:after {
  content: "\e090\e090";
}

.fa-duotone.fa-file-doc:after, .fad.fa-file-doc:after {
  content: "\e5ed\e5ed";
}

.fa-duotone.fa-square-quarters:after, .fad.fa-square-quarters:after {
  content: "\e44e\e44e";
}

.fa-duotone.fa-truck-front:after, .fad.fa-truck-front:after {
  content: "\e2b7\e2b7";
}

.fa-duotone.fa-cat:after, .fad.fa-cat:after {
  content: "\f6be\f6be";
}

.fa-duotone.fa-trash-xmark:after, .fad.fa-trash-xmark:after {
  content: "\e2b4\e2b4";
}

.fa-duotone.fa-caret-circle-left:after, .fa-duotone.fa-circle-caret-left:after, .fad.fa-caret-circle-left:after, .fad.fa-circle-caret-left:after {
  content: "\f32e\f32e";
}

.fa-duotone.fa-files:after, .fad.fa-files:after {
  content: "\e178\e178";
}

.fa-duotone.fa-anchor-circle-exclamation:after, .fad.fa-anchor-circle-exclamation:after {
  content: "\e4ab\e4ab";
}

.fa-duotone.fa-face-clouds:after, .fad.fa-face-clouds:after {
  content: "\e47d\e47d";
}

.fa-duotone.fa-user-crown:after, .fad.fa-user-crown:after {
  content: "\f6a4\f6a4";
}

.fa-duotone.fa-basket-shopping-plus:after, .fad.fa-basket-shopping-plus:after {
  content: "\e653\e653";
}

.fa-duotone.fa-truck-field:after, .fad.fa-truck-field:after {
  content: "\e58d\e58d";
}

.fa-duotone.fa-route:after, .fad.fa-route:after {
  content: "\f4d7\f4d7";
}

.fa-duotone.fa-cart-circle-check:after, .fad.fa-cart-circle-check:after {
  content: "\e3f1\e3f1";
}

.fa-duotone.fa-clipboard-question:after, .fad.fa-clipboard-question:after {
  content: "\e4e3\e4e3";
}

.fa-duotone.fa-panorama:after, .fad.fa-panorama:after {
  content: "\e209\e209";
}

.fa-duotone.fa-comment-medical:after, .fad.fa-comment-medical:after {
  content: "\f7f5\f7f5";
}

.fa-duotone.fa-teeth-open:after, .fad.fa-teeth-open:after {
  content: "\f62f\f62f";
}

.fa-duotone.fa-user-tie-hair-long:after, .fad.fa-user-tie-hair-long:after {
  content: "\e460\e460";
}

.fa-duotone.fa-file-circle-minus:after, .fad.fa-file-circle-minus:after {
  content: "\e4ed\e4ed";
}

.fa-duotone.fa-head-side-medical:after, .fad.fa-head-side-medical:after {
  content: "\f809\f809";
}

.fa-duotone.fa-arrow-turn-right:after, .fad.fa-arrow-turn-right:after {
  content: "\e635\e635";
}

.fa-duotone.fa-tags:after, .fad.fa-tags:after {
  content: "\f02c\f02c";
}

.fa-duotone.fa-wine-glass:after, .fad.fa-wine-glass:after {
  content: "\f4e3\f4e3";
}

.fa-duotone.fa-fast-forward:after, .fa-duotone.fa-forward-fast:after, .fad.fa-fast-forward:after, .fad.fa-forward-fast:after {
  content: "\f050\f050";
}

.fa-duotone.fa-face-meh-blank:after, .fa-duotone.fa-meh-blank:after, .fad.fa-face-meh-blank:after, .fad.fa-meh-blank:after {
  content: "\f5a4\f5a4";
}

.fa-duotone.fa-user-robot:after, .fad.fa-user-robot:after {
  content: "\e04b\e04b";
}

.fa-duotone.fa-parking:after, .fa-duotone.fa-square-parking:after, .fad.fa-parking:after, .fad.fa-square-parking:after {
  content: "\f540\f540";
}

.fa-duotone.fa-card-diamond:after, .fad.fa-card-diamond:after {
  content: "\e3ea\e3ea";
}

.fa-duotone.fa-face-zipper:after, .fad.fa-face-zipper:after {
  content: "\e3a5\e3a5";
}

.fa-duotone.fa-face-raised-eyebrow:after, .fad.fa-face-raised-eyebrow:after {
  content: "\e388\e388";
}

.fa-duotone.fa-house-signal:after, .fad.fa-house-signal:after {
  content: "\e012\e012";
}

.fa-duotone.fa-chevron-square-up:after, .fa-duotone.fa-square-chevron-up:after, .fad.fa-chevron-square-up:after, .fad.fa-square-chevron-up:after {
  content: "\f32c\f32c";
}

.fa-duotone.fa-bars-progress:after, .fa-duotone.fa-tasks-alt:after, .fad.fa-bars-progress:after, .fad.fa-tasks-alt:after {
  content: "\f828\f828";
}

.fa-duotone.fa-faucet-drip:after, .fad.fa-faucet-drip:after {
  content: "\e006\e006";
}

.fa-duotone.fa-arrows-to-line:after, .fad.fa-arrows-to-line:after {
  content: "\e0a7\e0a7";
}

.fa-duotone.fa-dolphin:after, .fad.fa-dolphin:after {
  content: "\e168\e168";
}

.fa-duotone.fa-arrow-up-right:after, .fad.fa-arrow-up-right:after {
  content: "\e09f\e09f";
}

.fa-duotone.fa-circle-r:after, .fad.fa-circle-r:after {
  content: "\e120\e120";
}

.fa-duotone.fa-cart-flatbed:after, .fa-duotone.fa-dolly-flatbed:after, .fad.fa-cart-flatbed:after, .fad.fa-dolly-flatbed:after {
  content: "\f474\f474";
}

.fa-duotone.fa-ban-smoking:after, .fa-duotone.fa-smoking-ban:after, .fad.fa-ban-smoking:after, .fad.fa-smoking-ban:after {
  content: "\f54d\f54d";
}

.fa-duotone.fa-circle-sort-up:after, .fa-duotone.fa-sort-circle-up:after, .fad.fa-circle-sort-up:after, .fad.fa-sort-circle-up:after {
  content: "\e032\e032";
}

.fa-duotone.fa-terminal:after, .fad.fa-terminal:after {
  content: "\f120\f120";
}

.fa-duotone.fa-mobile-button:after, .fad.fa-mobile-button:after {
  content: "\f10b\f10b";
}

.fa-duotone.fa-house-medical-flag:after, .fad.fa-house-medical-flag:after {
  content: "\e514\e514";
}

.fa-duotone.fa-basket-shopping:after, .fa-duotone.fa-shopping-basket:after, .fad.fa-basket-shopping:after, .fad.fa-shopping-basket:after {
  content: "\f291\f291";
}

.fa-duotone.fa-tape:after, .fad.fa-tape:after {
  content: "\f4db\f4db";
}

.fa-duotone.fa-chestnut:after, .fad.fa-chestnut:after {
  content: "\e3f6\e3f6";
}

.fa-duotone.fa-bus-alt:after, .fa-duotone.fa-bus-simple:after, .fad.fa-bus-alt:after, .fad.fa-bus-simple:after {
  content: "\f55e\f55e";
}

.fa-duotone.fa-eye:after, .fad.fa-eye:after {
  content: "\f06e\f06e";
}

.fa-duotone.fa-face-sad-cry:after, .fa-duotone.fa-sad-cry:after, .fad.fa-face-sad-cry:after, .fad.fa-sad-cry:after {
  content: "\f5b3\f5b3";
}

.fa-duotone.fa-heat:after, .fad.fa-heat:after {
  content: "\e00c\e00c";
}

.fa-duotone.fa-ticket-airline:after, .fa-duotone.fa-ticket-perforated-plane:after, .fa-duotone.fa-ticket-plane:after, .fad.fa-ticket-airline:after, .fad.fa-ticket-perforated-plane:after, .fad.fa-ticket-plane:after {
  content: "\e29a\e29a";
}

.fa-duotone.fa-boot-heeled:after, .fad.fa-boot-heeled:after {
  content: "\e33f\e33f";
}

.fa-duotone.fa-arrows-minimize:after, .fa-duotone.fa-compress-arrows:after, .fad.fa-arrows-minimize:after, .fad.fa-compress-arrows:after {
  content: "\e0a5\e0a5";
}

.fa-duotone.fa-audio-description:after, .fad.fa-audio-description:after {
  content: "\f29e\f29e";
}

.fa-duotone.fa-person-military-to-person:after, .fad.fa-person-military-to-person:after {
  content: "\e54c\e54c";
}

.fa-duotone.fa-file-shield:after, .fad.fa-file-shield:after {
  content: "\e4f0\e4f0";
}

.fa-duotone.fa-hexagon:after, .fad.fa-hexagon:after {
  content: "\f312\f312";
}

.fa-duotone.fa-manhole:after, .fad.fa-manhole:after {
  content: "\e1d6\e1d6";
}

.fa-duotone.fa-user-slash:after, .fad.fa-user-slash:after {
  content: "\f506\f506";
}

.fa-duotone.fa-pen:after, .fad.fa-pen:after {
  content: "\f304\f304";
}

.fa-duotone.fa-tower-observation:after, .fad.fa-tower-observation:after {
  content: "\e586\e586";
}

.fa-duotone.fa-floppy-disks:after, .fad.fa-floppy-disks:after {
  content: "\e183\e183";
}

.fa-duotone.fa-toilet-paper-blank-under:after, .fa-duotone.fa-toilet-paper-reverse-alt:after, .fad.fa-toilet-paper-blank-under:after, .fad.fa-toilet-paper-reverse-alt:after {
  content: "\e29f\e29f";
}

.fa-duotone.fa-file-code:after, .fad.fa-file-code:after {
  content: "\f1c9\f1c9";
}

.fa-duotone.fa-signal-5:after, .fa-duotone.fa-signal-perfect:after, .fa-duotone.fa-signal:after, .fad.fa-signal-5:after, .fad.fa-signal-perfect:after, .fad.fa-signal:after {
  content: "\f012\f012";
}

.fa-duotone.fa-pump:after, .fad.fa-pump:after {
  content: "\e442\e442";
}

.fa-duotone.fa-bus:after, .fad.fa-bus:after {
  content: "\f207\f207";
}

.fa-duotone.fa-heart-circle-xmark:after, .fad.fa-heart-circle-xmark:after {
  content: "\e501\e501";
}

.fa-duotone.fa-arrow-up-left-from-circle:after, .fad.fa-arrow-up-left-from-circle:after {
  content: "\e09e\e09e";
}

.fa-duotone.fa-home-lg:after, .fa-duotone.fa-house-chimney:after, .fad.fa-home-lg:after, .fad.fa-house-chimney:after {
  content: "\e3af\e3af";
}

.fa-duotone.fa-window-maximize:after, .fad.fa-window-maximize:after {
  content: "\f2d0\f2d0";
}

.fa-duotone.fa-dryer:after, .fad.fa-dryer:after {
  content: "\f861\f861";
}

.fa-duotone.fa-face-frown:after, .fa-duotone.fa-frown:after, .fad.fa-face-frown:after, .fad.fa-frown:after {
  content: "\f119\f119";
}

.fa-duotone.fa-chess-bishop-alt:after, .fa-duotone.fa-chess-bishop-piece:after, .fad.fa-chess-bishop-alt:after, .fad.fa-chess-bishop-piece:after {
  content: "\f43b\f43b";
}

.fa-duotone.fa-shirt-tank-top:after, .fad.fa-shirt-tank-top:after {
  content: "\e3c9\e3c9";
}

.fa-duotone.fa-diploma:after, .fa-duotone.fa-scroll-ribbon:after, .fad.fa-diploma:after, .fad.fa-scroll-ribbon:after {
  content: "\f5ea\f5ea";
}

.fa-duotone.fa-screencast:after, .fad.fa-screencast:after {
  content: "\e23e\e23e";
}

.fa-duotone.fa-walker:after, .fad.fa-walker:after {
  content: "\f831\f831";
}

.fa-duotone.fa-prescription:after, .fad.fa-prescription:after {
  content: "\f5b1\f5b1";
}

.fa-duotone.fa-shop:after, .fa-duotone.fa-store-alt:after, .fad.fa-shop:after, .fad.fa-store-alt:after {
  content: "\f54f\f54f";
}

.fa-duotone.fa-floppy-disk:after, .fa-duotone.fa-save:after, .fad.fa-floppy-disk:after, .fad.fa-save:after {
  content: "\f0c7\f0c7";
}

.fa-duotone.fa-vihara:after, .fad.fa-vihara:after {
  content: "\f6a7\f6a7";
}

.fa-duotone.fa-face-kiss-closed-eyes:after, .fad.fa-face-kiss-closed-eyes:after {
  content: "\e37d\e37d";
}

.fa-duotone.fa-balance-scale-left:after, .fa-duotone.fa-scale-unbalanced:after, .fad.fa-balance-scale-left:after, .fad.fa-scale-unbalanced:after {
  content: "\f515\f515";
}

.fa-duotone.fa-file-user:after, .fad.fa-file-user:after {
  content: "\f65c\f65c";
}

.fa-duotone.fa-user-police-tie:after, .fad.fa-user-police-tie:after {
  content: "\e334\e334";
}

.fa-duotone.fa-face-tongue-money:after, .fad.fa-face-tongue-money:after {
  content: "\e39d\e39d";
}

.fa-duotone.fa-tennis-ball:after, .fad.fa-tennis-ball:after {
  content: "\f45e\f45e";
}

.fa-duotone.fa-square-l:after, .fad.fa-square-l:after {
  content: "\e275\e275";
}

.fa-duotone.fa-sort-asc:after, .fa-duotone.fa-sort-up:after, .fad.fa-sort-asc:after, .fad.fa-sort-up:after {
  content: "\f0de\f0de";
}

.fa-duotone.fa-calendar-arrow-up:after, .fa-duotone.fa-calendar-upload:after, .fad.fa-calendar-arrow-up:after, .fad.fa-calendar-upload:after {
  content: "\e0d1\e0d1";
}

.fa-duotone.fa-comment-dots:after, .fa-duotone.fa-commenting:after, .fad.fa-comment-dots:after, .fad.fa-commenting:after {
  content: "\f4ad\f4ad";
}

.fa-duotone.fa-plant-wilt:after, .fad.fa-plant-wilt:after {
  content: "\e5aa\e5aa";
}

.fa-duotone.fa-scarf:after, .fad.fa-scarf:after {
  content: "\f7c1\f7c1";
}

.fa-duotone.fa-album-circle-plus:after, .fad.fa-album-circle-plus:after {
  content: "\e48c\e48c";
}

.fa-duotone.fa-user-nurse-hair-long:after, .fad.fa-user-nurse-hair-long:after {
  content: "\e45e\e45e";
}

.fa-duotone.fa-diamond:after, .fad.fa-diamond:after {
  content: "\f219\f219";
}

.fa-duotone.fa-arrow-alt-square-left:after, .fa-duotone.fa-square-left:after, .fad.fa-arrow-alt-square-left:after, .fad.fa-square-left:after {
  content: "\f351\f351";
}

.fa-duotone.fa-face-grin-squint:after, .fa-duotone.fa-grin-squint:after, .fad.fa-face-grin-squint:after, .fad.fa-grin-squint:after {
  content: "\f585\f585";
}

.fa-duotone.fa-circle-ellipsis-vertical:after, .fad.fa-circle-ellipsis-vertical:after {
  content: "\e10b\e10b";
}

.fa-duotone.fa-hand-holding-dollar:after, .fa-duotone.fa-hand-holding-usd:after, .fad.fa-hand-holding-dollar:after, .fad.fa-hand-holding-usd:after {
  content: "\f4c0\f4c0";
}

.fa-duotone.fa-grid-dividers:after, .fad.fa-grid-dividers:after {
  content: "\e3ad\e3ad";
}

.fa-duotone.fa-bacterium:after, .fad.fa-bacterium:after {
  content: "\e05a\e05a";
}

.fa-duotone.fa-hand-pointer:after, .fad.fa-hand-pointer:after {
  content: "\f25a\f25a";
}

.fa-duotone.fa-drum-steelpan:after, .fad.fa-drum-steelpan:after {
  content: "\f56a\f56a";
}

.fa-duotone.fa-hand-scissors:after, .fad.fa-hand-scissors:after {
  content: "\f257\f257";
}

.fa-duotone.fa-hands-praying:after, .fa-duotone.fa-praying-hands:after, .fad.fa-hands-praying:after, .fad.fa-praying-hands:after {
  content: "\f684\f684";
}

.fa-duotone.fa-face-pensive:after, .fad.fa-face-pensive:after {
  content: "\e384\e384";
}

.fa-duotone.fa-user-music:after, .fad.fa-user-music:after {
  content: "\f8eb\f8eb";
}

.fa-duotone.fa-arrow-right-rotate:after, .fa-duotone.fa-arrow-rotate-forward:after, .fa-duotone.fa-arrow-rotate-right:after, .fa-duotone.fa-redo:after, .fad.fa-arrow-right-rotate:after, .fad.fa-arrow-rotate-forward:after, .fad.fa-arrow-rotate-right:after, .fad.fa-redo:after {
  content: "\f01e\f01e";
}

.fa-duotone.fa-comments-alt-dollar:after, .fa-duotone.fa-messages-dollar:after, .fad.fa-comments-alt-dollar:after, .fad.fa-messages-dollar:after {
  content: "\f652\f652";
}

.fa-duotone.fa-sensor-on:after, .fad.fa-sensor-on:after {
  content: "\e02b\e02b";
}

.fa-duotone.fa-balloon:after, .fad.fa-balloon:after {
  content: "\e2e3\e2e3";
}

.fa-duotone.fa-biohazard:after, .fad.fa-biohazard:after {
  content: "\f780\f780";
}

.fa-duotone.fa-chess-queen-alt:after, .fa-duotone.fa-chess-queen-piece:after, .fad.fa-chess-queen-alt:after, .fad.fa-chess-queen-piece:after {
  content: "\f446\f446";
}

.fa-duotone.fa-location-crosshairs:after, .fa-duotone.fa-location:after, .fad.fa-location-crosshairs:after, .fad.fa-location:after {
  content: "\f601\f601";
}

.fa-duotone.fa-mars-double:after, .fad.fa-mars-double:after {
  content: "\f227\f227";
}

.fa-duotone.fa-house-leave:after, .fa-duotone.fa-house-person-depart:after, .fa-duotone.fa-house-person-leave:after, .fad.fa-house-leave:after, .fad.fa-house-person-depart:after, .fad.fa-house-person-leave:after {
  content: "\e00f\e00f";
}

.fa-duotone.fa-ruler-triangle:after, .fad.fa-ruler-triangle:after {
  content: "\f61c\f61c";
}

.fa-duotone.fa-card-club:after, .fad.fa-card-club:after {
  content: "\e3e9\e3e9";
}

.fa-duotone.fa-child-dress:after, .fad.fa-child-dress:after {
  content: "\e59c\e59c";
}

.fa-duotone.fa-users-between-lines:after, .fad.fa-users-between-lines:after {
  content: "\e591\e591";
}

.fa-duotone.fa-lungs-virus:after, .fad.fa-lungs-virus:after {
  content: "\e067\e067";
}

.fa-duotone.fa-spinner-third:after, .fad.fa-spinner-third:after {
  content: "\f3f4\f3f4";
}

.fa-duotone.fa-face-grin-tears:after, .fa-duotone.fa-grin-tears:after, .fad.fa-face-grin-tears:after, .fad.fa-grin-tears:after {
  content: "\f588\f588";
}

.fa-duotone.fa-phone:after, .fad.fa-phone:after {
  content: "\f095\f095";
}

.fa-duotone.fa-computer-mouse-scrollwheel:after, .fa-duotone.fa-mouse-alt:after, .fad.fa-computer-mouse-scrollwheel:after, .fad.fa-mouse-alt:after {
  content: "\f8cd\f8cd";
}

.fa-duotone.fa-calendar-times:after, .fa-duotone.fa-calendar-xmark:after, .fad.fa-calendar-times:after, .fad.fa-calendar-xmark:after {
  content: "\f273\f273";
}

.fa-duotone.fa-child-reaching:after, .fad.fa-child-reaching:after {
  content: "\e59d\e59d";
}

.fa-duotone.fa-table-layout:after, .fad.fa-table-layout:after {
  content: "\e290\e290";
}

.fa-duotone.fa-narwhal:after, .fad.fa-narwhal:after {
  content: "\f6fe\f6fe";
}

.fa-duotone.fa-ramp-loading:after, .fad.fa-ramp-loading:after {
  content: "\f4d4\f4d4";
}

.fa-duotone.fa-calendar-circle-plus:after, .fad.fa-calendar-circle-plus:after {
  content: "\e470\e470";
}

.fa-duotone.fa-toothbrush:after, .fad.fa-toothbrush:after {
  content: "\f635\f635";
}

.fa-duotone.fa-border-inner:after, .fad.fa-border-inner:after {
  content: "\f84e\f84e";
}

.fa-duotone.fa-paw-claws:after, .fad.fa-paw-claws:after {
  content: "\f702\f702";
}

.fa-duotone.fa-kiwi-fruit:after, .fad.fa-kiwi-fruit:after {
  content: "\e30c\e30c";
}

.fa-duotone.fa-traffic-light-slow:after, .fad.fa-traffic-light-slow:after {
  content: "\f639\f639";
}

.fa-duotone.fa-rectangle-code:after, .fad.fa-rectangle-code:after {
  content: "\e322\e322";
}

.fa-duotone.fa-head-side-virus:after, .fad.fa-head-side-virus:after {
  content: "\e064\e064";
}

.fa-duotone.fa-keyboard-brightness:after, .fad.fa-keyboard-brightness:after {
  content: "\e1c0\e1c0";
}

.fa-duotone.fa-books-medical:after, .fad.fa-books-medical:after {
  content: "\f7e8\f7e8";
}

.fa-duotone.fa-lightbulb-slash:after, .fad.fa-lightbulb-slash:after {
  content: "\f673\f673";
}

.fa-duotone.fa-home-blank:after, .fa-duotone.fa-house-blank:after, .fad.fa-home-blank:after, .fad.fa-house-blank:after {
  content: "\e487\e487";
}

.fa-duotone.fa-square-5:after, .fad.fa-square-5:after {
  content: "\e25a\e25a";
}

.fa-duotone.fa-heart-square:after, .fa-duotone.fa-square-heart:after, .fad.fa-heart-square:after, .fad.fa-square-heart:after {
  content: "\f4c8\f4c8";
}

.fa-duotone.fa-puzzle:after, .fad.fa-puzzle:after {
  content: "\e443\e443";
}

.fa-duotone.fa-user-cog:after, .fa-duotone.fa-user-gear:after, .fad.fa-user-cog:after, .fad.fa-user-gear:after {
  content: "\f4fe\f4fe";
}

.fa-duotone.fa-pipe-circle-check:after, .fad.fa-pipe-circle-check:after {
  content: "\e436\e436";
}

.fa-duotone.fa-arrow-up-1-9:after, .fa-duotone.fa-sort-numeric-up:after, .fad.fa-arrow-up-1-9:after, .fad.fa-sort-numeric-up:after {
  content: "\f163\f163";
}

.fa-duotone.fa-octagon-exclamation:after, .fad.fa-octagon-exclamation:after {
  content: "\e204\e204";
}

.fa-duotone.fa-dial-low:after, .fad.fa-dial-low:after {
  content: "\e15d\e15d";
}

.fa-duotone.fa-door-closed:after, .fad.fa-door-closed:after {
  content: "\f52a\f52a";
}

.fa-duotone.fa-laptop-mobile:after, .fa-duotone.fa-phone-laptop:after, .fad.fa-laptop-mobile:after, .fad.fa-phone-laptop:after {
  content: "\f87a\f87a";
}

.fa-duotone.fa-conveyor-belt-alt:after, .fa-duotone.fa-conveyor-belt-boxes:after, .fad.fa-conveyor-belt-alt:after, .fad.fa-conveyor-belt-boxes:after {
  content: "\f46f\f46f";
}

.fa-duotone.fa-shield-virus:after, .fad.fa-shield-virus:after {
  content: "\e06c\e06c";
}

.fa-duotone.fa-starfighter-alt-advanced:after, .fa-duotone.fa-starfighter-twin-ion-engine-advanced:after, .fad.fa-starfighter-alt-advanced:after, .fad.fa-starfighter-twin-ion-engine-advanced:after {
  content: "\e28e\e28e";
}

.fa-duotone.fa-dice-six:after, .fad.fa-dice-six:after {
  content: "\f526\f526";
}

.fa-duotone.fa-starfighter-alt:after, .fa-duotone.fa-starfighter-twin-ion-engine:after, .fad.fa-starfighter-alt:after, .fad.fa-starfighter-twin-ion-engine:after {
  content: "\e038\e038";
}

.fa-duotone.fa-rocket-launch:after, .fad.fa-rocket-launch:after {
  content: "\e027\e027";
}

.fa-duotone.fa-mosquito-net:after, .fad.fa-mosquito-net:after {
  content: "\e52c\e52c";
}

.fa-duotone.fa-vent-damper:after, .fad.fa-vent-damper:after {
  content: "\e465\e465";
}

.fa-duotone.fa-bridge-water:after, .fad.fa-bridge-water:after {
  content: "\e4ce\e4ce";
}

.fa-duotone.fa-ban-bug:after, .fa-duotone.fa-debug:after, .fad.fa-ban-bug:after, .fad.fa-debug:after {
  content: "\f7f9\f7f9";
}

.fa-duotone.fa-person-booth:after, .fad.fa-person-booth:after {
  content: "\f756\f756";
}

.fa-duotone.fa-text-width:after, .fad.fa-text-width:after {
  content: "\f035\f035";
}

.fa-duotone.fa-garage-car:after, .fad.fa-garage-car:after {
  content: "\e00a\e00a";
}

.fa-duotone.fa-square-kanban:after, .fad.fa-square-kanban:after {
  content: "\e488\e488";
}

.fa-duotone.fa-hat-wizard:after, .fad.fa-hat-wizard:after {
  content: "\f6e8\f6e8";
}

.fa-duotone.fa-chart-kanban:after, .fad.fa-chart-kanban:after {
  content: "\e64f\e64f";
}

.fa-duotone.fa-pen-fancy:after, .fad.fa-pen-fancy:after {
  content: "\f5ac\f5ac";
}

.fa-duotone.fa-coffee-pot:after, .fad.fa-coffee-pot:after {
  content: "\e002\e002";
}

.fa-duotone.fa-mouse-field:after, .fad.fa-mouse-field:after {
  content: "\e5a8\e5a8";
}

.fa-duotone.fa-digging:after, .fa-duotone.fa-person-digging:after, .fad.fa-digging:after, .fad.fa-person-digging:after {
  content: "\f85e\f85e";
}

.fa-duotone.fa-shower-alt:after, .fa-duotone.fa-shower-down:after, .fad.fa-shower-alt:after, .fad.fa-shower-down:after {
  content: "\e24d\e24d";
}

.fa-duotone.fa-box-circle-check:after, .fad.fa-box-circle-check:after {
  content: "\e0c4\e0c4";
}

.fa-duotone.fa-brightness:after, .fad.fa-brightness:after {
  content: "\e0c9\e0c9";
}

.fa-duotone.fa-car-side-bolt:after, .fad.fa-car-side-bolt:after {
  content: "\e344\e344";
}

.fa-duotone.fa-file-xml:after, .fad.fa-file-xml:after {
  content: "\e654\e654";
}

.fa-duotone.fa-ornament:after, .fad.fa-ornament:after {
  content: "\f7b8\f7b8";
}

.fa-duotone.fa-phone-arrow-down-left:after, .fa-duotone.fa-phone-arrow-down:after, .fa-duotone.fa-phone-incoming:after, .fad.fa-phone-arrow-down-left:after, .fad.fa-phone-arrow-down:after, .fad.fa-phone-incoming:after {
  content: "\e223\e223";
}

.fa-duotone.fa-cloud-word:after, .fad.fa-cloud-word:after {
  content: "\e138\e138";
}

.fa-duotone.fa-hand-fingers-crossed:after, .fad.fa-hand-fingers-crossed:after {
  content: "\e1a3\e1a3";
}

.fa-duotone.fa-trash:after, .fad.fa-trash:after {
  content: "\f1f8\f1f8";
}

.fa-duotone.fa-gauge-simple-med:after, .fa-duotone.fa-gauge-simple:after, .fa-duotone.fa-tachometer-average:after, .fad.fa-gauge-simple-med:after, .fad.fa-gauge-simple:after, .fad.fa-tachometer-average:after {
  content: "\f629\f629";
}

.fa-duotone.fa-arrow-down-small-big:after, .fa-duotone.fa-sort-size-down-alt:after, .fad.fa-arrow-down-small-big:after, .fad.fa-sort-size-down-alt:after {
  content: "\f88d\f88d";
}

.fa-duotone.fa-book-medical:after, .fad.fa-book-medical:after {
  content: "\f7e6\f7e6";
}

.fa-duotone.fa-face-melting:after, .fad.fa-face-melting:after {
  content: "\e483\e483";
}

.fa-duotone.fa-poo:after, .fad.fa-poo:after {
  content: "\f2fe\f2fe";
}

.fa-duotone.fa-pen-alt-slash:after, .fa-duotone.fa-pen-clip-slash:after, .fad.fa-pen-alt-slash:after, .fad.fa-pen-clip-slash:after {
  content: "\e20f\e20f";
}

.fa-duotone.fa-quote-right-alt:after, .fa-duotone.fa-quote-right:after, .fad.fa-quote-right-alt:after, .fad.fa-quote-right:after {
  content: "\f10e\f10e";
}

.fa-duotone.fa-scroll-old:after, .fad.fa-scroll-old:after {
  content: "\f70f\f70f";
}

.fa-duotone.fa-guitars:after, .fad.fa-guitars:after {
  content: "\f8bf\f8bf";
}

.fa-duotone.fa-phone-xmark:after, .fad.fa-phone-xmark:after {
  content: "\e227\e227";
}

.fa-duotone.fa-hose:after, .fad.fa-hose:after {
  content: "\e419\e419";
}

.fa-duotone.fa-clock-six:after, .fad.fa-clock-six:after {
  content: "\e352\e352";
}

.fa-duotone.fa-shirt:after, .fa-duotone.fa-t-shirt:after, .fa-duotone.fa-tshirt:after, .fad.fa-shirt:after, .fad.fa-t-shirt:after, .fad.fa-tshirt:after {
  content: "\f553\f553";
}

.fa-duotone.fa-billboard:after, .fad.fa-billboard:after {
  content: "\e5cd\e5cd";
}

.fa-duotone.fa-square-r:after, .fad.fa-square-r:after {
  content: "\e27c\e27c";
}

.fa-duotone.fa-cubes:after, .fad.fa-cubes:after {
  content: "\f1b3\f1b3";
}

.fa-duotone.fa-envelope-open-dollar:after, .fad.fa-envelope-open-dollar:after {
  content: "\f657\f657";
}

.fa-duotone.fa-divide:after, .fad.fa-divide:after {
  content: "\f529\f529";
}

.fa-duotone.fa-sun-cloud:after, .fad.fa-sun-cloud:after {
  content: "\f763\f763";
}

.fa-duotone.fa-lamp-floor:after, .fad.fa-lamp-floor:after {
  content: "\e015\e015";
}

.fa-duotone.fa-square-7:after, .fad.fa-square-7:after {
  content: "\e25c\e25c";
}

.fa-duotone.fa-tenge-sign:after, .fa-duotone.fa-tenge:after, .fad.fa-tenge-sign:after, .fad.fa-tenge:after {
  content: "\f7d7\f7d7";
}

.fa-duotone.fa-headphones:after, .fad.fa-headphones:after {
  content: "\f025\f025";
}

.fa-duotone.fa-hands-holding:after, .fad.fa-hands-holding:after {
  content: "\f4c2\f4c2";
}

.fa-duotone.fa-campfire:after, .fad.fa-campfire:after {
  content: "\f6ba\f6ba";
}

.fa-duotone.fa-circle-ampersand:after, .fad.fa-circle-ampersand:after {
  content: "\e0f8\e0f8";
}

.fa-duotone.fa-snowflakes:after, .fad.fa-snowflakes:after {
  content: "\f7cf\f7cf";
}

.fa-duotone.fa-hands-clapping:after, .fad.fa-hands-clapping:after {
  content: "\e1a8\e1a8";
}

.fa-duotone.fa-republican:after, .fad.fa-republican:after {
  content: "\f75e\f75e";
}

.fa-duotone.fa-leaf-maple:after, .fad.fa-leaf-maple:after {
  content: "\f6f6\f6f6";
}

.fa-duotone.fa-arrow-left:after, .fad.fa-arrow-left:after {
  content: "\f060\f060";
}

.fa-duotone.fa-person-circle-xmark:after, .fad.fa-person-circle-xmark:after {
  content: "\e543\e543";
}

.fa-duotone.fa-ruler:after, .fad.fa-ruler:after {
  content: "\f545\f545";
}

.fa-duotone.fa-cup-straw-swoosh:after, .fad.fa-cup-straw-swoosh:after {
  content: "\e364\e364";
}

.fa-duotone.fa-temperature-hot:after, .fa-duotone.fa-temperature-sun:after, .fad.fa-temperature-hot:after, .fad.fa-temperature-sun:after {
  content: "\f76a\f76a";
}

.fa-duotone.fa-align-left:after, .fad.fa-align-left:after {
  content: "\f036\f036";
}

.fa-duotone.fa-dice-d6:after, .fad.fa-dice-d6:after {
  content: "\f6d1\f6d1";
}

.fa-duotone.fa-restroom:after, .fad.fa-restroom:after {
  content: "\f7bd\f7bd";
}

.fa-duotone.fa-high-definition:after, .fa-duotone.fa-rectangle-hd:after, .fad.fa-high-definition:after, .fad.fa-rectangle-hd:after {
  content: "\e1ae\e1ae";
}

.fa-duotone.fa-j:after, .fad.fa-j:after {
  content: "JJ";
}

.fa-duotone.fa-galaxy:after, .fad.fa-galaxy:after {
  content: "\e008\e008";
}

.fa-duotone.fa-users-viewfinder:after, .fad.fa-users-viewfinder:after {
  content: "\e595\e595";
}

.fa-duotone.fa-file-video:after, .fad.fa-file-video:after {
  content: "\f1c8\f1c8";
}

.fa-duotone.fa-cherries:after, .fad.fa-cherries:after {
  content: "\e0ec\e0ec";
}

.fa-duotone.fa-external-link-alt:after, .fa-duotone.fa-up-right-from-square:after, .fad.fa-external-link-alt:after, .fad.fa-up-right-from-square:after {
  content: "\f35d\f35d";
}

.fa-duotone.fa-circle-sort:after, .fa-duotone.fa-sort-circle:after, .fad.fa-circle-sort:after, .fad.fa-sort-circle:after {
  content: "\e030\e030";
}

.fa-duotone.fa-table-cells:after, .fa-duotone.fa-th:after, .fad.fa-table-cells:after, .fad.fa-th:after {
  content: "\f00a\f00a";
}

.fa-duotone.fa-bag-shopping-minus:after, .fad.fa-bag-shopping-minus:after {
  content: "\e650\e650";
}

.fa-duotone.fa-file-pdf:after, .fad.fa-file-pdf:after {
  content: "\f1c1\f1c1";
}

.fa-duotone.fa-siren:after, .fad.fa-siren:after {
  content: "\e02d\e02d";
}

.fa-duotone.fa-arrow-up-to-dotted-line:after, .fad.fa-arrow-up-to-dotted-line:after {
  content: "\e0a1\e0a1";
}

.fa-duotone.fa-image-landscape:after, .fa-duotone.fa-landscape:after, .fad.fa-image-landscape:after, .fad.fa-landscape:after {
  content: "\e1b5\e1b5";
}

.fa-duotone.fa-tank-water:after, .fad.fa-tank-water:after {
  content: "\e452\e452";
}

.fa-duotone.fa-curling-stone:after, .fa-duotone.fa-curling:after, .fad.fa-curling-stone:after, .fad.fa-curling:after {
  content: "\f44a\f44a";
}

.fa-duotone.fa-gamepad-alt:after, .fa-duotone.fa-gamepad-modern:after, .fad.fa-gamepad-alt:after, .fad.fa-gamepad-modern:after {
  content: "\e5a2\e5a2";
}

.fa-duotone.fa-messages-question:after, .fad.fa-messages-question:after {
  content: "\e1e7\e1e7";
}

.fa-duotone.fa-bible:after, .fa-duotone.fa-book-bible:after, .fad.fa-bible:after, .fad.fa-book-bible:after {
  content: "\f647\f647";
}

.fa-duotone.fa-o:after, .fad.fa-o:after {
  content: "OO";
}

.fa-duotone.fa-medkit:after, .fa-duotone.fa-suitcase-medical:after, .fad.fa-medkit:after, .fad.fa-suitcase-medical:after {
  content: "\f0fa\f0fa";
}

.fa-duotone.fa-briefcase-arrow-right:after, .fad.fa-briefcase-arrow-right:after {
  content: "\e2f2\e2f2";
}

.fa-duotone.fa-expand-wide:after, .fad.fa-expand-wide:after {
  content: "\f320\f320";
}

.fa-duotone.fa-clock-eleven-thirty:after, .fad.fa-clock-eleven-thirty:after {
  content: "\e348\e348";
}

.fa-duotone.fa-rv:after, .fad.fa-rv:after {
  content: "\f7be\f7be";
}

.fa-duotone.fa-user-secret:after, .fad.fa-user-secret:after {
  content: "\f21b\f21b";
}

.fa-duotone.fa-otter:after, .fad.fa-otter:after {
  content: "\f700\f700";
}

.fa-duotone.fa-dreidel:after, .fad.fa-dreidel:after {
  content: "\f792\f792";
}

.fa-duotone.fa-female:after, .fa-duotone.fa-person-dress:after, .fad.fa-female:after, .fad.fa-person-dress:after {
  content: "\f182\f182";
}

.fa-duotone.fa-comment-dollar:after, .fad.fa-comment-dollar:after {
  content: "\f651\f651";
}

.fa-duotone.fa-briefcase-clock:after, .fa-duotone.fa-business-time:after, .fad.fa-briefcase-clock:after, .fad.fa-business-time:after {
  content: "\f64a\f64a";
}

.fa-duotone.fa-flower-tulip:after, .fad.fa-flower-tulip:after {
  content: "\f801\f801";
}

.fa-duotone.fa-people-pants-simple:after, .fad.fa-people-pants-simple:after {
  content: "\e21a\e21a";
}

.fa-duotone.fa-cloud-drizzle:after, .fad.fa-cloud-drizzle:after {
  content: "\f738\f738";
}

.fa-duotone.fa-table-cells-large:after, .fa-duotone.fa-th-large:after, .fad.fa-table-cells-large:after, .fad.fa-th-large:after {
  content: "\f009\f009";
}

.fa-duotone.fa-book-tanakh:after, .fa-duotone.fa-tanakh:after, .fad.fa-book-tanakh:after, .fad.fa-tanakh:after {
  content: "\f827\f827";
}

.fa-duotone.fa-solar-system:after, .fad.fa-solar-system:after {
  content: "\e02f\e02f";
}

.fa-duotone.fa-seal-question:after, .fad.fa-seal-question:after {
  content: "\e243\e243";
}

.fa-duotone.fa-phone-volume:after, .fa-duotone.fa-volume-control-phone:after, .fad.fa-phone-volume:after, .fad.fa-volume-control-phone:after {
  content: "\f2a0\f2a0";
}

.fa-duotone.fa-disc-drive:after, .fad.fa-disc-drive:after {
  content: "\f8b5\f8b5";
}

.fa-duotone.fa-hat-cowboy-side:after, .fad.fa-hat-cowboy-side:after {
  content: "\f8c1\f8c1";
}

.fa-duotone.fa-rows:after, .fa-duotone.fa-table-rows:after, .fad.fa-rows:after, .fad.fa-table-rows:after {
  content: "\e292\e292";
}

.fa-duotone.fa-location-exclamation:after, .fa-duotone.fa-map-marker-exclamation:after, .fad.fa-location-exclamation:after, .fad.fa-map-marker-exclamation:after {
  content: "\f608\f608";
}

.fa-duotone.fa-face-fearful:after, .fad.fa-face-fearful:after {
  content: "\e375\e375";
}

.fa-duotone.fa-clipboard-user:after, .fad.fa-clipboard-user:after {
  content: "\f7f3\f7f3";
}

.fa-duotone.fa-bus-school:after, .fad.fa-bus-school:after {
  content: "\f5dd\f5dd";
}

.fa-duotone.fa-film-slash:after, .fad.fa-film-slash:after {
  content: "\e179\e179";
}

.fa-duotone.fa-square-arrow-down-right:after, .fad.fa-square-arrow-down-right:after {
  content: "\e262\e262";
}

.fa-duotone.fa-book-sparkles:after, .fa-duotone.fa-book-spells:after, .fad.fa-book-sparkles:after, .fad.fa-book-spells:after {
  content: "\f6b8\f6b8";
}

.fa-duotone.fa-washer:after, .fa-duotone.fa-washing-machine:after, .fad.fa-washer:after, .fad.fa-washing-machine:after {
  content: "\f898\f898";
}

.fa-duotone.fa-child:after, .fad.fa-child:after {
  content: "\f1ae\f1ae";
}

.fa-duotone.fa-lira-sign:after, .fad.fa-lira-sign:after {
  content: "\f195\f195";
}

.fa-duotone.fa-user-visor:after, .fad.fa-user-visor:after {
  content: "\e04c\e04c";
}

.fa-duotone.fa-file-plus-minus:after, .fad.fa-file-plus-minus:after {
  content: "\e177\e177";
}

.fa-duotone.fa-chess-clock-alt:after, .fa-duotone.fa-chess-clock-flip:after, .fad.fa-chess-clock-alt:after, .fad.fa-chess-clock-flip:after {
  content: "\f43e\f43e";
}

.fa-duotone.fa-satellite:after, .fad.fa-satellite:after {
  content: "\f7bf\f7bf";
}

.fa-duotone.fa-truck-fire:after, .fad.fa-truck-fire:after {
  content: "\e65a\e65a";
}

.fa-duotone.fa-plane-lock:after, .fad.fa-plane-lock:after {
  content: "\e558\e558";
}

.fa-duotone.fa-steering-wheel:after, .fad.fa-steering-wheel:after {
  content: "\f622\f622";
}

.fa-duotone.fa-tag:after, .fad.fa-tag:after {
  content: "\f02b\f02b";
}

.fa-duotone.fa-stretcher:after, .fad.fa-stretcher:after {
  content: "\f825\f825";
}

.fa-duotone.fa-book-law:after, .fa-duotone.fa-book-section:after, .fad.fa-book-law:after, .fad.fa-book-section:after {
  content: "\e0c1\e0c1";
}

.fa-duotone.fa-inboxes:after, .fad.fa-inboxes:after {
  content: "\e1bb\e1bb";
}

.fa-duotone.fa-coffee-bean:after, .fad.fa-coffee-bean:after {
  content: "\e13e\e13e";
}

.fa-duotone.fa-circle-yen:after, .fad.fa-circle-yen:after {
  content: "\e5d0\e5d0";
}

.fa-duotone.fa-brackets-curly:after, .fad.fa-brackets-curly:after {
  content: "\f7ea\f7ea";
}

.fa-duotone.fa-ellipsis-stroke-vertical:after, .fa-duotone.fa-ellipsis-v-alt:after, .fad.fa-ellipsis-stroke-vertical:after, .fad.fa-ellipsis-v-alt:after {
  content: "\f39c\f39c";
}

.fa-duotone.fa-comment:after, .fad.fa-comment:after {
  content: "\f075\f075";
}

.fa-duotone.fa-square-1:after, .fad.fa-square-1:after {
  content: "\e256\e256";
}

.fa-duotone.fa-birthday-cake:after, .fa-duotone.fa-cake-candles:after, .fa-duotone.fa-cake:after, .fad.fa-birthday-cake:after, .fad.fa-cake-candles:after, .fad.fa-cake:after {
  content: "\f1fd\f1fd";
}

.fa-duotone.fa-head-side:after, .fad.fa-head-side:after {
  content: "\f6e9\f6e9";
}

.fa-duotone.fa-truck-ladder:after, .fad.fa-truck-ladder:after {
  content: "\e657\e657";
}

.fa-duotone.fa-envelope:after, .fad.fa-envelope:after {
  content: "\f0e0\f0e0";
}

.fa-duotone.fa-dolly-empty:after, .fad.fa-dolly-empty:after {
  content: "\f473\f473";
}

.fa-duotone.fa-face-tissue:after, .fad.fa-face-tissue:after {
  content: "\e39c\e39c";
}

.fa-duotone.fa-angle-double-up:after, .fa-duotone.fa-angles-up:after, .fad.fa-angle-double-up:after, .fad.fa-angles-up:after {
  content: "\f102\f102";
}

.fa-duotone.fa-bin-recycle:after, .fad.fa-bin-recycle:after {
  content: "\e5f7\e5f7";
}

.fa-duotone.fa-paperclip:after, .fad.fa-paperclip:after {
  content: "\f0c6\f0c6";
}

.fa-duotone.fa-chart-line-down:after, .fad.fa-chart-line-down:after {
  content: "\f64d\f64d";
}

.fa-duotone.fa-arrow-right-to-city:after, .fad.fa-arrow-right-to-city:after {
  content: "\e4b3\e4b3";
}

.fa-duotone.fa-lock-a:after, .fad.fa-lock-a:after {
  content: "\e422\e422";
}

.fa-duotone.fa-ribbon:after, .fad.fa-ribbon:after {
  content: "\f4d6\f4d6";
}

.fa-duotone.fa-lungs:after, .fad.fa-lungs:after {
  content: "\f604\f604";
}

.fa-duotone.fa-person-pinball:after, .fad.fa-person-pinball:after {
  content: "\e21d\e21d";
}

.fa-duotone.fa-arrow-up-9-1:after, .fa-duotone.fa-sort-numeric-up-alt:after, .fad.fa-arrow-up-9-1:after, .fad.fa-sort-numeric-up-alt:after {
  content: "\f887\f887";
}

.fa-duotone.fa-apple-core:after, .fad.fa-apple-core:after {
  content: "\e08f\e08f";
}

.fa-duotone.fa-circle-y:after, .fad.fa-circle-y:after {
  content: "\e12f\e12f";
}

.fa-duotone.fa-h6:after, .fad.fa-h6:after {
  content: "\e413\e413";
}

.fa-duotone.fa-litecoin-sign:after, .fad.fa-litecoin-sign:after {
  content: "\e1d3\e1d3";
}

.fa-duotone.fa-circle-small:after, .fad.fa-circle-small:after {
  content: "\e122\e122";
}

.fa-duotone.fa-border-none:after, .fad.fa-border-none:after {
  content: "\f850\f850";
}

.fa-duotone.fa-arrow-turn-down-left:after, .fad.fa-arrow-turn-down-left:after {
  content: "\e2e1\e2e1";
}

.fa-duotone.fa-circle-nodes:after, .fad.fa-circle-nodes:after {
  content: "\e4e2\e4e2";
}

.fa-duotone.fa-parachute-box:after, .fad.fa-parachute-box:after {
  content: "\f4cd\f4cd";
}

.fa-duotone.fa-reflect-horizontal:after, .fad.fa-reflect-horizontal:after {
  content: "\e664\e664";
}

.fa-duotone.fa-comment-alt-medical:after, .fa-duotone.fa-message-medical:after, .fad.fa-comment-alt-medical:after, .fad.fa-message-medical:after {
  content: "\f7f4\f7f4";
}

.fa-duotone.fa-rugby-ball:after, .fad.fa-rugby-ball:after {
  content: "\e3c6\e3c6";
}

.fa-duotone.fa-comment-music:after, .fad.fa-comment-music:after {
  content: "\f8b0\f8b0";
}

.fa-duotone.fa-indent:after, .fad.fa-indent:after {
  content: "\f03c\f03c";
}

.fa-duotone.fa-tree-alt:after, .fa-duotone.fa-tree-deciduous:after, .fad.fa-tree-alt:after, .fad.fa-tree-deciduous:after {
  content: "\f400\f400";
}

.fa-duotone.fa-puzzle-piece-alt:after, .fa-duotone.fa-puzzle-piece-simple:after, .fad.fa-puzzle-piece-alt:after, .fad.fa-puzzle-piece-simple:after {
  content: "\e231\e231";
}

.fa-duotone.fa-truck-field-un:after, .fad.fa-truck-field-un:after {
  content: "\e58e\e58e";
}

.fa-duotone.fa-nfc-trash:after, .fad.fa-nfc-trash:after {
  content: "\e1fd\e1fd";
}

.fa-duotone.fa-hourglass-empty:after, .fa-duotone.fa-hourglass:after, .fad.fa-hourglass-empty:after, .fad.fa-hourglass:after {
  content: "\f254\f254";
}

.fa-duotone.fa-mountain:after, .fad.fa-mountain:after {
  content: "\f6fc\f6fc";
}

.fa-duotone.fa-file-times:after, .fa-duotone.fa-file-xmark:after, .fad.fa-file-times:after, .fad.fa-file-xmark:after {
  content: "\f317\f317";
}

.fa-duotone.fa-home-heart:after, .fa-duotone.fa-house-heart:after, .fad.fa-home-heart:after, .fad.fa-house-heart:after {
  content: "\f4c9\f4c9";
}

.fa-duotone.fa-house-chimney-blank:after, .fad.fa-house-chimney-blank:after {
  content: "\e3b0\e3b0";
}

.fa-duotone.fa-meter-bolt:after, .fad.fa-meter-bolt:after {
  content: "\e1e9\e1e9";
}

.fa-duotone.fa-user-doctor:after, .fa-duotone.fa-user-md:after, .fad.fa-user-doctor:after, .fad.fa-user-md:after {
  content: "\f0f0\f0f0";
}

.fa-duotone.fa-slash-back:after, .fad.fa-slash-back:after {
  content: "\\\\";
}

.fa-duotone.fa-circle-info:after, .fa-duotone.fa-info-circle:after, .fad.fa-circle-info:after, .fad.fa-info-circle:after {
  content: "\f05a\f05a";
}

.fa-duotone.fa-fishing-rod:after, .fad.fa-fishing-rod:after {
  content: "\e3a8\e3a8";
}

.fa-duotone.fa-hammer-crash:after, .fad.fa-hammer-crash:after {
  content: "\e414\e414";
}

.fa-duotone.fa-message-heart:after, .fad.fa-message-heart:after {
  content: "\e5c9\e5c9";
}

.fa-duotone.fa-cloud-meatball:after, .fad.fa-cloud-meatball:after {
  content: "\f73b\f73b";
}

.fa-duotone.fa-camera-polaroid:after, .fad.fa-camera-polaroid:after {
  content: "\f8aa\f8aa";
}

.fa-duotone.fa-camera-alt:after, .fa-duotone.fa-camera:after, .fad.fa-camera-alt:after, .fad.fa-camera:after {
  content: "\f030\f030";
}

.fa-duotone.fa-square-virus:after, .fad.fa-square-virus:after {
  content: "\e578\e578";
}

.fa-duotone.fa-cart-arrow-up:after, .fad.fa-cart-arrow-up:after {
  content: "\e3ee\e3ee";
}

.fa-duotone.fa-meteor:after, .fad.fa-meteor:after {
  content: "\f753\f753";
}

.fa-duotone.fa-car-on:after, .fad.fa-car-on:after {
  content: "\e4dd\e4dd";
}

.fa-duotone.fa-sleigh:after, .fad.fa-sleigh:after {
  content: "\f7cc\f7cc";
}

.fa-duotone.fa-arrow-down-1-9:after, .fa-duotone.fa-sort-numeric-asc:after, .fa-duotone.fa-sort-numeric-down:after, .fad.fa-arrow-down-1-9:after, .fad.fa-sort-numeric-asc:after, .fad.fa-sort-numeric-down:after {
  content: "\f162\f162";
}

.fa-duotone.fa-buoy-mooring:after, .fad.fa-buoy-mooring:after {
  content: "\e5b6\e5b6";
}

.fa-duotone.fa-square-4:after, .fad.fa-square-4:after {
  content: "\e259\e259";
}

.fa-duotone.fa-hand-holding-droplet:after, .fa-duotone.fa-hand-holding-water:after, .fad.fa-hand-holding-droplet:after, .fad.fa-hand-holding-water:after {
  content: "\f4c1\f4c1";
}

.fa-duotone.fa-file-eps:after, .fad.fa-file-eps:after {
  content: "\e644\e644";
}

.fa-duotone.fa-tricycle-adult:after, .fad.fa-tricycle-adult:after {
  content: "\e5c4\e5c4";
}

.fa-duotone.fa-waveform:after, .fad.fa-waveform:after {
  content: "\f8f1\f8f1";
}

.fa-duotone.fa-water:after, .fad.fa-water:after {
  content: "\f773\f773";
}

.fa-duotone.fa-star-sharp-half-alt:after, .fa-duotone.fa-star-sharp-half-stroke:after, .fad.fa-star-sharp-half-alt:after, .fad.fa-star-sharp-half-stroke:after {
  content: "\e28d\e28d";
}

.fa-duotone.fa-nfc-signal:after, .fad.fa-nfc-signal:after {
  content: "\e1fb\e1fb";
}

.fa-duotone.fa-plane-prop:after, .fad.fa-plane-prop:after {
  content: "\e22b\e22b";
}

.fa-duotone.fa-calendar-check:after, .fad.fa-calendar-check:after {
  content: "\f274\f274";
}

.fa-duotone.fa-clock-desk:after, .fad.fa-clock-desk:after {
  content: "\e134\e134";
}

.fa-duotone.fa-calendar-clock:after, .fa-duotone.fa-calendar-time:after, .fad.fa-calendar-clock:after, .fad.fa-calendar-time:after {
  content: "\e0d2\e0d2";
}

.fa-duotone.fa-braille:after, .fad.fa-braille:after {
  content: "\f2a1\f2a1";
}

.fa-duotone.fa-prescription-bottle-alt:after, .fa-duotone.fa-prescription-bottle-medical:after, .fad.fa-prescription-bottle-alt:after, .fad.fa-prescription-bottle-medical:after {
  content: "\f486\f486";
}

.fa-duotone.fa-plate-utensils:after, .fad.fa-plate-utensils:after {
  content: "\e43b\e43b";
}

.fa-duotone.fa-family-pants:after, .fad.fa-family-pants:after {
  content: "\e302\e302";
}

.fa-duotone.fa-hose-reel:after, .fad.fa-hose-reel:after {
  content: "\e41a\e41a";
}

.fa-duotone.fa-house-window:after, .fad.fa-house-window:after {
  content: "\e3b3\e3b3";
}

.fa-duotone.fa-landmark:after, .fad.fa-landmark:after {
  content: "\f66f\f66f";
}

.fa-duotone.fa-truck:after, .fad.fa-truck:after {
  content: "\f0d1\f0d1";
}

.fa-duotone.fa-music-magnifying-glass:after, .fad.fa-music-magnifying-glass:after {
  content: "\e662\e662";
}

.fa-duotone.fa-crosshairs:after, .fad.fa-crosshairs:after {
  content: "\f05b\f05b";
}

.fa-duotone.fa-cloud-rainbow:after, .fad.fa-cloud-rainbow:after {
  content: "\f73e\f73e";
}

.fa-duotone.fa-person-cane:after, .fad.fa-person-cane:after {
  content: "\e53c\e53c";
}

.fa-duotone.fa-alien:after, .fad.fa-alien:after {
  content: "\f8f5\f8f5";
}

.fa-duotone.fa-tent:after, .fad.fa-tent:after {
  content: "\e57d\e57d";
}

.fa-duotone.fa-laptop-binary:after, .fad.fa-laptop-binary:after {
  content: "\e5e7\e5e7";
}

.fa-duotone.fa-vest-patches:after, .fad.fa-vest-patches:after {
  content: "\e086\e086";
}

.fa-duotone.fa-people-dress-simple:after, .fad.fa-people-dress-simple:after {
  content: "\e218\e218";
}

.fa-duotone.fa-check-double:after, .fad.fa-check-double:after {
  content: "\f560\f560";
}

.fa-duotone.fa-arrow-down-a-z:after, .fa-duotone.fa-sort-alpha-asc:after, .fa-duotone.fa-sort-alpha-down:after, .fad.fa-arrow-down-a-z:after, .fad.fa-sort-alpha-asc:after, .fad.fa-sort-alpha-down:after {
  content: "\f15d\f15d";
}

.fa-duotone.fa-bowling-ball-pin:after, .fad.fa-bowling-ball-pin:after {
  content: "\e0c3\e0c3";
}

.fa-duotone.fa-bell-school-slash:after, .fad.fa-bell-school-slash:after {
  content: "\f5d6\f5d6";
}

.fa-duotone.fa-plus-large:after, .fad.fa-plus-large:after {
  content: "\e59e\e59e";
}

.fa-duotone.fa-money-bill-wheat:after, .fad.fa-money-bill-wheat:after {
  content: "\e52a\e52a";
}

.fa-duotone.fa-camera-viewfinder:after, .fa-duotone.fa-screenshot:after, .fad.fa-camera-viewfinder:after, .fad.fa-screenshot:after {
  content: "\e0da\e0da";
}

.fa-duotone.fa-comment-alt-music:after, .fa-duotone.fa-message-music:after, .fad.fa-comment-alt-music:after, .fad.fa-message-music:after {
  content: "\f8af\f8af";
}

.fa-duotone.fa-car-building:after, .fad.fa-car-building:after {
  content: "\f859\f859";
}

.fa-duotone.fa-border-bottom-right:after, .fa-duotone.fa-border-style-alt:after, .fad.fa-border-bottom-right:after, .fad.fa-border-style-alt:after {
  content: "\f854\f854";
}

.fa-duotone.fa-octagon:after, .fad.fa-octagon:after {
  content: "\f306\f306";
}

.fa-duotone.fa-comment-arrow-up-right:after, .fad.fa-comment-arrow-up-right:after {
  content: "\e145\e145";
}

.fa-duotone.fa-octagon-divide:after, .fad.fa-octagon-divide:after {
  content: "\e203\e203";
}

.fa-duotone.fa-cookie:after, .fad.fa-cookie:after {
  content: "\f563\f563";
}

.fa-duotone.fa-arrow-left-rotate:after, .fa-duotone.fa-arrow-rotate-back:after, .fa-duotone.fa-arrow-rotate-backward:after, .fa-duotone.fa-arrow-rotate-left:after, .fa-duotone.fa-undo:after, .fad.fa-arrow-left-rotate:after, .fad.fa-arrow-rotate-back:after, .fad.fa-arrow-rotate-backward:after, .fad.fa-arrow-rotate-left:after, .fad.fa-undo:after {
  content: "\f0e2\f0e2";
}

.fa-duotone.fa-tv-music:after, .fad.fa-tv-music:after {
  content: "\f8e6\f8e6";
}

.fa-duotone.fa-hard-drive:after, .fa-duotone.fa-hdd:after, .fad.fa-hard-drive:after, .fad.fa-hdd:after {
  content: "\f0a0\f0a0";
}

.fa-duotone.fa-reel:after, .fad.fa-reel:after {
  content: "\e238\e238";
}

.fa-duotone.fa-face-grin-squint-tears:after, .fa-duotone.fa-grin-squint-tears:after, .fad.fa-face-grin-squint-tears:after, .fad.fa-grin-squint-tears:after {
  content: "\f586\f586";
}

.fa-duotone.fa-dumbbell:after, .fad.fa-dumbbell:after {
  content: "\f44b\f44b";
}

.fa-duotone.fa-list-alt:after, .fa-duotone.fa-rectangle-list:after, .fad.fa-list-alt:after, .fad.fa-rectangle-list:after {
  content: "\f022\f022";
}

.fa-duotone.fa-tarp-droplet:after, .fad.fa-tarp-droplet:after {
  content: "\e57c\e57c";
}

.fa-duotone.fa-alarm-exclamation:after, .fad.fa-alarm-exclamation:after {
  content: "\f843\f843";
}

.fa-duotone.fa-house-medical-circle-check:after, .fad.fa-house-medical-circle-check:after {
  content: "\e511\e511";
}

.fa-duotone.fa-traffic-cone:after, .fad.fa-traffic-cone:after {
  content: "\f636\f636";
}

.fa-duotone.fa-grate:after, .fad.fa-grate:after {
  content: "\e193\e193";
}

.fa-duotone.fa-arrow-down-right:after, .fad.fa-arrow-down-right:after {
  content: "\e093\e093";
}

.fa-duotone.fa-person-skiing-nordic:after, .fa-duotone.fa-skiing-nordic:after, .fad.fa-person-skiing-nordic:after, .fad.fa-skiing-nordic:after {
  content: "\f7ca\f7ca";
}

.fa-duotone.fa-calendar-plus:after, .fad.fa-calendar-plus:after {
  content: "\f271\f271";
}

.fa-duotone.fa-person-from-portal:after, .fa-duotone.fa-portal-exit:after, .fad.fa-person-from-portal:after, .fad.fa-portal-exit:after {
  content: "\e023\e023";
}

.fa-duotone.fa-plane-arrival:after, .fad.fa-plane-arrival:after {
  content: "\f5af\f5af";
}

.fa-duotone.fa-cowbell-circle-plus:after, .fa-duotone.fa-cowbell-more:after, .fad.fa-cowbell-circle-plus:after, .fad.fa-cowbell-more:after {
  content: "\f8b4\f8b4";
}

.fa-duotone.fa-arrow-alt-circle-left:after, .fa-duotone.fa-circle-left:after, .fad.fa-arrow-alt-circle-left:after, .fad.fa-circle-left:after {
  content: "\f359\f359";
}

.fa-duotone.fa-distribute-spacing-vertical:after, .fad.fa-distribute-spacing-vertical:after {
  content: "\e366\e366";
}

.fa-duotone.fa-signal-alt-2:after, .fa-duotone.fa-signal-bars-fair:after, .fad.fa-signal-alt-2:after, .fad.fa-signal-bars-fair:after {
  content: "\f692\f692";
}

.fa-duotone.fa-sportsball:after, .fad.fa-sportsball:after {
  content: "\e44b\e44b";
}

.fa-duotone.fa-game-console-handheld-crank:after, .fad.fa-game-console-handheld-crank:after {
  content: "\e5b9\e5b9";
}

.fa-duotone.fa-subway:after, .fa-duotone.fa-train-subway:after, .fad.fa-subway:after, .fad.fa-train-subway:after {
  content: "\f239\f239";
}

.fa-duotone.fa-chart-gantt:after, .fad.fa-chart-gantt:after {
  content: "\e0e4\e0e4";
}

.fa-duotone.fa-face-smile-upside-down:after, .fad.fa-face-smile-upside-down:after {
  content: "\e395\e395";
}

.fa-duotone.fa-ball-pile:after, .fad.fa-ball-pile:after {
  content: "\f77e\f77e";
}

.fa-duotone.fa-badge-dollar:after, .fad.fa-badge-dollar:after {
  content: "\f645\f645";
}

.fa-duotone.fa-money-bills-alt:after, .fa-duotone.fa-money-bills-simple:after, .fad.fa-money-bills-alt:after, .fad.fa-money-bills-simple:after {
  content: "\e1f4\e1f4";
}

.fa-duotone.fa-list-timeline:after, .fad.fa-list-timeline:after {
  content: "\e1d1\e1d1";
}

.fa-duotone.fa-indian-rupee-sign:after, .fa-duotone.fa-indian-rupee:after, .fa-duotone.fa-inr:after, .fad.fa-indian-rupee-sign:after, .fad.fa-indian-rupee:after, .fad.fa-inr:after {
  content: "\e1bc\e1bc";
}

.fa-duotone.fa-crop-alt:after, .fa-duotone.fa-crop-simple:after, .fad.fa-crop-alt:after, .fad.fa-crop-simple:after {
  content: "\f565\f565";
}

.fa-duotone.fa-money-bill-1:after, .fa-duotone.fa-money-bill-alt:after, .fad.fa-money-bill-1:after, .fad.fa-money-bill-alt:after {
  content: "\f3d1\f3d1";
}

.fa-duotone.fa-left-long:after, .fa-duotone.fa-long-arrow-alt-left:after, .fad.fa-left-long:after, .fad.fa-long-arrow-alt-left:after {
  content: "\f30a\f30a";
}

.fa-duotone.fa-keyboard-down:after, .fad.fa-keyboard-down:after {
  content: "\e1c2\e1c2";
}

.fa-duotone.fa-circle-up-right:after, .fad.fa-circle-up-right:after {
  content: "\e129\e129";
}

.fa-duotone.fa-cloud-bolt-moon:after, .fa-duotone.fa-thunderstorm-moon:after, .fad.fa-cloud-bolt-moon:after, .fad.fa-thunderstorm-moon:after {
  content: "\f76d\f76d";
}

.fa-duotone.fa-turn-left-up:after, .fad.fa-turn-left-up:after {
  content: "\e638\e638";
}

.fa-duotone.fa-dna:after, .fad.fa-dna:after {
  content: "\f471\f471";
}

.fa-duotone.fa-virus-slash:after, .fad.fa-virus-slash:after {
  content: "\e075\e075";
}

.fa-duotone.fa-bracket-round-right:after, .fad.fa-bracket-round-right:after {
  content: "))";
}

.fa-duotone.fa-circle-sterling:after, .fad.fa-circle-sterling:after {
  content: "\e5cf\e5cf";
}

.fa-duotone.fa-circle-5:after, .fad.fa-circle-5:after {
  content: "\e0f2\e0f2";
}

.fa-duotone.fa-minus:after, .fa-duotone.fa-subtract:after, .fad.fa-minus:after, .fad.fa-subtract:after {
  content: "\f068\f068";
}

.fa-duotone.fa-fire-flame:after, .fa-duotone.fa-flame:after, .fad.fa-fire-flame:after, .fad.fa-flame:after {
  content: "\f6df\f6df";
}

.fa-duotone.fa-arrow-alt-to-right:after, .fa-duotone.fa-right-to-line:after, .fad.fa-arrow-alt-to-right:after, .fad.fa-right-to-line:after {
  content: "\f34c\f34c";
}

.fa-duotone.fa-gif:after, .fad.fa-gif:after {
  content: "\e190\e190";
}

.fa-duotone.fa-chess:after, .fad.fa-chess:after {
  content: "\f439\f439";
}

.fa-duotone.fa-trash-slash:after, .fad.fa-trash-slash:after {
  content: "\e2b3\e2b3";
}

.fa-duotone.fa-arrow-left-long:after, .fa-duotone.fa-long-arrow-left:after, .fad.fa-arrow-left-long:after, .fad.fa-long-arrow-left:after {
  content: "\f177\f177";
}

.fa-duotone.fa-plug-circle-check:after, .fad.fa-plug-circle-check:after {
  content: "\e55c\e55c";
}

.fa-duotone.fa-font-case:after, .fad.fa-font-case:after {
  content: "\f866\f866";
}

.fa-duotone.fa-street-view:after, .fad.fa-street-view:after {
  content: "\f21d\f21d";
}

.fa-duotone.fa-arrow-down-left:after, .fad.fa-arrow-down-left:after {
  content: "\e091\e091";
}

.fa-duotone.fa-franc-sign:after, .fad.fa-franc-sign:after {
  content: "\e18f\e18f";
}

.fa-duotone.fa-flask-poison:after, .fa-duotone.fa-flask-round-poison:after, .fad.fa-flask-poison:after, .fad.fa-flask-round-poison:after {
  content: "\f6e0\f6e0";
}

.fa-duotone.fa-volume-off:after, .fad.fa-volume-off:after {
  content: "\f026\f026";
}

.fa-duotone.fa-book-circle-arrow-right:after, .fad.fa-book-circle-arrow-right:after {
  content: "\e0bc\e0bc";
}

.fa-duotone.fa-chart-user:after, .fa-duotone.fa-user-chart:after, .fad.fa-chart-user:after, .fad.fa-user-chart:after {
  content: "\f6a3\f6a3";
}

.fa-duotone.fa-american-sign-language-interpreting:after, .fa-duotone.fa-asl-interpreting:after, .fa-duotone.fa-hands-american-sign-language-interpreting:after, .fa-duotone.fa-hands-asl-interpreting:after, .fad.fa-american-sign-language-interpreting:after, .fad.fa-asl-interpreting:after, .fad.fa-hands-american-sign-language-interpreting:after, .fad.fa-hands-asl-interpreting:after {
  content: "\f2a3\f2a3";
}

.fa-duotone.fa-presentation-screen:after, .fa-duotone.fa-presentation:after, .fad.fa-presentation-screen:after, .fad.fa-presentation:after {
  content: "\f685\f685";
}

.fa-duotone.fa-circle-bolt:after, .fad.fa-circle-bolt:after {
  content: "\e0fe\e0fe";
}

.fa-duotone.fa-face-smile-halo:after, .fad.fa-face-smile-halo:after {
  content: "\e38f\e38f";
}

.fa-duotone.fa-cart-circle-arrow-down:after, .fad.fa-cart-circle-arrow-down:after {
  content: "\e3ef\e3ef";
}

.fa-duotone.fa-house-person-arrive:after, .fa-duotone.fa-house-person-return:after, .fa-duotone.fa-house-return:after, .fad.fa-house-person-arrive:after, .fad.fa-house-person-return:after, .fad.fa-house-return:after {
  content: "\e011\e011";
}

.fa-duotone.fa-comment-alt-times:after, .fa-duotone.fa-message-times:after, .fa-duotone.fa-message-xmark:after, .fad.fa-comment-alt-times:after, .fad.fa-message-times:after, .fad.fa-message-xmark:after {
  content: "\f4ab\f4ab";
}

.fa-duotone.fa-file-award:after, .fa-duotone.fa-file-certificate:after, .fad.fa-file-award:after, .fad.fa-file-certificate:after {
  content: "\f5f3\f5f3";
}

.fa-duotone.fa-user-doctor-hair-long:after, .fad.fa-user-doctor-hair-long:after {
  content: "\e459\e459";
}

.fa-duotone.fa-camera-home:after, .fa-duotone.fa-camera-security:after, .fad.fa-camera-home:after, .fad.fa-camera-security:after {
  content: "\f8fe\f8fe";
}

.fa-duotone.fa-cog:after, .fa-duotone.fa-gear:after, .fad.fa-cog:after, .fad.fa-gear:after {
  content: "\f013\f013";
}

.fa-duotone.fa-droplet-slash:after, .fa-duotone.fa-tint-slash:after, .fad.fa-droplet-slash:after, .fad.fa-tint-slash:after {
  content: "\f5c7\f5c7";
}

.fa-duotone.fa-book-heart:after, .fad.fa-book-heart:after {
  content: "\f499\f499";
}

.fa-duotone.fa-mosque:after, .fad.fa-mosque:after {
  content: "\f678\f678";
}

.fa-duotone.fa-duck:after, .fad.fa-duck:after {
  content: "\f6d8\f6d8";
}

.fa-duotone.fa-mosquito:after, .fad.fa-mosquito:after {
  content: "\e52b\e52b";
}

.fa-duotone.fa-star-of-david:after, .fad.fa-star-of-david:after {
  content: "\f69a\f69a";
}

.fa-duotone.fa-flag-alt:after, .fa-duotone.fa-flag-swallowtail:after, .fad.fa-flag-alt:after, .fad.fa-flag-swallowtail:after {
  content: "\f74c\f74c";
}

.fa-duotone.fa-person-military-rifle:after, .fad.fa-person-military-rifle:after {
  content: "\e54b\e54b";
}

.fa-duotone.fa-car-garage:after, .fad.fa-car-garage:after {
  content: "\f5e2\f5e2";
}

.fa-duotone.fa-cart-shopping:after, .fa-duotone.fa-shopping-cart:after, .fad.fa-cart-shopping:after, .fad.fa-shopping-cart:after {
  content: "\f07a\f07a";
}

.fa-duotone.fa-book-font:after, .fad.fa-book-font:after {
  content: "\e0bf\e0bf";
}

.fa-duotone.fa-shield-plus:after, .fad.fa-shield-plus:after {
  content: "\e24a\e24a";
}

.fa-duotone.fa-vials:after, .fad.fa-vials:after {
  content: "\f493\f493";
}

.fa-duotone.fa-eye-dropper-full:after, .fad.fa-eye-dropper-full:after {
  content: "\e172\e172";
}

.fa-duotone.fa-distribute-spacing-horizontal:after, .fad.fa-distribute-spacing-horizontal:after {
  content: "\e365\e365";
}

.fa-duotone.fa-tablet-rugged:after, .fad.fa-tablet-rugged:after {
  content: "\f48f\f48f";
}

.fa-duotone.fa-temperature-frigid:after, .fa-duotone.fa-temperature-snow:after, .fad.fa-temperature-frigid:after, .fad.fa-temperature-snow:after {
  content: "\f768\f768";
}

.fa-duotone.fa-moped:after, .fad.fa-moped:after {
  content: "\e3b9\e3b9";
}

.fa-duotone.fa-face-smile-plus:after, .fa-duotone.fa-smile-plus:after, .fad.fa-face-smile-plus:after, .fad.fa-smile-plus:after {
  content: "\f5b9\f5b9";
}

.fa-duotone.fa-radio-alt:after, .fa-duotone.fa-radio-tuner:after, .fad.fa-radio-alt:after, .fad.fa-radio-tuner:after {
  content: "\f8d8\f8d8";
}

.fa-duotone.fa-face-swear:after, .fad.fa-face-swear:after {
  content: "\e399\e399";
}

.fa-duotone.fa-water-arrow-down:after, .fa-duotone.fa-water-lower:after, .fad.fa-water-arrow-down:after, .fad.fa-water-lower:after {
  content: "\f774\f774";
}

.fa-duotone.fa-scanner-touchscreen:after, .fad.fa-scanner-touchscreen:after {
  content: "\f48a\f48a";
}

.fa-duotone.fa-circle-7:after, .fad.fa-circle-7:after {
  content: "\e0f4\e0f4";
}

.fa-duotone.fa-plug-circle-plus:after, .fad.fa-plug-circle-plus:after {
  content: "\e55f\e55f";
}

.fa-duotone.fa-person-ski-jumping:after, .fa-duotone.fa-ski-jump:after, .fad.fa-person-ski-jumping:after, .fad.fa-ski-jump:after {
  content: "\f7c7\f7c7";
}

.fa-duotone.fa-place-of-worship:after, .fad.fa-place-of-worship:after {
  content: "\f67f\f67f";
}

.fa-duotone.fa-water-arrow-up:after, .fa-duotone.fa-water-rise:after, .fad.fa-water-arrow-up:after, .fad.fa-water-rise:after {
  content: "\f775\f775";
}

.fa-duotone.fa-waveform-lines:after, .fa-duotone.fa-waveform-path:after, .fad.fa-waveform-lines:after, .fad.fa-waveform-path:after {
  content: "\f8f2\f8f2";
}

.fa-duotone.fa-split:after, .fad.fa-split:after {
  content: "\e254\e254";
}

.fa-duotone.fa-film-canister:after, .fa-duotone.fa-film-cannister:after, .fad.fa-film-canister:after, .fad.fa-film-cannister:after {
  content: "\f8b7\f8b7";
}

.fa-duotone.fa-folder-times:after, .fa-duotone.fa-folder-xmark:after, .fad.fa-folder-times:after, .fad.fa-folder-xmark:after {
  content: "\f65f\f65f";
}

.fa-duotone.fa-toilet-paper-alt:after, .fa-duotone.fa-toilet-paper-blank:after, .fad.fa-toilet-paper-alt:after, .fad.fa-toilet-paper-blank:after {
  content: "\f71f\f71f";
}

.fa-duotone.fa-tablet-android-alt:after, .fa-duotone.fa-tablet-screen:after, .fad.fa-tablet-android-alt:after, .fad.fa-tablet-screen:after {
  content: "\f3fc\f3fc";
}

.fa-duotone.fa-hexagon-vertical-nft-slanted:after, .fad.fa-hexagon-vertical-nft-slanted:after {
  content: "\e506\e506";
}

.fa-duotone.fa-folder-music:after, .fad.fa-folder-music:after {
  content: "\e18d\e18d";
}

.fa-duotone.fa-desktop-medical:after, .fa-duotone.fa-display-medical:after, .fad.fa-desktop-medical:after, .fad.fa-display-medical:after {
  content: "\e166\e166";
}

.fa-duotone.fa-share-all:after, .fad.fa-share-all:after {
  content: "\f367\f367";
}

.fa-duotone.fa-peapod:after, .fad.fa-peapod:after {
  content: "\e31c\e31c";
}

.fa-duotone.fa-chess-clock:after, .fad.fa-chess-clock:after {
  content: "\f43d\f43d";
}

.fa-duotone.fa-axe:after, .fad.fa-axe:after {
  content: "\f6b2\f6b2";
}

.fa-duotone.fa-square-d:after, .fad.fa-square-d:after {
  content: "\e268\e268";
}

.fa-duotone.fa-grip-vertical:after, .fad.fa-grip-vertical:after {
  content: "\f58e\f58e";
}

.fa-duotone.fa-mobile-signal-out:after, .fad.fa-mobile-signal-out:after {
  content: "\e1f0\e1f0";
}

.fa-duotone.fa-arrow-turn-up:after, .fa-duotone.fa-level-up:after, .fad.fa-arrow-turn-up:after, .fad.fa-level-up:after {
  content: "\f148\f148";
}

.fa-duotone.fa-u:after, .fad.fa-u:after {
  content: "UU";
}

.fa-duotone.fa-arrow-up-from-dotted-line:after, .fad.fa-arrow-up-from-dotted-line:after {
  content: "\e09b\e09b";
}

.fa-duotone.fa-square-root-alt:after, .fa-duotone.fa-square-root-variable:after, .fad.fa-square-root-alt:after, .fad.fa-square-root-variable:after {
  content: "\f698\f698";
}

.fa-duotone.fa-light-switch-on:after, .fad.fa-light-switch-on:after {
  content: "\e019\e019";
}

.fa-duotone.fa-arrow-down-arrow-up:after, .fa-duotone.fa-sort-alt:after, .fad.fa-arrow-down-arrow-up:after, .fad.fa-sort-alt:after {
  content: "\f883\f883";
}

.fa-duotone.fa-raindrops:after, .fad.fa-raindrops:after {
  content: "\f75c\f75c";
}

.fa-duotone.fa-dash:after, .fa-duotone.fa-minus-large:after, .fad.fa-dash:after, .fad.fa-minus-large:after {
  content: "\e404\e404";
}

.fa-duotone.fa-clock-four:after, .fa-duotone.fa-clock:after, .fad.fa-clock-four:after, .fad.fa-clock:after {
  content: "\f017\f017";
}

.fa-duotone.fa-input-numeric:after, .fad.fa-input-numeric:after {
  content: "\e1bd\e1bd";
}

.fa-duotone.fa-truck-tow:after, .fad.fa-truck-tow:after {
  content: "\e2b8\e2b8";
}

.fa-duotone.fa-backward-step:after, .fa-duotone.fa-step-backward:after, .fad.fa-backward-step:after, .fad.fa-step-backward:after {
  content: "\f048\f048";
}

.fa-duotone.fa-pallet:after, .fad.fa-pallet:after {
  content: "\f482\f482";
}

.fa-duotone.fa-car-bolt:after, .fad.fa-car-bolt:after {
  content: "\e341\e341";
}

.fa-duotone.fa-arrows-maximize:after, .fa-duotone.fa-expand-arrows:after, .fad.fa-arrows-maximize:after, .fad.fa-expand-arrows:after {
  content: "\f31d\f31d";
}

.fa-duotone.fa-faucet:after, .fad.fa-faucet:after {
  content: "\e005\e005";
}

.fa-duotone.fa-cloud-sleet:after, .fad.fa-cloud-sleet:after {
  content: "\f741\f741";
}

.fa-duotone.fa-lamp-street:after, .fad.fa-lamp-street:after {
  content: "\e1c5\e1c5";
}

.fa-duotone.fa-list-radio:after, .fad.fa-list-radio:after {
  content: "\e1d0\e1d0";
}

.fa-duotone.fa-pen-nib-slash:after, .fad.fa-pen-nib-slash:after {
  content: "\e4a1\e4a1";
}

.fa-duotone.fa-baseball-bat-ball:after, .fad.fa-baseball-bat-ball:after {
  content: "\f432\f432";
}

.fa-duotone.fa-square-up-left:after, .fad.fa-square-up-left:after {
  content: "\e282\e282";
}

.fa-duotone.fa-overline:after, .fad.fa-overline:after {
  content: "\f876\f876";
}

.fa-duotone.fa-s:after, .fad.fa-s:after {
  content: "SS";
}

.fa-duotone.fa-timeline:after, .fad.fa-timeline:after {
  content: "\e29c\e29c";
}

.fa-duotone.fa-keyboard:after, .fad.fa-keyboard:after {
  content: "\f11c\f11c";
}

.fa-duotone.fa-arrows-from-dotted-line:after, .fad.fa-arrows-from-dotted-line:after {
  content: "\e0a3\e0a3";
}

.fa-duotone.fa-usb-drive:after, .fad.fa-usb-drive:after {
  content: "\f8e9\f8e9";
}

.fa-duotone.fa-ballot:after, .fad.fa-ballot:after {
  content: "\f732\f732";
}

.fa-duotone.fa-caret-down:after, .fad.fa-caret-down:after {
  content: "\f0d7\f0d7";
}

.fa-duotone.fa-location-dot-slash:after, .fa-duotone.fa-map-marker-alt-slash:after, .fad.fa-location-dot-slash:after, .fad.fa-map-marker-alt-slash:after {
  content: "\f605\f605";
}

.fa-duotone.fa-cards:after, .fad.fa-cards:after {
  content: "\e3ed\e3ed";
}

.fa-duotone.fa-clinic-medical:after, .fa-duotone.fa-house-chimney-medical:after, .fad.fa-clinic-medical:after, .fad.fa-house-chimney-medical:after {
  content: "\f7f2\f7f2";
}

.fa-duotone.fa-boxing-glove:after, .fa-duotone.fa-glove-boxing:after, .fad.fa-boxing-glove:after, .fad.fa-glove-boxing:after {
  content: "\f438\f438";
}

.fa-duotone.fa-temperature-3:after, .fa-duotone.fa-temperature-three-quarters:after, .fa-duotone.fa-thermometer-3:after, .fa-duotone.fa-thermometer-three-quarters:after, .fad.fa-temperature-3:after, .fad.fa-temperature-three-quarters:after, .fad.fa-thermometer-3:after, .fad.fa-thermometer-three-quarters:after {
  content: "\f2c8\f2c8";
}

.fa-duotone.fa-bell-school:after, .fad.fa-bell-school:after {
  content: "\f5d5\f5d5";
}

.fa-duotone.fa-mobile-android-alt:after, .fa-duotone.fa-mobile-screen:after, .fad.fa-mobile-android-alt:after, .fad.fa-mobile-screen:after {
  content: "\f3cf\f3cf";
}

.fa-duotone.fa-plane-up:after, .fad.fa-plane-up:after {
  content: "\e22d\e22d";
}

.fa-duotone.fa-folder-heart:after, .fad.fa-folder-heart:after {
  content: "\e189\e189";
}

.fa-duotone.fa-circle-location-arrow:after, .fa-duotone.fa-location-circle:after, .fad.fa-circle-location-arrow:after, .fad.fa-location-circle:after {
  content: "\f602\f602";
}

.fa-duotone.fa-face-head-bandage:after, .fad.fa-face-head-bandage:after {
  content: "\e37a\e37a";
}

.fa-duotone.fa-maki-roll:after, .fa-duotone.fa-makizushi:after, .fa-duotone.fa-sushi-roll:after, .fad.fa-maki-roll:after, .fad.fa-makizushi:after, .fad.fa-sushi-roll:after {
  content: "\e48b\e48b";
}

.fa-duotone.fa-car-bump:after, .fad.fa-car-bump:after {
  content: "\f5e0\f5e0";
}

.fa-duotone.fa-piggy-bank:after, .fad.fa-piggy-bank:after {
  content: "\f4d3\f4d3";
}

.fa-duotone.fa-racquet:after, .fad.fa-racquet:after {
  content: "\f45a\f45a";
}

.fa-duotone.fa-car-mirrors:after, .fad.fa-car-mirrors:after {
  content: "\e343\e343";
}

.fa-duotone.fa-industry-alt:after, .fa-duotone.fa-industry-windows:after, .fad.fa-industry-alt:after, .fad.fa-industry-windows:after {
  content: "\f3b3\f3b3";
}

.fa-duotone.fa-bolt-auto:after, .fad.fa-bolt-auto:after {
  content: "\e0b6\e0b6";
}

.fa-duotone.fa-battery-3:after, .fa-duotone.fa-battery-half:after, .fad.fa-battery-3:after, .fad.fa-battery-half:after {
  content: "\f242\f242";
}

.fa-duotone.fa-flux-capacitor:after, .fad.fa-flux-capacitor:after {
  content: "\f8ba\f8ba";
}

.fa-duotone.fa-mountain-city:after, .fad.fa-mountain-city:after {
  content: "\e52e\e52e";
}

.fa-duotone.fa-coins:after, .fad.fa-coins:after {
  content: "\f51e\f51e";
}

.fa-duotone.fa-honey-pot:after, .fad.fa-honey-pot:after {
  content: "\e418\e418";
}

.fa-duotone.fa-olive:after, .fad.fa-olive:after {
  content: "\e316\e316";
}

.fa-duotone.fa-khanda:after, .fad.fa-khanda:after {
  content: "\f66d\f66d";
}

.fa-duotone.fa-filter-list:after, .fad.fa-filter-list:after {
  content: "\e17c\e17c";
}

.fa-duotone.fa-outlet:after, .fad.fa-outlet:after {
  content: "\e01c\e01c";
}

.fa-duotone.fa-sliders-h:after, .fa-duotone.fa-sliders:after, .fad.fa-sliders-h:after, .fad.fa-sliders:after {
  content: "\f1de\f1de";
}

.fa-duotone.fa-cauldron:after, .fad.fa-cauldron:after {
  content: "\f6bf\f6bf";
}

.fa-duotone.fa-people:after, .fad.fa-people:after {
  content: "\e216\e216";
}

.fa-duotone.fa-folder-tree:after, .fad.fa-folder-tree:after {
  content: "\f802\f802";
}

.fa-duotone.fa-network-wired:after, .fad.fa-network-wired:after {
  content: "\f6ff\f6ff";
}

.fa-duotone.fa-croissant:after, .fad.fa-croissant:after {
  content: "\f7f6\f7f6";
}

.fa-duotone.fa-map-pin:after, .fad.fa-map-pin:after {
  content: "\f276\f276";
}

.fa-duotone.fa-hamsa:after, .fad.fa-hamsa:after {
  content: "\f665\f665";
}

.fa-duotone.fa-cent-sign:after, .fad.fa-cent-sign:after {
  content: "\e3f5\e3f5";
}

.fa-duotone.fa-swords-laser:after, .fad.fa-swords-laser:after {
  content: "\e03d\e03d";
}

.fa-duotone.fa-flask:after, .fad.fa-flask:after {
  content: "\f0c3\f0c3";
}

.fa-duotone.fa-person-pregnant:after, .fad.fa-person-pregnant:after {
  content: "\e31e\e31e";
}

.fa-duotone.fa-square-u:after, .fad.fa-square-u:after {
  content: "\e281\e281";
}

.fa-duotone.fa-wand-sparkles:after, .fad.fa-wand-sparkles:after {
  content: "\f72b\f72b";
}

.fa-duotone.fa-router:after, .fad.fa-router:after {
  content: "\f8da\f8da";
}

.fa-duotone.fa-ellipsis-v:after, .fa-duotone.fa-ellipsis-vertical:after, .fad.fa-ellipsis-v:after, .fad.fa-ellipsis-vertical:after {
  content: "\f142\f142";
}

.fa-duotone.fa-sword-laser-alt:after, .fad.fa-sword-laser-alt:after {
  content: "\e03c\e03c";
}

.fa-duotone.fa-ticket:after, .fad.fa-ticket:after {
  content: "\f145\f145";
}

.fa-duotone.fa-power-off:after, .fad.fa-power-off:after {
  content: "\f011\f011";
}

.fa-duotone.fa-coin:after, .fad.fa-coin:after {
  content: "\f85c\f85c";
}

.fa-duotone.fa-laptop-slash:after, .fad.fa-laptop-slash:after {
  content: "\e1c7\e1c7";
}

.fa-duotone.fa-long-arrow-alt-right:after, .fa-duotone.fa-right-long:after, .fad.fa-long-arrow-alt-right:after, .fad.fa-right-long:after {
  content: "\f30b\f30b";
}

.fa-duotone.fa-circle-b:after, .fad.fa-circle-b:after {
  content: "\e0fd\e0fd";
}

.fa-duotone.fa-person-dress-simple:after, .fad.fa-person-dress-simple:after {
  content: "\e21c\e21c";
}

.fa-duotone.fa-pipe-collar:after, .fad.fa-pipe-collar:after {
  content: "\e437\e437";
}

.fa-duotone.fa-lights-holiday:after, .fad.fa-lights-holiday:after {
  content: "\f7b2\f7b2";
}

.fa-duotone.fa-citrus:after, .fad.fa-citrus:after {
  content: "\e2f4\e2f4";
}

.fa-duotone.fa-flag-usa:after, .fad.fa-flag-usa:after {
  content: "\f74d\f74d";
}

.fa-duotone.fa-laptop-file:after, .fad.fa-laptop-file:after {
  content: "\e51d\e51d";
}

.fa-duotone.fa-teletype:after, .fa-duotone.fa-tty:after, .fad.fa-teletype:after, .fad.fa-tty:after {
  content: "\f1e4\f1e4";
}

.fa-duotone.fa-chart-tree-map:after, .fad.fa-chart-tree-map:after {
  content: "\e0ea\e0ea";
}

.fa-duotone.fa-diagram-next:after, .fad.fa-diagram-next:after {
  content: "\e476\e476";
}

.fa-duotone.fa-person-rifle:after, .fad.fa-person-rifle:after {
  content: "\e54e\e54e";
}

.fa-duotone.fa-clock-five-thirty:after, .fad.fa-clock-five-thirty:after {
  content: "\e34a\e34a";
}

.fa-duotone.fa-pipe-valve:after, .fad.fa-pipe-valve:after {
  content: "\e439\e439";
}

.fa-duotone.fa-arrow-up-from-arc:after, .fad.fa-arrow-up-from-arc:after {
  content: "\e4b4\e4b4";
}

.fa-duotone.fa-face-spiral-eyes:after, .fad.fa-face-spiral-eyes:after {
  content: "\e485\e485";
}

.fa-duotone.fa-compress-wide:after, .fad.fa-compress-wide:after {
  content: "\f326\f326";
}

.fa-duotone.fa-circle-phone-hangup:after, .fa-duotone.fa-phone-circle-down:after, .fad.fa-circle-phone-hangup:after, .fad.fa-phone-circle-down:after {
  content: "\e11d\e11d";
}

.fa-duotone.fa-gear-complex-code:after, .fad.fa-gear-complex-code:after {
  content: "\e5eb\e5eb";
}

.fa-duotone.fa-house-medical-circle-exclamation:after, .fad.fa-house-medical-circle-exclamation:after {
  content: "\e512\e512";
}

.fa-duotone.fa-badminton:after, .fad.fa-badminton:after {
  content: "\e33a\e33a";
}

.fa-duotone.fa-closed-captioning:after, .fad.fa-closed-captioning:after {
  content: "\f20a\f20a";
}

.fa-duotone.fa-hiking:after, .fa-duotone.fa-person-hiking:after, .fad.fa-hiking:after, .fad.fa-person-hiking:after {
  content: "\f6ec\f6ec";
}

.fa-duotone.fa-arrow-alt-from-left:after, .fa-duotone.fa-right-from-line:after, .fad.fa-arrow-alt-from-left:after, .fad.fa-right-from-line:after {
  content: "\f347\f347";
}

.fa-duotone.fa-venus-double:after, .fad.fa-venus-double:after {
  content: "\f226\f226";
}

.fa-duotone.fa-images:after, .fad.fa-images:after {
  content: "\f302\f302";
}

.fa-duotone.fa-calculator:after, .fad.fa-calculator:after {
  content: "\f1ec\f1ec";
}

.fa-duotone.fa-shuttlecock:after, .fad.fa-shuttlecock:after {
  content: "\f45b\f45b";
}

.fa-duotone.fa-user-hair:after, .fad.fa-user-hair:after {
  content: "\e45a\e45a";
}

.fa-duotone.fa-eye-evil:after, .fad.fa-eye-evil:after {
  content: "\f6db\f6db";
}

.fa-duotone.fa-people-pulling:after, .fad.fa-people-pulling:after {
  content: "\e535\e535";
}

.fa-duotone.fa-n:after, .fad.fa-n:after {
  content: "NN";
}

.fa-duotone.fa-swap:after, .fad.fa-swap:after {
  content: "\e609\e609";
}

.fa-duotone.fa-garage:after, .fad.fa-garage:after {
  content: "\e009\e009";
}

.fa-duotone.fa-cable-car:after, .fa-duotone.fa-tram:after, .fad.fa-cable-car:after, .fad.fa-tram:after {
  content: "\f7da\f7da";
}

.fa-duotone.fa-shovel-snow:after, .fad.fa-shovel-snow:after {
  content: "\f7c3\f7c3";
}

.fa-duotone.fa-cloud-rain:after, .fad.fa-cloud-rain:after {
  content: "\f73d\f73d";
}

.fa-duotone.fa-face-lying:after, .fad.fa-face-lying:after {
  content: "\e37e\e37e";
}

.fa-duotone.fa-sprinkler:after, .fad.fa-sprinkler:after {
  content: "\e035\e035";
}

.fa-duotone.fa-building-circle-xmark:after, .fad.fa-building-circle-xmark:after {
  content: "\e4d4\e4d4";
}

.fa-duotone.fa-person-sledding:after, .fa-duotone.fa-sledding:after, .fad.fa-person-sledding:after, .fad.fa-sledding:after {
  content: "\f7cb\f7cb";
}

.fa-duotone.fa-game-console-handheld:after, .fad.fa-game-console-handheld:after {
  content: "\f8bb\f8bb";
}

.fa-duotone.fa-ship:after, .fad.fa-ship:after {
  content: "\f21a\f21a";
}

.fa-duotone.fa-clock-six-thirty:after, .fad.fa-clock-six-thirty:after {
  content: "\e353\e353";
}

.fa-duotone.fa-battery-slash:after, .fad.fa-battery-slash:after {
  content: "\f377\f377";
}

.fa-duotone.fa-tugrik-sign:after, .fad.fa-tugrik-sign:after {
  content: "\e2ba\e2ba";
}

.fa-duotone.fa-arrows-down-to-line:after, .fad.fa-arrows-down-to-line:after {
  content: "\e4b8\e4b8";
}

.fa-duotone.fa-download:after, .fad.fa-download:after {
  content: "\f019\f019";
}

.fa-duotone.fa-angles-up-down:after, .fad.fa-angles-up-down:after {
  content: "\e60d\e60d";
}

.fa-duotone.fa-inventory:after, .fa-duotone.fa-shelves:after, .fad.fa-inventory:after, .fad.fa-shelves:after {
  content: "\f480\f480";
}

.fa-duotone.fa-cloud-snow:after, .fad.fa-cloud-snow:after {
  content: "\f742\f742";
}

.fa-duotone.fa-face-grin:after, .fa-duotone.fa-grin:after, .fad.fa-face-grin:after, .fad.fa-grin:after {
  content: "\f580\f580";
}

.fa-duotone.fa-backspace:after, .fa-duotone.fa-delete-left:after, .fad.fa-backspace:after, .fad.fa-delete-left:after {
  content: "\f55a\f55a";
}

.fa-duotone.fa-oven:after, .fad.fa-oven:after {
  content: "\e01d\e01d";
}

.fa-duotone.fa-cloud-binary:after, .fad.fa-cloud-binary:after {
  content: "\e601\e601";
}

.fa-duotone.fa-eye-dropper-empty:after, .fa-duotone.fa-eye-dropper:after, .fa-duotone.fa-eyedropper:after, .fad.fa-eye-dropper-empty:after, .fad.fa-eye-dropper:after, .fad.fa-eyedropper:after {
  content: "\f1fb\f1fb";
}

.fa-duotone.fa-comment-captions:after, .fad.fa-comment-captions:after {
  content: "\e146\e146";
}

.fa-duotone.fa-comments-question:after, .fad.fa-comments-question:after {
  content: "\e14e\e14e";
}

.fa-duotone.fa-scribble:after, .fad.fa-scribble:after {
  content: "\e23f\e23f";
}

.fa-duotone.fa-rotate-exclamation:after, .fad.fa-rotate-exclamation:after {
  content: "\e23c\e23c";
}

.fa-duotone.fa-file-circle-check:after, .fad.fa-file-circle-check:after {
  content: "\e5a0\e5a0";
}

.fa-duotone.fa-glass:after, .fad.fa-glass:after {
  content: "\f804\f804";
}

.fa-duotone.fa-loader:after, .fad.fa-loader:after {
  content: "\e1d4\e1d4";
}

.fa-duotone.fa-forward:after, .fad.fa-forward:after {
  content: "\f04e\f04e";
}

.fa-duotone.fa-user-pilot:after, .fad.fa-user-pilot:after {
  content: "\e2c0\e2c0";
}

.fa-duotone.fa-mobile-android:after, .fa-duotone.fa-mobile-phone:after, .fa-duotone.fa-mobile:after, .fad.fa-mobile-android:after, .fad.fa-mobile-phone:after, .fad.fa-mobile:after {
  content: "\f3ce\f3ce";
}

.fa-duotone.fa-code-pull-request-closed:after, .fad.fa-code-pull-request-closed:after {
  content: "\e3f9\e3f9";
}

.fa-duotone.fa-face-meh:after, .fa-duotone.fa-meh:after, .fad.fa-face-meh:after, .fad.fa-meh:after {
  content: "\f11a\f11a";
}

.fa-duotone.fa-align-center:after, .fad.fa-align-center:after {
  content: "\f037\f037";
}

.fa-duotone.fa-book-dead:after, .fa-duotone.fa-book-skull:after, .fad.fa-book-dead:after, .fad.fa-book-skull:after {
  content: "\f6b7\f6b7";
}

.fa-duotone.fa-drivers-license:after, .fa-duotone.fa-id-card:after, .fad.fa-drivers-license:after, .fad.fa-id-card:after {
  content: "\f2c2\f2c2";
}

.fa-duotone.fa-face-dotted:after, .fad.fa-face-dotted:after {
  content: "\e47f\e47f";
}

.fa-duotone.fa-face-worried:after, .fad.fa-face-worried:after {
  content: "\e3a3\e3a3";
}

.fa-duotone.fa-dedent:after, .fa-duotone.fa-outdent:after, .fad.fa-dedent:after, .fad.fa-outdent:after {
  content: "\f03b\f03b";
}

.fa-duotone.fa-court-sport:after, .fad.fa-court-sport:after {
  content: "\e643\e643";
}

.fa-duotone.fa-heart-circle-exclamation:after, .fad.fa-heart-circle-exclamation:after {
  content: "\e4fe\e4fe";
}

.fa-duotone.fa-home-alt:after, .fa-duotone.fa-home-lg-alt:after, .fa-duotone.fa-home:after, .fa-duotone.fa-house:after, .fad.fa-home-alt:after, .fad.fa-home-lg-alt:after, .fad.fa-home:after, .fad.fa-house:after {
  content: "\f015\f015";
}

.fa-duotone.fa-vector-circle:after, .fad.fa-vector-circle:after {
  content: "\e2c6\e2c6";
}

.fa-duotone.fa-car-circle-bolt:after, .fad.fa-car-circle-bolt:after {
  content: "\e342\e342";
}

.fa-duotone.fa-calendar-week:after, .fad.fa-calendar-week:after {
  content: "\f784\f784";
}

.fa-duotone.fa-flying-disc:after, .fad.fa-flying-disc:after {
  content: "\e3a9\e3a9";
}

.fa-duotone.fa-laptop-medical:after, .fad.fa-laptop-medical:after {
  content: "\f812\f812";
}

.fa-duotone.fa-square-down-right:after, .fad.fa-square-down-right:after {
  content: "\e26c\e26c";
}

.fa-duotone.fa-b:after, .fad.fa-b:after {
  content: "BB";
}

.fa-duotone.fa-seat-airline:after, .fad.fa-seat-airline:after {
  content: "\e244\e244";
}

.fa-duotone.fa-eclipse-alt:after, .fa-duotone.fa-moon-over-sun:after, .fad.fa-eclipse-alt:after, .fad.fa-moon-over-sun:after {
  content: "\f74a\f74a";
}

.fa-duotone.fa-pipe:after, .fad.fa-pipe:after {
  content: "||";
}

.fa-duotone.fa-file-medical:after, .fad.fa-file-medical:after {
  content: "\f477\f477";
}

.fa-duotone.fa-potato:after, .fad.fa-potato:after {
  content: "\e440\e440";
}

.fa-duotone.fa-dice-one:after, .fad.fa-dice-one:after {
  content: "\f525\f525";
}

.fa-duotone.fa-circle-a:after, .fad.fa-circle-a:after {
  content: "\e0f7\e0f7";
}

.fa-duotone.fa-helmet-battle:after, .fad.fa-helmet-battle:after {
  content: "\f6eb\f6eb";
}

.fa-duotone.fa-butter:after, .fad.fa-butter:after {
  content: "\e3e4\e3e4";
}

.fa-duotone.fa-blanket-fire:after, .fad.fa-blanket-fire:after {
  content: "\e3da\e3da";
}

.fa-duotone.fa-kiwi-bird:after, .fad.fa-kiwi-bird:after {
  content: "\f535\f535";
}

.fa-duotone.fa-castle:after, .fad.fa-castle:after {
  content: "\e0de\e0de";
}

.fa-duotone.fa-golf-club:after, .fad.fa-golf-club:after {
  content: "\f451\f451";
}

.fa-duotone.fa-arrow-right-arrow-left:after, .fa-duotone.fa-exchange:after, .fad.fa-arrow-right-arrow-left:after, .fad.fa-exchange:after {
  content: "\f0ec\f0ec";
}

.fa-duotone.fa-redo-alt:after, .fa-duotone.fa-rotate-forward:after, .fa-duotone.fa-rotate-right:after, .fad.fa-redo-alt:after, .fad.fa-rotate-forward:after, .fad.fa-rotate-right:after {
  content: "\f2f9\f2f9";
}

.fa-duotone.fa-cutlery:after, .fa-duotone.fa-utensils:after, .fad.fa-cutlery:after, .fad.fa-utensils:after {
  content: "\f2e7\f2e7";
}

.fa-duotone.fa-arrow-up-wide-short:after, .fa-duotone.fa-sort-amount-up:after, .fad.fa-arrow-up-wide-short:after, .fad.fa-sort-amount-up:after {
  content: "\f161\f161";
}

.fa-duotone.fa-chart-pie-simple-circle-dollar:after, .fad.fa-chart-pie-simple-circle-dollar:after {
  content: "\e605\e605";
}

.fa-duotone.fa-balloons:after, .fad.fa-balloons:after {
  content: "\e2e4\e2e4";
}

.fa-duotone.fa-mill-sign:after, .fad.fa-mill-sign:after {
  content: "\e1ed\e1ed";
}

.fa-duotone.fa-bowl-rice:after, .fad.fa-bowl-rice:after {
  content: "\e2eb\e2eb";
}

.fa-duotone.fa-timeline-arrow:after, .fad.fa-timeline-arrow:after {
  content: "\e29d\e29d";
}

.fa-duotone.fa-skull:after, .fad.fa-skull:after {
  content: "\f54c\f54c";
}

.fa-duotone.fa-game-board-alt:after, .fa-duotone.fa-game-board-simple:after, .fad.fa-game-board-alt:after, .fad.fa-game-board-simple:after {
  content: "\f868\f868";
}

.fa-duotone.fa-circle-video:after, .fa-duotone.fa-video-circle:after, .fad.fa-circle-video:after, .fad.fa-video-circle:after {
  content: "\e12b\e12b";
}

.fa-duotone.fa-chart-scatter-bubble:after, .fad.fa-chart-scatter-bubble:after {
  content: "\e0e9\e0e9";
}

.fa-duotone.fa-house-turret:after, .fad.fa-house-turret:after {
  content: "\e1b4\e1b4";
}

.fa-duotone.fa-banana:after, .fad.fa-banana:after {
  content: "\e2e5\e2e5";
}

.fa-duotone.fa-hand-holding-skull:after, .fad.fa-hand-holding-skull:after {
  content: "\e1a4\e1a4";
}

.fa-duotone.fa-people-dress:after, .fad.fa-people-dress:after {
  content: "\e217\e217";
}

.fa-duotone.fa-couch-small:after, .fa-duotone.fa-loveseat:after, .fad.fa-couch-small:after, .fad.fa-loveseat:after {
  content: "\f4cc\f4cc";
}

.fa-duotone.fa-broadcast-tower:after, .fa-duotone.fa-tower-broadcast:after, .fad.fa-broadcast-tower:after, .fad.fa-tower-broadcast:after {
  content: "\f519\f519";
}

.fa-duotone.fa-truck-pickup:after, .fad.fa-truck-pickup:after {
  content: "\f63c\f63c";
}

.fa-duotone.fa-block-quote:after, .fad.fa-block-quote:after {
  content: "\e0b5\e0b5";
}

.fa-duotone.fa-long-arrow-alt-up:after, .fa-duotone.fa-up-long:after, .fad.fa-long-arrow-alt-up:after, .fad.fa-up-long:after {
  content: "\f30c\f30c";
}

.fa-duotone.fa-stop:after, .fad.fa-stop:after {
  content: "\f04d\f04d";
}

.fa-duotone.fa-code-merge:after, .fad.fa-code-merge:after {
  content: "\f387\f387";
}

.fa-duotone.fa-money-check-dollar-pen:after, .fa-duotone.fa-money-check-edit-alt:after, .fad.fa-money-check-dollar-pen:after, .fad.fa-money-check-edit-alt:after {
  content: "\f873\f873";
}

.fa-duotone.fa-arrow-alt-from-bottom:after, .fa-duotone.fa-up-from-line:after, .fad.fa-arrow-alt-from-bottom:after, .fad.fa-up-from-line:after {
  content: "\f346\f346";
}

.fa-duotone.fa-upload:after, .fad.fa-upload:after {
  content: "\f093\f093";
}

.fa-duotone.fa-hurricane:after, .fad.fa-hurricane:after {
  content: "\f751\f751";
}

.fa-duotone.fa-grid-round-2-plus:after, .fad.fa-grid-round-2-plus:after {
  content: "\e5dc\e5dc";
}

.fa-duotone.fa-people-pants:after, .fad.fa-people-pants:after {
  content: "\e219\e219";
}

.fa-duotone.fa-mound:after, .fad.fa-mound:after {
  content: "\e52d\e52d";
}

.fa-duotone.fa-windsock:after, .fad.fa-windsock:after {
  content: "\f777\f777";
}

.fa-duotone.fa-circle-half:after, .fad.fa-circle-half:after {
  content: "\e110\e110";
}

.fa-duotone.fa-brake-warning:after, .fad.fa-brake-warning:after {
  content: "\e0c7\e0c7";
}

.fa-duotone.fa-toilet-portable:after, .fad.fa-toilet-portable:after {
  content: "\e583\e583";
}

.fa-duotone.fa-compact-disc:after, .fad.fa-compact-disc:after {
  content: "\f51f\f51f";
}

.fa-duotone.fa-file-arrow-down:after, .fa-duotone.fa-file-download:after, .fad.fa-file-arrow-down:after, .fad.fa-file-download:after {
  content: "\f56d\f56d";
}

.fa-duotone.fa-sax-hot:after, .fa-duotone.fa-saxophone-fire:after, .fad.fa-sax-hot:after, .fad.fa-saxophone-fire:after {
  content: "\f8db\f8db";
}

.fa-duotone.fa-camera-web-slash:after, .fa-duotone.fa-webcam-slash:after, .fad.fa-camera-web-slash:after, .fad.fa-webcam-slash:after {
  content: "\f833\f833";
}

.fa-duotone.fa-folder-medical:after, .fad.fa-folder-medical:after {
  content: "\e18c\e18c";
}

.fa-duotone.fa-folder-cog:after, .fa-duotone.fa-folder-gear:after, .fad.fa-folder-cog:after, .fad.fa-folder-gear:after {
  content: "\e187\e187";
}

.fa-duotone.fa-hand-wave:after, .fad.fa-hand-wave:after {
  content: "\e1a7\e1a7";
}

.fa-duotone.fa-arrow-up-arrow-down:after, .fa-duotone.fa-sort-up-down:after, .fad.fa-arrow-up-arrow-down:after, .fad.fa-sort-up-down:after {
  content: "\e099\e099";
}

.fa-duotone.fa-caravan:after, .fad.fa-caravan:after {
  content: "\f8ff\f8ff";
}

.fa-duotone.fa-shield-cat:after, .fad.fa-shield-cat:after {
  content: "\e572\e572";
}

.fa-duotone.fa-comment-alt-slash:after, .fa-duotone.fa-message-slash:after, .fad.fa-comment-alt-slash:after, .fad.fa-message-slash:after {
  content: "\f4a9\f4a9";
}

.fa-duotone.fa-bolt:after, .fa-duotone.fa-zap:after, .fad.fa-bolt:after, .fad.fa-zap:after {
  content: "\f0e7\f0e7";
}

.fa-duotone.fa-trash-can-check:after, .fad.fa-trash-can-check:after {
  content: "\e2a9\e2a9";
}

.fa-duotone.fa-glass-water:after, .fad.fa-glass-water:after {
  content: "\e4f4\e4f4";
}

.fa-duotone.fa-oil-well:after, .fad.fa-oil-well:after {
  content: "\e532\e532";
}

.fa-duotone.fa-person-simple:after, .fad.fa-person-simple:after {
  content: "\e220\e220";
}

.fa-duotone.fa-arrow-turn-left-up:after, .fad.fa-arrow-turn-left-up:after {
  content: "\e634\e634";
}

.fa-duotone.fa-vault:after, .fad.fa-vault:after {
  content: "\e2c5\e2c5";
}

.fa-duotone.fa-mars:after, .fad.fa-mars:after {
  content: "\f222\f222";
}

.fa-duotone.fa-toilet:after, .fad.fa-toilet:after {
  content: "\f7d8\f7d8";
}

.fa-duotone.fa-plane-circle-xmark:after, .fad.fa-plane-circle-xmark:after {
  content: "\e557\e557";
}

.fa-duotone.fa-cny:after, .fa-duotone.fa-jpy:after, .fa-duotone.fa-rmb:after, .fa-duotone.fa-yen-sign:after, .fa-duotone.fa-yen:after, .fad.fa-cny:after, .fad.fa-jpy:after, .fad.fa-rmb:after, .fad.fa-yen-sign:after, .fad.fa-yen:after {
  content: "\f157\f157";
}

.fa-duotone.fa-gear-code:after, .fad.fa-gear-code:after {
  content: "\e5e8\e5e8";
}

.fa-duotone.fa-notes:after, .fad.fa-notes:after {
  content: "\e202\e202";
}

.fa-duotone.fa-rouble:after, .fa-duotone.fa-rub:after, .fa-duotone.fa-ruble-sign:after, .fa-duotone.fa-ruble:after, .fad.fa-rouble:after, .fad.fa-rub:after, .fad.fa-ruble-sign:after, .fad.fa-ruble:after {
  content: "\f158\f158";
}

.fa-duotone.fa-trash-arrow-turn-left:after, .fa-duotone.fa-trash-undo:after, .fad.fa-trash-arrow-turn-left:after, .fad.fa-trash-undo:after {
  content: "\f895\f895";
}

.fa-duotone.fa-champagne-glass:after, .fa-duotone.fa-glass-champagne:after, .fad.fa-champagne-glass:after, .fad.fa-glass-champagne:after {
  content: "\f79e\f79e";
}

.fa-duotone.fa-objects-align-center-horizontal:after, .fad.fa-objects-align-center-horizontal:after {
  content: "\e3bc\e3bc";
}

.fa-duotone.fa-sun:after, .fad.fa-sun:after {
  content: "\f185\f185";
}

.fa-duotone.fa-trash-alt-slash:after, .fa-duotone.fa-trash-can-slash:after, .fad.fa-trash-alt-slash:after, .fad.fa-trash-can-slash:after {
  content: "\e2ad\e2ad";
}

.fa-duotone.fa-screen-users:after, .fa-duotone.fa-users-class:after, .fad.fa-screen-users:after, .fad.fa-users-class:after {
  content: "\f63d\f63d";
}

.fa-duotone.fa-guitar:after, .fad.fa-guitar:after {
  content: "\f7a6\f7a6";
}

.fa-duotone.fa-arrow-square-left:after, .fa-duotone.fa-square-arrow-left:after, .fad.fa-arrow-square-left:after, .fad.fa-square-arrow-left:after {
  content: "\f33a\f33a";
}

.fa-duotone.fa-square-8:after, .fad.fa-square-8:after {
  content: "\e25d\e25d";
}

.fa-duotone.fa-face-smile-hearts:after, .fad.fa-face-smile-hearts:after {
  content: "\e390\e390";
}

.fa-duotone.fa-brackets-square:after, .fa-duotone.fa-brackets:after, .fad.fa-brackets-square:after, .fad.fa-brackets:after {
  content: "\f7e9\f7e9";
}

.fa-duotone.fa-laptop-arrow-down:after, .fad.fa-laptop-arrow-down:after {
  content: "\e1c6\e1c6";
}

.fa-duotone.fa-hockey-stick-puck:after, .fad.fa-hockey-stick-puck:after {
  content: "\e3ae\e3ae";
}

.fa-duotone.fa-house-tree:after, .fad.fa-house-tree:after {
  content: "\e1b3\e1b3";
}

.fa-duotone.fa-signal-2:after, .fa-duotone.fa-signal-fair:after, .fad.fa-signal-2:after, .fad.fa-signal-fair:after {
  content: "\f68d\f68d";
}

.fa-duotone.fa-face-laugh-wink:after, .fa-duotone.fa-laugh-wink:after, .fad.fa-face-laugh-wink:after, .fad.fa-laugh-wink:after {
  content: "\f59c\f59c";
}

.fa-duotone.fa-circle-dollar:after, .fa-duotone.fa-dollar-circle:after, .fa-duotone.fa-usd-circle:after, .fad.fa-circle-dollar:after, .fad.fa-dollar-circle:after, .fad.fa-usd-circle:after {
  content: "\f2e8\f2e8";
}

.fa-duotone.fa-horse-head:after, .fad.fa-horse-head:after {
  content: "\f7ab\f7ab";
}

.fa-duotone.fa-arrows-repeat:after, .fa-duotone.fa-repeat-alt:after, .fad.fa-arrows-repeat:after, .fad.fa-repeat-alt:after {
  content: "\f364\f364";
}

.fa-duotone.fa-bore-hole:after, .fad.fa-bore-hole:after {
  content: "\e4c3\e4c3";
}

.fa-duotone.fa-industry:after, .fad.fa-industry:after {
  content: "\f275\f275";
}

.fa-duotone.fa-image-polaroid:after, .fad.fa-image-polaroid:after {
  content: "\f8c4\f8c4";
}

.fa-duotone.fa-wave-triangle:after, .fad.fa-wave-triangle:after {
  content: "\f89a\f89a";
}

.fa-duotone.fa-turn-left-down:after, .fad.fa-turn-left-down:after {
  content: "\e637\e637";
}

.fa-duotone.fa-person-running-fast:after, .fad.fa-person-running-fast:after {
  content: "\e5ff\e5ff";
}

.fa-duotone.fa-arrow-alt-circle-down:after, .fa-duotone.fa-circle-down:after, .fad.fa-arrow-alt-circle-down:after, .fad.fa-circle-down:after {
  content: "\f358\f358";
}

.fa-duotone.fa-grill:after, .fad.fa-grill:after {
  content: "\e5a3\e5a3";
}

.fa-duotone.fa-arrows-turn-to-dots:after, .fad.fa-arrows-turn-to-dots:after {
  content: "\e4c1\e4c1";
}

.fa-duotone.fa-analytics:after, .fa-duotone.fa-chart-mixed:after, .fad.fa-analytics:after, .fad.fa-chart-mixed:after {
  content: "\f643\f643";
}

.fa-duotone.fa-florin-sign:after, .fad.fa-florin-sign:after {
  content: "\e184\e184";
}

.fa-duotone.fa-arrow-down-short-wide:after, .fa-duotone.fa-sort-amount-desc:after, .fa-duotone.fa-sort-amount-down-alt:after, .fad.fa-arrow-down-short-wide:after, .fad.fa-sort-amount-desc:after, .fad.fa-sort-amount-down-alt:after {
  content: "\f884\f884";
}

.fa-duotone.fa-less-than:after, .fad.fa-less-than:after {
  content: "<<";
}

.fa-duotone.fa-desktop-code:after, .fa-duotone.fa-display-code:after, .fad.fa-desktop-code:after, .fad.fa-display-code:after {
  content: "\e165\e165";
}

.fa-duotone.fa-face-drooling:after, .fad.fa-face-drooling:after {
  content: "\e372\e372";
}

.fa-duotone.fa-oil-temp:after, .fa-duotone.fa-oil-temperature:after, .fad.fa-oil-temp:after, .fad.fa-oil-temperature:after {
  content: "\f614\f614";
}

.fa-duotone.fa-question-square:after, .fa-duotone.fa-square-question:after, .fad.fa-question-square:after, .fad.fa-square-question:after {
  content: "\f2fd\f2fd";
}

.fa-duotone.fa-air-conditioner:after, .fad.fa-air-conditioner:after {
  content: "\f8f4\f8f4";
}

.fa-duotone.fa-angle-down:after, .fad.fa-angle-down:after {
  content: "\f107\f107";
}

.fa-duotone.fa-mountains:after, .fad.fa-mountains:after {
  content: "\f6fd\f6fd";
}

.fa-duotone.fa-omega:after, .fad.fa-omega:after {
  content: "\f67a\f67a";
}

.fa-duotone.fa-car-tunnel:after, .fad.fa-car-tunnel:after {
  content: "\e4de\e4de";
}

.fa-duotone.fa-person-dolly-empty:after, .fad.fa-person-dolly-empty:after {
  content: "\f4d1\f4d1";
}

.fa-duotone.fa-pan-food:after, .fad.fa-pan-food:after {
  content: "\e42b\e42b";
}

.fa-duotone.fa-head-side-cough:after, .fad.fa-head-side-cough:after {
  content: "\e061\e061";
}

.fa-duotone.fa-grip-lines:after, .fad.fa-grip-lines:after {
  content: "\f7a4\f7a4";
}

.fa-duotone.fa-thumbs-down:after, .fad.fa-thumbs-down:after {
  content: "\f165\f165";
}

.fa-duotone.fa-user-lock:after, .fad.fa-user-lock:after {
  content: "\f502\f502";
}

.fa-duotone.fa-arrow-right-long:after, .fa-duotone.fa-long-arrow-right:after, .fad.fa-arrow-right-long:after, .fad.fa-long-arrow-right:after {
  content: "\f178\f178";
}

.fa-duotone.fa-tickets-airline:after, .fa-duotone.fa-tickets-perforated-plane:after, .fa-duotone.fa-tickets-plane:after, .fad.fa-tickets-airline:after, .fad.fa-tickets-perforated-plane:after, .fad.fa-tickets-plane:after {
  content: "\e29b\e29b";
}

.fa-duotone.fa-tent-double-peak:after, .fad.fa-tent-double-peak:after {
  content: "\e627\e627";
}

.fa-duotone.fa-anchor-circle-xmark:after, .fad.fa-anchor-circle-xmark:after {
  content: "\e4ac\e4ac";
}

.fa-duotone.fa-ellipsis-h:after, .fa-duotone.fa-ellipsis:after, .fad.fa-ellipsis-h:after, .fad.fa-ellipsis:after {
  content: "\f141\f141";
}

.fa-duotone.fa-nfc-slash:after, .fad.fa-nfc-slash:after {
  content: "\e1fc\e1fc";
}

.fa-duotone.fa-chess-pawn:after, .fad.fa-chess-pawn:after {
  content: "\f443\f443";
}

.fa-duotone.fa-first-aid:after, .fa-duotone.fa-kit-medical:after, .fad.fa-first-aid:after, .fad.fa-kit-medical:after {
  content: "\f479\f479";
}

.fa-duotone.fa-grid-2-plus:after, .fad.fa-grid-2-plus:after {
  content: "\e197\e197";
}

.fa-duotone.fa-bells:after, .fad.fa-bells:after {
  content: "\f77f\f77f";
}

.fa-duotone.fa-person-through-window:after, .fad.fa-person-through-window:after {
  content: "\e5a9\e5a9";
}

.fa-duotone.fa-toolbox:after, .fad.fa-toolbox:after {
  content: "\f552\f552";
}

.fa-duotone.fa-envelope-badge:after, .fa-duotone.fa-envelope-dot:after, .fad.fa-envelope-badge:after, .fad.fa-envelope-dot:after {
  content: "\e16f\e16f";
}

.fa-duotone.fa-magnifying-glass-waveform:after, .fad.fa-magnifying-glass-waveform:after {
  content: "\e661\e661";
}

.fa-duotone.fa-hands-holding-circle:after, .fad.fa-hands-holding-circle:after {
  content: "\e4fb\e4fb";
}

.fa-duotone.fa-bug:after, .fad.fa-bug:after {
  content: "\f188\f188";
}

.fa-duotone.fa-bowl-chopsticks:after, .fad.fa-bowl-chopsticks:after {
  content: "\e2e9\e2e9";
}

.fa-duotone.fa-credit-card-alt:after, .fa-duotone.fa-credit-card:after, .fad.fa-credit-card-alt:after, .fad.fa-credit-card:after {
  content: "\f09d\f09d";
}

.fa-duotone.fa-circle-s:after, .fad.fa-circle-s:after {
  content: "\e121\e121";
}

.fa-duotone.fa-box-ballot:after, .fad.fa-box-ballot:after {
  content: "\f735\f735";
}

.fa-duotone.fa-automobile:after, .fa-duotone.fa-car:after, .fad.fa-automobile:after, .fad.fa-car:after {
  content: "\f1b9\f1b9";
}

.fa-duotone.fa-hand-holding-hand:after, .fad.fa-hand-holding-hand:after {
  content: "\e4f7\e4f7";
}

.fa-duotone.fa-user-tie-hair:after, .fad.fa-user-tie-hair:after {
  content: "\e45f\e45f";
}

.fa-duotone.fa-podium-star:after, .fad.fa-podium-star:after {
  content: "\f758\f758";
}

.fa-duotone.fa-business-front:after, .fa-duotone.fa-party-back:after, .fa-duotone.fa-trian-balbot:after, .fa-duotone.fa-user-hair-mullet:after, .fad.fa-business-front:after, .fad.fa-party-back:after, .fad.fa-trian-balbot:after, .fad.fa-user-hair-mullet:after {
  content: "\e45c\e45c";
}

.fa-duotone.fa-microphone-stand:after, .fad.fa-microphone-stand:after {
  content: "\f8cb\f8cb";
}

.fa-duotone.fa-book-open-reader:after, .fa-duotone.fa-book-reader:after, .fad.fa-book-open-reader:after, .fad.fa-book-reader:after {
  content: "\f5da\f5da";
}

.fa-duotone.fa-family-dress:after, .fad.fa-family-dress:after {
  content: "\e301\e301";
}

.fa-duotone.fa-circle-x:after, .fad.fa-circle-x:after {
  content: "\e12e\e12e";
}

.fa-duotone.fa-cabin:after, .fad.fa-cabin:after {
  content: "\e46d\e46d";
}

.fa-duotone.fa-mountain-sun:after, .fad.fa-mountain-sun:after {
  content: "\e52f\e52f";
}

.fa-duotone.fa-chart-simple-horizontal:after, .fad.fa-chart-simple-horizontal:after {
  content: "\e474\e474";
}

.fa-duotone.fa-arrows-left-right-to-line:after, .fad.fa-arrows-left-right-to-line:after {
  content: "\e4ba\e4ba";
}

.fa-duotone.fa-hand-back-point-left:after, .fad.fa-hand-back-point-left:after {
  content: "\e19f\e19f";
}

.fa-duotone.fa-comment-alt-dots:after, .fa-duotone.fa-message-dots:after, .fa-duotone.fa-messaging:after, .fad.fa-comment-alt-dots:after, .fad.fa-message-dots:after, .fad.fa-messaging:after {
  content: "\f4a3\f4a3";
}

.fa-duotone.fa-file-heart:after, .fad.fa-file-heart:after {
  content: "\e176\e176";
}

.fa-duotone.fa-beer-foam:after, .fa-duotone.fa-beer-mug:after, .fad.fa-beer-foam:after, .fad.fa-beer-mug:after {
  content: "\e0b3\e0b3";
}

.fa-duotone.fa-dice-d20:after, .fad.fa-dice-d20:after {
  content: "\f6cf\f6cf";
}

.fa-duotone.fa-drone:after, .fad.fa-drone:after {
  content: "\f85f\f85f";
}

.fa-duotone.fa-truck-droplet:after, .fad.fa-truck-droplet:after {
  content: "\e58c\e58c";
}

.fa-duotone.fa-file-circle-xmark:after, .fad.fa-file-circle-xmark:after {
  content: "\e5a1\e5a1";
}

.fa-duotone.fa-temperature-arrow-up:after, .fa-duotone.fa-temperature-up:after, .fad.fa-temperature-arrow-up:after, .fad.fa-temperature-up:after {
  content: "\e040\e040";
}

.fa-duotone.fa-medal:after, .fad.fa-medal:after {
  content: "\f5a2\f5a2";
}

.fa-duotone.fa-person-fairy:after, .fad.fa-person-fairy:after {
  content: "\e608\e608";
}

.fa-duotone.fa-bed:after, .fad.fa-bed:after {
  content: "\f236\f236";
}

.fa-duotone.fa-book-copy:after, .fad.fa-book-copy:after {
  content: "\e0be\e0be";
}

.fa-duotone.fa-h-square:after, .fa-duotone.fa-square-h:after, .fad.fa-h-square:after, .fad.fa-square-h:after {
  content: "\f0fd\f0fd";
}

.fa-duotone.fa-square-c:after, .fad.fa-square-c:after {
  content: "\e266\e266";
}

.fa-duotone.fa-clock-two:after, .fad.fa-clock-two:after {
  content: "\e35a\e35a";
}

.fa-duotone.fa-square-ellipsis-vertical:after, .fad.fa-square-ellipsis-vertical:after {
  content: "\e26f\e26f";
}

.fa-duotone.fa-calendar-users:after, .fad.fa-calendar-users:after {
  content: "\e5e2\e5e2";
}

.fa-duotone.fa-podcast:after, .fad.fa-podcast:after {
  content: "\f2ce\f2ce";
}

.fa-duotone.fa-bee:after, .fad.fa-bee:after {
  content: "\e0b2\e0b2";
}

.fa-duotone.fa-temperature-4:after, .fa-duotone.fa-temperature-full:after, .fa-duotone.fa-thermometer-4:after, .fa-duotone.fa-thermometer-full:after, .fad.fa-temperature-4:after, .fad.fa-temperature-full:after, .fad.fa-thermometer-4:after, .fad.fa-thermometer-full:after {
  content: "\f2c7\f2c7";
}

.fa-duotone.fa-bell:after, .fad.fa-bell:after {
  content: "\f0f3\f0f3";
}

.fa-duotone.fa-candy-bar:after, .fa-duotone.fa-chocolate-bar:after, .fad.fa-candy-bar:after, .fad.fa-chocolate-bar:after {
  content: "\e3e8\e3e8";
}

.fa-duotone.fa-xmark-large:after, .fad.fa-xmark-large:after {
  content: "\e59b\e59b";
}

.fa-duotone.fa-pinata:after, .fad.fa-pinata:after {
  content: "\e3c3\e3c3";
}

.fa-duotone.fa-file-ppt:after, .fad.fa-file-ppt:after {
  content: "\e64a\e64a";
}

.fa-duotone.fa-arrows-from-line:after, .fad.fa-arrows-from-line:after {
  content: "\e0a4\e0a4";
}

.fa-duotone.fa-superscript:after, .fad.fa-superscript:after {
  content: "\f12b\f12b";
}

.fa-duotone.fa-bowl-spoon:after, .fad.fa-bowl-spoon:after {
  content: "\e3e0\e3e0";
}

.fa-duotone.fa-hexagon-check:after, .fad.fa-hexagon-check:after {
  content: "\e416\e416";
}

.fa-duotone.fa-plug-circle-xmark:after, .fad.fa-plug-circle-xmark:after {
  content: "\e560\e560";
}

.fa-duotone.fa-star-of-life:after, .fad.fa-star-of-life:after {
  content: "\f621\f621";
}

.fa-duotone.fa-phone-slash:after, .fad.fa-phone-slash:after {
  content: "\f3dd\f3dd";
}

.fa-duotone.fa-traffic-light-stop:after, .fad.fa-traffic-light-stop:after {
  content: "\f63a\f63a";
}

.fa-duotone.fa-paint-roller:after, .fad.fa-paint-roller:after {
  content: "\f5aa\f5aa";
}

.fa-duotone.fa-accent-grave:after, .fad.fa-accent-grave:after {
  content: "``";
}

.fa-duotone.fa-hands-helping:after, .fa-duotone.fa-handshake-angle:after, .fad.fa-hands-helping:after, .fad.fa-handshake-angle:after {
  content: "\f4c4\f4c4";
}

.fa-duotone.fa-circle-0:after, .fad.fa-circle-0:after {
  content: "\e0ed\e0ed";
}

.fa-duotone.fa-dial-med-low:after, .fad.fa-dial-med-low:after {
  content: "\e160\e160";
}

.fa-duotone.fa-location-dot:after, .fa-duotone.fa-map-marker-alt:after, .fad.fa-location-dot:after, .fad.fa-map-marker-alt:after {
  content: "\f3c5\f3c5";
}

.fa-duotone.fa-crab:after, .fad.fa-crab:after {
  content: "\e3ff\e3ff";
}

.fa-duotone.fa-box-full:after, .fa-duotone.fa-box-open-full:after, .fad.fa-box-full:after, .fad.fa-box-open-full:after {
  content: "\f49c\f49c";
}

.fa-duotone.fa-file:after, .fad.fa-file:after {
  content: "\f15b\f15b";
}

.fa-duotone.fa-greater-than:after, .fad.fa-greater-than:after {
  content: ">>";
}

.fa-duotone.fa-quotes:after, .fad.fa-quotes:after {
  content: "\e234\e234";
}

.fa-duotone.fa-pretzel:after, .fad.fa-pretzel:after {
  content: "\e441\e441";
}

.fa-duotone.fa-t-rex:after, .fad.fa-t-rex:after {
  content: "\e629\e629";
}

.fa-duotone.fa-person-swimming:after, .fa-duotone.fa-swimmer:after, .fad.fa-person-swimming:after, .fad.fa-swimmer:after {
  content: "\f5c4\f5c4";
}

.fa-duotone.fa-arrow-down:after, .fad.fa-arrow-down:after {
  content: "\f063\f063";
}

.fa-duotone.fa-user-robot-xmarks:after, .fad.fa-user-robot-xmarks:after {
  content: "\e4a7\e4a7";
}

.fa-duotone.fa-comment-alt-quote:after, .fa-duotone.fa-message-quote:after, .fad.fa-comment-alt-quote:after, .fad.fa-message-quote:after {
  content: "\e1e4\e1e4";
}

.fa-duotone.fa-candy-corn:after, .fad.fa-candy-corn:after {
  content: "\f6bd\f6bd";
}

.fa-duotone.fa-folder-magnifying-glass:after, .fa-duotone.fa-folder-search:after, .fad.fa-folder-magnifying-glass:after, .fad.fa-folder-search:after {
  content: "\e18b\e18b";
}

.fa-duotone.fa-notebook:after, .fad.fa-notebook:after {
  content: "\e201\e201";
}

.fa-duotone.fa-droplet:after, .fa-duotone.fa-tint:after, .fad.fa-droplet:after, .fad.fa-tint:after {
  content: "\f043\f043";
}

.fa-duotone.fa-bullseye-pointer:after, .fad.fa-bullseye-pointer:after {
  content: "\f649\f649";
}

.fa-duotone.fa-eraser:after, .fad.fa-eraser:after {
  content: "\f12d\f12d";
}

.fa-duotone.fa-hexagon-image:after, .fad.fa-hexagon-image:after {
  content: "\e504\e504";
}

.fa-duotone.fa-earth-america:after, .fa-duotone.fa-earth-americas:after, .fa-duotone.fa-earth:after, .fa-duotone.fa-globe-americas:after, .fad.fa-earth-america:after, .fad.fa-earth-americas:after, .fad.fa-earth:after, .fad.fa-globe-americas:after {
  content: "\f57d\f57d";
}

.fa-duotone.fa-file-svg:after, .fad.fa-file-svg:after {
  content: "\e64b\e64b";
}

.fa-duotone.fa-crate-apple:after, .fad.fa-crate-apple:after {
  content: "\f6b1\f6b1";
}

.fa-duotone.fa-apple-crate:after, .fad.fa-apple-crate:after {
  content: "\f6b1\f6b1";
}

.fa-duotone.fa-person-burst:after, .fad.fa-person-burst:after {
  content: "\e53b\e53b";
}

.fa-duotone.fa-game-board:after, .fad.fa-game-board:after {
  content: "\f867\f867";
}

.fa-duotone.fa-hat-chef:after, .fad.fa-hat-chef:after {
  content: "\f86b\f86b";
}

.fa-duotone.fa-hand-back-point-right:after, .fad.fa-hand-back-point-right:after {
  content: "\e1a1\e1a1";
}

.fa-duotone.fa-dove:after, .fad.fa-dove:after {
  content: "\f4ba\f4ba";
}

.fa-duotone.fa-snowflake-droplets:after, .fad.fa-snowflake-droplets:after {
  content: "\e5c1\e5c1";
}

.fa-duotone.fa-battery-0:after, .fa-duotone.fa-battery-empty:after, .fad.fa-battery-0:after, .fad.fa-battery-empty:after {
  content: "\f244\f244";
}

.fa-duotone.fa-grid-4:after, .fad.fa-grid-4:after {
  content: "\e198\e198";
}

.fa-duotone.fa-socks:after, .fad.fa-socks:after {
  content: "\f696\f696";
}

.fa-duotone.fa-face-sunglasses:after, .fad.fa-face-sunglasses:after {
  content: "\e398\e398";
}

.fa-duotone.fa-inbox:after, .fad.fa-inbox:after {
  content: "\f01c\f01c";
}

.fa-duotone.fa-square-0:after, .fad.fa-square-0:after {
  content: "\e255\e255";
}

.fa-duotone.fa-section:after, .fad.fa-section:after {
  content: "\e447\e447";
}

.fa-duotone.fa-box-up:after, .fa-duotone.fa-square-this-way-up:after, .fad.fa-box-up:after, .fad.fa-square-this-way-up:after {
  content: "\f49f\f49f";
}

.fa-duotone.fa-gauge-high:after, .fa-duotone.fa-tachometer-alt-fast:after, .fa-duotone.fa-tachometer-alt:after, .fad.fa-gauge-high:after, .fad.fa-tachometer-alt-fast:after, .fad.fa-tachometer-alt:after {
  content: "\f625\f625";
}

.fa-duotone.fa-square-ampersand:after, .fad.fa-square-ampersand:after {
  content: "\e260\e260";
}

.fa-duotone.fa-envelope-open-text:after, .fad.fa-envelope-open-text:after {
  content: "\f658\f658";
}

.fa-duotone.fa-lamp-desk:after, .fad.fa-lamp-desk:after {
  content: "\e014\e014";
}

.fa-duotone.fa-hospital-alt:after, .fa-duotone.fa-hospital-wide:after, .fa-duotone.fa-hospital:after, .fad.fa-hospital-alt:after, .fad.fa-hospital-wide:after, .fad.fa-hospital:after {
  content: "\f0f8\f0f8";
}

.fa-duotone.fa-poll-people:after, .fad.fa-poll-people:after {
  content: "\f759\f759";
}

.fa-duotone.fa-glass-whiskey-rocks:after, .fa-duotone.fa-whiskey-glass-ice:after, .fad.fa-glass-whiskey-rocks:after, .fad.fa-whiskey-glass-ice:after {
  content: "\f7a1\f7a1";
}

.fa-duotone.fa-wine-bottle:after, .fad.fa-wine-bottle:after {
  content: "\f72f\f72f";
}

.fa-duotone.fa-chess-rook:after, .fad.fa-chess-rook:after {
  content: "\f447\f447";
}

.fa-duotone.fa-user-bounty-hunter:after, .fad.fa-user-bounty-hunter:after {
  content: "\e2bf\e2bf";
}

.fa-duotone.fa-bars-staggered:after, .fa-duotone.fa-reorder:after, .fa-duotone.fa-stream:after, .fad.fa-bars-staggered:after, .fad.fa-reorder:after, .fad.fa-stream:after {
  content: "\f550\f550";
}

.fa-duotone.fa-diagram-sankey:after, .fad.fa-diagram-sankey:after {
  content: "\e158\e158";
}

.fa-duotone.fa-cloud-hail-mixed:after, .fad.fa-cloud-hail-mixed:after {
  content: "\f73a\f73a";
}

.fa-duotone.fa-circle-up-left:after, .fad.fa-circle-up-left:after {
  content: "\e128\e128";
}

.fa-duotone.fa-dharmachakra:after, .fad.fa-dharmachakra:after {
  content: "\f655\f655";
}

.fa-duotone.fa-objects-align-left:after, .fad.fa-objects-align-left:after {
  content: "\e3be\e3be";
}

.fa-duotone.fa-oil-can-drip:after, .fad.fa-oil-can-drip:after {
  content: "\e205\e205";
}

.fa-duotone.fa-face-smiling-hands:after, .fad.fa-face-smiling-hands:after {
  content: "\e396\e396";
}

.fa-duotone.fa-broccoli:after, .fad.fa-broccoli:after {
  content: "\e3e2\e3e2";
}

.fa-duotone.fa-route-interstate:after, .fad.fa-route-interstate:after {
  content: "\f61b\f61b";
}

.fa-duotone.fa-ear-muffs:after, .fad.fa-ear-muffs:after {
  content: "\f795\f795";
}

.fa-duotone.fa-hotdog:after, .fad.fa-hotdog:after {
  content: "\f80f\f80f";
}

.fa-duotone.fa-transporter-empty:after, .fad.fa-transporter-empty:after {
  content: "\e046\e046";
}

.fa-duotone.fa-blind:after, .fa-duotone.fa-person-walking-with-cane:after, .fad.fa-blind:after, .fad.fa-person-walking-with-cane:after {
  content: "\f29d\f29d";
}

.fa-duotone.fa-angle-90:after, .fad.fa-angle-90:after {
  content: "\e08d\e08d";
}

.fa-duotone.fa-rectangle-terminal:after, .fad.fa-rectangle-terminal:after {
  content: "\e236\e236";
}

.fa-duotone.fa-kite:after, .fad.fa-kite:after {
  content: "\f6f4\f6f4";
}

.fa-duotone.fa-drum:after, .fad.fa-drum:after {
  content: "\f569\f569";
}

.fa-duotone.fa-scrubber:after, .fad.fa-scrubber:after {
  content: "\f2f8\f2f8";
}

.fa-duotone.fa-ice-cream:after, .fad.fa-ice-cream:after {
  content: "\f810\f810";
}

.fa-duotone.fa-heart-circle-bolt:after, .fad.fa-heart-circle-bolt:after {
  content: "\e4fc\e4fc";
}

.fa-duotone.fa-fish-bones:after, .fad.fa-fish-bones:after {
  content: "\e304\e304";
}

.fa-duotone.fa-deer-rudolph:after, .fad.fa-deer-rudolph:after {
  content: "\f78f\f78f";
}

.fa-duotone.fa-fax:after, .fad.fa-fax:after {
  content: "\f1ac\f1ac";
}

.fa-duotone.fa-paragraph:after, .fad.fa-paragraph:after {
  content: "\f1dd\f1dd";
}

.fa-duotone.fa-head-side-heart:after, .fad.fa-head-side-heart:after {
  content: "\e1aa\e1aa";
}

.fa-duotone.fa-square-e:after, .fad.fa-square-e:after {
  content: "\e26d\e26d";
}

.fa-duotone.fa-meter-fire:after, .fad.fa-meter-fire:after {
  content: "\e1eb\e1eb";
}

.fa-duotone.fa-cloud-hail:after, .fad.fa-cloud-hail:after {
  content: "\f739\f739";
}

.fa-duotone.fa-check-to-slot:after, .fa-duotone.fa-vote-yea:after, .fad.fa-check-to-slot:after, .fad.fa-vote-yea:after {
  content: "\f772\f772";
}

.fa-duotone.fa-money-from-bracket:after, .fad.fa-money-from-bracket:after {
  content: "\e312\e312";
}

.fa-duotone.fa-star-half:after, .fad.fa-star-half:after {
  content: "\f089\f089";
}

.fa-duotone.fa-car-bus:after, .fad.fa-car-bus:after {
  content: "\f85a\f85a";
}

.fa-duotone.fa-speaker:after, .fad.fa-speaker:after {
  content: "\f8df\f8df";
}

.fa-duotone.fa-timer:after, .fad.fa-timer:after {
  content: "\e29e\e29e";
}

.fa-duotone.fa-boxes-alt:after, .fa-duotone.fa-boxes-stacked:after, .fa-duotone.fa-boxes:after, .fad.fa-boxes-alt:after, .fad.fa-boxes-stacked:after, .fad.fa-boxes:after {
  content: "\f468\f468";
}

.fa-duotone.fa-landmark-magnifying-glass:after, .fad.fa-landmark-magnifying-glass:after {
  content: "\e622\e622";
}

.fa-duotone.fa-grill-hot:after, .fad.fa-grill-hot:after {
  content: "\e5a5\e5a5";
}

.fa-duotone.fa-ballot-check:after, .fad.fa-ballot-check:after {
  content: "\f733\f733";
}

.fa-duotone.fa-chain:after, .fa-duotone.fa-link:after, .fad.fa-chain:after, .fad.fa-link:after {
  content: "\f0c1\f0c1";
}

.fa-duotone.fa-assistive-listening-systems:after, .fa-duotone.fa-ear-listen:after, .fad.fa-assistive-listening-systems:after, .fad.fa-ear-listen:after {
  content: "\f2a2\f2a2";
}

.fa-duotone.fa-file-minus:after, .fad.fa-file-minus:after {
  content: "\f318\f318";
}

.fa-duotone.fa-tree-city:after, .fad.fa-tree-city:after {
  content: "\e587\e587";
}

.fa-duotone.fa-play:after, .fad.fa-play:after {
  content: "\f04b\f04b";
}

.fa-duotone.fa-font:after, .fad.fa-font:after {
  content: "\f031\f031";
}

.fa-duotone.fa-coffee-togo:after, .fa-duotone.fa-cup-togo:after, .fad.fa-coffee-togo:after, .fad.fa-cup-togo:after {
  content: "\f6c5\f6c5";
}

.fa-duotone.fa-square-down-left:after, .fad.fa-square-down-left:after {
  content: "\e26b\e26b";
}

.fa-duotone.fa-burger-lettuce:after, .fad.fa-burger-lettuce:after {
  content: "\e3e3\e3e3";
}

.fa-duotone.fa-rupiah-sign:after, .fad.fa-rupiah-sign:after {
  content: "\e23d\e23d";
}

.fa-duotone.fa-magnifying-glass:after, .fa-duotone.fa-search:after, .fad.fa-magnifying-glass:after, .fad.fa-search:after {
  content: "\f002\f002";
}

.fa-duotone.fa-ping-pong-paddle-ball:after, .fa-duotone.fa-table-tennis-paddle-ball:after, .fa-duotone.fa-table-tennis:after, .fad.fa-ping-pong-paddle-ball:after, .fad.fa-table-tennis-paddle-ball:after, .fad.fa-table-tennis:after {
  content: "\f45d\f45d";
}

.fa-duotone.fa-diagnoses:after, .fa-duotone.fa-person-dots-from-line:after, .fad.fa-diagnoses:after, .fad.fa-person-dots-from-line:after {
  content: "\f470\f470";
}

.fa-duotone.fa-chevron-double-down:after, .fa-duotone.fa-chevrons-down:after, .fad.fa-chevron-double-down:after, .fad.fa-chevrons-down:after {
  content: "\f322\f322";
}

.fa-duotone.fa-trash-can-arrow-up:after, .fa-duotone.fa-trash-restore-alt:after, .fad.fa-trash-can-arrow-up:after, .fad.fa-trash-restore-alt:after {
  content: "\f82a\f82a";
}

.fa-duotone.fa-signal-3:after, .fa-duotone.fa-signal-good:after, .fad.fa-signal-3:after, .fad.fa-signal-good:after {
  content: "\f68e\f68e";
}

.fa-duotone.fa-location-question:after, .fa-duotone.fa-map-marker-question:after, .fad.fa-location-question:after, .fad.fa-map-marker-question:after {
  content: "\f60b\f60b";
}

.fa-duotone.fa-floppy-disk-circle-xmark:after, .fa-duotone.fa-floppy-disk-times:after, .fa-duotone.fa-save-circle-xmark:after, .fa-duotone.fa-save-times:after, .fad.fa-floppy-disk-circle-xmark:after, .fad.fa-floppy-disk-times:after, .fad.fa-save-circle-xmark:after, .fad.fa-save-times:after {
  content: "\e181\e181";
}

.fa-duotone.fa-naira-sign:after, .fad.fa-naira-sign:after {
  content: "\e1f6\e1f6";
}

.fa-duotone.fa-peach:after, .fad.fa-peach:after {
  content: "\e20b\e20b";
}

.fa-duotone.fa-taxi-bus:after, .fad.fa-taxi-bus:after {
  content: "\e298\e298";
}

.fa-duotone.fa-bracket-curly-left:after, .fa-duotone.fa-bracket-curly:after, .fad.fa-bracket-curly-left:after, .fad.fa-bracket-curly:after {
  content: "{{";
}

.fa-duotone.fa-lobster:after, .fad.fa-lobster:after {
  content: "\e421\e421";
}

.fa-duotone.fa-cart-flatbed-empty:after, .fa-duotone.fa-dolly-flatbed-empty:after, .fad.fa-cart-flatbed-empty:after, .fad.fa-dolly-flatbed-empty:after {
  content: "\f476\f476";
}

.fa-duotone.fa-colon:after, .fad.fa-colon:after {
  content: "::";
}

.fa-duotone.fa-cart-arrow-down:after, .fad.fa-cart-arrow-down:after {
  content: "\f218\f218";
}

.fa-duotone.fa-wand:after, .fad.fa-wand:after {
  content: "\f72a\f72a";
}

.fa-duotone.fa-walkie-talkie:after, .fad.fa-walkie-talkie:after {
  content: "\f8ef\f8ef";
}

.fa-duotone.fa-file-edit:after, .fa-duotone.fa-file-pen:after, .fad.fa-file-edit:after, .fad.fa-file-pen:after {
  content: "\f31c\f31c";
}

.fa-duotone.fa-receipt:after, .fad.fa-receipt:after {
  content: "\f543\f543";
}

.fa-duotone.fa-table-picnic:after, .fad.fa-table-picnic:after {
  content: "\e32d\e32d";
}

.fa-duotone.fa-pen-square:after, .fa-duotone.fa-pencil-square:after, .fa-duotone.fa-square-pen:after, .fad.fa-pen-square:after, .fad.fa-pencil-square:after, .fad.fa-square-pen:after {
  content: "\f14b\f14b";
}

.fa-duotone.fa-circle-microphone-lines:after, .fa-duotone.fa-microphone-circle-alt:after, .fad.fa-circle-microphone-lines:after, .fad.fa-microphone-circle-alt:after {
  content: "\e117\e117";
}

.fa-duotone.fa-desktop-slash:after, .fa-duotone.fa-display-slash:after, .fad.fa-desktop-slash:after, .fad.fa-display-slash:after {
  content: "\e2fa\e2fa";
}

.fa-duotone.fa-suitcase-rolling:after, .fad.fa-suitcase-rolling:after {
  content: "\f5c1\f5c1";
}

.fa-duotone.fa-person-circle-exclamation:after, .fad.fa-person-circle-exclamation:after {
  content: "\e53f\e53f";
}

.fa-duotone.fa-transporter-2:after, .fad.fa-transporter-2:after {
  content: "\e044\e044";
}

.fa-duotone.fa-hand-receiving:after, .fa-duotone.fa-hands-holding-diamond:after, .fad.fa-hand-receiving:after, .fad.fa-hands-holding-diamond:after {
  content: "\f47c\f47c";
}

.fa-duotone.fa-money-bill-simple-wave:after, .fad.fa-money-bill-simple-wave:after {
  content: "\e1f2\e1f2";
}

.fa-duotone.fa-chevron-down:after, .fad.fa-chevron-down:after {
  content: "\f078\f078";
}

.fa-duotone.fa-battery-5:after, .fa-duotone.fa-battery-full:after, .fa-duotone.fa-battery:after, .fad.fa-battery-5:after, .fad.fa-battery-full:after, .fad.fa-battery:after {
  content: "\f240\f240";
}

.fa-duotone.fa-bell-plus:after, .fad.fa-bell-plus:after {
  content: "\f849\f849";
}

.fa-duotone.fa-book-arrow-right:after, .fad.fa-book-arrow-right:after {
  content: "\e0b9\e0b9";
}

.fa-duotone.fa-hospitals:after, .fad.fa-hospitals:after {
  content: "\f80e\f80e";
}

.fa-duotone.fa-club:after, .fad.fa-club:after {
  content: "\f327\f327";
}

.fa-duotone.fa-skull-crossbones:after, .fad.fa-skull-crossbones:after {
  content: "\f714\f714";
}

.fa-duotone.fa-dewpoint:after, .fa-duotone.fa-droplet-degree:after, .fad.fa-dewpoint:after, .fad.fa-droplet-degree:after {
  content: "\f748\f748";
}

.fa-duotone.fa-code-compare:after, .fad.fa-code-compare:after {
  content: "\e13a\e13a";
}

.fa-duotone.fa-list-dots:after, .fa-duotone.fa-list-ul:after, .fad.fa-list-dots:after, .fad.fa-list-ul:after {
  content: "\f0ca\f0ca";
}

.fa-duotone.fa-hand-holding-magic:after, .fad.fa-hand-holding-magic:after {
  content: "\f6e5\f6e5";
}

.fa-duotone.fa-watermelon-slice:after, .fad.fa-watermelon-slice:after {
  content: "\e337\e337";
}

.fa-duotone.fa-circle-ellipsis:after, .fad.fa-circle-ellipsis:after {
  content: "\e10a\e10a";
}

.fa-duotone.fa-school-lock:after, .fad.fa-school-lock:after {
  content: "\e56f\e56f";
}

.fa-duotone.fa-tower-cell:after, .fad.fa-tower-cell:after {
  content: "\e585\e585";
}

.fa-duotone.fa-sd-cards:after, .fad.fa-sd-cards:after {
  content: "\e240\e240";
}

.fa-duotone.fa-jug-bottle:after, .fad.fa-jug-bottle:after {
  content: "\e5fb\e5fb";
}

.fa-duotone.fa-down-long:after, .fa-duotone.fa-long-arrow-alt-down:after, .fad.fa-down-long:after, .fad.fa-long-arrow-alt-down:after {
  content: "\f309\f309";
}

.fa-duotone.fa-envelopes:after, .fad.fa-envelopes:after {
  content: "\e170\e170";
}

.fa-duotone.fa-phone-office:after, .fad.fa-phone-office:after {
  content: "\f67d\f67d";
}

.fa-duotone.fa-ranking-star:after, .fad.fa-ranking-star:after {
  content: "\e561\e561";
}

.fa-duotone.fa-chess-king:after, .fad.fa-chess-king:after {
  content: "\f43f\f43f";
}

.fa-duotone.fa-nfc-pen:after, .fad.fa-nfc-pen:after {
  content: "\e1fa\e1fa";
}

.fa-duotone.fa-person-harassing:after, .fad.fa-person-harassing:after {
  content: "\e549\e549";
}

.fa-duotone.fa-magnifying-glass-play:after, .fad.fa-magnifying-glass-play:after {
  content: "\e660\e660";
}

.fa-duotone.fa-hat-winter:after, .fad.fa-hat-winter:after {
  content: "\f7a8\f7a8";
}

.fa-duotone.fa-brazilian-real-sign:after, .fad.fa-brazilian-real-sign:after {
  content: "\e46c\e46c";
}

.fa-duotone.fa-landmark-alt:after, .fa-duotone.fa-landmark-dome:after, .fad.fa-landmark-alt:after, .fad.fa-landmark-dome:after {
  content: "\f752\f752";
}

.fa-duotone.fa-bone-break:after, .fad.fa-bone-break:after {
  content: "\f5d8\f5d8";
}

.fa-duotone.fa-arrow-up:after, .fad.fa-arrow-up:after {
  content: "\f062\f062";
}

.fa-duotone.fa-down-from-dotted-line:after, .fad.fa-down-from-dotted-line:after {
  content: "\e407\e407";
}

.fa-duotone.fa-television:after, .fa-duotone.fa-tv-alt:after, .fa-duotone.fa-tv:after, .fad.fa-television:after, .fad.fa-tv-alt:after, .fad.fa-tv:after {
  content: "\f26c\f26c";
}

.fa-duotone.fa-border-left:after, .fad.fa-border-left:after {
  content: "\f84f\f84f";
}

.fa-duotone.fa-circle-divide:after, .fad.fa-circle-divide:after {
  content: "\e106\e106";
}

.fa-duotone.fa-shrimp:after, .fad.fa-shrimp:after {
  content: "\e448\e448";
}

.fa-duotone.fa-list-check:after, .fa-duotone.fa-tasks:after, .fad.fa-list-check:after, .fad.fa-tasks:after {
  content: "\f0ae\f0ae";
}

.fa-duotone.fa-diagram-subtask:after, .fad.fa-diagram-subtask:after {
  content: "\e479\e479";
}

.fa-duotone.fa-jug-detergent:after, .fad.fa-jug-detergent:after {
  content: "\e519\e519";
}

.fa-duotone.fa-circle-user:after, .fa-duotone.fa-user-circle:after, .fad.fa-circle-user:after, .fad.fa-user-circle:after {
  content: "\f2bd\f2bd";
}

.fa-duotone.fa-square-y:after, .fad.fa-square-y:after {
  content: "\e287\e287";
}

.fa-duotone.fa-user-doctor-hair:after, .fad.fa-user-doctor-hair:after {
  content: "\e458\e458";
}

.fa-duotone.fa-planet-ringed:after, .fad.fa-planet-ringed:after {
  content: "\e020\e020";
}

.fa-duotone.fa-mushroom:after, .fad.fa-mushroom:after {
  content: "\e425\e425";
}

.fa-duotone.fa-user-shield:after, .fad.fa-user-shield:after {
  content: "\f505\f505";
}

.fa-duotone.fa-megaphone:after, .fad.fa-megaphone:after {
  content: "\f675\f675";
}

.fa-duotone.fa-wreath-laurel:after, .fad.fa-wreath-laurel:after {
  content: "\e5d2\e5d2";
}

.fa-duotone.fa-circle-exclamation-check:after, .fad.fa-circle-exclamation-check:after {
  content: "\e10d\e10d";
}

.fa-duotone.fa-wind:after, .fad.fa-wind:after {
  content: "\f72e\f72e";
}

.fa-duotone.fa-box-dollar:after, .fa-duotone.fa-box-usd:after, .fad.fa-box-dollar:after, .fad.fa-box-usd:after {
  content: "\f4a0\f4a0";
}

.fa-duotone.fa-car-burst:after, .fa-duotone.fa-car-crash:after, .fad.fa-car-burst:after, .fad.fa-car-crash:after {
  content: "\f5e1\f5e1";
}

.fa-duotone.fa-y:after, .fad.fa-y:after {
  content: "YY";
}

.fa-duotone.fa-user-headset:after, .fad.fa-user-headset:after {
  content: "\f82d\f82d";
}

.fa-duotone.fa-arrows-retweet:after, .fa-duotone.fa-retweet-alt:after, .fad.fa-arrows-retweet:after, .fad.fa-retweet-alt:after {
  content: "\f361\f361";
}

.fa-duotone.fa-person-snowboarding:after, .fa-duotone.fa-snowboarding:after, .fad.fa-person-snowboarding:after, .fad.fa-snowboarding:after {
  content: "\f7ce\f7ce";
}

.fa-duotone.fa-chevron-square-right:after, .fa-duotone.fa-square-chevron-right:after, .fad.fa-chevron-square-right:after, .fad.fa-square-chevron-right:after {
  content: "\f32b\f32b";
}

.fa-duotone.fa-lacrosse-stick-ball:after, .fad.fa-lacrosse-stick-ball:after {
  content: "\e3b6\e3b6";
}

.fa-duotone.fa-shipping-fast:after, .fa-duotone.fa-truck-fast:after, .fad.fa-shipping-fast:after, .fad.fa-truck-fast:after {
  content: "\f48b\f48b";
}

.fa-duotone.fa-user-magnifying-glass:after, .fad.fa-user-magnifying-glass:after {
  content: "\e5c5\e5c5";
}

.fa-duotone.fa-star-sharp:after, .fad.fa-star-sharp:after {
  content: "\e28b\e28b";
}

.fa-duotone.fa-comment-heart:after, .fad.fa-comment-heart:after {
  content: "\e5c8\e5c8";
}

.fa-duotone.fa-circle-1:after, .fad.fa-circle-1:after {
  content: "\e0ee\e0ee";
}

.fa-duotone.fa-circle-star:after, .fa-duotone.fa-star-circle:after, .fad.fa-circle-star:after, .fad.fa-star-circle:after {
  content: "\e123\e123";
}

.fa-duotone.fa-fish:after, .fad.fa-fish:after {
  content: "\f578\f578";
}

.fa-duotone.fa-cloud-fog:after, .fa-duotone.fa-fog:after, .fad.fa-cloud-fog:after, .fad.fa-fog:after {
  content: "\f74e\f74e";
}

.fa-duotone.fa-waffle:after, .fad.fa-waffle:after {
  content: "\e466\e466";
}

.fa-duotone.fa-music-alt:after, .fa-duotone.fa-music-note:after, .fad.fa-music-alt:after, .fad.fa-music-note:after {
  content: "\f8cf\f8cf";
}

.fa-duotone.fa-hexagon-exclamation:after, .fad.fa-hexagon-exclamation:after {
  content: "\e417\e417";
}

.fa-duotone.fa-cart-shopping-fast:after, .fad.fa-cart-shopping-fast:after {
  content: "\e0dc\e0dc";
}

.fa-duotone.fa-object-union:after, .fad.fa-object-union:after {
  content: "\e49f\e49f";
}

.fa-duotone.fa-user-graduate:after, .fad.fa-user-graduate:after {
  content: "\f501\f501";
}

.fa-duotone.fa-starfighter:after, .fad.fa-starfighter:after {
  content: "\e037\e037";
}

.fa-duotone.fa-adjust:after, .fa-duotone.fa-circle-half-stroke:after, .fad.fa-adjust:after, .fad.fa-circle-half-stroke:after {
  content: "\f042\f042";
}

.fa-duotone.fa-arrow-right-long-to-line:after, .fad.fa-arrow-right-long-to-line:after {
  content: "\e3d5\e3d5";
}

.fa-duotone.fa-arrow-square-down:after, .fa-duotone.fa-square-arrow-down:after, .fad.fa-arrow-square-down:after, .fad.fa-square-arrow-down:after {
  content: "\f339\f339";
}

.fa-duotone.fa-diamond-half-stroke:after, .fad.fa-diamond-half-stroke:after {
  content: "\e5b8\e5b8";
}

.fa-duotone.fa-clapperboard:after, .fad.fa-clapperboard:after {
  content: "\e131\e131";
}

.fa-duotone.fa-chevron-square-left:after, .fa-duotone.fa-square-chevron-left:after, .fad.fa-chevron-square-left:after, .fad.fa-square-chevron-left:after {
  content: "\f32a\f32a";
}

.fa-duotone.fa-phone-intercom:after, .fad.fa-phone-intercom:after {
  content: "\e434\e434";
}

.fa-duotone.fa-chain-horizontal:after, .fa-duotone.fa-link-horizontal:after, .fad.fa-chain-horizontal:after, .fad.fa-link-horizontal:after {
  content: "\e1cb\e1cb";
}

.fa-duotone.fa-mango:after, .fad.fa-mango:after {
  content: "\e30f\e30f";
}

.fa-duotone.fa-music-alt-slash:after, .fa-duotone.fa-music-note-slash:after, .fad.fa-music-alt-slash:after, .fad.fa-music-note-slash:after {
  content: "\f8d0\f8d0";
}

.fa-duotone.fa-circle-radiation:after, .fa-duotone.fa-radiation-alt:after, .fad.fa-circle-radiation:after, .fad.fa-radiation-alt:after {
  content: "\f7ba\f7ba";
}

.fa-duotone.fa-face-tongue-sweat:after, .fad.fa-face-tongue-sweat:after {
  content: "\e39e\e39e";
}

.fa-duotone.fa-globe-stand:after, .fad.fa-globe-stand:after {
  content: "\f5f6\f5f6";
}

.fa-duotone.fa-baseball-ball:after, .fa-duotone.fa-baseball:after, .fad.fa-baseball-ball:after, .fad.fa-baseball:after {
  content: "\f433\f433";
}

.fa-duotone.fa-circle-p:after, .fad.fa-circle-p:after {
  content: "\e11a\e11a";
}

.fa-duotone.fa-award-simple:after, .fad.fa-award-simple:after {
  content: "\e0ab\e0ab";
}

.fa-duotone.fa-jet-fighter-up:after, .fad.fa-jet-fighter-up:after {
  content: "\e518\e518";
}

.fa-duotone.fa-diagram-project:after, .fa-duotone.fa-project-diagram:after, .fad.fa-diagram-project:after, .fad.fa-project-diagram:after {
  content: "\f542\f542";
}

.fa-duotone.fa-pedestal:after, .fad.fa-pedestal:after {
  content: "\e20d\e20d";
}

.fa-duotone.fa-chart-pyramid:after, .fad.fa-chart-pyramid:after {
  content: "\e0e6\e0e6";
}

.fa-duotone.fa-sidebar:after, .fad.fa-sidebar:after {
  content: "\e24e\e24e";
}

.fa-duotone.fa-frosty-head:after, .fa-duotone.fa-snowman-head:after, .fad.fa-frosty-head:after, .fad.fa-snowman-head:after {
  content: "\f79b\f79b";
}

.fa-duotone.fa-copy:after, .fad.fa-copy:after {
  content: "\f0c5\f0c5";
}

.fa-duotone.fa-burger-glass:after, .fad.fa-burger-glass:after {
  content: "\e0ce\e0ce";
}

.fa-duotone.fa-volume-mute:after, .fa-duotone.fa-volume-times:after, .fa-duotone.fa-volume-xmark:after, .fad.fa-volume-mute:after, .fad.fa-volume-times:after, .fad.fa-volume-xmark:after {
  content: "\f6a9\f6a9";
}

.fa-duotone.fa-hand-sparkles:after, .fad.fa-hand-sparkles:after {
  content: "\e05d\e05d";
}

.fa-duotone.fa-bars-filter:after, .fad.fa-bars-filter:after {
  content: "\e0ad\e0ad";
}

.fa-duotone.fa-paintbrush-pencil:after, .fad.fa-paintbrush-pencil:after {
  content: "\e206\e206";
}

.fa-duotone.fa-party-bell:after, .fad.fa-party-bell:after {
  content: "\e31a\e31a";
}

.fa-duotone.fa-user-vneck-hair:after, .fad.fa-user-vneck-hair:after {
  content: "\e462\e462";
}

.fa-duotone.fa-jack-o-lantern:after, .fad.fa-jack-o-lantern:after {
  content: "\f30e\f30e";
}

.fa-duotone.fa-grip-horizontal:after, .fa-duotone.fa-grip:after, .fad.fa-grip-horizontal:after, .fad.fa-grip:after {
  content: "\f58d\f58d";
}

.fa-duotone.fa-share-from-square:after, .fa-duotone.fa-share-square:after, .fad.fa-share-from-square:after, .fad.fa-share-square:after {
  content: "\f14d\f14d";
}

.fa-duotone.fa-keynote:after, .fad.fa-keynote:after {
  content: "\f66c\f66c";
}

.fa-duotone.fa-child-combatant:after, .fa-duotone.fa-child-rifle:after, .fad.fa-child-combatant:after, .fad.fa-child-rifle:after {
  content: "\e4e0\e4e0";
}

.fa-duotone.fa-gun:after, .fad.fa-gun:after {
  content: "\e19b\e19b";
}

.fa-duotone.fa-phone-square:after, .fa-duotone.fa-square-phone:after, .fad.fa-phone-square:after, .fad.fa-square-phone:after {
  content: "\f098\f098";
}

.fa-duotone.fa-hat-beach:after, .fad.fa-hat-beach:after {
  content: "\e606\e606";
}

.fa-duotone.fa-add:after, .fa-duotone.fa-plus:after, .fad.fa-add:after, .fad.fa-plus:after {
  content: "++";
}

.fa-duotone.fa-expand:after, .fad.fa-expand:after {
  content: "\f065\f065";
}

.fa-duotone.fa-computer:after, .fad.fa-computer:after {
  content: "\e4e5\e4e5";
}

.fa-duotone.fa-fort:after, .fad.fa-fort:after {
  content: "\e486\e486";
}

.fa-duotone.fa-cloud-check:after, .fad.fa-cloud-check:after {
  content: "\e35c\e35c";
}

.fa-duotone.fa-close:after, .fa-duotone.fa-multiply:after, .fa-duotone.fa-remove:after, .fa-duotone.fa-times:after, .fa-duotone.fa-xmark:after, .fad.fa-close:after, .fad.fa-multiply:after, .fad.fa-remove:after, .fad.fa-times:after, .fad.fa-xmark:after {
  content: "\f00d\f00d";
}

.fa-duotone.fa-face-smirking:after, .fad.fa-face-smirking:after {
  content: "\e397\e397";
}

.fa-duotone.fa-arrows-up-down-left-right:after, .fa-duotone.fa-arrows:after, .fad.fa-arrows-up-down-left-right:after, .fad.fa-arrows:after {
  content: "\f047\f047";
}

.fa-duotone.fa-chalkboard-teacher:after, .fa-duotone.fa-chalkboard-user:after, .fad.fa-chalkboard-teacher:after, .fad.fa-chalkboard-user:after {
  content: "\f51c\f51c";
}

.fa-duotone.fa-rhombus:after, .fad.fa-rhombus:after {
  content: "\e23b\e23b";
}

.fa-duotone.fa-claw-marks:after, .fad.fa-claw-marks:after {
  content: "\f6c2\f6c2";
}

.fa-duotone.fa-peso-sign:after, .fad.fa-peso-sign:after {
  content: "\e222\e222";
}

.fa-duotone.fa-face-smile-tongue:after, .fad.fa-face-smile-tongue:after {
  content: "\e394\e394";
}

.fa-duotone.fa-cart-circle-xmark:after, .fad.fa-cart-circle-xmark:after {
  content: "\e3f4\e3f4";
}

.fa-duotone.fa-building-shield:after, .fad.fa-building-shield:after {
  content: "\e4d8\e4d8";
}

.fa-duotone.fa-circle-phone-flip:after, .fa-duotone.fa-phone-circle-alt:after, .fad.fa-circle-phone-flip:after, .fad.fa-phone-circle-alt:after {
  content: "\e11c\e11c";
}

.fa-duotone.fa-baby:after, .fad.fa-baby:after {
  content: "\f77c\f77c";
}

.fa-duotone.fa-users-line:after, .fad.fa-users-line:after {
  content: "\e592\e592";
}

.fa-duotone.fa-quote-left-alt:after, .fa-duotone.fa-quote-left:after, .fad.fa-quote-left-alt:after, .fad.fa-quote-left:after {
  content: "\f10d\f10d";
}

.fa-duotone.fa-tractor:after, .fad.fa-tractor:after {
  content: "\f722\f722";
}

.fa-duotone.fa-key-skeleton:after, .fad.fa-key-skeleton:after {
  content: "\f6f3\f6f3";
}

.fa-duotone.fa-trash-arrow-up:after, .fa-duotone.fa-trash-restore:after, .fad.fa-trash-arrow-up:after, .fad.fa-trash-restore:after {
  content: "\f829\f829";
}

.fa-duotone.fa-arrow-down-up-lock:after, .fad.fa-arrow-down-up-lock:after {
  content: "\e4b0\e4b0";
}

.fa-duotone.fa-arrow-down-to-bracket:after, .fad.fa-arrow-down-to-bracket:after {
  content: "\e094\e094";
}

.fa-duotone.fa-lines-leaning:after, .fad.fa-lines-leaning:after {
  content: "\e51e\e51e";
}

.fa-duotone.fa-square-q:after, .fad.fa-square-q:after {
  content: "\e27b\e27b";
}

.fa-duotone.fa-ruler-combined:after, .fad.fa-ruler-combined:after {
  content: "\f546\f546";
}

.fa-duotone.fa-icons-alt:after, .fa-duotone.fa-symbols:after, .fad.fa-icons-alt:after, .fad.fa-symbols:after {
  content: "\f86e\f86e";
}

.fa-duotone.fa-copyright:after, .fad.fa-copyright:after {
  content: "\f1f9\f1f9";
}

.fa-duotone.fa-flask-gear:after, .fad.fa-flask-gear:after {
  content: "\e5f1\e5f1";
}

.fa-duotone.fa-highlighter-line:after, .fad.fa-highlighter-line:after {
  content: "\e1af\e1af";
}

.fa-duotone.fa-bracket-left:after, .fa-duotone.fa-bracket-square:after, .fa-duotone.fa-bracket:after, .fad.fa-bracket-left:after, .fad.fa-bracket-square:after, .fad.fa-bracket:after {
  content: "[[";
}

.fa-duotone.fa-island-tree-palm:after, .fa-duotone.fa-island-tropical:after, .fad.fa-island-tree-palm:after, .fad.fa-island-tropical:after {
  content: "\f811\f811";
}

.fa-duotone.fa-arrow-from-left:after, .fa-duotone.fa-arrow-right-from-line:after, .fad.fa-arrow-from-left:after, .fad.fa-arrow-right-from-line:after {
  content: "\f343\f343";
}

.fa-duotone.fa-h2:after, .fad.fa-h2:after {
  content: "\f314\f314";
}

.fa-duotone.fa-equals:after, .fad.fa-equals:after {
  content: "==";
}

.fa-duotone.fa-cake-slice:after, .fa-duotone.fa-shortcake:after, .fad.fa-cake-slice:after, .fad.fa-shortcake:after {
  content: "\e3e5\e3e5";
}

.fa-duotone.fa-building-magnifying-glass:after, .fad.fa-building-magnifying-glass:after {
  content: "\e61c\e61c";
}

.fa-duotone.fa-peanut:after, .fad.fa-peanut:after {
  content: "\e430\e430";
}

.fa-duotone.fa-wrench-simple:after, .fad.fa-wrench-simple:after {
  content: "\e2d1\e2d1";
}

.fa-duotone.fa-blender:after, .fad.fa-blender:after {
  content: "\f517\f517";
}

.fa-duotone.fa-teeth:after, .fad.fa-teeth:after {
  content: "\f62e\f62e";
}

.fa-duotone.fa-tally-2:after, .fad.fa-tally-2:after {
  content: "\e295\e295";
}

.fa-duotone.fa-ils:after, .fa-duotone.fa-shekel-sign:after, .fa-duotone.fa-shekel:after, .fa-duotone.fa-sheqel-sign:after, .fa-duotone.fa-sheqel:after, .fad.fa-ils:after, .fad.fa-shekel-sign:after, .fad.fa-shekel:after, .fad.fa-sheqel-sign:after, .fad.fa-sheqel:after {
  content: "\f20b\f20b";
}

.fa-duotone.fa-cars:after, .fad.fa-cars:after {
  content: "\f85b\f85b";
}

.fa-duotone.fa-axe-battle:after, .fad.fa-axe-battle:after {
  content: "\f6b3\f6b3";
}

.fa-duotone.fa-user-hair-long:after, .fad.fa-user-hair-long:after {
  content: "\e45b\e45b";
}

.fa-duotone.fa-map:after, .fad.fa-map:after {
  content: "\f279\f279";
}

.fa-duotone.fa-arrow-left-from-arc:after, .fad.fa-arrow-left-from-arc:after {
  content: "\e615\e615";
}

.fa-duotone.fa-file-circle-info:after, .fad.fa-file-circle-info:after {
  content: "\e493\e493";
}

.fa-duotone.fa-face-disappointed:after, .fad.fa-face-disappointed:after {
  content: "\e36f\e36f";
}

.fa-duotone.fa-lasso-sparkles:after, .fad.fa-lasso-sparkles:after {
  content: "\e1c9\e1c9";
}

.fa-duotone.fa-clock-eleven:after, .fad.fa-clock-eleven:after {
  content: "\e347\e347";
}

.fa-duotone.fa-rocket:after, .fad.fa-rocket:after {
  content: "\f135\f135";
}

.fa-duotone.fa-siren-on:after, .fad.fa-siren-on:after {
  content: "\e02e\e02e";
}

.fa-duotone.fa-clock-ten:after, .fad.fa-clock-ten:after {
  content: "\e354\e354";
}

.fa-duotone.fa-candle-holder:after, .fad.fa-candle-holder:after {
  content: "\f6bc\f6bc";
}

.fa-duotone.fa-video-arrow-down-left:after, .fad.fa-video-arrow-down-left:after {
  content: "\e2c8\e2c8";
}

.fa-duotone.fa-photo-film:after, .fa-duotone.fa-photo-video:after, .fad.fa-photo-film:after, .fad.fa-photo-video:after {
  content: "\f87c\f87c";
}

.fa-duotone.fa-floppy-disk-circle-arrow-right:after, .fa-duotone.fa-save-circle-arrow-right:after, .fad.fa-floppy-disk-circle-arrow-right:after, .fad.fa-save-circle-arrow-right:after {
  content: "\e180\e180";
}

.fa-duotone.fa-folder-minus:after, .fad.fa-folder-minus:after {
  content: "\f65d\f65d";
}

.fa-duotone.fa-planet-moon:after, .fad.fa-planet-moon:after {
  content: "\e01f\e01f";
}

.fa-duotone.fa-face-eyes-xmarks:after, .fad.fa-face-eyes-xmarks:after {
  content: "\e374\e374";
}

.fa-duotone.fa-chart-scatter:after, .fad.fa-chart-scatter:after {
  content: "\f7ee\f7ee";
}

.fa-duotone.fa-display-arrow-down:after, .fad.fa-display-arrow-down:after {
  content: "\e164\e164";
}

.fa-duotone.fa-store:after, .fad.fa-store:after {
  content: "\f54e\f54e";
}

.fa-duotone.fa-arrow-trend-up:after, .fad.fa-arrow-trend-up:after {
  content: "\e098\e098";
}

.fa-duotone.fa-plug-circle-minus:after, .fad.fa-plug-circle-minus:after {
  content: "\e55e\e55e";
}

.fa-duotone.fa-olive-branch:after, .fad.fa-olive-branch:after {
  content: "\e317\e317";
}

.fa-duotone.fa-angle:after, .fad.fa-angle:after {
  content: "\e08c\e08c";
}

.fa-duotone.fa-vacuum-robot:after, .fad.fa-vacuum-robot:after {
  content: "\e04e\e04e";
}

.fa-duotone.fa-sign-hanging:after, .fa-duotone.fa-sign:after, .fad.fa-sign-hanging:after, .fad.fa-sign:after {
  content: "\f4d9\f4d9";
}

.fa-duotone.fa-square-divide:after, .fad.fa-square-divide:after {
  content: "\e26a\e26a";
}

.fa-duotone.fa-folder-check:after, .fad.fa-folder-check:after {
  content: "\e64e\e64e";
}

.fa-duotone.fa-signal-stream-slash:after, .fad.fa-signal-stream-slash:after {
  content: "\e250\e250";
}

.fa-duotone.fa-bezier-curve:after, .fad.fa-bezier-curve:after {
  content: "\f55b\f55b";
}

.fa-duotone.fa-eye-dropper-half:after, .fad.fa-eye-dropper-half:after {
  content: "\e173\e173";
}

.fa-duotone.fa-store-lock:after, .fad.fa-store-lock:after {
  content: "\e4a6\e4a6";
}

.fa-duotone.fa-bell-slash:after, .fad.fa-bell-slash:after {
  content: "\f1f6\f1f6";
}

.fa-duotone.fa-cloud-bolt-sun:after, .fa-duotone.fa-thunderstorm-sun:after, .fad.fa-cloud-bolt-sun:after, .fad.fa-thunderstorm-sun:after {
  content: "\f76e\f76e";
}

.fa-duotone.fa-camera-slash:after, .fad.fa-camera-slash:after {
  content: "\e0d9\e0d9";
}

.fa-duotone.fa-comment-quote:after, .fad.fa-comment-quote:after {
  content: "\e14c\e14c";
}

.fa-duotone.fa-tablet-android:after, .fa-duotone.fa-tablet:after, .fad.fa-tablet-android:after, .fad.fa-tablet:after {
  content: "\f3fb\f3fb";
}

.fa-duotone.fa-school-flag:after, .fad.fa-school-flag:after {
  content: "\e56e\e56e";
}

.fa-duotone.fa-message-code:after, .fad.fa-message-code:after {
  content: "\e1df\e1df";
}

.fa-duotone.fa-glass-half-empty:after, .fa-duotone.fa-glass-half-full:after, .fa-duotone.fa-glass-half:after, .fad.fa-glass-half-empty:after, .fad.fa-glass-half-full:after, .fad.fa-glass-half:after {
  content: "\e192\e192";
}

.fa-duotone.fa-fill:after, .fad.fa-fill:after {
  content: "\f575\f575";
}

.fa-duotone.fa-comment-alt-minus:after, .fa-duotone.fa-message-minus:after, .fad.fa-comment-alt-minus:after, .fad.fa-message-minus:after {
  content: "\f4a7\f4a7";
}

.fa-duotone.fa-angle-up:after, .fad.fa-angle-up:after {
  content: "\f106\f106";
}

.fa-duotone.fa-dinosaur:after, .fad.fa-dinosaur:after {
  content: "\e5fe\e5fe";
}

.fa-duotone.fa-drumstick-bite:after, .fad.fa-drumstick-bite:after {
  content: "\f6d7\f6d7";
}

.fa-duotone.fa-chain-horizontal-slash:after, .fa-duotone.fa-link-horizontal-slash:after, .fad.fa-chain-horizontal-slash:after, .fad.fa-link-horizontal-slash:after {
  content: "\e1cc\e1cc";
}

.fa-duotone.fa-holly-berry:after, .fad.fa-holly-berry:after {
  content: "\f7aa\f7aa";
}

.fa-duotone.fa-nose:after, .fad.fa-nose:after {
  content: "\e5bd\e5bd";
}

.fa-duotone.fa-arrow-left-to-arc:after, .fad.fa-arrow-left-to-arc:after {
  content: "\e616\e616";
}

.fa-duotone.fa-chevron-left:after, .fad.fa-chevron-left:after {
  content: "\f053\f053";
}

.fa-duotone.fa-bacteria:after, .fad.fa-bacteria:after {
  content: "\e059\e059";
}

.fa-duotone.fa-clouds:after, .fad.fa-clouds:after {
  content: "\f744\f744";
}

.fa-duotone.fa-money-bill-simple:after, .fad.fa-money-bill-simple:after {
  content: "\e1f1\e1f1";
}

.fa-duotone.fa-hand-lizard:after, .fad.fa-hand-lizard:after {
  content: "\f258\f258";
}

.fa-duotone.fa-table-pivot:after, .fad.fa-table-pivot:after {
  content: "\e291\e291";
}

.fa-duotone.fa-filter-slash:after, .fad.fa-filter-slash:after {
  content: "\e17d\e17d";
}

.fa-duotone.fa-trash-can-arrow-turn-left:after, .fa-duotone.fa-trash-can-undo:after, .fa-duotone.fa-trash-undo-alt:after, .fad.fa-trash-can-arrow-turn-left:after, .fad.fa-trash-can-undo:after, .fad.fa-trash-undo-alt:after {
  content: "\f896\f896";
}

.fa-duotone.fa-notdef:after, .fad.fa-notdef:after {
  content: "\e1fe\e1fe";
}

.fa-duotone.fa-disease:after, .fad.fa-disease:after {
  content: "\f7fa\f7fa";
}

.fa-duotone.fa-person-to-door:after, .fad.fa-person-to-door:after {
  content: "\e433\e433";
}

.fa-duotone.fa-turntable:after, .fad.fa-turntable:after {
  content: "\f8e4\f8e4";
}

.fa-duotone.fa-briefcase-medical:after, .fad.fa-briefcase-medical:after {
  content: "\f469\f469";
}

.fa-duotone.fa-genderless:after, .fad.fa-genderless:after {
  content: "\f22d\f22d";
}

.fa-duotone.fa-chevron-right:after, .fad.fa-chevron-right:after {
  content: "\f054\f054";
}

.fa-duotone.fa-signal-1:after, .fa-duotone.fa-signal-weak:after, .fad.fa-signal-1:after, .fad.fa-signal-weak:after {
  content: "\f68c\f68c";
}

.fa-duotone.fa-clock-five:after, .fad.fa-clock-five:after {
  content: "\e349\e349";
}

.fa-duotone.fa-retweet:after, .fad.fa-retweet:after {
  content: "\f079\f079";
}

.fa-duotone.fa-car-alt:after, .fa-duotone.fa-car-rear:after, .fad.fa-car-alt:after, .fad.fa-car-rear:after {
  content: "\f5de\f5de";
}

.fa-duotone.fa-pump-soap:after, .fad.fa-pump-soap:after {
  content: "\e06b\e06b";
}

.fa-duotone.fa-computer-classic:after, .fad.fa-computer-classic:after {
  content: "\f8b1\f8b1";
}

.fa-duotone.fa-frame:after, .fad.fa-frame:after {
  content: "\e495\e495";
}

.fa-duotone.fa-video-slash:after, .fad.fa-video-slash:after {
  content: "\f4e2\f4e2";
}

.fa-duotone.fa-battery-2:after, .fa-duotone.fa-battery-quarter:after, .fad.fa-battery-2:after, .fad.fa-battery-quarter:after {
  content: "\f243\f243";
}

.fa-duotone.fa-ellipsis-h-alt:after, .fa-duotone.fa-ellipsis-stroke:after, .fad.fa-ellipsis-h-alt:after, .fad.fa-ellipsis-stroke:after {
  content: "\f39b\f39b";
}

.fa-duotone.fa-radio:after, .fad.fa-radio:after {
  content: "\f8d7\f8d7";
}

.fa-duotone.fa-baby-carriage:after, .fa-duotone.fa-carriage-baby:after, .fad.fa-baby-carriage:after, .fad.fa-carriage-baby:after {
  content: "\f77d\f77d";
}

.fa-duotone.fa-face-expressionless:after, .fad.fa-face-expressionless:after {
  content: "\e373\e373";
}

.fa-duotone.fa-down-to-dotted-line:after, .fad.fa-down-to-dotted-line:after {
  content: "\e408\e408";
}

.fa-duotone.fa-cloud-music:after, .fad.fa-cloud-music:after {
  content: "\f8ae\f8ae";
}

.fa-duotone.fa-traffic-light:after, .fad.fa-traffic-light:after {
  content: "\f637\f637";
}

.fa-duotone.fa-cloud-minus:after, .fad.fa-cloud-minus:after {
  content: "\e35d\e35d";
}

.fa-duotone.fa-thermometer:after, .fad.fa-thermometer:after {
  content: "\f491\f491";
}

.fa-duotone.fa-shield-minus:after, .fad.fa-shield-minus:after {
  content: "\e249\e249";
}

.fa-duotone.fa-vr-cardboard:after, .fad.fa-vr-cardboard:after {
  content: "\f729\f729";
}

.fa-duotone.fa-car-tilt:after, .fad.fa-car-tilt:after {
  content: "\f5e5\f5e5";
}

.fa-duotone.fa-gauge-circle-minus:after, .fad.fa-gauge-circle-minus:after {
  content: "\e497\e497";
}

.fa-duotone.fa-brightness-low:after, .fad.fa-brightness-low:after {
  content: "\e0ca\e0ca";
}

.fa-duotone.fa-hand-middle-finger:after, .fad.fa-hand-middle-finger:after {
  content: "\f806\f806";
}

.fa-duotone.fa-percent:after, .fa-duotone.fa-percentage:after, .fad.fa-percent:after, .fad.fa-percentage:after {
  content: "%%";
}

.fa-duotone.fa-truck-moving:after, .fad.fa-truck-moving:after {
  content: "\f4df\f4df";
}

.fa-duotone.fa-glass-water-droplet:after, .fad.fa-glass-water-droplet:after {
  content: "\e4f5\e4f5";
}

.fa-duotone.fa-conveyor-belt:after, .fad.fa-conveyor-belt:after {
  content: "\f46e\f46e";
}

.fa-duotone.fa-location-check:after, .fa-duotone.fa-map-marker-check:after, .fad.fa-location-check:after, .fad.fa-map-marker-check:after {
  content: "\f606\f606";
}

.fa-duotone.fa-coin-vertical:after, .fad.fa-coin-vertical:after {
  content: "\e3fd\e3fd";
}

.fa-duotone.fa-display:after, .fad.fa-display:after {
  content: "\e163\e163";
}

.fa-duotone.fa-person-sign:after, .fad.fa-person-sign:after {
  content: "\f757\f757";
}

.fa-duotone.fa-face-smile:after, .fa-duotone.fa-smile:after, .fad.fa-face-smile:after, .fad.fa-smile:after {
  content: "\f118\f118";
}

.fa-duotone.fa-phone-hangup:after, .fad.fa-phone-hangup:after {
  content: "\e225\e225";
}

.fa-duotone.fa-signature-slash:after, .fad.fa-signature-slash:after {
  content: "\e3cb\e3cb";
}

.fa-duotone.fa-thumb-tack:after, .fa-duotone.fa-thumbtack:after, .fad.fa-thumb-tack:after, .fad.fa-thumbtack:after {
  content: "\f08d\f08d";
}

.fa-duotone.fa-wheat-slash:after, .fad.fa-wheat-slash:after {
  content: "\e339\e339";
}

.fa-duotone.fa-trophy:after, .fad.fa-trophy:after {
  content: "\f091\f091";
}

.fa-duotone.fa-clouds-sun:after, .fad.fa-clouds-sun:after {
  content: "\f746\f746";
}

.fa-duotone.fa-person-praying:after, .fa-duotone.fa-pray:after, .fad.fa-person-praying:after, .fad.fa-pray:after {
  content: "\f683\f683";
}

.fa-duotone.fa-hammer:after, .fad.fa-hammer:after {
  content: "\f6e3\f6e3";
}

.fa-duotone.fa-face-vomit:after, .fad.fa-face-vomit:after {
  content: "\e3a0\e3a0";
}

.fa-duotone.fa-speakers:after, .fad.fa-speakers:after {
  content: "\f8e0\f8e0";
}

.fa-duotone.fa-teletype-answer:after, .fa-duotone.fa-tty-answer:after, .fad.fa-teletype-answer:after, .fad.fa-tty-answer:after {
  content: "\e2b9\e2b9";
}

.fa-duotone.fa-mug-tea-saucer:after, .fad.fa-mug-tea-saucer:after {
  content: "\e1f5\e1f5";
}

.fa-duotone.fa-diagram-lean-canvas:after, .fad.fa-diagram-lean-canvas:after {
  content: "\e156\e156";
}

.fa-duotone.fa-alt:after, .fad.fa-alt:after {
  content: "\e08a\e08a";
}

.fa-duotone.fa-dial-med-high:after, .fa-duotone.fa-dial:after, .fad.fa-dial-med-high:after, .fad.fa-dial:after {
  content: "\e15b\e15b";
}

.fa-duotone.fa-hand-peace:after, .fad.fa-hand-peace:after {
  content: "\f25b\f25b";
}

.fa-duotone.fa-circle-trash:after, .fa-duotone.fa-trash-circle:after, .fad.fa-circle-trash:after, .fad.fa-trash-circle:after {
  content: "\e126\e126";
}

.fa-duotone.fa-rotate:after, .fa-duotone.fa-sync-alt:after, .fad.fa-rotate:after, .fad.fa-sync-alt:after {
  content: "\f2f1\f2f1";
}

.fa-duotone.fa-circle-quarters:after, .fad.fa-circle-quarters:after {
  content: "\e3f8\e3f8";
}

.fa-duotone.fa-spinner:after, .fad.fa-spinner:after {
  content: "\f110\f110";
}

.fa-duotone.fa-tower-control:after, .fad.fa-tower-control:after {
  content: "\e2a2\e2a2";
}

.fa-duotone.fa-arrow-up-triangle-square:after, .fa-duotone.fa-sort-shapes-up:after, .fad.fa-arrow-up-triangle-square:after, .fad.fa-sort-shapes-up:after {
  content: "\f88a\f88a";
}

.fa-duotone.fa-whale:after, .fad.fa-whale:after {
  content: "\f72c\f72c";
}

.fa-duotone.fa-robot:after, .fad.fa-robot:after {
  content: "\f544\f544";
}

.fa-duotone.fa-peace:after, .fad.fa-peace:after {
  content: "\f67c\f67c";
}

.fa-duotone.fa-party-horn:after, .fad.fa-party-horn:after {
  content: "\e31b\e31b";
}

.fa-duotone.fa-cogs:after, .fa-duotone.fa-gears:after, .fad.fa-cogs:after, .fad.fa-gears:after {
  content: "\f085\f085";
}

.fa-duotone.fa-sun-alt:after, .fa-duotone.fa-sun-bright:after, .fad.fa-sun-alt:after, .fad.fa-sun-bright:after {
  content: "\e28f\e28f";
}

.fa-duotone.fa-warehouse:after, .fad.fa-warehouse:after {
  content: "\f494\f494";
}

.fa-duotone.fa-conveyor-belt-arm:after, .fad.fa-conveyor-belt-arm:after {
  content: "\e5f8\e5f8";
}

.fa-duotone.fa-lock-keyhole-open:after, .fa-duotone.fa-lock-open-alt:after, .fad.fa-lock-keyhole-open:after, .fad.fa-lock-open-alt:after {
  content: "\f3c2\f3c2";
}

.fa-duotone.fa-box-fragile:after, .fa-duotone.fa-square-fragile:after, .fa-duotone.fa-square-wine-glass-crack:after, .fad.fa-box-fragile:after, .fad.fa-square-fragile:after, .fad.fa-square-wine-glass-crack:after {
  content: "\f49b\f49b";
}

.fa-duotone.fa-arrow-up-right-dots:after, .fad.fa-arrow-up-right-dots:after {
  content: "\e4b7\e4b7";
}

.fa-duotone.fa-square-n:after, .fad.fa-square-n:after {
  content: "\e277\e277";
}

.fa-duotone.fa-splotch:after, .fad.fa-splotch:after {
  content: "\f5bc\f5bc";
}

.fa-duotone.fa-face-grin-hearts:after, .fa-duotone.fa-grin-hearts:after, .fad.fa-face-grin-hearts:after, .fad.fa-grin-hearts:after {
  content: "\f584\f584";
}

.fa-duotone.fa-meter:after, .fad.fa-meter:after {
  content: "\e1e8\e1e8";
}

.fa-duotone.fa-mandolin:after, .fad.fa-mandolin:after {
  content: "\f6f9\f6f9";
}

.fa-duotone.fa-dice-four:after, .fad.fa-dice-four:after {
  content: "\f524\f524";
}

.fa-duotone.fa-sim-card:after, .fad.fa-sim-card:after {
  content: "\f7c4\f7c4";
}

.fa-duotone.fa-transgender-alt:after, .fa-duotone.fa-transgender:after, .fad.fa-transgender-alt:after, .fad.fa-transgender:after {
  content: "\f225\f225";
}

.fa-duotone.fa-mercury:after, .fad.fa-mercury:after {
  content: "\f223\f223";
}

.fa-duotone.fa-up-from-bracket:after, .fad.fa-up-from-bracket:after {
  content: "\e590\e590";
}

.fa-duotone.fa-knife-kitchen:after, .fad.fa-knife-kitchen:after {
  content: "\f6f5\f6f5";
}

.fa-duotone.fa-border-right:after, .fad.fa-border-right:after {
  content: "\f852\f852";
}

.fa-duotone.fa-arrow-turn-down:after, .fa-duotone.fa-level-down:after, .fad.fa-arrow-turn-down:after, .fad.fa-level-down:after {
  content: "\f149\f149";
}

.fa-duotone.fa-spade:after, .fad.fa-spade:after {
  content: "\f2f4\f2f4";
}

.fa-duotone.fa-card-spade:after, .fad.fa-card-spade:after {
  content: "\e3ec\e3ec";
}

.fa-duotone.fa-line-columns:after, .fad.fa-line-columns:after {
  content: "\f870\f870";
}

.fa-duotone.fa-arrow-right-to-line:after, .fa-duotone.fa-arrow-to-right:after, .fad.fa-arrow-right-to-line:after, .fad.fa-arrow-to-right:after {
  content: "\f340\f340";
}

.fa-duotone.fa-person-falling-burst:after, .fad.fa-person-falling-burst:after {
  content: "\e547\e547";
}

.fa-duotone.fa-flag-pennant:after, .fa-duotone.fa-pennant:after, .fad.fa-flag-pennant:after, .fad.fa-pennant:after {
  content: "\f456\f456";
}

.fa-duotone.fa-conveyor-belt-empty:after, .fad.fa-conveyor-belt-empty:after {
  content: "\e150\e150";
}

.fa-duotone.fa-user-group-simple:after, .fad.fa-user-group-simple:after {
  content: "\e603\e603";
}

.fa-duotone.fa-award:after, .fad.fa-award:after {
  content: "\f559\f559";
}

.fa-duotone.fa-ticket-alt:after, .fa-duotone.fa-ticket-simple:after, .fad.fa-ticket-alt:after, .fad.fa-ticket-simple:after {
  content: "\f3ff\f3ff";
}

.fa-duotone.fa-building:after, .fad.fa-building:after {
  content: "\f1ad\f1ad";
}

.fa-duotone.fa-angle-double-left:after, .fa-duotone.fa-angles-left:after, .fad.fa-angle-double-left:after, .fad.fa-angles-left:after {
  content: "\f100\f100";
}

.fa-duotone.fa-camcorder:after, .fa-duotone.fa-video-handheld:after, .fad.fa-camcorder:after, .fad.fa-video-handheld:after {
  content: "\f8a8\f8a8";
}

.fa-duotone.fa-pancakes:after, .fad.fa-pancakes:after {
  content: "\e42d\e42d";
}

.fa-duotone.fa-album-circle-user:after, .fad.fa-album-circle-user:after {
  content: "\e48d\e48d";
}

.fa-duotone.fa-subtitles-slash:after, .fad.fa-subtitles-slash:after {
  content: "\e610\e610";
}

.fa-duotone.fa-qrcode:after, .fad.fa-qrcode:after {
  content: "\f029\f029";
}

.fa-duotone.fa-dice-d10:after, .fad.fa-dice-d10:after {
  content: "\f6cd\f6cd";
}

.fa-duotone.fa-fireplace:after, .fad.fa-fireplace:after {
  content: "\f79a\f79a";
}

.fa-duotone.fa-browser:after, .fad.fa-browser:after {
  content: "\f37e\f37e";
}

.fa-duotone.fa-pen-paintbrush:after, .fa-duotone.fa-pencil-paintbrush:after, .fad.fa-pen-paintbrush:after, .fad.fa-pencil-paintbrush:after {
  content: "\f618\f618";
}

.fa-duotone.fa-fish-cooked:after, .fad.fa-fish-cooked:after {
  content: "\f7fe\f7fe";
}

.fa-duotone.fa-chair-office:after, .fad.fa-chair-office:after {
  content: "\f6c1\f6c1";
}

.fa-duotone.fa-magnifying-glass-music:after, .fad.fa-magnifying-glass-music:after {
  content: "\e65f\e65f";
}

.fa-duotone.fa-nesting-dolls:after, .fad.fa-nesting-dolls:after {
  content: "\e3ba\e3ba";
}

.fa-duotone.fa-clock-rotate-left:after, .fa-duotone.fa-history:after, .fad.fa-clock-rotate-left:after, .fad.fa-history:after {
  content: "\f1da\f1da";
}

.fa-duotone.fa-trumpet:after, .fad.fa-trumpet:after {
  content: "\f8e3\f8e3";
}

.fa-duotone.fa-face-grin-beam-sweat:after, .fa-duotone.fa-grin-beam-sweat:after, .fad.fa-face-grin-beam-sweat:after, .fad.fa-grin-beam-sweat:after {
  content: "\f583\f583";
}

.fa-duotone.fa-fire-smoke:after, .fad.fa-fire-smoke:after {
  content: "\f74b\f74b";
}

.fa-duotone.fa-phone-missed:after, .fad.fa-phone-missed:after {
  content: "\e226\e226";
}

.fa-duotone.fa-arrow-right-from-file:after, .fa-duotone.fa-file-export:after, .fad.fa-arrow-right-from-file:after, .fad.fa-file-export:after {
  content: "\f56e\f56e";
}

.fa-duotone.fa-shield-blank:after, .fa-duotone.fa-shield:after, .fad.fa-shield-blank:after, .fad.fa-shield:after {
  content: "\f132\f132";
}

.fa-duotone.fa-arrow-up-short-wide:after, .fa-duotone.fa-sort-amount-up-alt:after, .fad.fa-arrow-up-short-wide:after, .fad.fa-sort-amount-up-alt:after {
  content: "\f885\f885";
}

.fa-duotone.fa-arrows-repeat-1:after, .fa-duotone.fa-repeat-1-alt:after, .fad.fa-arrows-repeat-1:after, .fad.fa-repeat-1-alt:after {
  content: "\f366\f366";
}

.fa-duotone.fa-gun-slash:after, .fad.fa-gun-slash:after {
  content: "\e19c\e19c";
}

.fa-duotone.fa-avocado:after, .fad.fa-avocado:after {
  content: "\e0aa\e0aa";
}

.fa-duotone.fa-binary:after, .fad.fa-binary:after {
  content: "\e33b\e33b";
}

.fa-duotone.fa-glasses-alt:after, .fa-duotone.fa-glasses-round:after, .fad.fa-glasses-alt:after, .fad.fa-glasses-round:after {
  content: "\f5f5\f5f5";
}

.fa-duotone.fa-phone-plus:after, .fad.fa-phone-plus:after {
  content: "\f4d2\f4d2";
}

.fa-duotone.fa-ditto:after, .fad.fa-ditto:after {
  content: '""';
}

.fa-duotone.fa-person-seat:after, .fad.fa-person-seat:after {
  content: "\e21e\e21e";
}

.fa-duotone.fa-house-medical:after, .fad.fa-house-medical:after {
  content: "\e3b2\e3b2";
}

.fa-duotone.fa-golf-ball-tee:after, .fa-duotone.fa-golf-ball:after, .fad.fa-golf-ball-tee:after, .fad.fa-golf-ball:after {
  content: "\f450\f450";
}

.fa-duotone.fa-chevron-circle-left:after, .fa-duotone.fa-circle-chevron-left:after, .fad.fa-chevron-circle-left:after, .fad.fa-circle-chevron-left:after {
  content: "\f137\f137";
}

.fa-duotone.fa-house-chimney-window:after, .fad.fa-house-chimney-window:after {
  content: "\e00d\e00d";
}

.fa-duotone.fa-scythe:after, .fad.fa-scythe:after {
  content: "\f710\f710";
}

.fa-duotone.fa-pen-nib:after, .fad.fa-pen-nib:after {
  content: "\f5ad\f5ad";
}

.fa-duotone.fa-ban-parking:after, .fa-duotone.fa-parking-circle-slash:after, .fad.fa-ban-parking:after, .fad.fa-parking-circle-slash:after {
  content: "\f616\f616";
}

.fa-duotone.fa-tent-arrow-turn-left:after, .fad.fa-tent-arrow-turn-left:after {
  content: "\e580\e580";
}

.fa-duotone.fa-face-diagonal-mouth:after, .fad.fa-face-diagonal-mouth:after {
  content: "\e47e\e47e";
}

.fa-duotone.fa-diagram-cells:after, .fad.fa-diagram-cells:after {
  content: "\e475\e475";
}

.fa-duotone.fa-cricket-bat-ball:after, .fa-duotone.fa-cricket:after, .fad.fa-cricket-bat-ball:after, .fad.fa-cricket:after {
  content: "\f449\f449";
}

.fa-duotone.fa-tents:after, .fad.fa-tents:after {
  content: "\e582\e582";
}

.fa-duotone.fa-magic:after, .fa-duotone.fa-wand-magic:after, .fad.fa-magic:after, .fad.fa-wand-magic:after {
  content: "\f0d0\f0d0";
}

.fa-duotone.fa-dog:after, .fad.fa-dog:after {
  content: "\f6d3\f6d3";
}

.fa-duotone.fa-pen-line:after, .fad.fa-pen-line:after {
  content: "\e212\e212";
}

.fa-duotone.fa-atom-alt:after, .fa-duotone.fa-atom-simple:after, .fad.fa-atom-alt:after, .fad.fa-atom-simple:after {
  content: "\f5d3\f5d3";
}

.fa-duotone.fa-ampersand:after, .fad.fa-ampersand:after {
  content: "&&";
}

.fa-duotone.fa-carrot:after, .fad.fa-carrot:after {
  content: "\f787\f787";
}

.fa-duotone.fa-arrow-from-bottom:after, .fa-duotone.fa-arrow-up-from-line:after, .fad.fa-arrow-from-bottom:after, .fad.fa-arrow-up-from-line:after {
  content: "\f342\f342";
}

.fa-duotone.fa-moon:after, .fad.fa-moon:after {
  content: "\f186\f186";
}

.fa-duotone.fa-pen-slash:after, .fad.fa-pen-slash:after {
  content: "\e213\e213";
}

.fa-duotone.fa-wine-glass-alt:after, .fa-duotone.fa-wine-glass-empty:after, .fad.fa-wine-glass-alt:after, .fad.fa-wine-glass-empty:after {
  content: "\f5ce\f5ce";
}

.fa-duotone.fa-square-star:after, .fad.fa-square-star:after {
  content: "\e27f\e27f";
}

.fa-duotone.fa-cheese:after, .fad.fa-cheese:after {
  content: "\f7ef\f7ef";
}

.fa-duotone.fa-send-backward:after, .fad.fa-send-backward:after {
  content: "\f87f\f87f";
}

.fa-duotone.fa-yin-yang:after, .fad.fa-yin-yang:after {
  content: "\f6ad\f6ad";
}

.fa-duotone.fa-music:after, .fad.fa-music:after {
  content: "\f001\f001";
}

.fa-duotone.fa-compass-slash:after, .fad.fa-compass-slash:after {
  content: "\f5e9\f5e9";
}

.fa-duotone.fa-clock-one:after, .fad.fa-clock-one:after {
  content: "\e34e\e34e";
}

.fa-duotone.fa-file-music:after, .fad.fa-file-music:after {
  content: "\f8b6\f8b6";
}

.fa-duotone.fa-code-commit:after, .fad.fa-code-commit:after {
  content: "\f386\f386";
}

.fa-duotone.fa-temperature-low:after, .fad.fa-temperature-low:after {
  content: "\f76b\f76b";
}

.fa-duotone.fa-biking:after, .fa-duotone.fa-person-biking:after, .fad.fa-biking:after, .fad.fa-person-biking:after {
  content: "\f84a\f84a";
}

.fa-duotone.fa-display-chart-up-circle-currency:after, .fad.fa-display-chart-up-circle-currency:after {
  content: "\e5e5\e5e5";
}

.fa-duotone.fa-skeleton:after, .fad.fa-skeleton:after {
  content: "\f620\f620";
}

.fa-duotone.fa-circle-g:after, .fad.fa-circle-g:after {
  content: "\e10f\e10f";
}

.fa-duotone.fa-circle-arrow-up-left:after, .fad.fa-circle-arrow-up-left:after {
  content: "\e0fb\e0fb";
}

.fa-duotone.fa-coin-blank:after, .fad.fa-coin-blank:after {
  content: "\e3fb\e3fb";
}

.fa-duotone.fa-broom:after, .fad.fa-broom:after {
  content: "\f51a\f51a";
}

.fa-duotone.fa-vacuum:after, .fad.fa-vacuum:after {
  content: "\e04d\e04d";
}

.fa-duotone.fa-shield-heart:after, .fad.fa-shield-heart:after {
  content: "\e574\e574";
}

.fa-duotone.fa-card-heart:after, .fad.fa-card-heart:after {
  content: "\e3eb\e3eb";
}

.fa-duotone.fa-lightbulb-cfl-on:after, .fad.fa-lightbulb-cfl-on:after {
  content: "\e5a7\e5a7";
}

.fa-duotone.fa-melon:after, .fad.fa-melon:after {
  content: "\e310\e310";
}

.fa-duotone.fa-gopuram:after, .fad.fa-gopuram:after {
  content: "\f664\f664";
}

.fa-duotone.fa-earth-oceania:after, .fa-duotone.fa-globe-oceania:after, .fad.fa-earth-oceania:after, .fad.fa-globe-oceania:after {
  content: "\e47b\e47b";
}

.fa-duotone.fa-container-storage:after, .fad.fa-container-storage:after {
  content: "\f4b7\f4b7";
}

.fa-duotone.fa-face-pouting:after, .fad.fa-face-pouting:after {
  content: "\e387\e387";
}

.fa-duotone.fa-square-xmark:after, .fa-duotone.fa-times-square:after, .fa-duotone.fa-xmark-square:after, .fad.fa-square-xmark:after, .fad.fa-times-square:after, .fad.fa-xmark-square:after {
  content: "\f2d3\f2d3";
}

.fa-duotone.fa-exploding-head:after, .fa-duotone.fa-face-explode:after, .fad.fa-exploding-head:after, .fad.fa-face-explode:after {
  content: "\e2fe\e2fe";
}

.fa-duotone.fa-hashtag:after, .fad.fa-hashtag:after {
  content: "##";
}

.fa-duotone.fa-expand-alt:after, .fa-duotone.fa-up-right-and-down-left-from-center:after, .fad.fa-expand-alt:after, .fad.fa-up-right-and-down-left-from-center:after {
  content: "\f424\f424";
}

.fa-duotone.fa-oil-can:after, .fad.fa-oil-can:after {
  content: "\f613\f613";
}

.fa-duotone.fa-t:after, .fad.fa-t:after {
  content: "TT";
}

.fa-duotone.fa-transformer-bolt:after, .fad.fa-transformer-bolt:after {
  content: "\e2a4\e2a4";
}

.fa-duotone.fa-hippo:after, .fad.fa-hippo:after {
  content: "\f6ed\f6ed";
}

.fa-duotone.fa-chart-column:after, .fad.fa-chart-column:after {
  content: "\e0e3\e0e3";
}

.fa-duotone.fa-cassette-vhs:after, .fa-duotone.fa-vhs:after, .fad.fa-cassette-vhs:after, .fad.fa-vhs:after {
  content: "\f8ec\f8ec";
}

.fa-duotone.fa-infinity:after, .fad.fa-infinity:after {
  content: "\f534\f534";
}

.fa-duotone.fa-vial-circle-check:after, .fad.fa-vial-circle-check:after {
  content: "\e596\e596";
}

.fa-duotone.fa-chimney:after, .fad.fa-chimney:after {
  content: "\f78b\f78b";
}

.fa-duotone.fa-object-intersect:after, .fad.fa-object-intersect:after {
  content: "\e49d\e49d";
}

.fa-duotone.fa-person-arrow-down-to-line:after, .fad.fa-person-arrow-down-to-line:after {
  content: "\e538\e538";
}

.fa-duotone.fa-voicemail:after, .fad.fa-voicemail:after {
  content: "\f897\f897";
}

.fa-duotone.fa-block-brick:after, .fa-duotone.fa-wall-brick:after, .fad.fa-block-brick:after, .fad.fa-wall-brick:after {
  content: "\e3db\e3db";
}

.fa-duotone.fa-fan:after, .fad.fa-fan:after {
  content: "\f863\f863";
}

.fa-duotone.fa-bags-shopping:after, .fad.fa-bags-shopping:after {
  content: "\f847\f847";
}

.fa-duotone.fa-paragraph-left:after, .fa-duotone.fa-paragraph-rtl:after, .fad.fa-paragraph-left:after, .fad.fa-paragraph-rtl:after {
  content: "\f878\f878";
}

.fa-duotone.fa-person-walking-luggage:after, .fad.fa-person-walking-luggage:after {
  content: "\e554\e554";
}

.fa-duotone.fa-caravan-alt:after, .fa-duotone.fa-caravan-simple:after, .fad.fa-caravan-alt:after, .fad.fa-caravan-simple:after {
  content: "\e000\e000";
}

.fa-duotone.fa-turtle:after, .fad.fa-turtle:after {
  content: "\f726\f726";
}

.fa-duotone.fa-pencil-mechanical:after, .fad.fa-pencil-mechanical:after {
  content: "\e5ca\e5ca";
}

.fa-duotone.fa-arrows-alt-v:after, .fa-duotone.fa-up-down:after, .fad.fa-arrows-alt-v:after, .fad.fa-up-down:after {
  content: "\f338\f338";
}

.fa-duotone.fa-cloud-moon-rain:after, .fad.fa-cloud-moon-rain:after {
  content: "\f73c\f73c";
}

.fa-duotone.fa-booth-curtain:after, .fad.fa-booth-curtain:after {
  content: "\f734\f734";
}

.fa-duotone.fa-calendar:after, .fad.fa-calendar:after {
  content: "\f133\f133";
}

.fa-duotone.fa-box-heart:after, .fad.fa-box-heart:after {
  content: "\f49d\f49d";
}

.fa-duotone.fa-trailer:after, .fad.fa-trailer:after {
  content: "\e041\e041";
}

.fa-duotone.fa-user-doctor-message:after, .fa-duotone.fa-user-md-chat:after, .fad.fa-user-doctor-message:after, .fad.fa-user-md-chat:after {
  content: "\f82e\f82e";
}

.fa-duotone.fa-bahai:after, .fa-duotone.fa-haykal:after, .fad.fa-bahai:after, .fad.fa-haykal:after {
  content: "\f666\f666";
}

.fa-duotone.fa-lighthouse:after, .fad.fa-lighthouse:after {
  content: "\e612\e612";
}

.fa-duotone.fa-amp-guitar:after, .fad.fa-amp-guitar:after {
  content: "\f8a1\f8a1";
}

.fa-duotone.fa-sd-card:after, .fad.fa-sd-card:after {
  content: "\f7c2\f7c2";
}

.fa-duotone.fa-volume-slash:after, .fad.fa-volume-slash:after {
  content: "\f2e2\f2e2";
}

.fa-duotone.fa-border-bottom:after, .fad.fa-border-bottom:after {
  content: "\f84d\f84d";
}

.fa-duotone.fa-wifi-1:after, .fa-duotone.fa-wifi-weak:after, .fad.fa-wifi-1:after, .fad.fa-wifi-weak:after {
  content: "\f6aa\f6aa";
}

.fa-duotone.fa-dragon:after, .fad.fa-dragon:after {
  content: "\f6d5\f6d5";
}

.fa-duotone.fa-shoe-prints:after, .fad.fa-shoe-prints:after {
  content: "\f54b\f54b";
}

.fa-duotone.fa-circle-plus:after, .fa-duotone.fa-plus-circle:after, .fad.fa-circle-plus:after, .fad.fa-plus-circle:after {
  content: "\f055\f055";
}

.fa-duotone.fa-face-grin-tongue-wink:after, .fa-duotone.fa-grin-tongue-wink:after, .fad.fa-face-grin-tongue-wink:after, .fad.fa-grin-tongue-wink:after {
  content: "\f58b\f58b";
}

.fa-duotone.fa-hand-holding:after, .fad.fa-hand-holding:after {
  content: "\f4bd\f4bd";
}

.fa-duotone.fa-plug-circle-exclamation:after, .fad.fa-plug-circle-exclamation:after {
  content: "\e55d\e55d";
}

.fa-duotone.fa-chain-broken:after, .fa-duotone.fa-chain-slash:after, .fa-duotone.fa-link-slash:after, .fa-duotone.fa-unlink:after, .fad.fa-chain-broken:after, .fad.fa-chain-slash:after, .fad.fa-link-slash:after, .fad.fa-unlink:after {
  content: "\f127\f127";
}

.fa-duotone.fa-clone:after, .fad.fa-clone:after {
  content: "\f24d\f24d";
}

.fa-duotone.fa-person-walking-arrow-loop-left:after, .fad.fa-person-walking-arrow-loop-left:after {
  content: "\e551\e551";
}

.fa-duotone.fa-arrow-up-z-a:after, .fa-duotone.fa-sort-alpha-up-alt:after, .fad.fa-arrow-up-z-a:after, .fad.fa-sort-alpha-up-alt:after {
  content: "\f882\f882";
}

.fa-duotone.fa-fire-alt:after, .fa-duotone.fa-fire-flame-curved:after, .fad.fa-fire-alt:after, .fad.fa-fire-flame-curved:after {
  content: "\f7e4\f7e4";
}

.fa-duotone.fa-tornado:after, .fad.fa-tornado:after {
  content: "\f76f\f76f";
}

.fa-duotone.fa-file-circle-plus:after, .fad.fa-file-circle-plus:after {
  content: "\e494\e494";
}

.fa-duotone.fa-delete-right:after, .fad.fa-delete-right:after {
  content: "\e154\e154";
}

.fa-duotone.fa-book-quran:after, .fa-duotone.fa-quran:after, .fad.fa-book-quran:after, .fad.fa-quran:after {
  content: "\f687\f687";
}

.fa-duotone.fa-circle-quarter:after, .fad.fa-circle-quarter:after {
  content: "\e11f\e11f";
}

.fa-duotone.fa-anchor:after, .fad.fa-anchor:after {
  content: "\f13d\f13d";
}

.fa-duotone.fa-border-all:after, .fad.fa-border-all:after {
  content: "\f84c\f84c";
}

.fa-duotone.fa-function:after, .fad.fa-function:after {
  content: "\f661\f661";
}

.fa-duotone.fa-angry:after, .fa-duotone.fa-face-angry:after, .fad.fa-angry:after, .fad.fa-face-angry:after {
  content: "\f556\f556";
}

.fa-duotone.fa-people-simple:after, .fad.fa-people-simple:after {
  content: "\e21b\e21b";
}

.fa-duotone.fa-cookie-bite:after, .fad.fa-cookie-bite:after {
  content: "\f564\f564";
}

.fa-duotone.fa-arrow-trend-down:after, .fad.fa-arrow-trend-down:after {
  content: "\e097\e097";
}

.fa-duotone.fa-feed:after, .fa-duotone.fa-rss:after, .fad.fa-feed:after, .fad.fa-rss:after {
  content: "\f09e\f09e";
}

.fa-duotone.fa-face-monocle:after, .fad.fa-face-monocle:after {
  content: "\e380\e380";
}

.fa-duotone.fa-draw-polygon:after, .fad.fa-draw-polygon:after {
  content: "\f5ee\f5ee";
}

.fa-duotone.fa-balance-scale:after, .fa-duotone.fa-scale-balanced:after, .fad.fa-balance-scale:after, .fad.fa-scale-balanced:after {
  content: "\f24e\f24e";
}

.fa-duotone.fa-calendar-lines:after, .fa-duotone.fa-calendar-note:after, .fad.fa-calendar-lines:after, .fad.fa-calendar-note:after {
  content: "\e0d5\e0d5";
}

.fa-duotone.fa-arrow-down-big-small:after, .fa-duotone.fa-sort-size-down:after, .fad.fa-arrow-down-big-small:after, .fad.fa-sort-size-down:after {
  content: "\f88c\f88c";
}

.fa-duotone.fa-gauge-simple-high:after, .fa-duotone.fa-tachometer-fast:after, .fa-duotone.fa-tachometer:after, .fad.fa-gauge-simple-high:after, .fad.fa-tachometer-fast:after, .fad.fa-tachometer:after {
  content: "\f62a\f62a";
}

.fa-duotone.fa-do-not-enter:after, .fad.fa-do-not-enter:after {
  content: "\f5ec\f5ec";
}

.fa-duotone.fa-shower:after, .fad.fa-shower:after {
  content: "\f2cc\f2cc";
}

.fa-duotone.fa-dice-d8:after, .fad.fa-dice-d8:after {
  content: "\f6d2\f6d2";
}

.fa-duotone.fa-desktop-alt:after, .fa-duotone.fa-desktop:after, .fad.fa-desktop-alt:after, .fad.fa-desktop:after {
  content: "\f390\f390";
}

.fa-duotone.fa-m:after, .fad.fa-m:after {
  content: "MM";
}

.fa-duotone.fa-spinner-scale:after, .fad.fa-spinner-scale:after {
  content: "\e62a\e62a";
}

.fa-duotone.fa-grip-dots-vertical:after, .fad.fa-grip-dots-vertical:after {
  content: "\e411\e411";
}

.fa-duotone.fa-face-viewfinder:after, .fad.fa-face-viewfinder:after {
  content: "\e2ff\e2ff";
}

.fa-duotone.fa-creemee:after, .fa-duotone.fa-soft-serve:after, .fad.fa-creemee:after, .fad.fa-soft-serve:after {
  content: "\e400\e400";
}

.fa-duotone.fa-h5:after, .fad.fa-h5:after {
  content: "\e412\e412";
}

.fa-duotone.fa-hand-back-point-down:after, .fad.fa-hand-back-point-down:after {
  content: "\e19e\e19e";
}

.fa-duotone.fa-table-list:after, .fa-duotone.fa-th-list:after, .fad.fa-table-list:after, .fad.fa-th-list:after {
  content: "\f00b\f00b";
}

.fa-duotone.fa-basket-shopping-minus:after, .fad.fa-basket-shopping-minus:after {
  content: "\e652\e652";
}

.fa-duotone.fa-comment-sms:after, .fa-duotone.fa-sms:after, .fad.fa-comment-sms:after, .fad.fa-sms:after {
  content: "\f7cd\f7cd";
}

.fa-duotone.fa-rectangle-landscape:after, .fa-duotone.fa-rectangle:after, .fad.fa-rectangle-landscape:after, .fad.fa-rectangle:after {
  content: "\f2fa\f2fa";
}

.fa-duotone.fa-clipboard-list-check:after, .fad.fa-clipboard-list-check:after {
  content: "\f737\f737";
}

.fa-duotone.fa-turkey:after, .fad.fa-turkey:after {
  content: "\f725\f725";
}

.fa-duotone.fa-book:after, .fad.fa-book:after {
  content: "\f02d\f02d";
}

.fa-duotone.fa-user-plus:after, .fad.fa-user-plus:after {
  content: "\f234\f234";
}

.fa-duotone.fa-ice-skate:after, .fad.fa-ice-skate:after {
  content: "\f7ac\f7ac";
}

.fa-duotone.fa-check:after, .fad.fa-check:after {
  content: "\f00c\f00c";
}

.fa-duotone.fa-battery-4:after, .fa-duotone.fa-battery-three-quarters:after, .fad.fa-battery-4:after, .fad.fa-battery-three-quarters:after {
  content: "\f241\f241";
}

.fa-duotone.fa-tomato:after, .fad.fa-tomato:after {
  content: "\e330\e330";
}

.fa-duotone.fa-sword-laser:after, .fad.fa-sword-laser:after {
  content: "\e03b\e03b";
}

.fa-duotone.fa-house-circle-check:after, .fad.fa-house-circle-check:after {
  content: "\e509\e509";
}

.fa-duotone.fa-buildings:after, .fad.fa-buildings:after {
  content: "\e0cc\e0cc";
}

.fa-duotone.fa-angle-left:after, .fad.fa-angle-left:after {
  content: "\f104\f104";
}

.fa-duotone.fa-cart-flatbed-boxes:after, .fa-duotone.fa-dolly-flatbed-alt:after, .fad.fa-cart-flatbed-boxes:after, .fad.fa-dolly-flatbed-alt:after {
  content: "\f475\f475";
}

.fa-duotone.fa-diagram-successor:after, .fad.fa-diagram-successor:after {
  content: "\e47a\e47a";
}

.fa-duotone.fa-truck-arrow-right:after, .fad.fa-truck-arrow-right:after {
  content: "\e58b\e58b";
}

.fa-duotone.fa-square-w:after, .fad.fa-square-w:after {
  content: "\e285\e285";
}

.fa-duotone.fa-arrows-split-up-and-left:after, .fad.fa-arrows-split-up-and-left:after {
  content: "\e4bc\e4bc";
}

.fa-duotone.fa-lamp:after, .fad.fa-lamp:after {
  content: "\f4ca\f4ca";
}

.fa-duotone.fa-airplay:after, .fad.fa-airplay:after {
  content: "\e089\e089";
}

.fa-duotone.fa-fist-raised:after, .fa-duotone.fa-hand-fist:after, .fad.fa-fist-raised:after, .fad.fa-hand-fist:after {
  content: "\f6de\f6de";
}

.fa-duotone.fa-shield-quartered:after, .fad.fa-shield-quartered:after {
  content: "\e575\e575";
}

.fa-duotone.fa-slash-forward:after, .fad.fa-slash-forward:after {
  content: "//";
}

.fa-duotone.fa-location-pen:after, .fa-duotone.fa-map-marker-edit:after, .fad.fa-location-pen:after, .fad.fa-map-marker-edit:after {
  content: "\f607\f607";
}

.fa-duotone.fa-cloud-moon:after, .fad.fa-cloud-moon:after {
  content: "\f6c3\f6c3";
}

.fa-duotone.fa-pot-food:after, .fad.fa-pot-food:after {
  content: "\e43f\e43f";
}

.fa-duotone.fa-briefcase:after, .fad.fa-briefcase:after {
  content: "\f0b1\f0b1";
}

.fa-duotone.fa-person-falling:after, .fad.fa-person-falling:after {
  content: "\e546\e546";
}

.fa-duotone.fa-image-portrait:after, .fa-duotone.fa-portrait:after, .fad.fa-image-portrait:after, .fad.fa-portrait:after {
  content: "\f3e0\f3e0";
}

.fa-duotone.fa-user-tag:after, .fad.fa-user-tag:after {
  content: "\f507\f507";
}

.fa-duotone.fa-rug:after, .fad.fa-rug:after {
  content: "\e569\e569";
}

.fa-duotone.fa-print-slash:after, .fad.fa-print-slash:after {
  content: "\f686\f686";
}

.fa-duotone.fa-earth-europe:after, .fa-duotone.fa-globe-europe:after, .fad.fa-earth-europe:after, .fad.fa-globe-europe:after {
  content: "\f7a2\f7a2";
}

.fa-duotone.fa-cart-flatbed-suitcase:after, .fa-duotone.fa-luggage-cart:after, .fad.fa-cart-flatbed-suitcase:after, .fad.fa-luggage-cart:after {
  content: "\f59d\f59d";
}

.fa-duotone.fa-hand-back-point-ribbon:after, .fad.fa-hand-back-point-ribbon:after {
  content: "\e1a0\e1a0";
}

.fa-duotone.fa-rectangle-times:after, .fa-duotone.fa-rectangle-xmark:after, .fa-duotone.fa-times-rectangle:after, .fa-duotone.fa-window-close:after, .fad.fa-rectangle-times:after, .fad.fa-rectangle-xmark:after, .fad.fa-times-rectangle:after, .fad.fa-window-close:after {
  content: "\f410\f410";
}

.fa-duotone.fa-tire-rugged:after, .fad.fa-tire-rugged:after {
  content: "\f634\f634";
}

.fa-duotone.fa-lightbulb-dollar:after, .fad.fa-lightbulb-dollar:after {
  content: "\f670\f670";
}

.fa-duotone.fa-cowbell:after, .fad.fa-cowbell:after {
  content: "\f8b3\f8b3";
}

.fa-duotone.fa-baht-sign:after, .fad.fa-baht-sign:after {
  content: "\e0ac\e0ac";
}

.fa-duotone.fa-corner:after, .fad.fa-corner:after {
  content: "\e3fe\e3fe";
}

.fa-duotone.fa-chevron-double-right:after, .fa-duotone.fa-chevrons-right:after, .fad.fa-chevron-double-right:after, .fad.fa-chevrons-right:after {
  content: "\f324\f324";
}

.fa-duotone.fa-book-open:after, .fad.fa-book-open:after {
  content: "\f518\f518";
}

.fa-duotone.fa-book-journal-whills:after, .fa-duotone.fa-journal-whills:after, .fad.fa-book-journal-whills:after, .fad.fa-journal-whills:after {
  content: "\f66a\f66a";
}

.fa-duotone.fa-inhaler:after, .fad.fa-inhaler:after {
  content: "\f5f9\f5f9";
}

.fa-duotone.fa-handcuffs:after, .fad.fa-handcuffs:after {
  content: "\e4f8\e4f8";
}

.fa-duotone.fa-snake:after, .fad.fa-snake:after {
  content: "\f716\f716";
}

.fa-duotone.fa-exclamation-triangle:after, .fa-duotone.fa-triangle-exclamation:after, .fa-duotone.fa-warning:after, .fad.fa-exclamation-triangle:after, .fad.fa-triangle-exclamation:after, .fad.fa-warning:after {
  content: "\f071\f071";
}

.fa-duotone.fa-note-medical:after, .fad.fa-note-medical:after {
  content: "\e200\e200";
}

.fa-duotone.fa-database:after, .fad.fa-database:after {
  content: "\f1c0\f1c0";
}

.fa-duotone.fa-down-left:after, .fad.fa-down-left:after {
  content: "\e16a\e16a";
}

.fa-duotone.fa-mail-forward:after, .fa-duotone.fa-share:after, .fad.fa-mail-forward:after, .fad.fa-share:after {
  content: "\f064\f064";
}

.fa-duotone.fa-face-thinking:after, .fad.fa-face-thinking:after {
  content: "\e39b\e39b";
}

.fa-duotone.fa-turn-down-right:after, .fad.fa-turn-down-right:after {
  content: "\e455\e455";
}

.fa-duotone.fa-bottle-droplet:after, .fad.fa-bottle-droplet:after {
  content: "\e4c4\e4c4";
}

.fa-duotone.fa-mask-face:after, .fad.fa-mask-face:after {
  content: "\e1d7\e1d7";
}

.fa-duotone.fa-hill-rockslide:after, .fad.fa-hill-rockslide:after {
  content: "\e508\e508";
}

.fa-duotone.fa-scanner-keyboard:after, .fad.fa-scanner-keyboard:after {
  content: "\f489\f489";
}

.fa-duotone.fa-circle-o:after, .fad.fa-circle-o:after {
  content: "\e119\e119";
}

.fa-duotone.fa-grid-horizontal:after, .fad.fa-grid-horizontal:after {
  content: "\e307\e307";
}

.fa-duotone.fa-comment-alt-dollar:after, .fa-duotone.fa-message-dollar:after, .fad.fa-comment-alt-dollar:after, .fad.fa-message-dollar:after {
  content: "\f650\f650";
}

.fa-duotone.fa-exchange-alt:after, .fa-duotone.fa-right-left:after, .fad.fa-exchange-alt:after, .fad.fa-right-left:after {
  content: "\f362\f362";
}

.fa-duotone.fa-columns-3:after, .fad.fa-columns-3:after {
  content: "\e361\e361";
}

.fa-duotone.fa-paper-plane:after, .fad.fa-paper-plane:after {
  content: "\f1d8\f1d8";
}

.fa-duotone.fa-road-circle-exclamation:after, .fad.fa-road-circle-exclamation:after {
  content: "\e565\e565";
}

.fa-duotone.fa-dungeon:after, .fad.fa-dungeon:after {
  content: "\f6d9\f6d9";
}

.fa-duotone.fa-hand-holding-box:after, .fad.fa-hand-holding-box:after {
  content: "\f47b\f47b";
}

.fa-duotone.fa-input-text:after, .fad.fa-input-text:after {
  content: "\e1bf\e1bf";
}

.fa-duotone.fa-window-alt:after, .fa-duotone.fa-window-flip:after, .fad.fa-window-alt:after, .fad.fa-window-flip:after {
  content: "\f40f\f40f";
}

.fa-duotone.fa-align-right:after, .fad.fa-align-right:after {
  content: "\f038\f038";
}

.fa-duotone.fa-scanner-gun:after, .fa-duotone.fa-scanner:after, .fad.fa-scanner-gun:after, .fad.fa-scanner:after {
  content: "\f488\f488";
}

.fa-duotone.fa-tire:after, .fad.fa-tire:after {
  content: "\f631\f631";
}

.fa-duotone.fa-engine:after, .fad.fa-engine:after {
  content: "\e16e\e16e";
}

.fa-duotone.fa-money-bill-1-wave:after, .fa-duotone.fa-money-bill-wave-alt:after, .fad.fa-money-bill-1-wave:after, .fad.fa-money-bill-wave-alt:after {
  content: "\f53b\f53b";
}

.fa-duotone.fa-life-ring:after, .fad.fa-life-ring:after {
  content: "\f1cd\f1cd";
}

.fa-duotone.fa-hands:after, .fa-duotone.fa-sign-language:after, .fa-duotone.fa-signing:after, .fad.fa-hands:after, .fad.fa-sign-language:after, .fad.fa-signing:after {
  content: "\f2a7\f2a7";
}

.fa-duotone.fa-caret-circle-right:after, .fa-duotone.fa-circle-caret-right:after, .fad.fa-caret-circle-right:after, .fad.fa-circle-caret-right:after {
  content: "\f330\f330";
}

.fa-duotone.fa-turn-left:after, .fad.fa-turn-left:after {
  content: "\e636\e636";
}

.fa-duotone.fa-wheat:after, .fad.fa-wheat:after {
  content: "\f72d\f72d";
}

.fa-duotone.fa-file-spreadsheet:after, .fad.fa-file-spreadsheet:after {
  content: "\f65b\f65b";
}

.fa-duotone.fa-audio-description-slash:after, .fad.fa-audio-description-slash:after {
  content: "\e0a8\e0a8";
}

.fa-duotone.fa-bell-ring:after, .fad.fa-bell-ring:after {
  content: "\e62c\e62c";
}

.fa-duotone.fa-calendar-day:after, .fad.fa-calendar-day:after {
  content: "\f783\f783";
}

.fa-duotone.fa-ladder-water:after, .fa-duotone.fa-swimming-pool:after, .fa-duotone.fa-water-ladder:after, .fad.fa-ladder-water:after, .fad.fa-swimming-pool:after, .fad.fa-water-ladder:after {
  content: "\f5c5\f5c5";
}

.fa-duotone.fa-arrows-up-down:after, .fa-duotone.fa-arrows-v:after, .fad.fa-arrows-up-down:after, .fad.fa-arrows-v:after {
  content: "\f07d\f07d";
}

.fa-duotone.fa-chess-pawn-alt:after, .fa-duotone.fa-chess-pawn-piece:after, .fad.fa-chess-pawn-alt:after, .fad.fa-chess-pawn-piece:after {
  content: "\f444\f444";
}

.fa-duotone.fa-face-grimace:after, .fa-duotone.fa-grimace:after, .fad.fa-face-grimace:after, .fad.fa-grimace:after {
  content: "\f57f\f57f";
}

.fa-duotone.fa-wheelchair-alt:after, .fa-duotone.fa-wheelchair-move:after, .fad.fa-wheelchair-alt:after, .fad.fa-wheelchair-move:after {
  content: "\e2ce\e2ce";
}

.fa-duotone.fa-level-down-alt:after, .fa-duotone.fa-turn-down:after, .fad.fa-level-down-alt:after, .fad.fa-turn-down:after {
  content: "\f3be\f3be";
}

.fa-duotone.fa-square-s:after, .fad.fa-square-s:after {
  content: "\e27d\e27d";
}

.fa-duotone.fa-barcode-alt:after, .fa-duotone.fa-rectangle-barcode:after, .fad.fa-barcode-alt:after, .fad.fa-rectangle-barcode:after {
  content: "\f463\f463";
}

.fa-duotone.fa-person-walking-arrow-right:after, .fad.fa-person-walking-arrow-right:after {
  content: "\e552\e552";
}

.fa-duotone.fa-envelope-square:after, .fa-duotone.fa-square-envelope:after, .fad.fa-envelope-square:after, .fad.fa-square-envelope:after {
  content: "\f199\f199";
}

.fa-duotone.fa-dice:after, .fad.fa-dice:after {
  content: "\f522\f522";
}

.fa-duotone.fa-unicorn:after, .fad.fa-unicorn:after {
  content: "\f727\f727";
}

.fa-duotone.fa-bowling-ball:after, .fad.fa-bowling-ball:after {
  content: "\f436\f436";
}

.fa-duotone.fa-pompebled:after, .fad.fa-pompebled:after {
  content: "\e43d\e43d";
}

.fa-duotone.fa-brain:after, .fad.fa-brain:after {
  content: "\f5dc\f5dc";
}

.fa-duotone.fa-watch-smart:after, .fad.fa-watch-smart:after {
  content: "\e2cc\e2cc";
}

.fa-duotone.fa-book-user:after, .fad.fa-book-user:after {
  content: "\f7e7\f7e7";
}

.fa-duotone.fa-sensor-cloud:after, .fa-duotone.fa-sensor-smoke:after, .fad.fa-sensor-cloud:after, .fad.fa-sensor-smoke:after {
  content: "\e02c\e02c";
}

.fa-duotone.fa-clapperboard-play:after, .fad.fa-clapperboard-play:after {
  content: "\e132\e132";
}

.fa-duotone.fa-band-aid:after, .fa-duotone.fa-bandage:after, .fad.fa-band-aid:after, .fad.fa-bandage:after {
  content: "\f462\f462";
}

.fa-duotone.fa-calendar-minus:after, .fad.fa-calendar-minus:after {
  content: "\f272\f272";
}

.fa-duotone.fa-circle-xmark:after, .fa-duotone.fa-times-circle:after, .fa-duotone.fa-xmark-circle:after, .fad.fa-circle-xmark:after, .fad.fa-times-circle:after, .fad.fa-xmark-circle:after {
  content: "\f057\f057";
}

.fa-duotone.fa-circle-4:after, .fad.fa-circle-4:after {
  content: "\e0f1\e0f1";
}

.fa-duotone.fa-gifts:after, .fad.fa-gifts:after {
  content: "\f79c\f79c";
}

.fa-duotone.fa-album-collection:after, .fad.fa-album-collection:after {
  content: "\f8a0\f8a0";
}

.fa-duotone.fa-hotel:after, .fad.fa-hotel:after {
  content: "\f594\f594";
}

.fa-duotone.fa-earth-asia:after, .fa-duotone.fa-globe-asia:after, .fad.fa-earth-asia:after, .fad.fa-globe-asia:after {
  content: "\f57e\f57e";
}

.fa-duotone.fa-id-card-alt:after, .fa-duotone.fa-id-card-clip:after, .fad.fa-id-card-alt:after, .fad.fa-id-card-clip:after {
  content: "\f47f\f47f";
}

.fa-duotone.fa-magnifying-glass-plus:after, .fa-duotone.fa-search-plus:after, .fad.fa-magnifying-glass-plus:after, .fad.fa-search-plus:after {
  content: "\f00e\f00e";
}

.fa-duotone.fa-thumbs-up:after, .fad.fa-thumbs-up:after {
  content: "\f164\f164";
}

.fa-duotone.fa-cloud-showers:after, .fad.fa-cloud-showers:after {
  content: "\f73f\f73f";
}

.fa-duotone.fa-user-clock:after, .fad.fa-user-clock:after {
  content: "\f4fd\f4fd";
}

.fa-duotone.fa-onion:after, .fad.fa-onion:after {
  content: "\e427\e427";
}

.fa-duotone.fa-clock-twelve-thirty:after, .fad.fa-clock-twelve-thirty:after {
  content: "\e359\e359";
}

.fa-duotone.fa-arrow-down-to-dotted-line:after, .fad.fa-arrow-down-to-dotted-line:after {
  content: "\e095\e095";
}

.fa-duotone.fa-allergies:after, .fa-duotone.fa-hand-dots:after, .fad.fa-allergies:after, .fad.fa-hand-dots:after {
  content: "\f461\f461";
}

.fa-duotone.fa-file-invoice:after, .fad.fa-file-invoice:after {
  content: "\f570\f570";
}

.fa-duotone.fa-window-minimize:after, .fad.fa-window-minimize:after {
  content: "\f2d1\f2d1";
}

.fa-duotone.fa-rectangle-wide:after, .fad.fa-rectangle-wide:after {
  content: "\f2fc\f2fc";
}

.fa-duotone.fa-comment-arrow-up:after, .fad.fa-comment-arrow-up:after {
  content: "\e144\e144";
}

.fa-duotone.fa-garlic:after, .fad.fa-garlic:after {
  content: "\e40e\e40e";
}

.fa-duotone.fa-coffee:after, .fa-duotone.fa-mug-saucer:after, .fad.fa-coffee:after, .fad.fa-mug-saucer:after {
  content: "\f0f4\f0f4";
}

.fa-duotone.fa-brush:after, .fad.fa-brush:after {
  content: "\f55d\f55d";
}

.fa-duotone.fa-tree-decorated:after, .fad.fa-tree-decorated:after {
  content: "\f7dc\f7dc";
}

.fa-duotone.fa-mask:after, .fad.fa-mask:after {
  content: "\f6fa\f6fa";
}

.fa-duotone.fa-calendar-heart:after, .fad.fa-calendar-heart:after {
  content: "\e0d3\e0d3";
}

.fa-duotone.fa-magnifying-glass-minus:after, .fa-duotone.fa-search-minus:after, .fad.fa-magnifying-glass-minus:after, .fad.fa-search-minus:after {
  content: "\f010\f010";
}

.fa-duotone.fa-flower:after, .fad.fa-flower:after {
  content: "\f7ff\f7ff";
}

.fa-duotone.fa-arrow-down-from-arc:after, .fad.fa-arrow-down-from-arc:after {
  content: "\e614\e614";
}

.fa-duotone.fa-right-left-large:after, .fad.fa-right-left-large:after {
  content: "\e5e1\e5e1";
}

.fa-duotone.fa-ruler-vertical:after, .fad.fa-ruler-vertical:after {
  content: "\f548\f548";
}

.fa-duotone.fa-circles-overlap:after, .fad.fa-circles-overlap:after {
  content: "\e600\e600";
}

.fa-duotone.fa-user-alt:after, .fa-duotone.fa-user-large:after, .fad.fa-user-alt:after, .fad.fa-user-large:after {
  content: "\f406\f406";
}

.fa-duotone.fa-starship-freighter:after, .fad.fa-starship-freighter:after {
  content: "\e03a\e03a";
}

.fa-duotone.fa-train-tram:after, .fad.fa-train-tram:after {
  content: "\e5b4\e5b4";
}

.fa-duotone.fa-bridge-suspension:after, .fad.fa-bridge-suspension:after {
  content: "\e4cd\e4cd";
}

.fa-duotone.fa-trash-check:after, .fad.fa-trash-check:after {
  content: "\e2af\e2af";
}

.fa-duotone.fa-user-nurse:after, .fad.fa-user-nurse:after {
  content: "\f82f\f82f";
}

.fa-duotone.fa-boombox:after, .fad.fa-boombox:after {
  content: "\f8a5\f8a5";
}

.fa-duotone.fa-syringe:after, .fad.fa-syringe:after {
  content: "\f48e\f48e";
}

.fa-duotone.fa-cloud-sun:after, .fad.fa-cloud-sun:after {
  content: "\f6c4\f6c4";
}

.fa-duotone.fa-shield-exclamation:after, .fad.fa-shield-exclamation:after {
  content: "\e247\e247";
}

.fa-duotone.fa-stopwatch-20:after, .fad.fa-stopwatch-20:after {
  content: "\e06f\e06f";
}

.fa-duotone.fa-square-full:after, .fad.fa-square-full:after {
  content: "\f45c\f45c";
}

.fa-duotone.fa-grip-dots:after, .fad.fa-grip-dots:after {
  content: "\e410\e410";
}

.fa-duotone.fa-comment-exclamation:after, .fad.fa-comment-exclamation:after {
  content: "\f4af\f4af";
}

.fa-duotone.fa-pen-swirl:after, .fad.fa-pen-swirl:after {
  content: "\e214\e214";
}

.fa-duotone.fa-falafel:after, .fad.fa-falafel:after {
  content: "\e40a\e40a";
}

.fa-duotone.fa-circle-2:after, .fad.fa-circle-2:after {
  content: "\e0ef\e0ef";
}

.fa-duotone.fa-magnet:after, .fad.fa-magnet:after {
  content: "\f076\f076";
}

.fa-duotone.fa-jar:after, .fad.fa-jar:after {
  content: "\e516\e516";
}

.fa-duotone.fa-gramophone:after, .fad.fa-gramophone:after {
  content: "\f8bd\f8bd";
}

.fa-duotone.fa-dice-d12:after, .fad.fa-dice-d12:after {
  content: "\f6ce\f6ce";
}

.fa-duotone.fa-note-sticky:after, .fa-duotone.fa-sticky-note:after, .fad.fa-note-sticky:after, .fad.fa-sticky-note:after {
  content: "\f249\f249";
}

.fa-duotone.fa-arrow-alt-down:after, .fa-duotone.fa-down:after, .fad.fa-arrow-alt-down:after, .fad.fa-down:after {
  content: "\f354\f354";
}

.fa-duotone.fa-100:after, .fa-duotone.fa-hundred-points:after, .fad.fa-100:after, .fad.fa-hundred-points:after {
  content: "\e41c\e41c";
}

.fa-duotone.fa-paperclip-vertical:after, .fad.fa-paperclip-vertical:after {
  content: "\e3c2\e3c2";
}

.fa-duotone.fa-wind-circle-exclamation:after, .fa-duotone.fa-wind-warning:after, .fad.fa-wind-circle-exclamation:after, .fad.fa-wind-warning:after {
  content: "\f776\f776";
}

.fa-duotone.fa-location-pin-slash:after, .fa-duotone.fa-map-marker-slash:after, .fad.fa-location-pin-slash:after, .fad.fa-map-marker-slash:after {
  content: "\f60c\f60c";
}

.fa-duotone.fa-face-sad-sweat:after, .fad.fa-face-sad-sweat:after {
  content: "\e38a\e38a";
}

.fa-duotone.fa-bug-slash:after, .fad.fa-bug-slash:after {
  content: "\e490\e490";
}

.fa-duotone.fa-cupcake:after, .fad.fa-cupcake:after {
  content: "\e402\e402";
}

.fa-duotone.fa-light-switch-off:after, .fad.fa-light-switch-off:after {
  content: "\e018\e018";
}

.fa-duotone.fa-toggle-large-off:after, .fad.fa-toggle-large-off:after {
  content: "\e5b0\e5b0";
}

.fa-duotone.fa-pen-fancy-slash:after, .fad.fa-pen-fancy-slash:after {
  content: "\e210\e210";
}

.fa-duotone.fa-truck-container:after, .fad.fa-truck-container:after {
  content: "\f4dc\f4dc";
}

.fa-duotone.fa-boot:after, .fad.fa-boot:after {
  content: "\f782\f782";
}

.fa-duotone.fa-arrow-up-from-water-pump:after, .fad.fa-arrow-up-from-water-pump:after {
  content: "\e4b6\e4b6";
}

.fa-duotone.fa-file-check:after, .fad.fa-file-check:after {
  content: "\f316\f316";
}

.fa-duotone.fa-bone:after, .fad.fa-bone:after {
  content: "\f5d7\f5d7";
}

.fa-duotone.fa-cards-blank:after, .fad.fa-cards-blank:after {
  content: "\e4df\e4df";
}

.fa-duotone.fa-circle-3:after, .fad.fa-circle-3:after {
  content: "\e0f0\e0f0";
}

.fa-duotone.fa-bench-tree:after, .fad.fa-bench-tree:after {
  content: "\e2e7\e2e7";
}

.fa-duotone.fa-keyboard-brightness-low:after, .fad.fa-keyboard-brightness-low:after {
  content: "\e1c1\e1c1";
}

.fa-duotone.fa-ski-boot-ski:after, .fad.fa-ski-boot-ski:after {
  content: "\e3cd\e3cd";
}

.fa-duotone.fa-brain-circuit:after, .fad.fa-brain-circuit:after {
  content: "\e0c6\e0c6";
}

.fa-duotone.fa-user-injured:after, .fad.fa-user-injured:after {
  content: "\f728\f728";
}

.fa-duotone.fa-block-brick-fire:after, .fa-duotone.fa-firewall:after, .fad.fa-block-brick-fire:after, .fad.fa-firewall:after {
  content: "\e3dc\e3dc";
}

.fa-duotone.fa-face-sad-tear:after, .fa-duotone.fa-sad-tear:after, .fad.fa-face-sad-tear:after, .fad.fa-sad-tear:after {
  content: "\f5b4\f5b4";
}

.fa-duotone.fa-plane:after, .fad.fa-plane:after {
  content: "\f072\f072";
}

.fa-duotone.fa-tent-arrows-down:after, .fad.fa-tent-arrows-down:after {
  content: "\e581\e581";
}

.fa-duotone.fa-exclamation:after, .fad.fa-exclamation:after {
  content: "!!";
}

.fa-duotone.fa-arrows-spin:after, .fad.fa-arrows-spin:after {
  content: "\e4bb\e4bb";
}

.fa-duotone.fa-face-smile-relaxed:after, .fad.fa-face-smile-relaxed:after {
  content: "\e392\e392";
}

.fa-duotone.fa-comment-times:after, .fa-duotone.fa-comment-xmark:after, .fad.fa-comment-times:after, .fad.fa-comment-xmark:after {
  content: "\f4b5\f4b5";
}

.fa-duotone.fa-print:after, .fad.fa-print:after {
  content: "\f02f\f02f";
}

.fa-duotone.fa-try:after, .fa-duotone.fa-turkish-lira-sign:after, .fa-duotone.fa-turkish-lira:after, .fad.fa-try:after, .fad.fa-turkish-lira-sign:after, .fad.fa-turkish-lira:after {
  content: "\e2bb\e2bb";
}

.fa-duotone.fa-face-nose-steam:after, .fad.fa-face-nose-steam:after {
  content: "\e382\e382";
}

.fa-duotone.fa-circle-waveform-lines:after, .fa-duotone.fa-waveform-circle:after, .fad.fa-circle-waveform-lines:after, .fad.fa-waveform-circle:after {
  content: "\e12d\e12d";
}

.fa-duotone.fa-dollar-sign:after, .fa-duotone.fa-dollar:after, .fa-duotone.fa-usd:after, .fad.fa-dollar-sign:after, .fad.fa-dollar:after, .fad.fa-usd:after {
  content: "$$";
}

.fa-duotone.fa-ferris-wheel:after, .fad.fa-ferris-wheel:after {
  content: "\e174\e174";
}

.fa-duotone.fa-computer-speaker:after, .fad.fa-computer-speaker:after {
  content: "\f8b2\f8b2";
}

.fa-duotone.fa-skull-cow:after, .fad.fa-skull-cow:after {
  content: "\f8de\f8de";
}

.fa-duotone.fa-x:after, .fad.fa-x:after {
  content: "XX";
}

.fa-duotone.fa-magnifying-glass-dollar:after, .fa-duotone.fa-search-dollar:after, .fad.fa-magnifying-glass-dollar:after, .fad.fa-search-dollar:after {
  content: "\f688\f688";
}

.fa-duotone.fa-users-cog:after, .fa-duotone.fa-users-gear:after, .fad.fa-users-cog:after, .fad.fa-users-gear:after {
  content: "\f509\f509";
}

.fa-duotone.fa-person-military-pointing:after, .fad.fa-person-military-pointing:after {
  content: "\e54a\e54a";
}

.fa-duotone.fa-bank:after, .fa-duotone.fa-building-columns:after, .fa-duotone.fa-institution:after, .fa-duotone.fa-museum:after, .fa-duotone.fa-university:after, .fad.fa-bank:after, .fad.fa-building-columns:after, .fad.fa-institution:after, .fad.fa-museum:after, .fad.fa-university:after {
  content: "\f19c\f19c";
}

.fa-duotone.fa-circle-t:after, .fad.fa-circle-t:after {
  content: "\e124\e124";
}

.fa-duotone.fa-sack:after, .fad.fa-sack:after {
  content: "\f81c\f81c";
}

.fa-duotone.fa-grid-2:after, .fad.fa-grid-2:after {
  content: "\e196\e196";
}

.fa-duotone.fa-camera-cctv:after, .fa-duotone.fa-cctv:after, .fad.fa-camera-cctv:after, .fad.fa-cctv:after {
  content: "\f8ac\f8ac";
}

.fa-duotone.fa-umbrella:after, .fad.fa-umbrella:after {
  content: "\f0e9\f0e9";
}

.fa-duotone.fa-trowel:after, .fad.fa-trowel:after {
  content: "\e589\e589";
}

.fa-duotone.fa-horizontal-rule:after, .fad.fa-horizontal-rule:after {
  content: "\f86c\f86c";
}

.fa-duotone.fa-bed-alt:after, .fa-duotone.fa-bed-front:after, .fad.fa-bed-alt:after, .fad.fa-bed-front:after {
  content: "\f8f7\f8f7";
}

.fa-duotone.fa-d:after, .fad.fa-d:after {
  content: "DD";
}

.fa-duotone.fa-stapler:after, .fad.fa-stapler:after {
  content: "\e5af\e5af";
}

.fa-duotone.fa-masks-theater:after, .fa-duotone.fa-theater-masks:after, .fad.fa-masks-theater:after, .fad.fa-theater-masks:after {
  content: "\f630\f630";
}

.fa-duotone.fa-file-gif:after, .fad.fa-file-gif:after {
  content: "\e645\e645";
}

.fa-duotone.fa-kip-sign:after, .fad.fa-kip-sign:after {
  content: "\e1c4\e1c4";
}

.fa-duotone.fa-face-woozy:after, .fad.fa-face-woozy:after {
  content: "\e3a2\e3a2";
}

.fa-duotone.fa-cloud-question:after, .fad.fa-cloud-question:after {
  content: "\e492\e492";
}

.fa-duotone.fa-pineapple:after, .fad.fa-pineapple:after {
  content: "\e31f\e31f";
}

.fa-duotone.fa-hand-point-left:after, .fad.fa-hand-point-left:after {
  content: "\f0a5\f0a5";
}

.fa-duotone.fa-gallery-thumbnails:after, .fad.fa-gallery-thumbnails:after {
  content: "\e3aa\e3aa";
}

.fa-duotone.fa-circle-j:after, .fad.fa-circle-j:after {
  content: "\e112\e112";
}

.fa-duotone.fa-eyes:after, .fad.fa-eyes:after {
  content: "\e367\e367";
}

.fa-duotone.fa-handshake-alt:after, .fa-duotone.fa-handshake-simple:after, .fad.fa-handshake-alt:after, .fad.fa-handshake-simple:after {
  content: "\f4c6\f4c6";
}

.fa-duotone.fa-file-caret-up:after, .fa-duotone.fa-page-caret-up:after, .fad.fa-file-caret-up:after, .fad.fa-page-caret-up:after {
  content: "\e42a\e42a";
}

.fa-duotone.fa-fighter-jet:after, .fa-duotone.fa-jet-fighter:after, .fad.fa-fighter-jet:after, .fad.fa-jet-fighter:after {
  content: "\f0fb\f0fb";
}

.fa-duotone.fa-comet:after, .fad.fa-comet:after {
  content: "\e003\e003";
}

.fa-duotone.fa-share-alt-square:after, .fa-duotone.fa-square-share-nodes:after, .fad.fa-share-alt-square:after, .fad.fa-square-share-nodes:after {
  content: "\f1e1\f1e1";
}

.fa-duotone.fa-reflect-vertical:after, .fad.fa-reflect-vertical:after {
  content: "\e665\e665";
}

.fa-duotone.fa-shield-keyhole:after, .fad.fa-shield-keyhole:after {
  content: "\e248\e248";
}

.fa-duotone.fa-file-mp4:after, .fad.fa-file-mp4:after {
  content: "\e649\e649";
}

.fa-duotone.fa-barcode:after, .fad.fa-barcode:after {
  content: "\f02a\f02a";
}

.fa-duotone.fa-bulldozer:after, .fad.fa-bulldozer:after {
  content: "\e655\e655";
}

.fa-duotone.fa-plus-minus:after, .fad.fa-plus-minus:after {
  content: "\e43c\e43c";
}

.fa-duotone.fa-sliders-v-square:after, .fa-duotone.fa-square-sliders-vertical:after, .fad.fa-sliders-v-square:after, .fad.fa-square-sliders-vertical:after {
  content: "\f3f2\f3f2";
}

.fa-duotone.fa-video-camera:after, .fa-duotone.fa-video:after, .fad.fa-video-camera:after, .fad.fa-video:after {
  content: "\f03d\f03d";
}

.fa-duotone.fa-comment-middle-alt:after, .fa-duotone.fa-message-middle:after, .fad.fa-comment-middle-alt:after, .fad.fa-message-middle:after {
  content: "\e1e1\e1e1";
}

.fa-duotone.fa-graduation-cap:after, .fa-duotone.fa-mortar-board:after, .fad.fa-graduation-cap:after, .fad.fa-mortar-board:after {
  content: "\f19d\f19d";
}

.fa-duotone.fa-hand-holding-medical:after, .fad.fa-hand-holding-medical:after {
  content: "\e05c\e05c";
}

.fa-duotone.fa-person-circle-check:after, .fad.fa-person-circle-check:after {
  content: "\e53e\e53e";
}

.fa-duotone.fa-square-z:after, .fad.fa-square-z:after {
  content: "\e288\e288";
}

.fa-duotone.fa-comment-alt-text:after, .fa-duotone.fa-message-text:after, .fad.fa-comment-alt-text:after, .fad.fa-message-text:after {
  content: "\e1e6\e1e6";
}

.fa-duotone.fa-level-up-alt:after, .fa-duotone.fa-turn-up:after, .fad.fa-level-up-alt:after, .fad.fa-turn-up:after {
  content: "\f3bf\f3bf";
}

:host, :root {
  --fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/_next/static/media/fa-light-300.d2fd15c2.woff2) format("woff2"), url(/_next/static/media/fa-light-300.91541f2e.ttf) format("truetype");
}
.fa-light, .fal {
  font-weight: 300;
}

:host, :root {
  --fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/_next/static/media/fa-regular-400.1af47272.woff2) format("woff2"), url(/_next/static/media/fa-regular-400.764b12a3.ttf) format("truetype");
}
.fa-regular, .far {
  font-weight: 400;
}

:host, :root {
  --fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/_next/static/media/fa-solid-900.b415c864.woff2) format("woff2"), url(/_next/static/media/fa-solid-900.6812495e.ttf) format("truetype");
}
.fa-solid, .fas {
  font-weight: 900;
}

:host, :root {
  --fa-style-family-classic:"Font Awesome 6 Pro";
  --fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url(/_next/static/media/fa-thin-100.d31cc9f9.woff2) format("woff2"), url(/_next/static/media/fa-thin-100.143cb920.ttf) format("truetype");
}
.fa-thin, .fat {
  font-weight: 100;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url(/_next/static/media/fa-brands-400.b0893ed8.woff2) format("woff2"), url(/_next/static/media/fa-brands-400.6a230855.ttf) format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 900;
  src: url(/_next/static/media/fa-solid-900.b415c864.woff2) format("woff2"), url(/_next/static/media/fa-solid-900.6812495e.ttf) format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 400;
  src: url(/_next/static/media/fa-regular-400.1af47272.woff2) format("woff2"), url(/_next/static/media/fa-regular-400.764b12a3.ttf) format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 300;
  src: url(/_next/static/media/fa-light-300.d2fd15c2.woff2) format("woff2"), url(/_next/static/media/fa-light-300.91541f2e.ttf) format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Duotone";
  font-display: block;
  font-weight: 900;
  src: url(/_next/static/media/fa-duotone-900.7a4de683.woff2) format("woff2"), url(/_next/static/media/fa-duotone-900.0061f9f7.ttf) format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/_next/static/media/fa-solid-900.b415c864.woff2) format("woff2"), url(/_next/static/media/fa-solid-900.6812495e.ttf) format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/_next/static/media/fa-brands-400.b0893ed8.woff2) format("woff2"), url(/_next/static/media/fa-brands-400.6a230855.ttf) format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/_next/static/media/fa-regular-400.1af47272.woff2) format("woff2"), url(/_next/static/media/fa-regular-400.764b12a3.ttf) format("truetype");
  unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/_next/static/media/fa-v4compatibility.91f1f554.woff2) format("woff2"), url(/_next/static/media/fa-v4compatibility.87781177.ttf) format("truetype");
  unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/assets/css/flaticon.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
i[class^=flaticon-]:before, i[class*=" flaticon-"]:before {
  font-family: flaticon !important;
  font-style: normal;
  font-weight: normal !important;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.flaticon-menu:before {
  content: "\f101";
}

.flaticon-search:before {
  content: "\f102";
}

.flaticon-trolley-cart:before {
  content: "\f103";
}

.flaticon-cancel:before {
  content: "\f104";
}

.flaticon-web-programming:before {
  content: "\f105";
}

.flaticon-career:before {
  content: "\f106";
}

.flaticon-data-science:before {
  content: "\f107";
}

.flaticon-bullhorn:before {
  content: "\f108";
}

.flaticon-facial-treatment:before {
  content: "\f109";
}

.flaticon-photography:before {
  content: "\f10a";
}

.flaticon-curve:before {
  content: "\f10b";
}

.flaticon-herbal:before {
  content: "\f10c";
}

.flaticon-online-course:before {
  content: "\f10d";
}

.flaticon-certificate:before {
  content: "\f10e";
}

.flaticon-laptop:before {
  content: "\f10f";
}

.flaticon-quotes:before {
  content: "\f110";
}

.flaticon-align-left:before {
  content: "\f111";
}

.flaticon-user-1:before {
  content: "\f112";
}

.flaticon-like:before {
  content: "\f113";
}

.flaticon-previous:before {
  content: "\f114";
}

.flaticon-book:before {
  content: "\f115";
}

.flaticon-menu-1:before {
  content: "\f116";
}

.flaticon-clock:before {
  content: "\f117";
}

.flaticon-clock-1:before {
  content: "\f118";
}

.flaticon-pin:before {
  content: "\f119";
}

.flaticon-idea:before {
  content: "\f11a";
}

.flaticon-graduating-student-1:before {
  content: "\f11b";
}

.flaticon-online-course-2:before {
  content: "\f11c";
}

.flaticon-teacher-1:before {
  content: "\f11d";
}

.flaticon-filter:before {
  content: "\f11e";
}

.flaticon-play:before {
  content: "\f11f";
}

.flaticon-youtube:before {
  content: "\f120";
}

.flaticon-lock:before {
  content: "\f121";
}

.flaticon-people:before {
  content: "\f122";
}

.flaticon-computer:before {
  content: "\f123";
}

.flaticon-wall-clock:before {
  content: "\f124";
}

.flaticon-earth-grid-select-language-button:before {
  content: "\f125";
}

.flaticon-files:before {
  content: "\f126";
}

.flaticon-award:before {
  content: "\f127";
}

.flaticon-list:before {
  content: "\f128";
}

.flaticon-menu-2:before {
  content: "\f129";
}

.flaticon-global:before {
  content: "\f12a";
}

.flaticon-bookmark-white:before {
  content: "\f12b";
}

.flaticon-calendar:before {
  content: "\f12c";
}

.flaticon-pin-1:before {
  content: "\f12d";
}

.flaticon-video-marketing:before {
  content: "\f12e";
}

.flaticon-share:before {
  content: "\f12f";
}

.flaticon-avatar:before {
  content: "\f130";
}

.flaticon-video-camera:before {
  content: "\f131";
}

.flaticon-place:before {
  content: "\f132";
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/assets/css/default.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

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

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

/* Add to cart button full width fix */
.product-card__add-to-cart,
.add-cart-btn {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

@media (max-width: 576px) {
  .product-card__add-to-cart,
  .add-cart-btn {
    width: 100% !important;
    padding: 10px 0 !important;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/assets/css/backToTop.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.progress-wrap {
  position: fixed;
  right: 50px;
  bottom: 50px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(252, 119, 58, 0.2);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.progress-wrap::after {
  position: absolute;
  content: "\f176";
  font-family: "Font Awesome 5 Pro";
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: #2c3941;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
}

.progress-wrap svg path {
  fill: none;
}

.progress-wrap svg.progress-circle path {
  stroke: #2c3941;
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/assets/css/animate.min.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.hinge {
  animation-duration: 2s;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  animation-name: bounce;
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.shake {
  animation-name: shake;
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./src/style/index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*!
 * Bootstrap  v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-code-color: #d63384;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

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

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

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--bs-link-color);
  text-decoration: underline;
}
a:hover {
  color: var(--bs-link-hover-color);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: 2px solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 226, 254.6);
  --bs-table-border-color: rgb(185.94, 203.4, 229.14);
  --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(225.6, 227.4, 229);
  --bs-table-border-color: rgb(203.04, 204.66, 206.1);
  --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: rgb(209, 231, 220.8);
  --bs-table-border-color: rgb(188.1, 207.9, 198.72);
  --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(185.94, 219.96, 226.8);
  --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: rgb(255, 242.6, 205.4);
  --bs-table-border-color: rgb(229.5, 218.34, 184.86);
  --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: rgb(248, 214.6, 217.8);
  --bs-table-border-color: rgb(223.2, 193.14, 196.02);
  --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: rgb(223.2, 224.1, 225);
  --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 224.1, 225);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: rgb(55.2, 58.8, 62.4);
  --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: rgb(221.35, 224.2, 227.05);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: rgb(221.35, 224.2, 227.05);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
}
.form-control-color::-webkit-color-swatch {
  border-radius: 0.375rem;
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.375rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.375rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
  --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(10.4, 88, 202.4);
  --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
  --bs-btn-hover-border-color: rgb(20, 108, 67.2);
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(20, 108, 67.2);
  --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
  --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(255, 205.4, 56.6);
  --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

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

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.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;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: rgb(29.7, 33.3, 36.9);
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.375rem;
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: none;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%2811.7, 99, 227.7%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: rgb(134, 182.5, 254);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: rgb(11.7, 99, 227.7);
  --bs-accordion-active-bg: rgb(230.8, 240.5, 254.8);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem;
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem;
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: rgb(7.8, 66, 151.8);
  --bs-alert-bg: rgb(206.6, 226, 254.6);
  --bs-alert-border-color: rgb(182.4, 211.5, 254.4);
}
.alert-primary .alert-link {
  color: rgb(6.24, 52.8, 121.44);
}

.alert-secondary {
  --bs-alert-color: rgb(64.8, 70.2, 75);
  --bs-alert-bg: rgb(225.6, 227.4, 229);
  --bs-alert-border-color: rgb(210.9, 213.6, 216);
}
.alert-secondary .alert-link {
  color: rgb(51.84, 56.16, 60);
}

.alert-success {
  --bs-alert-color: rgb(15, 81, 50.4);
  --bs-alert-bg: rgb(209, 231, 220.8);
  --bs-alert-border-color: rgb(186, 219, 203.7);
}
.alert-success .alert-link {
  color: rgb(12, 64.8, 40.32);
}

.alert-info {
  --bs-alert-color: rgb(5.2, 80.8, 96);
  --bs-alert-bg: rgb(206.6, 244.4, 252);
  --bs-alert-border-color: rgb(182.4, 239.1, 250.5);
}
.alert-info .alert-link {
  color: rgb(4.16, 64.64, 76.8);
}

.alert-warning {
  --bs-alert-color: rgb(102, 77.2, 2.8);
  --bs-alert-bg: rgb(255, 242.6, 205.4);
  --bs-alert-border-color: rgb(255, 236.4, 180.6);
}
.alert-warning .alert-link {
  color: rgb(81.6, 61.76, 2.24);
}

.alert-danger {
  --bs-alert-color: rgb(132, 31.8, 41.4);
  --bs-alert-bg: rgb(248, 214.6, 217.8);
  --bs-alert-border-color: rgb(244.5, 194.4, 199.2);
}
.alert-danger .alert-link {
  color: rgb(105.6, 25.44, 33.12);
}

.alert-light {
  --bs-alert-color: rgb(99.2, 99.6, 100);
  --bs-alert-bg: rgb(253.6, 253.8, 254);
  --bs-alert-border-color: rgb(252.9, 253.2, 253.5);
}
.alert-light .alert-link {
  color: rgb(79.36, 79.68, 80);
}

.alert-dark {
  --bs-alert-color: rgb(19.8, 22.2, 24.6);
  --bs-alert-bg: rgb(210.6, 211.4, 212.2);
  --bs-alert-border-color: rgb(188.4, 189.6, 190.8);
}
.alert-dark .alert-link {
  color: rgb(15.84, 17.76, 19.68);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: rgb(7.8, 66, 151.8);
  background-color: rgb(206.6, 226, 254.6);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgb(7.8, 66, 151.8);
  background-color: rgb(185.94, 203.4, 229.14);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(7.8, 66, 151.8);
  border-color: rgb(7.8, 66, 151.8);
}

.list-group-item-secondary {
  color: rgb(64.8, 70.2, 75);
  background-color: rgb(225.6, 227.4, 229);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(64.8, 70.2, 75);
  background-color: rgb(203.04, 204.66, 206.1);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(64.8, 70.2, 75);
  border-color: rgb(64.8, 70.2, 75);
}

.list-group-item-success {
  color: rgb(15, 81, 50.4);
  background-color: rgb(209, 231, 220.8);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(15, 81, 50.4);
  background-color: rgb(188.1, 207.9, 198.72);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(15, 81, 50.4);
  border-color: rgb(15, 81, 50.4);
}

.list-group-item-info {
  color: rgb(5.2, 80.8, 96);
  background-color: rgb(206.6, 244.4, 252);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(5.2, 80.8, 96);
  background-color: rgb(185.94, 219.96, 226.8);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(5.2, 80.8, 96);
  border-color: rgb(5.2, 80.8, 96);
}

.list-group-item-warning {
  color: rgb(102, 77.2, 2.8);
  background-color: rgb(255, 242.6, 205.4);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(102, 77.2, 2.8);
  background-color: rgb(229.5, 218.34, 184.86);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(102, 77.2, 2.8);
  border-color: rgb(102, 77.2, 2.8);
}

.list-group-item-danger {
  color: rgb(132, 31.8, 41.4);
  background-color: rgb(248, 214.6, 217.8);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(132, 31.8, 41.4);
  background-color: rgb(223.2, 193.14, 196.02);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132, 31.8, 41.4);
  border-color: rgb(132, 31.8, 41.4);
}

.list-group-item-light {
  color: rgb(99.2, 99.6, 100);
  background-color: rgb(253.6, 253.8, 254);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(99.2, 99.6, 100);
  background-color: rgb(228.24, 228.42, 228.6);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(99.2, 99.6, 100);
  border-color: rgb(99.2, 99.6, 100);
}

.list-group-item-dark {
  color: rgb(19.8, 22.2, 24.6);
  background-color: rgb(210.6, 211.4, 212.2);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(19.8, 22.2, 24.6);
  background-color: rgb(189.54, 190.26, 190.98);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(19.8, 22.2, 24.6);
  border-color: rgb(19.8, 22.2, 24.6);
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.375rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: ;
  --bs-popover-header-bg: rgb(239.7, 239.7, 239.7);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: ;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
          mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: #0d6efd !important;
}
.link-primary:hover, .link-primary:focus {
  color: rgb(10.4, 88, 202.4) !important;
}

.link-secondary {
  color: #6c757d !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: rgb(86.4, 93.6, 100) !important;
}

.link-success {
  color: #198754 !important;
}
.link-success:hover, .link-success:focus {
  color: rgb(20, 108, 67.2) !important;
}

.link-info {
  color: #0dcaf0 !important;
}
.link-info:hover, .link-info:focus {
  color: rgb(61.4, 212.6, 243) !important;
}

.link-warning {
  color: #ffc107 !important;
}
.link-warning:hover, .link-warning:focus {
  color: rgb(255, 205.4, 56.6) !important;
}

.link-danger {
  color: #dc3545 !important;
}
.link-danger:hover, .link-danger:focus {
  color: rgb(176, 42.4, 55.2) !important;
}

.link-light {
  color: #f8f9fa !important;
}
.link-light:hover, .link-light:focus {
  color: rgb(249.4, 250.2, 251) !important;
}

.link-dark {
  color: #212529 !important;
}
.link-dark:hover, .link-dark:focus {
  color: rgb(26.4, 29.6, 32.8) !important;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

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

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
  --bs-border-width: 1px;
}

.border-2 {
  --bs-border-width: 2px;
}

.border-3 {
  --bs-border-width: 3px;
}

.border-4 {
  --bs-border-width: 4px;
}

.border-5 {
  --bs-border-width: 5px;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  transition: opacity 0.3s ease-out;
}

.modal-video-effect-exit {
  opacity: 0;
}
.modal-video-effect-exit .modal-video-movie-wrap {
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  transform: translate(0, 0);
  transition: transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}
@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}
.modal-video-close-btn:before {
  transform: rotate(45deg);
}
.modal-video-close-btn:after {
  transform: rotate(-45deg);
}
.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  transition: opacity 0.3s ease-out;
}

.modal-video-effect-exit {
  opacity: 0;
}
.modal-video-effect-exit .modal-video-movie-wrap {
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  transform: translate(0, 0);
  transition: transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}
@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}
.modal-video-close-btn:before {
  transform: rotate(45deg);
}
.modal-video-close-btn:after {
  transform: rotate(-45deg);
}
.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

:root {
  --clr-primary: #EF233C;
  --clr-primary-light: #EDF2F4;
  --clr-text-primary: #0B090A;
  --clr-text-secondary: #2B2D42;
  --clr-text-light: #8D99AE;
  --clr-bg-light: #EDF2F4;
  --clr-bg-dark: #8D99AE;
  --clr-success: #059669;
  --clr-danger: #EF233C;
  --clr-common-white: #ffffff;
  --clr-common-border: #8D99AE;
  --clr-bg-footer: #EDF2F4;
  --mobile-input-height: 50px;
  --mobile-input-padding: 15px;
  --mobile-font-size: 16px;
  --mobile-border-width: 2px;
  --mobile-border-radius: 8px;
  --mobile-spacing: 16px;
  --mobile-spacing-small: 8px;
  --mobile-spacing-large: 24px;
  --mobile-touch-area: 44px;
  --mobile-card-padding: 16px;
  --mobile-card-gap: 16px;
  --mobile-border-color: #8D99AE;
  --mobile-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  --mobile-shadow-hover: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/*-----------------------------------------------------------------------------------

    Theme Name: Ecomart - Fashion eCommerce HTML Template
    Author: Bdevs
    Support: https://www.devsnews.com/support/
    Description: Ecomart - Fashion eCommerce HTML Template
    Version: 1.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

    01. common CSS
    02. header CSS
    03. banner CSS
    04. product CSS
    05. category CSS
    06. features CSS
    07. blog CSS
    08. testimonial CSS
    09. newsletter CSS
    10. page-title CSS
    11. about CSS
    12. error CSS
    13. contact CSS
    14. shop CSS
    15. faq CSS
    16. register CSS
    17. footer CSS



**********************************************/
/*


*/
/*----------------------------------------
    01. common CSS
----------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Jost", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: var(--clr-common-text);
  line-height: 26px;
}

a {
  text-decoration: none;
}

.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
.transition-3,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Jost", sans-serif;
  color: var(--clr-common-heading);
  margin-top: 0px;
  font-weight: 600;
  line-height: 1.2;
  transition: all 0.3s ease-out 0s;
}

h1, .h1 {
  font-size: 40px;
}

h2, .h2 {
  font-size: 36px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 20px;
}

h5, .h5 {
  font-size: 16px;
}

h6, .h6 {
  font-size: 14px;
}

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

li {
  list-style: none;
}

p {
  font-family: "Jost", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: var(--clr-common-text);
  margin-bottom: 15px;
  line-height: 26px;
}

::selection {
  background: var(--clr-common-black);
  color: var(--clr-common-white);
  text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/

*::placeholder {
  color: var(--clr-common-placeholder);
  font-size: 16px;
  opacity: 1;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.z-index-1 {
  z-index: 1;
}

.z-index-11 {
  z-index: 11;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.pos-rel {
  position: relative;
}

.pos-abs {
  position: absolute;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: var(--clr-bg-grey);
}

.pink-bg {
  background: var(--clr-common-black);
}

.white-bg {
  background: var(--clr-common-white);
}

.black-bg {
  background: var(--clr-common-black);
}

.footer-bg {
  background: var(--clr-bg-footer);
}

/*--
    - color
-----------------------------------------*/
.text-white h1, .text-white .h1,
.text-white h2,
.text-white .h2,
.text-white h3,
.text-white .h3,
.text-white h4,
.text-white .h4,
.text-white h5,
.text-white .h5,
.text-white h6,
.text-white .h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: var(--clr-common-white) !important;
}

.white-color {
  color: var(--clr-common-white);
}

.theme-color {
  color: var(--clr-common-black) !important;
}

.black-color {
  color: var(--clr-common-black);
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
}

.body-overlay:hover {
  cursor: pointer;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 575px) {
  .progress-wrap {
    right: 15px;
    bottom: 15px;
  }
}
/* link btn */
.link-btn {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-common-black);
  text-transform: uppercase;
  padding-right: 15px;
}

.link-btn i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}

.link-btn i:first-child {
  left: -100%;
  visibility: hidden;
  opacity: 0;
}

.link-btn i:last-child {
  right: 0;
}

.link-btn:hover {
  color: var(--clr-common-black);
}

.link-btn:hover i:first-child {
  left: 0;
  visibility: visible;
  opacity: 1;
}

.link-btn:hover i:last-child {
  right: -100%;
  visibility: hidden;
  opacity: 0;
}

.link-btn-2 {
  position: relative;
  font-size: 14px;
  color: var(--clr-common-black);
  font-weight: 500;
  padding-right: 22px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Jost", sans-serif;
}

.link-btn-2 i {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  font-size: 12px;
}

.link-btn-2 i:first-child {
  right: 10%;
  visibility: hidden;
  opacity: 0;
}

.link-btn-2 i:last-child {
  right: 0;
}

.link-btn-2:hover {
  color: var(--clr-common-black);
}

.link-btn-2:hover i:first-child {
  right: 0;
  visibility: visible;
  opacity: 1;
}

.link-btn-2:hover i:last-child {
  right: -10%;
  visibility: hidden;
  opacity: 0;
}

.link-btn-2.pink {
  color: var(--clr-common-black);
}

.link-btn-2.pink:hover {
  color: var(--clr-common-black);
}

/* pulse btn */
.pulse-btn {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 84px;
  text-align: center;
  background-color: var(--clr-common-white);
  border-radius: 50%;
  color: var(--clr-common-black);
  animation: pulse 2s infinite;
}

.pulse-btn:hover {
  background-color: var(--clr-common-black);
  color: var(--clr-common-white);
}

.pulse-btn i {
  padding-left: 2px;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.border-left {
  position: relative;
}

.border-left:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--clr-common-border);
  left: 0;
  top: 0;
}

:root {
  /**
     @color declaration
     */
  --clr-common-white: #fff;
  --clr-common-black: #000;
  --clr-common-blue: #2785ff;
  --clr-common-heading: #0B090A;
  --clr-common-text: #2B2D42;
  --clr-common-border: #8D99AE;
  --clr-common-placeholder: #2B2D42;
  --clr-common-orange: #EF233C;
  --clr-theme-1: #0B090A;
  --clr-theme-2: #EF233C;
  --clr-theme-3: #EF233C;
  --clr-theme-4: #EF233C;
  --clr-theme-5: #8D99AE;
  --clr-bg-gray: #EDF2F4;
  --clr-bg-black: #000;
  --clr-bg-footer: #EDF2F4;
  --clr-badge-new: #62c48f;
}

.bg-gray {
  background-color: var(--clr-bg-gray);
}

.fill-btn {
  font-size: 16px;
  color: var(--clr-common-white);
  font-weight: 600;
  background: var(--clr-common-heading);
  border: 1px solid var(--clr-common-heading);
  height: 60px;
  display: inline-block;
  line-height: 58px;
  border-radius: 5px;
  padding: 0 52px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.fill-btn:hover {
  color: var(--clr-common-heading);
  background: var(--clr-common-white);
}

.border-btn {
  font-size: 16px;
  color: var(--clr-common-heading);
  border: 1px solid var(--clr-common-heading);
  padding: 0 40px;
  height: 50px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 48px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}

.border-btn:hover {
  color: var(--clr-common-white);
  background: var(--clr-common-heading);
}

@media (max-width: 576px) {
  .border-btn {
    font-size: 14px;
    padding: 0 20px;
    height: 44px;
    line-height: 42px;
  }
}
@media (max-width: 400px) {
  .border-btn {
    font-size: 13px;
    padding: 0 15px;
    height: 40px;
    line-height: 38px;
  }
}
.section-main-title {
  font-size: 38px;
  line-height: 1.26;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-top: -8px;
}

@media (max-width: 575px) {
  .section-main-title {
    font-size: 32px;
  }
}
@media (max-width:499px) {
  .section-main-title {
    font-size: 28px;
  }
}
.hr1 {
  border-bottom: 1px solid #dcdcdc;
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  --bs-gutter-x: 30px;
}

.container_custom {
  --bs-gutter-x: 30px;
}

.row {
  --bs-gutter-x: 30px;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1630px;
  }
}
@media (min-width: 1200px) {
  .container-small {
    max-width: 1200px;
  }
}
.ml-1 {
  margin-left: 5px;
}

.mt-2 {
  margin-top: 10px;
}

.container_custom {
  max-width: 1300px;
  margin: 0 auto;
}

/*----------------------------------------
    02. header CSS
----------------------------------------*/
.header-top-right {
  display: flex;
  gap: 40px;
  justify-content: flex-end;
  align-items: center;
}

.header-top-right .nice-select {
  line-height: 20px;
  border-radius: 0;
  font-size: 16px;
  color: var(--clr-common-heading);
  border: none;
  padding-right: 16px;
  height: 20px;
}

.header-top-right .nice-select::after {
  right: 3px;
}

.header-top-right .nice-select:hover .current {
  color: var(--clr-theme-3);
}

.header-top-right .nice-select:hover::after {
  border-color: var(--clr-theme-3);
}

.header-top-right .text-btn {
  color: var(--clr-common-heading);
  line-height: 1;
  height: 20px;
  gap: 4px;
}

.header-top-link {
  display: flex;
  gap: 20px;
}

.header-top-link .text-btn {
  color: var(--clr-common-heading);
  line-height: 1;
  height: 20px;
}

.header-top-link a:not(:last-child) {
  border-right: 1px solid var(--clr-common-border);
  padding-right: 20px;
}

.header-top {
  padding: 10px 0;
  overflow-x: clip;
}

.card-decoration {
  height: 2px;
  background: linear-gradient(90deg, var(--clr-theme-3) 0%, #ff8533 50%, var(--clr-theme-3) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}

.nice-select {
  font-size: 16px;
  color: var(--clr-common-heading);
  border: none;
  padding-left: 0;
  padding-right: 15px;
}

.nice-select:after {
  right: 12px;
  border-bottom: 1px solid var(--clr-common-heading);
  border-right: 1px solid var(--clr-common-heading);
  width: 7px;
  height: 7px;
}

.text-btn {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.text-btn:hover {
  color: var(--clr-theme-3);
}

.header-top-right .nice-select.border-left:before {
  left: -20px;
}

.main-menu {
  display: inline-block;
}

.main-menu ul li {
  display: inline-block;
  margin: 0px 20px;
  position: relative;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .main-menu ul li {
    margin: 0px 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin: 0px 13px;
  }
}
.main-menu ul li a {
  font-size: 18px;
  color: var(--clr-common-heading);
  text-transform: inherit;
  display: inline-block;
  padding: 35px 0;
  line-height: 20px;
  font-weight: 500;
}

.main-menu ul li .sub-menu {
  background: var(--clr-common-white) none repeat scroll 0 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 120%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 240px;
  z-index: 9;
  border-top: 4px solid var(--clr-common-heading);
  text-align: left;
  padding: 15px 0;
}

.main-menu ul li .sub-menu .sub-menu {
  left: 100%;
  top: 100%;
}

.main-menu ul li .sub-menu li {
  display: flex;
  margin: 0px;
  padding: 8px 25px 8px 25px;
  justify-content: space-between;
}

.main-menu ul li .sub-menu li a {
  padding: 0px;
  display: block;
  color: var(--clr-common-heading);
  position: relative;
  font-weight: 400;
}

.main-menu ul li .sub-menu li a:before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: var(--clr-common-heading);
  opacity: 0;
}

.main-menu ul li .sub-menu li:hover > a {
  color: var(--clr-common-text);
  padding-left: 5px;
}

.main-menu ul li .sub-menu li:hover > a:before {
  width: 100%;
  left: 0;
  right: auto;
}

.main-menu ul li:hover > a {
  color: var(--clr-common-text);
}

.main-menu ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.main-menu ul li:hover > .sub-menu li:hover > .sub-menu {
  top: 0;
}

.main-menu ul li:hover.menu-item-has-children::after {
  color: var(--clr-common-text);
}

.main-menu ul li.menu-item-has-children {
  position: relative;
}

.main-menu ul li.menu-item-has-children:after {
  content: "\f107";
  font-size: 12px;
  color: var(--clr-common-heading);
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-out 0s;
  margin-left: 3px;
}

.action-list.action-list-header1 {
  display: flex;
  gap: 18px;
}

.action-item {
  display: inline-block;
}

.action-item button {
  display: inline-block;
  position: relative;
  padding-right: 13px;
}

.action-item button i {
  font-size: 20px;
  color: var(--clr-common-heading);
}

.action-item .action-item-number {
  width: 20px;
  height: 20px;
  background: var(--clr-common-heading);
  display: inline-block;
  text-align: center;
  line-height: 18px;
  color: var(--clr-common-white);
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top: -4px;
  font-size: 13px;
}

.action-item .cart-items-price {
  font-weight: 600;
  color: var(--clr-common-heading);
}

.action-list-header2 {
  display: inline-flex;
  gap: 20px;
}

.action-list-header2 .action-item button {
  width: 55px;
  height: 55px;
  border: 1px solid var(--clr-common-border);
  text-align: center;
  line-height: 55px;
  border-radius: 50%;
  padding-right: 0;
}

.action-list-header2 .action-item .action-item-number {
  right: 0px;
  top: 0px;
}

.action-list-header2 .action-item.action-item-cart .action-item-number {
  background: var(--clr-theme-3);
}

.action-list-header2 .action-item .cart-items-price {
  font-weight: 600;
  color: var(--clr-common-heading);
  height: inherit;
  width: inherit;
  border: 0;
}

.action-list-header2 .action-item-cart {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.filter-search-input {
  position: relative;
}

.filter-search-input input {
  width: 100%;
  height: 50px;
  border: 1px solid var(--clr-common-border);
  border-radius: 5px;
  padding: 0 50px 0 30px;
  outline: none;
}

.filter-search-input input:focus {
  border-color: var(--clr-common-heading);
}

.filter-search-input button {
  position: absolute;
  right: 20px;
  top: 12px;
  color: var(--clr-common-heading);
}

.header-main-right.header-main-right-header1 {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: flex-end;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-main-right.header-main-right-header1 {
    gap: 10px;
  }
}
@media (max-width: 575px) {
  .header-main-right.header-main-right-header1 {
    gap: 0;
    line-height: 1;
  }
}
.header-main-left.header-main-left-header1 {
  display: flex;
  align-items: center;
}

.header1-logo {
  margin-right: 130px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header1-logo {
    margin-right: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header1-logo {
    margin-right: 0;
  }
}
.header-search {
  width: 380px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-search {
    width: 250px;
  }
}
.header-main-content-wrapper {
  display: flex;
  justify-content: space-between;
}

/* bar-icon style start */
.bar-icon {
  width: 20px;
  height: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.bar-icon span {
  width: 100%;
  height: 2px;
  background: var(--clr-common-heading);
  display: inline-block;
}

.bar-icon span:nth-child(2) {
  margin-left: 9px;
  transition: 0.3s;
}

.bar-icon:hover span:nth-child(2) {
  margin-left: 0;
}

/* bar-icon style end */
.sticky {
  position: fixed;
  top: 0;
  background: var(--clr-common-white);
  z-index: 9999;
  right: 0;
  left: 0;
  width: 100%;
  transition: 0.4s;
  box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  border: none;
}

.sticky::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--clr-theme-3) 0%, #ff8533 50%, var(--clr-theme-3) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-main1 {
    padding: 25px 0;
  }
}
.header-note {
  background: var(--clr-common-heading);
  position: relative;
  padding: 7px 15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-note {
    display: none;
  }
}
.header-note p {
  color: var(--clr-common-white);
  margin-bottom: 0;
  text-align: center;
}

.header-note p span {
  font-weight: 600;
}

.note-close-btn {
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 8px;
  color: var(--clr-common-white);
}

.header2 .header-note {
  background: var(--clr-theme-3);
}

.user-icon {
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  background: var(--clr-bg-footer);
  border-radius: 50%;
}

.user-btn span {
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-common-heading);
}

.user-btn span span {
  font-size: 14px;
  font-weight: 400;
  display: block;
}

.user-btn a {
  display: inline-flex;
  gap: 10px;
}

.main-menu2.main-menu ul li:hover > a {
  color: var(--clr-theme-3);
}

.main-menu2.main-menu ul li:hover.menu-item-has-children::after {
  color: var(--clr-theme-3);
}

.main-menu2.main-menu ul li .sub-menu li:hover > a {
  color: var(--clr-theme-3);
}

.main-menu2.main-menu ul li .sub-menu {
  border-color: var(--clr-theme-3);
}

.category-click {
  height: 70px;
  background: var(--clr-theme-1);
  border-radius: 5px;
  line-height: 70px;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 0 20px;
  width: 270px;
  color: var(--clr-common-white);
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}

.category-click.items-open::after {
  transform: rotate(180deg);
}

.bar-icon.bar-icon-2 span {
  background: var(--clr-common-white);
}

.bar-icon.bar-icon-2 span:nth-child(2) {
  margin-left: 0;
}

.category-click:after {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  color: var(--clr-common-white);
  right: 20px;
}

.header-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter-search-input.header-search-2 {
  flex-grow: 1;
  margin-left: 30px;
}

.filter-search-input.header-search-2 input {
  height: 70px;
  border-color: var(--clr-bg-footer);
  background: var(--clr-bg-footer);
}

.filter-search-input.header-search-2 button {
  top: 22px;
}

.irc-item.footer-support.header-bottom-support {
  position: relative;
  margin-left: 50px;
  margin-right: 60px;
}

.irc-item.footer-support.header-bottom-support:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 50px;
  background: var(--clr-common-border);
  right: -30px;
}

.header-support-social {
  display: flex;
  align-items: center;
}

.header-bottom {
  padding-top: 5px;
  padding-bottom: 15px;
}

.category-menu .category-items {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 270px;
  padding: 30px 20px;
  background: var(--clr-theme-1);
  border-radius: 5px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.category-menu .category-items a {
  color: var(--clr-common-white);
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.category-menu .category-items a:last-child {
  margin-bottom: 0;
}

.category-menu:not(items-open) .category-items {
  display: none;
}

.action-list-header4 {
  display: flex;
  gap: 18px;
}

.action-list-header4 .action-item.action-item-cart .action-item-number {
  background: var(--clr-theme-3);
}

.main-menu4.main-menu ul li:hover > a {
  color: var(--clr-theme-3);
}

.main-menu4.main-menu ul li:hover.menu-item-has-children::after {
  color: var(--clr-theme-3);
}

.main-menu4.main-menu ul li .sub-menu li:hover > a {
  color: var(--clr-theme-3);
}

.main-menu4.main-menu ul li .sub-menu {
  border-color: var(--clr-theme-3);
}

.header3 .header-note {
  background: var(--clr-common-orange);
}

.header3-logo {
  text-align: center;
}

.action-list-header3 {
  display: flex;
  gap: 30px;
  justify-content: flex-end;
}

.action-list-header3 .user-icon {
  height: inherit;
  width: inherit;
  line-height: inherit;
  background: transparent;
}

.action-item .action-btn-text {
  padding-right: 0;
  font-size: 13px;
  line-height: 1;
  padding-top: 5px;
}

.user-btn.action-item a {
  padding-right: 0;
}

.action-list-header3 .action-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0px;
}

.action-list-header3 .action-item:hover a {
  color: var(--clr-common-heading);
}

.action-item .action-btn-text:hover {
  color: var(--clr-common-heading);
}

.header-search-3 {
  width: 375px;
  max-width: 100%;
}

.header3-top {
  padding: 15px 0;
  border-bottom: 1px solid var(--clr-common-border);
}

.header-main3 .header-main-content-wrapper {
  justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-main3 .header-main-content-wrapper {
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
  }
}
.main-menu.main-menu3 ul li a {
  padding: 20px 0;
}

.action-list-header3 .action-item.action-item-cart .action-item-number {
  background: var(--clr-common-orange);
}

.main-menu3.main-menu ul li:hover > a {
  color: var(--clr-common-orange);
}

.main-menu3.main-menu ul li:hover.menu-item-has-children::after {
  color: var(--clr-common-orange);
}

.main-menu3.main-menu ul li .sub-menu li:hover > a {
  color: var(--clr-common-orange);
}

.main-menu3.main-menu ul li .sub-menu {
  border-color: var(--clr-common-orange);
}

.offcanvas-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: var(--clr-common-heading);
  z-index: 999900;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.offcanvas-overlay.overlay-open {
  opacity: 0.4;
  visibility: visible;
}

.offcanvas-overlay-white {
  position: fixed;
  height: 100%;
  width: 100%;
  background: var(--clr-common-white);
  z-index: 999900;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.offcanvas-overlay-white.overlay-open {
  opacity: 0;
  visibility: visible;
}

.side-info-close {
  background: none;
  border: 0;
  color: var(--clr-common-heading);
  font-size: 20px;
  padding: 0;
  transition: all 0.5s ease-out 0s;
}

.side-info {
  background: var(--clr-common-white);
  height: 100%;
  position: fixed;
  z-index: 999999;
  right: -100%;
  top: 0;
  width: 365px;
  padding: 45px 35px 45px 45px;
  transition: 0.6s;
  overflow-y: scroll;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .side-info {
    width: 300px;
    padding: 15px 25px;
  }
}
.side-info.info-open {
  right: 0;
}

/* mean menu */
div.mean-container .mean-bar {
  background: transparent;
}

div.mean-container .mean-nav {
  background: none;
  margin-bottom: 40px;
  overflow: hidden;
}

div.mean-container .mean-nav > ul {
  display: block !important;
}

div.mean-container .mean-nav ul li a {
  width: 100%;
  color: var(--clr-common-heading);
  border-top: 1px solid var(--clr-common-border);
  font-size: 16px;
  text-transform: none;
  opacity: 1;
  padding-left: 0;
}

div.mean-container .mean-nav ul li a:hover {
  color: var(--clr-theme-1);
}

div.mean-container .mean-nav ul li a i {
  display: none;
}

div.mean-container .mean-nav ul li a.mean-expand {
  height: 26px;
  border: none;
  background: var(--clr-bg-footer);
  padding: 10px 5%;
}

div.mean-container .mean-nav ul li a.mean-expand::before {
  position: absolute;
  content: "+";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

div.mean-container .mean-nav ul li a.mean-expand.mean-clicked::before {
  content: "-";
}

div.mean-container .mean-nav ul li li a {
  padding: 10px 5%;
}

div.mean-container .mean-nav ul li li li a {
  padding: 10px 10%;
}

div.mean-container a.meanmenu-reveal {
  display: none !important;
}

.action-list.d-xl-none.d-md-flex.action-list-header4 {
  line-height: 1;
}

.ecomart-menu-bar {
  line-height: 0;
  margin-top: -8px;
}

@media (max-width: 399px) {
  .action-item.action-item-wishlist.action-item-compare {
    display: none;
  }
}
/* Mobile Menu Improvements */
.mobile-menu-list {
  padding: 0;
  margin: 0;
}

.mobile-menu-list li {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.mobile-menu-list li:last-child {
  border-bottom: none;
}

.mobile-menu-list li a {
  display: block;
  padding: 12px 0;
  color: var(--clr-common-heading);
  font-weight: 500;
  font-size: 15px;
  transition: all 0.3s ease;
}

.mobile-menu-list li a:hover {
  color: var(--clr-theme-3);
}

.mobile-menu-list li .menu-item-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobile-menu-list li .menu-item-wrapper a {
  flex: 1 1;
}

.mobile-menu-list li .menu-item-wrapper .menu-expand-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.mobile-menu-list li .menu-item-wrapper .menu-expand-icon i {
  transition: transform 0.3s ease;
  font-size: 16px;
  color: var(--clr-common-heading);
}

.mobile-menu-list li .menu-item-wrapper .menu-expand-icon.menu-expanded i {
  transform: rotate(180deg);
}

.mobile-menu-list .sub-menu {
  background-color: rgba(0, 0, 0, 0.02);
  padding-left: 15px;
}

.mobile-menu-list .sub-menu li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.mobile-menu-list .sub-menu li:last-child {
  border-bottom: none;
}

.mobile-menu-list .sub-menu li a {
  font-size: 14px;
  padding: 10px 0;
}

.side-info {
  background-color: #fff;
}

.side-info .side-info-content {
  padding: 30px 20px;
}

.side-info .offset-widget.offset-logo {
  margin-bottom: 25px;
}

.side-info .offset-widget.offset-logo img {
  max-height: 40px;
  width: auto;
}

.side-info .side-info-close {
  background: none;
  border: none;
  color: var(--clr-common-heading);
  font-size: 20px;
  transition: all 0.3s ease;
}

.side-info .side-info-close:hover {
  color: var(--clr-theme-3);
}

.side-info .social__links {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.side-info .social__links ul {
  display: flex;
  gap: 15px;
}

.side-info .social__links ul li a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  border-radius: 50%;
  color: var(--clr-common-heading);
  transition: all 0.3s ease;
}

.side-info .social__links ul li a:hover {
  background-color: var(--clr-theme-3);
  color: #fff;
}

.offset-profile-action {
  margin: 20px 0;
}

.offset-profile-action .action-list {
  display: flex;
  gap: 15px;
}

.offset-profile-action .action-list .action-item {
  position: relative;
}

.offset-profile-action .action-list .action-item button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  border-radius: 50%;
  color: var(--clr-common-heading);
  transition: all 0.3s ease;
}

.offset-profile-action .action-list .action-item button:hover {
  background-color: var(--clr-theme-3);
  color: #fff;
}

.offset-profile-action .action-list .action-item .action-item-number {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-theme-3);
  color: #fff;
  font-size: 10px;
  border-radius: 50%;
}

.login-dropdown-wrapper {
  position: relative;
}

.login-dropdown-wrapper .login-btn {
  color: var(--clr-common-heading);
  line-height: 1;
  height: 20px;
  gap: 4px;
}

.login-dropdown-wrapper .login-btn:hover {
  color: var(--clr-theme-3);
}

.login-dropdown-wrapper .login-btn:hover + .login-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.login-dropdown-wrapper .login-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--clr-common-white);
  min-width: 200px;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  padding: 15px 0;
  z-index: 99;
  margin-top: 15px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.login-dropdown-wrapper .login-dropdown:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 20px;
  width: 10px;
  height: 10px;
  background: var(--clr-common-white);
  transform: rotate(45deg);
  z-index: -1;
  box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.03);
}

.login-dropdown-wrapper .login-dropdown:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.login-dropdown-wrapper .login-dropdown .login-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  color: var(--clr-common-heading);
  font-size: 14px;
  transition: all 0.2s ease;
}

.login-dropdown-wrapper .login-dropdown .login-option i {
  font-size: 16px;
  width: 20px;
  text-align: center;
}

.login-dropdown-wrapper .login-dropdown .login-option:hover {
  background: rgba(0, 0, 0, 0.03);
  color: var(--clr-theme-3);
  transform: translateX(5px);
}

.login-dropdown-wrapper .login-dropdown .login-option:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sticky,
.header-main1,
.header-main-content-wrapper {
  overflow: visible !important;
}

.header4 {
  position: relative;
  z-index: 100;
}

.search-wrapper {
  position: relative;
  z-index: 100;
}

.search-dropdown {
  position: absolute;
  z-index: 100;
}

@media (max-width: 575px) {
  .header4 .header-main-right.header-main-right-header1 {
    gap: 8px;
  }
  .header4 .action-list-header4 {
    gap: 10px;
  }
  .header4 .action-list-header4 .action-item .view-cart-button,
  .header4 .action-list-header4 .action-item .view-wishlist-button {
    width: 40px;
    height: 40px;
  }
  .header4 .action-list-header4 .action-item .action-item-number {
    font-size: 11px;
    top: -2px;
    right: -2px;
  }
  .header4 .mobile-search-button {
    padding: 0 6px;
  }
  .header4 .header1-logo img {
    max-width: 110px;
    height: auto;
  }
  .header4 .action-item.action-item-wishlist.action-item-compare,
  .header4 .action-item.action-item-compare {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .header4 .search-wrapper {
    width: auto;
    max-width: 260px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header4 .header-main-right .search-wrapper {
    width: 260px !important;
    max-width: 260px !important;
  }
}
@media (max-width: 575px) {
  .header4 .action-list-header4 {
    gap: 6px;
  }
  .header4 .action-list-header4 .action-item button {
    width: 32px;
    height: 32px;
  }
  .header4 .action-list-header4 .action-item button i {
    font-size: 18px;
  }
  .header4 .action-list-header4 .action-item .action-item-number {
    width: 16px;
    height: 16px;
    line-height: 15px;
    font-size: 10px;
    top: -2px;
    right: -2px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .header4 .main-menu ul li {
    margin: 0 8px;
  }
}
@media (max-width: 575px) {
  .header4 .header-main-content-wrapper {
    flex-wrap: nowrap !important;
  }
  .header4 .header-main-left {
    flex: 0 0 auto !important;
  }
  .header4 .header-main-right {
    flex: 0 0 auto !important;
    margin-left: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header4 .action-list-header4 {
    gap: 10px;
    flex-wrap: wrap;
  }
  .header4 .action-list-header4 .action-item button {
    width: 36px;
    height: 36px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header4 .search-wrapper {
    width: auto;
    max-width: 260px;
  }
  .header4 .main-menu ul li {
    margin: 0 10px;
  }
}
@media (max-width: 425px) {
  .header4 .header1-logo img {
    max-width: 90px;
    height: auto;
  }
  .header4 .action-list-header4 {
    gap: 2px;
  }
  .header4 .action-list-header4 .action-item button {
    width: 24px;
    height: 24px;
  }
  .header4 .action-list-header4 .action-item button i {
    font-size: 14px;
  }
  .header4 .action-list-header4 .action-item-number {
    width: 12px;
    height: 12px;
    line-height: 11px;
    font-size: 8px;
  }
  .header4 .mobile-search-button {
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent !important;
  }
  .header4 .mobile-search-button svg {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 575px) {
  .header4 .container {
    padding-left: 0;
    padding-right: 0;
  }
  .header4 .container .row {
    margin-left: 0;
    margin-right: 0;
  }
  .header4 .container .row > [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 768px) {
  .header4 .container {
    padding-left: 0;
    padding-right: 0;
  }
  .header4 .container .row {
    margin-left: 0;
    margin-right: 0;
  }
  .header4 .container .row > [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header4 .action-list-header4 {
    gap: 10px;
    flex-wrap: wrap;
  }
  .header4 .action-list-header4 .action-item button {
    width: 36px;
    height: 36px;
  }
  .header4 .header-main-right.header-main-right-header1 {
    gap: 8px;
  }
  .header4 .header-main-content-wrapper {
    flex-wrap: nowrap !important;
  }
  .header4 .header-main-left {
    flex: 0 0 auto !important;
  }
  .header4 .header-main-right {
    flex: 0 0 auto !important;
    margin-left: auto;
  }
}
@media (max-width: 575px) {
  .header4 .container {
    padding-left: 5px !important;
    padding-right: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .header4 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  .header4 .row > [class*=col-] {
    padding-left: 5px !important;
    padding-right: 5px !important;
    flex: 1 1 !important;
    max-width: 100% !important;
  }
  .header4 .header-main-content-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
  }
  .header4 .header-main-left.header-main-left-header1 {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  .header4 .header-main-right.header-main-right-header1 {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 3px !important;
    margin-left: auto !important;
  }
  .header4 .header1-logo {
    margin-right: 0 !important;
  }
  .header4 .header1-logo img {
    max-width: 80px !important;
    height: auto !important;
  }
  .header4 .action-list-header4 {
    display: flex !important;
    gap: 3px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
  }
  .header4 .action-list-header4 .action-item button {
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .header4 .action-list-header4 .action-item button i {
    font-size: 14px !important;
  }
  .header4 .action-list-header4 .action-item .action-item-number {
    width: 14px !important;
    height: 14px !important;
    line-height: 13px !important;
    font-size: 9px !important;
    top: -3px !important;
    right: -3px !important;
  }
  .header4 .ecomart-menu-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    margin-left: 5px !important;
  }
  .header4 .mobile-search-button {
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
/*----------------------------------------
    03. banner CSS
----------------------------------------*/
.banner-800 {
  min-height: 800px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-800 {
    min-height: 700px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-800 {
    min-height: 600px;
  }
}
@media (max-width: 575px) {
  .banner-800 {
    min-height: 500px;
  }
}
.banner-900 {
  min-height: 900px;
  position: relative;
}

.banner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
}

.banner-meta-text {
  margin-bottom: 25px;
}

.banner-meta-text span {
  font-size: 24px;
  font-weight: 600;
  color: var(--clr-common-heading);
}

.banner-btn .border-btn {
  height: 60px;
  padding: 0 52px;
  line-height: 58px;
}

.banner-content1 {
  max-width: 800px;
}

@media (max-width: 575px) {
  .banner-content1 {
    max-width: 400px;
  }
}
@media (max-width: 575px) {
  .banner-content2 {
    max-width: 400px;
  }
}
.banner-content2-3 {
  max-width: 780px;
  margin-left: auto;
}

@media (max-width: 575px) {
  .banner-content2-3 {
    max-width: 450px;
    margin-left: 0;
  }
}
.slider-pagination.slider1-pagination {
  position: absolute;
  right: 30px;
  top: 50%;
  display: flex;
  flex-direction: column;
  left: auto !important;
  width: inherit !important;
  bottom: inherit !important;
  z-index: 5;
  transform: translateY(-50%);
  height: 100%;
  justify-content: center;
  gap: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider-pagination.slider1-pagination {
    display: none;
  }
}
.slider-pagination.slider1-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 2px;
  border-radius: 2px;
  background: var(--clr-common-heading);
  opacity: 1;
  margin-left: auto;
}

.slider-pagination.slider1-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
}

.slider2-pagination-container {
  position: absolute;
  bottom: 30px;
  width: 100%;
  left: 0;
}

.slider-pagination.slider2-pagination {
  position: relative;
  z-index: 5;
  display: flex;
  gap: 10px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider-pagination.slider2-pagination {
    display: none;
  }
}
.slider-pagination.slider2-pagination .swiper-pagination-bullet {
  position: relative;
  width: 16px;
  height: 16px;
  background: transparent;
  opacity: 1;
}

.slider-pagination.slider2-pagination .swiper-pagination-bullet:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: var(--clr-common-heading);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slider-pagination.slider2-pagination .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid var(--clr-common-heading);
  border-radius: 50%;
  transition: 0.3s;
  opacity: 0;
}

.slider-pagination.slider2-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  opacity: 1;
}

.banner-pricing {
  font-size: 24px;
  font-weight: 500;
  color: var(--clr-common-white);
  width: 250px;
  height: 250px;
  background: var(--clr-common-heading);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: absolute;
  right: 905px;
  bottom: -35px;
  gap: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-pricing {
    transform: scale(0.5);
    transform-origin: top left;
    position: static;
    margin-top: 45px;
    margin-bottom: -125px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-pricing {
    transform: scale(0.4);
    transform-origin: top left;
    position: static;
    margin-top: 40px;
    margin-bottom: -150px;
  }
}
.banner-pricing .price-now {
  font-size: 80px;
  font-weight: 500;
  color: var(--clr-common-white);
  display: block;
}

/*----------------------------------------
    04. product CSS
----------------------------------------*/
.single-product {
  max-width: 100%;
}

.product-image img {
  width: 100%;
}

.product-name {
  font-size: 18px;
  font-weight: 500;
  color: var(--clr-common-heading);
  margin-bottom: 10px;
}

.price-now {
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-common-heading);
  line-height: 1;
}

.price-old {
  font-size: 15px;
  font-weight: 500;
  color: #8f8f8f;
  text-decoration: line-through;
  line-height: 1;
}

.product-desc .product-price {
  display: flex;
  gap: 10px;
}

.product-desc {
  padding: 20px 0 0px;
}

.product-color-nav {
  display: flex;
  gap: 10px;
}

.product-color-nav img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  opacity: 0;
}

.product-color-nav li {
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
}

.product-color-nav li:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--clr-common-white);
  box-sizing: border-box;
  border: 1px solid #dddfe3;
  border-radius: 50%;
}

.product-color-nav li:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--clr-common-heading);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-desc .product-color-nav {
  margin-top: 18px;
}

.product-sticker {
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-common-white);
  height: 25px;
  display: inline-block;
  background: var(--clr-badge-new);
  padding: 0 10px;
}

.product-sticker-wrapper {
  display: flex;
  gap: 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.product-sticker.new {
  background: var(--clr-badge-new);
}

.product-sticker.discount {
  background: var(--clr-theme-2);
}

.product-action {
  position: absolute;
  right: -100px;
  top: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: 0.3s;
  z-index: 2;
}

.product-action button {
  width: 45px;
  height: 45px;
  background: var(--clr-common-white);
  border-radius: 3px;
  text-align: center;
  line-height: 45px;
  color: var(--clr-common-heading);
  padding: 0;
  border: none;
  transition: 0.3s;
}

.product-action button:hover {
  color: var(--clr-common-white);
  background: var(--clr-common-heading);
}

.product-image {
  overflow: hidden;
  background: var(--clr-bg-footer);
}

.product-image:hover img {
  transform: scale(1.05);
}

.product-image:hover .product-action {
  right: 20px;
}

.add-cart-btn {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 45px;
  line-height: 43px;
  background: var(--clr-common-heading);
  border: 1px solid var(--clr-common-heading);
  border-radius: 3px;
  padding: 0 35px;
  color: var(--clr-common-white);
  justify-content: center;
  transition: 0.3s;
  white-space: nowrap;
}

.add-cart-btn:hover {
  background-color: var(--clr-common-white);
  border-color: var(--clr-common-heading);
  color: var(--clr-common-heading);
}

.product-action-bottom {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: -100px;
  width: 100%;
  transition: 0.3s;
  z-index: 2;
}

.product-image:hover .product-action-bottom {
  bottom: 20px;
}

.products-wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
}

.products-wrapper .single-product {
  margin-bottom: 50px;
}

.products-wrapper > div {
  width: calc((100% - 120px) / 5);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .products-wrapper > div {
    width: calc((100% - 90px) / 4);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products-wrapper > div {
    width: calc((100% - 60px) / 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .products-wrapper > div {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 575px) {
  .products-wrapper > div {
    width: calc((100% - 0px) / 1);
  }
}
.nav-tabs {
  border-bottom: 0;
}

.nav-tabs .nav-link {
  border: 0;
  padding: 0;
  border-radius: 0;
}

.product-tab-nav .nav-tabs {
  display: flex;
  gap: 20px;
  justify-content: center;
}

@media (max-width: 575px) {
  .product-tab-nav .nav-tabs {
    gap: 10px;
  }
}
.product-tab-nav .nav-tabs .nav-link {
  font-size: 18px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  border-right: 1px solid var(--clr-common-border);
  color: var(--clr-common-text);
  padding-right: 20px;
  position: relative;
}

@media (max-width: 575px) {
  .product-tab-nav .nav-tabs .nav-link {
    border-right: 0;
    padding: 0 10px;
  }
}
.product-tab-nav .nav-tabs .nav-link:last-child {
  padding-right: 0;
  border-right: 0;
}

.product-tab-nav .nav-tabs .nav-link.active {
  color: var(--clr-common-heading);
}

.product-tab-nav .nav-tabs .nav-link.active .total-product {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 575px) {
  .product-tab-nav .nav-tabs .nav-link.active .total-product {
    opacity: 0;
    visibility: hidden;
  }
}
.nav-link .total-product {
  font-size: 12px;
  position: absolute;
  top: -22px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.featured-product {
  position: relative;
  overflow: hidden;
}

.featured-product .product-desc {
  padding: 30px;
  display: inline-block;
  position: absolute;
  bottom: -200px;
  left: 0;
  background: var(--clr-common-white);
  transition: 0.3s;
}

@media (max-width:499px) {
  .featured-product .product-desc {
    padding: 20px;
  }
}
.featured-product:hover .product-desc {
  bottom: 0;
}

.featured-product:hover .product-action {
  right: 20px;
}

.bunle-pack-area {
  background: var(--clr-bg-footer);
}

.bundle-pack-wrapper {
  max-width: 1050px;
  margin: 0 auto;
}

.pack-items-wrapper {
  background: var(--clr-common-white);
  padding: 55px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .pack-items-wrapper {
    padding: 35px;
  }
}
@media (max-width:499px) {
  .pack-items-wrapper {
    padding: 30px 20px;
  }
}
.pack-item-single {
  display: flex;
  padding-left: 23px;
  gap: 18px;
}

@media (max-width:499px) {
  .pack-item-single {
    padding-left: 13px;
    gap: 15px;
  }
}
.pack-item-single .product-image {
  width: 120px;
  height: 120px;
}

.pack-item-single .product-desc {
  padding: 0px 0 0px;
}

.pack-item-single .product-name {
  font-size: 20px;
  margin-bottom: 12px;
}

@media (max-width:499px) {
  .pack-item-single .product-name {
    font-size: 18px;
  }
}
.pack-item-single .product-price {
  margin-bottom: 12px;
}

.pack-item-single .product-price .price-now {
  font-size: 15px;
  font-weight: 600;
}

.pack-items {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.pack-items .pack-item-single {
  counter-increment: pack-item-num;
  position: relative;
}

.pack-items .pack-item-single:before {
  position: absolute;
  content: counter(pack-item-num);
  top: 0;
  left: 0;
  font-size: 22px;
  font-weight: 500;
  color: var(--clr-common-heading);
  height: 38px;
  width: 38px;
  border: 1px solid var(--clr-common-heading);
  z-index: 2;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
}

@media (max-width:499px) {
  .pack-items .pack-item-single:before {
    font-size: 18px;
    height: 28px;
    width: 28px;
    line-height: 26px;
  }
}
.product-rating {
  font-size: 14px;
  display: inline-flex;
  color: var(--clr-common-heading);
}

.pack-price-btn {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.pack-price-btn .add-cart-btn {
  height: 50px;
  padding: 0 65px;
  border-radius: 5px;
}

.pack-price-btn .pack-total-price {
  height: 50px;
  border: 1px solid var(--clr-common-heading);
  border-radius: 5px;
  line-height: 48px;
  text-align: center;
  font-weight: 600;
  padding: 0 15px;
  flex-grow: 1;
  color: var(--clr-common-heading);
}

.product-package-photo {
  height: 100%;
  background: var(--clr-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product-package-photo {
    padding-top: 30px;
  }
}
.product-package-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-image-nav {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media (max-width:499px) {
  .product-image-nav {
    display: none;
  }
}
.product-nav-item {
  width: 25px;
  height: 25px;
  background: var(--clr-common-white);
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  color: var(--clr-common-heading);
}

.product-nav-item:hover .pack-item-single.hover-content {
  opacity: 1;
  visibility: visible;
}

.pack-1-1 {
  position: absolute;
  top: 23%;
  left: 36%;
}

.pack-1-2 {
  position: absolute;
  top: 46%;
  left: 39%;
}

.pack-1-3 {
  position: absolute;
  top: 87%;
  left: 25%;
}

.pack-item-single.hover-content {
  width: 160px;
  display: flex;
  flex-direction: column;
  background: var(--clr-common-white);
  padding: 10px;
  border-radius: 8px;
  position: absolute;
  top: -7px;
  left: 50px;
  text-align: left;
  gap: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.pack-item-single.hover-content .product-img {
  width: 100%;
}

.pack-item-single.hover-content .product-image {
  width: 100%;
  border-radius: 5px;
}

.pack-item-single.hover-content .product-name {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
}

.pack-item-single.hover-content .product-price {
  margin-bottom: 0;
}

.pack-item-single.hover-content .product-price .price-now {
  font-size: 12px;
  font-weight: 500;
}

.pack-item-single.hover-content .product-desc {
  padding: 10px 0 10px;
}

.pack-item-single.hover-content:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 10px;
  background: var(--clr-common-white);
  left: -6px;
  top: 15px;
  -webkit-clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
          clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
}

.single-product-st2 .add-cart-btn {
  padding: 0 22px;
  border-radius: 0;
}

.single-product-st2 .quick-view-btn {
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 43px;
  background: var(--clr-common-white);
  border-radius: 3px 0 0 3px;
  border: 1px solid var(--clr-common-white);
  color: var(--clr-common-heading);
}

.single-product-st2 .quick-view-btn:hover {
  border-color: var(--clr-common-heading);
}

.single-product-st2 .wishlist-btn {
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 43px;
  background: var(--clr-common-white);
  border-radius: 0 3px 3px 0;
  border: 1px solid var(--clr-common-white);
  color: var(--clr-common-heading);
}

.single-product-st2 .wishlist-btn:hover {
  border-color: var(--clr-common-heading);
}

.single-product-st2 .product-color-nav {
  display: flex;
  gap: 10px;
  display: none;
}

.product-nav-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: var(--clr-common-white);
  border-radius: 3px;
  color: var(--clr-common-heading);
  font-size: 18px;
  left: 10px;
  transition: 0.3s;
}

.product-nav-prev:hover {
  color: var(--clr-common-white);
  background: var(--clr-common-heading);
}

.product-nav-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: var(--clr-common-white);
  border-radius: 3px;
  color: var(--clr-common-heading);
  font-size: 18px;
  right: 10px;
  transition: 0.3s;
}

.product-nav-next:hover {
  color: var(--clr-common-white);
  background: var(--clr-common-heading);
}

.product-tab-slider-button-prev {
  width: 50px;
  height: 50px;
  border: 1px solid var(--clr-common-border);
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
  position: absolute;
  top: -110px;
  left: 0;
  transition: 0.3s;
}

.product-tab-slider-button-prev:hover {
  border-color: var(--clr-common-heading);
  background: var(--clr-common-heading);
  color: var(--clr-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product-tab-slider-button-prev {
    display: none;
  }
}
.product-tab-slider-button-next {
  width: 50px;
  height: 50px;
  border: 1px solid var(--clr-common-border);
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
  position: absolute;
  top: -110px;
  right: 0;
  transition: 0.3s;
}

.product-tab-slider-button-next:hover {
  border-color: var(--clr-common-heading);
  background: var(--clr-common-heading);
  color: var(--clr-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product-tab-slider-button-next {
    display: none;
  }
}
.product-tab-pagination {
  display: flex;
  gap: 8px;
  justify-content: center;
}

.product-tab-pagination .swiper-pagination-bullet {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  opacity: 1;
  background: var(--clr-common-border);
}

.product-tab-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--clr-common-heading);
}

.product-tab-pagination-container {
  margin-top: 60px;
}

.prodcut_bg {
  background-color: var(--clr-bg-footer);
}

.product-pricing {
  display: flex;
  justify-content: space-between;
}

.modern-product-card {
  position: relative;
  background: var(--clr-common-white);
  border-radius: 16px;
  overflow: visible;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.modern-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.modern-product-card:hover .modern-product-actions {
  opacity: 1;
  visibility: visible;
}

.modern-product-card:hover .modern-product-actions .action-btn {
  animation: slideInRight 0.3s ease-out forwards;
}

.modern-product-card:hover .modern-product-actions .action-btn:nth-child(1) {
  animation-delay: 0.05s;
}

.modern-product-card:hover .modern-product-actions .action-btn:nth-child(2) {
  animation-delay: 0.1s;
}

.modern-product-card:hover .modern-product-actions .action-btn:nth-child(3) {
  animation-delay: 0.15s;
}

.modern-product-card:hover .modern-add-to-cart {
  transform: translateY(0);
  opacity: 1;
}

.modern-product-card:hover .product-hover-image {
  opacity: 1;
}

.modern-product-card:hover .product-main-image {
  transform: scale(1.05);
}

.modern-product-card--added-to-cart {
  position: relative;
  animation: modernAddToCartPulse 1s ease-in-out;
}

.modern-product-image {
  position: relative;
  overflow: hidden;
  background: #f8f9fa;
  border-radius: 16px 16px 0 0;
}

.modern-product-image .image-link {
  display: block;
  position: relative;
  padding-top: 100%;
}

.modern-product-image .image-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.modern-product-image .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.modern-product-image .image-container .product-main-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.modern-product-image .image-container .product-hover-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.modern-product-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
}

.modern-product-badge .badge {
  display: inline-block;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.modern-product-badge .badge.new {
  background: linear-gradient(135deg, #52c234, #061700);
  color: white;
}

.modern-product-badge .badge.discount {
  background: linear-gradient(135deg, #ff416c, #ff4b2b);
  color: white;
}

.modern-product-actions {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 3;
}

@media (max-width: 575px) {
  .modern-product-actions {
    opacity: 1;
    visibility: visible;
  }
}
.action-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #333;
}

.action-btn:hover {
  background: var(--clr-common-heading);
  color: white;
  transform: scale(1.1);
}

.action-btn.wishlist-btn.active {
  background: #ff4757;
  color: white;
}

.action-btn.wishlist-btn.active svg {
  fill: currentColor;
}

.action-btn svg {
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
}

.action-btn:hover svg {
  transform: scale(1.2);
}

.modern-add-to-cart {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: var(--clr-common-heading);
  color: white;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 575px) {
  .modern-add-to-cart {
    position: relative;
    transform: translateY(0);
    opacity: 1;
    border-radius: 0 0 16px 16px;
    margin-top: auto;
  }
}
.modern-add-to-cart:hover {
  background: #2c2c2c;
}

.modern-add-to-cart:active {
  transform: scale(0.98);
  transition: transform 0.1s ease;
}

.modern-add-to-cart svg {
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
}

.modern-add-to-cart:hover svg {
  animation: pulse 0.5s ease;
}

.modern-product-info {
  padding: 16px;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.modern-product-info .product-title {
  text-decoration: none;
}

.modern-product-info .product-title h3, .modern-product-info .product-title .h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin: 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.3s ease;
}

.modern-product-info .product-title h3:hover, .modern-product-info .product-title .h3:hover {
  color: var(--clr-theme-1);
}

.product-price-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.product-price-wrapper .price-section {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-price-wrapper .price-section .current-price {
  font-size: 20px;
  font-weight: 700;
  color: var(--clr-common-heading);
}

.product-price-wrapper .price-section .old-price {
  font-size: 16px;
  color: #999;
  text-decoration: line-through;
}

.product-price-wrapper .discount-percentage {
  font-size: 12px;
  font-weight: 600;
  color: #ff4757;
  background: rgba(255, 71, 87, 0.1);
  padding: 4px 8px;
  border-radius: 4px;
  align-self: flex-start;
}

.modern-color-options {
  display: flex;
  gap: 6px;
  margin-top: auto;
}

.modern-color-options .color-option {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid transparent;
  padding: 2px;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
  overflow: hidden;
}

.modern-color-options .color-option:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.modern-color-options .color-option.active {
  border-color: var(--clr-common-heading);
  transform: scale(1.1);
}

.modern-color-options .color-option .color-preview {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}

.modern-color-options .color-option .color-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modern-product-info {
    padding: 14px;
  }
  .modern-product-info .product-title h3, .modern-product-info .product-title .h3 {
    font-size: 15px;
  }
  .modern-product-info .current-price {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .modern-product-card {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }
  .modern-product-card:hover {
    transform: none;
  }
  .modern-product-info {
    padding: 12px;
  }
  .modern-product-info .product-title h3, .modern-product-info .product-title .h3 {
    font-size: 14px;
  }
  .modern-product-info .current-price {
    font-size: 16px;
  }
  .modern-product-info .old-price {
    font-size: 14px;
  }
  .modern-color-options .color-option {
    width: 28px;
    height: 28px;
  }
}
@keyframes modernAddToCartPulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    z-index: 5;
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    z-index: 5;
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    z-index: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.modern-product-card {
  animation: fadeIn 0.5s ease-out;
  animation-fill-mode: both;
}

.modern-product-card:nth-child(1) {
  animation-delay: 0.05s;
}

.modern-product-card:nth-child(2) {
  animation-delay: 0.1s;
}

.modern-product-card:nth-child(3) {
  animation-delay: 0.15s;
}

.modern-product-card:nth-child(4) {
  animation-delay: 0.2s;
}

.modern-product-card:nth-child(5) {
  animation-delay: 0.25s;
}

.modern-product-card:nth-child(6) {
  animation-delay: 0.3s;
}

.modern-product-card:nth-child(7) {
  animation-delay: 0.35s;
}

.modern-product-card:nth-child(8) {
  animation-delay: 0.4s;
}

.modern-product-card:nth-child(9) {
  animation-delay: 0.45s;
}

.modern-product-card:nth-child(10) {
  animation-delay: 0.5s;
}

.product-skeleton {
  background: var(--clr-common-white);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.product-skeleton .skeleton-image {
  width: 100%;
  padding-top: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 1000px 100%;
  animation: shimmer 1.5s infinite;
}

.product-skeleton .skeleton-content {
  padding: 16px;
}

.product-skeleton .skeleton-content .skeleton-title {
  height: 20px;
  background: #f0f0f0;
  border-radius: 4px;
  margin-bottom: 12px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 1000px 100%;
  animation: shimmer 1.5s infinite;
}

.product-skeleton .skeleton-content .skeleton-price {
  height: 24px;
  width: 60%;
  background: #f0f0f0;
  border-radius: 4px;
  margin-bottom: 12px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 1000px 100%;
  animation: shimmer 1.5s infinite;
}

.product-skeleton .skeleton-content .skeleton-colors {
  display: flex;
  gap: 6px;
}

.product-skeleton .skeleton-content .skeleton-colors span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f0f0f0;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 1000px 100%;
  animation: shimmer 1.5s infinite;
}

.empty-product-state {
  grid-column: 1/-1;
  text-align: center;
  padding: 60px 20px;
}

.empty-product-state .empty-state-icon {
  margin-bottom: 24px;
}

.empty-product-state .empty-state-icon svg {
  color: #e0e0e0;
}

.empty-product-state h3, .empty-product-state .h3 {
  font-size: 24px;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 12px;
}

.empty-product-state p {
  font-size: 16px;
  color: var(--clr-common-text);
  margin-bottom: 24px;
}

.empty-product-state .continue-shopping-btn {
  display: inline-block;
  padding: 12px 32px;
  background: var(--clr-common-heading);
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.empty-product-state .continue-shopping-btn:hover {
  background: #2c2c2c;
  transform: translateY(-2px);
}

.add-to-cart-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  transform: translateX(400px);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 900;
}

.add-to-cart-toast.show {
  transform: translateX(0);
  opacity: 1;
}

.add-to-cart-toast .toast-icon {
  width: 40px;
  height: 40px;
  background: #52c234;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  flex-shrink: 0;
}

.add-to-cart-toast .toast-content {
  flex: 1 1;
}

.add-to-cart-toast .toast-content .toast-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin: 0 0 4px 0;
}

.add-to-cart-toast .toast-content .toast-product {
  font-size: 13px;
  color: var(--clr-common-text);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}

.add-to-cart-toast .toast-close {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #999;
  transition: color 0.3s ease;
}

.add-to-cart-toast .toast-close:hover {
  color: var(--clr-common-heading);
}

@media (max-width: 575px) {
  .add-to-cart-toast {
    bottom: 16px;
    right: 16px;
    left: 16px;
  }
  .add-to-cart-toast .toast-content .toast-product {
    max-width: 150px;
  }
}
.modern-pagination-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 48px;
  margin-bottom: 32px;
  animation: fadeIn 0.5s ease-out;
}

.modern-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 575px) {
  .modern-pagination {
    gap: 4px;
  }
}
.pagination-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: var(--clr-common-heading);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.pagination-btn:hover:not(:disabled) {
  background: var(--clr-common-heading);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.pagination-btn:active:not(:disabled) {
  transform: translateY(0);
}

.pagination-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pagination-btn svg {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}

.pagination-btn.prev:hover:not(:disabled) svg {
  transform: translateX(-2px);
}

.pagination-btn.next:hover:not(:disabled) svg {
  transform: translateX(2px);
}

.pagination-btn.first, .pagination-btn.last {
  padding: 0;
  width: 40px;
}

@media (max-width: 575px) {
  .pagination-btn.first, .pagination-btn.last {
    display: none;
  }
}
@media (max-width: 575px) {
  .pagination-btn .btn-text {
    display: none;
  }
}
.pagination-numbers {
  display: flex;
  align-items: center;
  gap: 4px;
}

.pagination-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: var(--clr-common-heading);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

@media (max-width: 575px) {
  .pagination-number {
    width: 36px;
    height: 36px;
    font-size: 13px;
  }
}
.pagination-number:hover:not(.active) {
  background: #f3f4f6;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.pagination-number.active {
  background: var(--clr-common-heading);
  color: white;
  border-color: var(--clr-common-heading);
  cursor: default;
  transform: scale(1.05);
}

.pagination-number.active:hover {
  transform: scale(1.05);
}

.pagination-ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 40px;
  color: #9ca3af;
  font-size: 14px;
  letter-spacing: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.pagination-info {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--clr-common-text);
}

.pagination-info .current-range {
  font-weight: 600;
  color: var(--clr-common-heading);
}

.pagination-info .separator {
  color: #d1d5db;
}

.pagination-info .total-items {
  color: #6b7280;
}

.pagination-loading .pagination-btn, .pagination-loading .pagination-number {
  pointer-events: none;
  opacity: 0.6;
}

.products-transition {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.products-transition.page-changing {
  opacity: 0.5;
  transform: translateY(10px);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 575px) {
  .modern-pagination-wrapper {
    margin-top: 32px;
    margin-bottom: 24px;
  }
  .pagination-btn {
    min-width: unset;
    width: 36px;
    height: 36px;
    padding: 0;
  }
  .pagination-btn.prev, .pagination-btn.next {
    width: auto;
    padding: 0 10px;
  }
}
.modern-filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 30px;
  flex-wrap: wrap;
  gap: 20px;
}

@media (max-width: 575px) {
  .modern-filter-header {
    padding: 15px 0;
    margin-bottom: 20px;
  }
}
.product-count .count-text {
  font-size: 15px;
  color: var(--clr-common-text);
  font-weight: 500;
}

@media (max-width: 575px) {
  .product-count .count-text {
    font-size: 14px;
  }
}
.filter-controls {
  display: flex;
  align-items: center;
  gap: 20px;
}

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

.sort-dropdown .sort-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-common-heading);
}

.custom-dropdown {
  position: relative;
  z-index: 10;
}

.custom-dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-common-heading);
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 120px;
}

.custom-dropdown .dropdown-toggle:hover {
  border-color: var(--clr-common-heading);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.custom-dropdown .dropdown-toggle:focus {
  outline: none;
  border-color: var(--clr-theme-1);
}

.custom-dropdown .dropdown-toggle .dropdown-icon {
  transition: transform 0.3s ease;
}

.custom-dropdown .dropdown-toggle .dropdown-icon.open {
  transform: rotate(180deg);
}

.custom-dropdown .dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 100%;
  animation: dropdownFadeIn 0.2s ease;
}

.custom-dropdown .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-common-text);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}

.custom-dropdown .dropdown-menu .dropdown-item:first-child {
  border-radius: 8px 8px 0 0;
}

.custom-dropdown .dropdown-menu .dropdown-item:last-child {
  border-radius: 0 0 8px 8px;
}

.custom-dropdown .dropdown-menu .dropdown-item:hover {
  background: #f3f4f6;
  color: var(--clr-common-heading);
}

.custom-dropdown .dropdown-menu .dropdown-item.active {
  color: var(--clr-theme-1);
  font-weight: 600;
}

.custom-dropdown .dropdown-menu .dropdown-item .check-icon {
  color: var(--clr-theme-1);
}

.modern-category-filter {
  background: white;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  margin-bottom: 24px;
  transition: all 0.3s ease;
}

.modern-category-filter:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background 0.2s ease;
}

.filter-header:hover {
  background: #f9fafb;
}

.filter-header .filter-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin: 0;
}

.filter-header .toggle-icon {
  transition: transform 0.3s ease;
  color: #6b7280;
}

.filter-header .toggle-icon.open {
  transform: rotate(180deg);
}

.filter-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.filter-content.open {
  max-height: 500px;
}

.category-skeleton {
  padding: 0 20px 20px;
}

.category-skeleton .skeleton-item {
  height: 44px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 1000px 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 6px;
  margin-bottom: 8px;
}

.category-skeleton .skeleton-item:last-child {
  margin-bottom: 0;
}

.category-list {
  padding: 0 20px 20px;
}

.category-list .category-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  margin-bottom: 4px;
  background: #f9fafb;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  color: var(--clr-common-text);
  cursor: pointer;
  transition: all 0.2s ease;
}

.category-list .category-item:last-child {
  margin-bottom: 0;
}

.category-list .category-item:hover {
  background: #f3f4f6;
  border-color: #e5e7eb;
  transform: translateX(4px);
}

.category-list .category-item.active {
  background: var(--clr-common-heading);
  color: white;
}

.category-list .category-item.active .category-count {
  color: rgba(255, 255, 255, 0.8);
}

.category-list .category-item.active:hover {
  transform: none;
}

.category-list .category-item .category-name {
  font-weight: 500;
}

.category-list .category-item .category-count {
  font-size: 13px;
  color: #9ca3af;
  font-weight: 400;
}

@keyframes dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
@media (max-width: 575px) {
  .modern-filter-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .filter-controls {
    width: 100%;
  }
  .sort-dropdown {
    width: 100%;
    justify-content: space-between;
  }
  .sort-dropdown .custom-dropdown {
    flex: 1 1;
  }
  .sort-dropdown .custom-dropdown .dropdown-toggle {
    width: 100%;
    justify-content: space-between;
  }
  .modern-category-filter {
    margin-bottom: 16px;
  }
  .filter-header {
    padding: 14px 16px;
  }
  .category-list {
    padding: 0 16px 16px;
  }
  .category-list .category-item {
    padding: 10px 12px;
    font-size: 13px;
  }
}
/* --- Responsive Enhancements for Modern Filter Header --- */
.filter-header-mobile {
  display: none;
  width: 100%;
}

@media (max-width: 1023px) {
  .filter-header-mobile {
    display: flex;
  }
}
.filter-mobile-toggle {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--clr-primary);
  color: #fff;
  border: none;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(239, 35, 60, 0.3);
}

.filter-info-tags-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  gap: 12px;
}

.filter-header-info {
  flex: 0 0 auto;
}

.filter-results-count {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.filter-results-count .count-main {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 1rem;
  font-weight: 700;
}

.filter-results-count .count-main i {
  color: var(--clr-primary);
}

.filter-results-count .count-sub {
  font-size: 0.825rem;
  color: var(--clr-text-secondary);
  margin-left: 1.5rem;
}

.filter-header-tags {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  flex: 1 1 auto;
}

.filter-tag {
  display: flex;
  align-items: center;
  gap: 4px;
  background: var(--clr-primary-light);
  color: var(--clr-primary);
  border: 1px solid rgba(239, 35, 60, 0.25);
  padding: 6px 10px;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}

.filter-tag-remove {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: inherit;
}

@media (max-width: 767px) {
  .filter-info-tags-row {
    padding-right: 0;
  }
  .filter-header-tags {
    justify-content: flex-start;
  }
}
/* ----- Fine-tune 480-580px breakpoint ----- */
@media (min-width: 480px) and (max-width: 580px) {
  /* Make both buttons (Filtreler & En Yeni) equal full row width */
  .filter-header-controls {
    flex: 0 0 100% !important; /* occupy full row */
    justify-content: flex-start;
  }
  .sort-control-group,
  .sort-dropdown-wrapper,
  .sort-dropdown-trigger {
    width: 100% !important;
  }
  /* Keep product counter and active tag side-by-side */
  .filter-info-tags-row {
    justify-content: space-between;
  }
  .filter-header-info,
  .filter-header-tags {
    flex: 0 0 48%;
  }
}
/* ----- Update 481-560px fine-tune ----- */
@media (min-width: 481px) and (max-width: 560px) {
  .filter-info-tags-row {
    flex-wrap: nowrap !important; /* prevent wrap */
    align-items: center;
    gap: 8px;
    padding: 0 2rem 1rem; /* align with header main */
  }
  .filter-header-info,
  .filter-header-tags {
    flex: 0 0 50% !important;
    max-width: 50%;
  }
  .filter-header-tags {
    justify-content: flex-end;
  }
}
/* ----- Ensure uniform tag styling across all widths ----- */
.filter-tag {
  background: var(--clr-primary-light) !important;
  color: var(--clr-primary) !important;
  border: 1px solid rgba(239, 35, 60, 0.25) !important;
}

/* ---- Alignment fix for 481-1023px (counter too left) ---- */
@media (min-width: 481px) and (max-width: 1023px) {
  .filter-info-tags-row {
    padding: 0 2rem 1rem; /* align with header main */
    gap: 12px;
  }
  .filter-header-info {
    flex: 0 1 auto !important;
  }
  .filter-header-tags {
    flex: 0 1 auto !important;
    margin-left: auto; /* push tags to the right */
    justify-content: flex-start;
  }
}
/* ---------- 768–1023px (tablet-landscape) ---------- */
@media (min-width: 768px) and (max-width: 1023px) {
  /* Keep controls full width so En Yeni eş görünsün */
  .filter-header-controls {
    flex: 0 0 100% !important;
    justify-content: flex-start;
    gap: 0.75rem;
  }
  .sort-control-group,
  .sort-dropdown-wrapper,
  .sort-dropdown-trigger {
    width: 100% !important;
  }
  /* Sayaç + etiket yan yana */
  .filter-info-tags-row {
    justify-content: space-between;
    gap: 10px;
  }
  .filter-header-info,
  .filter-header-tags {
    flex: 0 0 48%;
    max-width: 48%;
  }
  .filter-header-tags {
    justify-content: flex-end;
  }
}
/* --- Refined tag remove button for consistency --- */
.filter-tag-remove {
  background: transparent !important; /* remove grey/orange pill */
  border: none;
  box-shadow: none;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.filter-tag-remove:hover {
  background: rgba(239, 35, 60, 0.15); /* subtle hover only */
}

/* ----- Desktop (>1023px) base adjustments ----- */
.filter-info-tags-row {
  padding: 0 2rem 1.5rem; /* match header main */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .filter-header-tags {
    margin-left: auto; /* push to right on large screens */
    justify-content: flex-start;
  }
}
/*----------------------------------------
    05. category CSS
----------------------------------------*/
.category-banner-single {
  overflow: hidden;
}

.category-banner-single:hover .category-banner-img img {
  transform: scale(1.05);
}

.category-banner-inner {
  padding: 30px 40px 30px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .category-banner-inner {
    padding: 20px 20px 20px;
  }
}
@media (max-width:499px) {
  .category-banner-inner {
    position: static;
    padding: 20px 0px 10px;
    justify-content: start !important;
  }
}
.category-banner-content .product-category {
  font-size: 28px;
  display: inline-block;
  color: var(--clr-common-heading);
  font-weight: 600;
  margin-bottom: 5px;
}

@media (max-width: 575px) {
  .category-banner-content .product-category {
    font-size: 24px;
  }
}
@media (max-width:499px) {
  .category-banner-content .product-category {
    font-size: 24px;
  }
}
.category-banner-content .category-short-desc {
  color: var(--clr-common-heading);
  margin-bottom: 23px;
}

.category-banner-content .border-btn {
  font-size: 14px;
  height: 35px;
  line-height: 33px;
  padding: 0 20px;
  font-weight: 500;
}

.category-banner-img {
  overflow: hidden;
}

.category-banner-img img {
  object-fit: cover;
  width: 100%;
  transition: 0.6s;
}

.category-banner2 .category-banner-content .product-category {
  font-size: 48px;
  font-weight: 400;
  line-height: 1.05;
  margin-bottom: 15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .category-banner2 .category-banner-content .product-category {
    font-size: 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .category-banner2 .category-banner-content .product-category {
    font-size: 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-banner2 .category-banner-content .product-category {
    font-size: 24px;
  }
}
@media (max-width:499px) {
  .category-banner2 .category-banner-content .product-category {
    font-size: 24px;
  }
}
.category-banner2 .category-banner-content .product-category span {
  font-weight: 600;
  display: block;
}

.category-banner2 .category-banner-content .category-short-desc {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 44px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .category-banner2 .category-banner-content .category-short-desc {
    font-size: 18px;
    margin-bottom: 34px;
  }
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-banner2 .category-banner-content .category-short-desc {
    font-size: 16px;
    margin-bottom: 34px;
  }
}
@media (max-width:499px) {
  .category-banner2 .category-banner-content .category-short-desc {
    font-size: 16px;
  }
}
.category-banner2 .category-banner-content .category-short-desc span {
  font-weight: 600;
}

.category-banner2 .category-banner-inner {
  padding: 30px 50px 70px;
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .category-banner2 .category-banner-inner {
    padding: 30px 50px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .category-banner2 .category-banner-inner {
    padding: 20px 50px 20px;
  }
}
@media (max-width: 575px) {
  .category-banner2 .category-banner-inner {
    padding: 20px 30px 20px;
  }
}
@media (max-width:499px) {
  .category-banner2 .category-banner-inner {
    padding: 20px 0px 20px;
  }
}
.product-category-wrapper {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.product-category-wrapper > div {
  width: calc((100% - 40px) / 5);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-category-wrapper > div {
    width: calc((100% - 20px) / 3);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-category-wrapper > div {
    width: calc((100% - 10px) / 2);
  }
}
@media (max-width: 575px) {
  .product-category-wrapper > div {
    width: calc((100% - 0px) / 1);
  }
}
.product-category-single {
  display: inline-block;
  overflow: hidden;
}

.product-category-single:hover .product-category-img img {
  transform: scale(1.05);
}

.product-category-img a {
  position: relative;
  display: block;
}

.product-category-img a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--clr-common-heading);
  opacity: 0.4;
  left: 0;
  top: 0;
}

.product-category-img a img {
  width: 100%;
  transition: 0.6s;
}

.product-category-inner {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 30px 20px;
}

.product-category-content .product-category {
  font-size: 20px;
  font-weight: 500;
  color: var(--clr-common-white);
  margin-bottom: 5px;
  display: inline-block;
}

.product-meta-item {
  display: flex;
  gap: 5px;
  justify-content: center;
}

.product-meta-item .product-available {
  font-size: 14px;
  color: var(--clr-common-white);
  line-height: 1;
}

.product-meta-item .product-meta-type {
  font-size: 14px;
  color: var(--clr-common-white);
  line-height: 1;
}

.product-category2-wrapper {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.product-category2-wrapper > div {
  width: calc((100% - 90px) / 4);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-category2-wrapper > div {
    width: calc((100% - 60px) / 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-category2-wrapper > div {
    width: calc((100% - 30px) / 2);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-category2-wrapper > div {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 575px) {
  .product-category2-wrapper > div {
    width: calc((100% - 0px) / 1);
  }
}
.product-category2-single {
  overflow: hidden;
}

.product-category2-single:hover .product-category-img img {
  transform: scale(1.05);
}

.product-category2-single .product-category-content .product-category {
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-common-heading);
  height: 50px;
  text-align: center;
  padding: 0 35px;
  border: 1px solid var(--clr-common-white);
  border-radius: 5px;
  line-height: 48px;
  background: var(--clr-common-white);
  margin-bottom: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-category2-single .product-category-content .product-category {
    padding: 0 28px;
  }
}
.product-category2-single .product-category-content .product-category:hover {
  color: var(--clr-common-white);
  border-color: var(--clr-common-heading);
  background: var(--clr-common-heading);
}

.product-category2-single .product-category-inner {
  padding: 30px 10px;
}

.product-category2-single .product-category-img a::after {
  opacity: 0;
}

/*----------------------------------------
    06. features CSS
----------------------------------------*/
.features-single {
  padding: 44px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features-single {
    padding: 0 0 45px;
  }
}
.features-single .irc-item-heading {
  font-size: 18px;
  color: var(--clr-common-heading);
  font-weight: 600;
  margin-bottom: 0;
}

.features-single .irc-item-content p {
  margin-bottom: 0;
}

.features-single .irc-item {
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-single .irc-item {
    align-items: flex-start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features-wrapper {
    padding-top: 45px;
  }
}
.features-area1 {
  background: var(--clr-bg-footer);
}

.features-area4 .features-single {
  border: 1px solid var(--clr-common-border);
  border-radius: 5px;
  padding: 49px 0;
}

.features-area4 .features-single .irc-item {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 30px;
  align-items: center;
}

/* Responsive alignment fixes for small screens */
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features-single .irc-item {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
  .features-single .irc-item-content .irc-item-heading {
    text-align: left;
  }
  .features-single .irc-item-content p {
    text-align: left;
  }
  .features-area4 .features-single .irc-item {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    flex-direction: row;
  }
  .features-area4 .features-single .irc-item-content .irc-item-heading {
    text-align: left;
  }
  .features-area4 .features-single .irc-item-content p {
    text-align: left;
  }
}
/*----------------------------------------
    07. blog CSS
----------------------------------------*/
.blog-meta-item {
  display: flex;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
}

.blog-meta-content a:hover {
  color: var(--clr-common-heading);
}

.blog-meta-list {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin-bottom: 14px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-meta-list {
    gap: 20px;
  }
}
.blog-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .blog-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-title {
    font-size: 18px;
  }
}
.blog-content {
  text-align: center;
  padding: 25px 60px 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-content {
    padding: 25px 30px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-content {
    padding: 25px 15px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .blog-content {
    padding: 25px 20px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-content {
    padding: 20px 10px 0;
  }
}
.blog-items-wrapper {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.blog-items-wrapper > div {
  width: calc((100% - 60px) / 3);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-items-wrapper > div {
    width: calc((100% - 30px) / 2);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-items-wrapper > div {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 575px) {
  .blog-items-wrapper > div {
    width: calc((100% - 0px) / 1);
  }
}
.blog-single {
  overflow: hidden;
}

.blog-single:hover .blog-img img {
  transform: scale(1.05);
}

.blog-img {
  overflow: hidden;
}

.blog-img img {
  width: 100%;
  transition: 0.6s;
}

/*----------

12. blog style

----------*/
.blog-thumb {
  border-radius: 5px;
  overflow: hidden;
}

.blog-thumb img {
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  width: 100%;
}

.blog-wrapper:hover .blog-thumb img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.blog-content p {
  margin-bottom: 30px;
}

.blog-meta {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.blog-meta i {
  font-size: 16px;
  margin-right: 10px;
  line-height: 1;
}

.blog-meta span {
  font-size: 16px;
  margin-right: 40px;
}

@media (max-width:499px) {
  .blog-meta span {
    font-size: 14px;
    margin-right: 20px;
  }
}
.blog-meta > div {
  display: flex;
  align-items: center;
}

.blog-content h3, .blog-content .h3 {
  font-size: 22px;
  margin-bottom: 30px;
  line-height: 1.5;
}

.blog-content h3:hover, .blog-content .h3:hover {
  color: var(--clr-theme-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-content h3, .blog-content .h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-content h3, .blog-content .h3 {
    font-size: 18px;
    font-weight: 600;
  }
}
.blog-content-wrapper {
  padding: 30px 30px 32px 30px;
  background: var(--clr-common-white);
  box-shadow: 0px 20px 40px rgba(28, 51, 84, 0.1);
  border-radius: 0 0 5px 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .blog-content-wrapper {
    padding: 30px 20px 32px 20px;
  }
}
.blog-wrapper {
  border-radius: 5px;
}

.sidebar__search input {
  width: 100%;
  height: 60px;
  line-height: 56px;
  background: var(--clr-common-white);
  border: 1px solid var(--clr-common-border);
  box-shadow: 0px 10px 30px rgba(28, 51, 84, 0.08);
  border-radius: 4px;
  padding-left: 30px;
  padding-right: 45px;
  outline: 0;
}

.sidebar__search input:focus {
  border-color: var(--clr-theme-1);
}

.sidebar__search input::placeholder {
  color: var(--clr-common-text);
  font-weight: 500;
}

.sidebar__search button {
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  transform: translateY(-50%);
}

.sidebar__search button svg {
  width: 18px;
  height: 18px;
}

.sidebar__search button svg .st0 {
  fill: var(--clr-common-text);
}

.sidebar__search button svg .st1 {
  fill: var(--clr-common-text);
}

.rc__post:not(:last-child) {
  margin-bottom: 30px;
}

.rc__meta span {
  color: var(--clr-common-text);
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  margin-bottom: 10px;
}

.rc__thumb img {
  width: 75px;
  height: 75px;
  border-radius: 6px;
  object-fit: cover;
}

.rc__title {
  font-size: 18px;
  color: var(--clr-common-heading);
  margin-bottom: 0px;
  font-weight: 600;
  line-height: 1.1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .rc__title {
    font-size: 16px;
    font-weight: 600;
  }
}
.rc__title a:hover {
  color: var(--clr-theme-1);
}

.sidebar__widget {
  border: 1px solid var(--clr-common-border);
  padding: 30px 30px;
  border-radius: 5px;
  box-shadow: 0px 10px 30px rgba(28, 51, 84, 0.08);
  background-color: var(--clr-common-white);
}

@media (max-width: 575px) {
  .sidebar__widget {
    padding: 30px 20px;
  }
}
.sidebar__category ul li:not(:last-child) {
  margin-bottom: 15px;
}

.sidebar__category ul li a {
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-common-text);
  padding-left: 20px;
  position: relative;
}

.sidebar__category ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: var(--clr-theme-5);
  border-radius: 50%;
}

.sidebar__category ul li a:hover {
  color: var(--clr-theme-1);
}

.sidebar__category ul li a:hover::after {
  background: var(--clr-theme-1);
}

.sidebar__widget .sidebar__tag {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sidebar__tag a {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  background: var(--clr-bg-gray);
  border-radius: 4px;
}

.sidebar__tag a:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
}

blockquote {
  margin: 35px 0px !important;
  padding: 40px;
  color: var(--clr-common-placeholder);
  position: relative;
  background: var(--clr-bg-footer);
  font-style: normal;
  text-align: left;
  clear: both;
  font-weight: 400;
  box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  border: 1px solid var(--clr-bg-footer);
}

blockquote::before {
  content: "\f10e";
  position: static;
  font-family: "Font Awesome 5 Pro";
  font-size: 32px;
  color: var(--clr-theme-1);
  line-height: 1;
  margin-bottom: 18px;
  display: inline-block;
}

.post-text blockquote p {
  margin-bottom: 10px !important;
  line-height: 1.3;
  font-size: 20px;
  color: var(--clr-common-heading);
  font-weight: 400;
}

blockquote cite {
  font-size: 18px;
  display: block;
  margin-top: 10px;
  color: var(--clr-common-heading);
  font-style: inherit;
  font-weight: 600;
}

blockquote cite::before {
  content: "";
  font-size: 28px;
  color: var(--clr-theme-2);
  padding-bottom: 0px;
  display: inline-block;
  background: var(--clr-theme-1);
  height: 2px;
  width: 40px;
  font-weight: 400;
  text-align: center;
  top: -4px;
  margin-right: 10px;
  position: relative;
}

.blog-details-wrapper img {
  width: 100%;
}

.blog-details-wrapper p img {
  border-radius: 5px;
}

blockquote p {
  font-size: 18px;
  color: var(--clr-common-heading);
  font-style: italic;
  font-weight: 600;
}

div.tagcloud a {
  display: inline-block;
  height: 36px;
  line-height: 38px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  background: var(--clr-bg-gray);
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 8px;
}

div.tagcloud a:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
}

.blog__details__tag span {
  font-weight: 600;
  margin-right: 10px;
  color: var(--clr-common-heading);
}

.blog-main-wrapper .blog-content {
  text-align: left;
  padding: 0;
}

.blog-btn {
  background: transparent;
  display: inline-block;
  border-radius: 5px;
  height: 40px;
  line-height: 38px;
  padding: 0 30px;
  color: var(--clr-common-heading);
  font-size: 16px;
  font-weight: 600;
  border: 1px solid var(--clr-common-border);
  text-align: center;
  transition: all 0.3s ease-out 0s;
}

.blog-btn:hover {
  background-color: var(--clr-common-heading);
  color: var(--clr-common-white);
}

/* comment box */
.latest-comments h3, .latest-comments .h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-comments h3, .latest-comments .h3 {
    font-size: 22px;
  }
}
.latest-comments ul li {
  margin-bottom: 10px;
}

.latest-comments ul li.children {
  margin-left: 100px;
}

@media (max-width: 575px) {
  .latest-comments ul li.children {
    margin-left: 15px;
  }
}
.latest-comments ul li ul li.children-2 {
  margin-left: 100px;
  margin-top: 10px;
}

@media (max-width: 575px) {
  .latest-comments ul li ul li.children-2 {
    margin-left: 15px;
  }
}
.comments-box {
  padding: 30px;
  padding-top: 30px;
  padding-right: 30px;
  padding-right: 40px;
  padding-top: 25px;
  background: var(--clr-common-white);
  border: 1px solid var(--clr-common-border);
  border-radius: 5px;
}

.comments-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.avatar-name {
  margin-bottom: 5px;
}

.avatar-name h5, .avatar-name .h5 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}

.avatar-name span {
  font-size: 14px;
  color: var(--clr-common-text);
}

@media (max-width: 575px) {
  .comments-text {
    margin-left: 0;
    margin-top: 15px;
  }
}
.comments-text p {
  font-size: 16px;
  color: var(--clr-common-text);
  margin-bottom: 15px;
}

.comments-replay {
  margin-top: 10px;
}

.comments-replay a {
  display: inline-block;
  color: var(--clr-theme-1);
  background: var(--clr-bg-gray);
  height: 25px;
  line-height: 25px;
  padding: 0 12px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 4px;
}

.comments-replay a:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
}

.blog__comment h3, .blog__comment .h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog__comment h3, .blog__comment .h3 {
    font-size: 22px;
  }
}
.blog__comment-input input, .blog__comment-input textarea {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 1px solid var(--clr-common-border);
  background: transparent;
  color: var(--clr-theme-1);
  font-size: 15px;
  outline: none;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0 24px;
}

.blog__comment-input input::placeholder, .blog__comment-input textarea::placeholder {
  font-size: 15px;
  color: var(--clr-common-text);
}

.blog__comment-input textarea {
  height: 180px;
  resize: none;
  line-height: 1.2;
  padding: 23px;
  padding-top: 19px;
  margin-bottom: 13px;
}

.blog__comment-agree {
  padding-left: 5px;
}

.blog__comment-agree input {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  background: var(--clr-common-white);
  border: 1px solid #b9bac1;
  outline: none;
  border-radius: 4px;
}

.blog__comment-agree input:checked {
  position: relative;
  background-color: var(--clr-theme-1);
  border-color: transparent;
}

.blog__comment-agree input:checked::after {
  box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  color: var(--clr-common-white);
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog__comment-agree input:hover {
  cursor: pointer;
}

.blog__comment-agree label {
  padding-left: 8px;
  color: var(--clr-common-text);
}

.blog__comment-agree label a {
  color: var(--clr-theme-1);
  font-weight: 600;
  padding-left: 4px;
}

.blog__comment-agree label a:hover {
  color: var(--clr-theme-1);
}

.blog__comment-agree label:hover {
  cursor: pointer;
}

.blog-main-wrapper .blog-content h3, .blog-main-wrapper .blog-content .h3 {
  font-size: 36px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-main-wrapper .blog-content h3, .blog-main-wrapper .blog-content .h3 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-main-wrapper .blog-content h3, .blog-main-wrapper .blog-content .h3 {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .blog-main-wrapper .blog-content h3, .blog-main-wrapper .blog-content .h3 {
    font-size: 26px;
  }
}
@media (max-width:499px) {
  .blog-main-wrapper .blog-content h3, .blog-main-wrapper .blog-content .h3 {
    font-size: 20px;
  }
}
.blog-main-wrapper h4, .blog-main-wrapper .h4 {
  font-size: 28px;
}

@media (max-width: 575px) {
  .blog-main-wrapper h4, .blog-main-wrapper .h4 {
    font-size: 26px;
  }
}
.common-pagination ul {
  display: flex;
  align-items: center;
}

.common-pagination li {
  margin-right: 15px;
}

.common-pagination li a {
  font-weight: 600;
}

.common-pagination li:hover a {
  color: var(--clr-theme-1);
}

.common-pagination i {
  height: 45px;
  width: 45px;
  background: var(--clr-common-white);
  line-height: 43px;
  text-align: center;
  border-radius: 50%;
  color: var(--clr-common-text);
  font-size: 20px;
  border: 1px solid var(--clr-common-border);
  font-weight: 400;
  transition: 0.3s;
}

.common-pagination i:hover {
  border-color: var(--clr-theme-1);
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.common-pagination ul li.active a {
  color: var(--clr-theme-1);
}

/*----------------------------------------
    08. Testimonial CSS - Modern Redesign
----------------------------------------*/
:root {
  --spacing-xs: clamp(0.5rem, 2vw, 1rem);
  --spacing-sm: clamp(1rem, 3vw, 1.5rem);
  --spacing-md: clamp(1.5rem, 4vw, 2.5rem);
  --spacing-lg: clamp(2rem, 5vw, 4rem);
  --spacing-xl: clamp(3rem, 6vw, 6.25rem);
}

.testimonial-section {
  padding: var(--spacing-xl) 0;
  background: var(--clr-bg-gray);
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-section {
    padding: var(--spacing-lg) 0;
  }
}
.section-decoration {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
}

.section-decoration .decoration-shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.5;
}

.section-decoration .decoration-shape.shape-1 {
  width: 400px;
  height: 400px;
  background: rgba(255, 102, 0, 0.05);
  top: -20%;
  left: -10%;
  animation: float 15s ease-in-out infinite;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-decoration .decoration-shape.shape-1 {
    width: 250px;
    height: 250px;
  }
}
.section-decoration .decoration-shape.shape-2 {
  width: 350px;
  height: 350px;
  background: rgba(255, 102, 0, 0.03);
  bottom: -20%;
  right: -10%;
  animation: float 15s ease-in-out infinite reverse;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-decoration .decoration-shape.shape-2 {
    width: 200px;
    height: 200px;
  }
}
.section-decoration .decoration-pattern {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 50%;
  right: 5%;
  background-image: radial-gradient(circle, rgba(255, 102, 0, 0.08) 2px, transparent 2px);
  background-size: 25px 25px;
  opacity: 0.4;
  animation: drift 20s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-decoration .decoration-pattern {
    display: none;
  }
}
.testimonial-container {
  max-width: min(1200px, 90vw);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.section-header {
  text-align: center;
  margin-bottom: clamp(40px, 6vw, 60px);
}

.section-header .header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  border-radius: 25px;
  margin-bottom: 20px;
}

.section-header .header-badge i {
  font-size: 14px;
}

.section-header .section-title {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  color: var(--clr-common-heading);
  margin-bottom: 16px;
  line-height: 1.2;
}

.section-header .section-title .highlight {
  color: var(--clr-theme-3);
  position: relative;
}

.section-header .section-title .highlight::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--clr-theme-3);
  opacity: 0.3;
  border-radius: 2px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-header .section-title {
    font-size: clamp(28px, 4.5vw, 36px);
  }
}
.section-header .section-subtitle {
  font-size: clamp(16px, 2vw, 18px);
  color: var(--clr-common-text);
  max-width: min(600px, 90vw);
  margin: 0 auto;
  line-height: 1.6;
  opacity: 0.9;
}

.testimonial-wrapper {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}

.testimonial-content {
  background: var(--clr-common-white);
  border-radius: 24px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  padding: clamp(40px, 6vw, 60px);
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-content {
    padding: clamp(30px, 5vw, 40px);
    border-radius: 20px;
  }
}
.testimonial-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-theme-3) 0%, #ff8533 100%);
}

.testimonial-slide {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.quote-icon {
  width: 60px;
  height: 60px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto clamp(24px, 3.5vw, 32px);
  font-size: 24px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .quote-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}
.testimonial-text {
  margin-bottom: clamp(24px, 3.5vw, 32px);
}

.testimonial-text p {
  font-size: clamp(20px, 3vw, 28px);
  line-height: 1.5;
  color: var(--clr-common-heading);
  font-style: italic;
  font-weight: 300;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-text p {
    font-size: clamp(18px, 2.5vw, 22px);
  }
}
.testimonial-rating {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-bottom: clamp(24px, 3.5vw, 32px);
}

.testimonial-rating i {
  font-size: 18px;
  color: #e0e0e0;
  transition: all 0.3s ease;
}

.testimonial-rating i.active {
  color: #ffc107;
}

.testimonial-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

@media (max-width: 575px) {
  .testimonial-author {
    flex-direction: column;
  }
}
.author-image {
  position: relative;
  flex-shrink: 0;
}

.author-image img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--clr-common-white);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .author-image img {
    width: 70px;
    height: 70px;
  }
}
.author-image .author-badge {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border: 2px solid var(--clr-common-white);
}

.author-info {
  text-align: left;
}

@media (max-width: 575px) {
  .author-info {
    text-align: center;
  }
}
.author-info .author-name {
  font-size: clamp(18px, 2.5vw, 20px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 4px;
}

.author-info .author-position {
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-text);
  margin-bottom: 2px;
}

.author-info .author-company {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-theme-3);
  font-weight: 500;
}

.testimonial-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  pointer-events: none;
  z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-navigation {
    display: none;
  }
}
.testimonial-navigation button {
  width: 50px;
  height: 50px;
  background: var(--clr-common-white);
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--clr-common-text);
  cursor: pointer;
  transition: all 0.3s ease;
  pointer-events: all;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.testimonial-navigation button:hover {
  background: var(--clr-theme-3);
  border-color: var(--clr-theme-3);
  color: var(--clr-common-white);
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(239, 35, 60, 0.3);
}

.testimonial-navigation button:active {
  transform: scale(0.95);
}

.testimonial-navigation .testimonial-button-prev {
  left: -80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-navigation .testimonial-button-prev {
    left: -60px;
  }
}
.testimonial-navigation .testimonial-button-next {
  right: -80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-navigation .testimonial-button-next {
    right: -60px;
  }
}
.testimonial-pagination {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: clamp(30px, 4vw, 40px);
}

.testimonial-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #e0e0e0;
  opacity: 1;
  transition: all 0.3s ease;
  cursor: pointer;
}

.testimonial-pagination .swiper-pagination-bullet:hover {
  background: rgba(239, 35, 60, 0.3);
}

.testimonial-pagination .swiper-pagination-bullet-active {
  background: var(--clr-theme-3);
  width: 32px;
  border-radius: 6px;
}

.testimonial-progress {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: clamp(24px, 3vw, 32px);
}

.testimonial-progress .progress-bar {
  width: 120px;
  height: 4px;
  background: #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
}

@media (max-width: 575px) {
  .testimonial-progress .progress-bar {
    width: 80px;
  }
}
.testimonial-progress .progress-fill {
  height: 100%;
  background: var(--clr-theme-3);
  border-radius: 2px;
  transition: width 0.5s ease;
}

.testimonial-progress .progress-text {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-common-text);
}

.testimonial-progress .progress-text .current {
  font-weight: 600;
  color: var(--clr-theme-3);
}

.testimonial-progress .progress-text .separator {
  margin: 0 4px;
  opacity: 0.5;
}

.testimonial-progress .progress-text .total {
  opacity: 0.7;
}

.trust-badges {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: clamp(20px, 3vw, 30px);
  gap: clamp(20px, 3vw, 30px);
  margin-top: clamp(50px, 7vw, 80px);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 575px) {
  .trust-badges {
    grid-template-columns: 1fr;
  }
}
.badge-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: clamp(20px, 3vw, 24px);
  background: var(--clr-common-white);
  border-radius: 16px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  /* inner wrapper to control alignment */
}

.badge-item .badge-inner {
  width: 150px; /* sabit genişlik */
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
  margin: 0 auto; /* badge-item içinde yatay ortala */
}

.badge-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.badge-item:hover .badge-icon {
  transform: scale(1.1);
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
}

.badge-item .badge-icon {
  width: 50px;
  height: 50px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 12px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  transition: all 0.3s ease;
}

.badge-item .badge-content {
  text-align: left;
}

.badge-item .badge-content h5, .badge-item .badge-content .h5 {
  font-size: clamp(20px, 2.5vw, 24px);
  font-weight: 700;
  color: var(--clr-common-heading);
  margin-bottom: 4px;
}

.badge-item .badge-content p {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-common-text);
  margin: 0;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes drift {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(50px, 50px);
  }
}
.swiper {
  overflow: visible !important;
}

.swiper-slide {
  opacity: 0 !important;
}

.swiper-slide-active {
  opacity: 1 !important;
}

/*----------------------------------------
    09. newsletter CSS
----------------------------------------*/
.newsletter-wrapper {
  background: var(--clr-bg-footer);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 88px 20px 85px 20px;
}

.newsletter-content {
  text-align: center;
}

.newsletter-content .section-main-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.277;
}

@media (max-width: 575px) {
  .newsletter-content .section-main-title {
    font-size: 26px;
  }
}
.newsletter-content p {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.subscribe-form.subscribe-form-newsletter {
  width: 645px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-form.subscribe-form-newsletter {
    width: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .subscribe-form.subscribe-form-newsletter {
    width: 100%;
  }
}
.subscribe-form.subscribe-form-newsletter input {
  height: 60px;
  line-height: 60px;
  margin-bottom: 0;
  padding: 0 190px 0 50px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .subscribe-form.subscribe-form-newsletter input {
    padding: 0 20px 0 50px;
    margin-bottom: 20px;
  }
}
.subscribe-form.subscribe-form-newsletter:before {
  top: 17px;
}

.subscribe-form.subscribe-form-newsletter button {
  height: 60px;
  width: auto;
  border-radius: 0 5px 5px 0;
  padding: 0 36px;
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .subscribe-form.subscribe-form-newsletter button {
    position: static;
    width: 100%;
    border-radius: 5px;
  }
}
/*----------------------------------------
    10. BreadCrumb CSS - Modern Redesign
----------------------------------------*/
:root {
  --breadcrumb-height: clamp(250px, 40vh, 350px);
}

.breadcrumb-section {
  position: relative;
  min-height: var(--breadcrumb-height);
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .breadcrumb-section {
    min-height: clamp(200px, 35vh, 280px);
  }
}
.section-decoration {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}

.section-decoration .decoration-shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.3;
}

.section-decoration .decoration-shape.shape-1 {
  width: 500px;
  height: 500px;
  background: rgba(239, 35, 60, 0.1);
  top: -50%;
  right: -10%;
  animation: float 20s ease-in-out infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-decoration .decoration-shape.shape-1 {
    width: 300px;
    height: 300px;
  }
}
.section-decoration .decoration-shape.shape-2 {
  width: 400px;
  height: 400px;
  background: rgba(255, 102, 0, 0.08);
  bottom: -50%;
  left: -10%;
  animation: float 20s ease-in-out infinite reverse;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-decoration .decoration-shape.shape-2 {
    width: 250px;
    height: 250px;
  }
}
.section-decoration .decoration-lines {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.section-decoration .decoration-lines .line {
  position: absolute;
  background: rgba(255, 102, 0, 0.05);
  transform: rotate(-15deg);
}

.section-decoration .decoration-lines .line.line-1 {
  width: 2px;
  height: 200%;
  top: -50%;
  left: 20%;
  animation: drift 15s linear infinite;
}

.section-decoration .decoration-lines .line.line-2 {
  width: 3px;
  height: 200%;
  top: -50%;
  left: 50%;
  animation: drift 20s linear infinite reverse;
}

.section-decoration .decoration-lines .line.line-3 {
  width: 2px;
  height: 200%;
  top: -50%;
  right: 20%;
  animation: drift 18s linear infinite;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-decoration .decoration-lines .line {
    display: none;
  }
}
.pattern-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 20% 50%, rgba(255, 102, 0, 0.03) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(255, 102, 0, 0.03) 0%, transparent 50%);
  opacity: 0.5;
  z-index: 1;
}

.breadcrumb-container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: min(1200px, 90vw);
  margin: 0 auto;
  padding: 0 var(--spacing-sm);
}

.breadcrumb-content {
  text-align: center;
}

.page-title-wrapper {
  margin-bottom: clamp(20px, 3vw, 30px);
}

.page-title {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  color: var(--clr-common-heading);
  line-height: 1.2;
  margin-bottom: 12px;
  letter-spacing: -0.02em;
}

.page-title .highlight {
  color: var(--clr-theme-3);
  position: relative;
  display: inline-block;
}

.page-title .highlight::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--clr-theme-3);
  opacity: 0.3;
  border-radius: 2px;
  animation: underlineReveal 0.6s ease 0.3s both;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .page-title {
    font-size: clamp(26px, 4.5vw, 36px);
  }
}
.page-subtitle {
  font-size: clamp(16px, 2vw, 18px);
  color: var(--clr-common-text);
  line-height: 1.6;
  max-width: min(600px, 90vw);
  margin: 0 auto;
  opacity: 0.9;
}

.breadcrumb-nav {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  background: var(--clr-common-white);
  border-radius: 50px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.95);
}

@media (max-width: 575px) {
  .breadcrumb-nav {
    padding: 10px 20px;
  }
}
.breadcrumb-nav.breadcrumb-desktop {
  display: inline-flex;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .breadcrumb-nav.breadcrumb-desktop {
    display: none;
  }
}
.breadcrumb-nav.breadcrumb-mobile {
  display: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .breadcrumb-nav.breadcrumb-mobile {
    display: inline-flex;
    padding: 8px 16px;
    font-size: 13px;
  }
}
.breadcrumb-list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumb-item {
  position: relative;
  display: flex;
  align-items: center;
  animation: slideIn 0.6s ease forwards;
}

.breadcrumb-item:nth-child(1) {
  animation-delay: 0.1s;
}

.breadcrumb-item:nth-child(2) {
  animation-delay: 0.2s;
}

.breadcrumb-item:nth-child(3) {
  animation-delay: 0.3s;
}

.breadcrumb-item:nth-child(4) {
  animation-delay: 0.4s;
}

.breadcrumb-item:nth-child(5) {
  animation-delay: 0.5s;
}

.breadcrumb-item:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #999;
  border-radius: 50%;
  margin: 0 12px;
  opacity: 0.5;
}

@media (max-width: 575px) {
  .breadcrumb-item:not(:last-child)::after {
    margin: 0 8px;
  }
}
.breadcrumb-item.active .breadcrumb-current {
  color: var(--clr-theme-3);
  font-weight: 600;
}

.breadcrumb-link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: clamp(14px, 1.8vw, 15px);
  font-weight: 500;
  color: var(--clr-common-text);
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
}

.breadcrumb-link i {
  font-size: 14px;
  color: var(--clr-theme-3);
}

.breadcrumb-link:hover {
  color: var(--clr-theme-3);
  transform: translateY(-1px);
}

.breadcrumb-link:hover span {
  transform: translateX(2px);
}

.breadcrumb-link:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

.breadcrumb-link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--clr-theme-3);
  opacity: 0;
  transform: scaleX(0);
  transition: all 0.3s ease;
  border-radius: 1px;
}

.breadcrumb-link span {
  transition: transform 0.3s ease;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 575px) {
  .breadcrumb-link span {
    max-width: 100px;
  }
}
.breadcrumb-current {
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-heading);
  font-weight: 500;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

@media (max-width: 575px) {
  .breadcrumb-current {
    max-width: 120px;
  }
}
.scroll-indicator {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  color: var(--clr-theme-3);
  font-size: 20px;
  opacity: 0.5;
  animation: bounce 2s ease-in-out infinite;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.scroll-indicator:hover {
  opacity: 0.8;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .scroll-indicator {
    bottom: 20px;
    font-size: 16px;
  }
}
@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes drift {
  0% {
    transform: translateX(0px) rotate(-15deg);
  }
  50% {
    transform: translateX(15px) rotate(-15deg);
  }
  100% {
    transform: translateX(0px) rotate(-15deg);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  40% {
    transform: translateX(-50%) translateY(-10px);
  }
  60% {
    transform: translateX(-50%) translateY(-5px);
  }
}
@keyframes underlineReveal {
  0% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    transform: scaleX(1);
    transform-origin: left;
  }
}
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 480px) {
  .breadcrumb-section {
    min-height: 180px;
  }
  .breadcrumb-nav {
    font-size: 13px;
    padding: 8px 16px;
  }
  .breadcrumb-item:not(:last-child)::after {
    width: 4px;
    height: 4px;
  }
}
/*----------------------------------------
    11. About CSS - Modern Redesign
----------------------------------------*/
:root {
  --spacing-xs: clamp(0.5rem, 2vw, 1rem);
  --spacing-sm: clamp(1rem, 3vw, 1.5rem);
  --spacing-md: clamp(1.5rem, 4vw, 2.5rem);
  --spacing-lg: clamp(2rem, 5vw, 4rem);
  --spacing-xl: clamp(3rem, 6vw, 6.25rem);
}

.about-heading-section {
  padding: var(--spacing-xl) 0;
  min-height: 80vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, var(--clr-bg-gray) 0%, rgba(255, 255, 255, 0) 100%);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-heading-section {
    min-height: 60vh;
    padding: var(--spacing-lg) 0;
  }
}
.section-decoration {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
}

.section-decoration .decoration-circle {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.5;
}

.section-decoration .decoration-circle.decoration-1 {
  width: 600px;
  height: 600px;
  background: rgba(255, 102, 0, 0.05);
  top: -30%;
  right: -15%;
  animation: float 20s ease-in-out infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-decoration .decoration-circle.decoration-1 {
    width: 400px;
    height: 400px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-decoration .decoration-circle.decoration-1 {
    width: 300px;
    height: 300px;
    top: -20%;
    right: -10%;
  }
}
.section-decoration .decoration-circle.decoration-2 {
  width: 500px;
  height: 500px;
  background: rgba(255, 102, 0, 0.03);
  bottom: -20%;
  left: -10%;
  animation: float 20s ease-in-out infinite reverse;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-decoration .decoration-circle.decoration-2 {
    width: 350px;
    height: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-decoration .decoration-circle.decoration-2 {
    width: 250px;
    height: 250px;
  }
}
.section-decoration .decoration-dots {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 20%;
  left: 10%;
  background-image: radial-gradient(circle, rgba(239, 35, 60, 0.1) 2px, transparent 2px);
  background-size: 30px 30px;
  opacity: 0.3;
  animation: drift 30s linear infinite;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-decoration .decoration-dots {
    display: none;
  }
}
.about-heading-container {
  max-width: min(1200px, 90vw);
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

.header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: clamp(13px, 1.6vw, 15px);
  font-weight: 600;
  border-radius: 30px;
  margin-bottom: clamp(20px, 3vw, 30px);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 35, 60, 0.1);
  transition: all 0.3s ease;
}

.header-badge:hover {
  background: rgba(255, 102, 0, 0.15);
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(239, 35, 60, 0.2);
}

.header-badge i {
  font-size: 16px;
}

.heading-title {
  font-size: clamp(36px, 7vw, 72px);
  font-weight: 700;
  line-height: 1.1;
  color: var(--clr-common-heading);
  max-width: min(1000px, 90vw);
  margin: 0 auto clamp(20px, 3vw, 30px);
  letter-spacing: -0.02em;
}

.heading-title .highlight {
  color: var(--clr-theme-3);
  position: relative;
  display: inline-block;
}

.heading-title .highlight::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--clr-theme-3);
  opacity: 0.3;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: left;
  animation: underlineReveal 0.6s ease 0.3s forwards;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-title {
    font-size: clamp(32px, 6vw, 48px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .heading-title {
    font-size: clamp(28px, 5vw, 36px);
  }
}
.heading-subtitle {
  font-size: clamp(18px, 2.5vw, 24px);
  color: var(--clr-common-text);
  max-width: min(800px, 90vw);
  margin: 0 auto clamp(20px, 3vw, 30px);
  line-height: 1.6;
  opacity: 0.9;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .heading-subtitle {
    font-size: clamp(16px, 2.2vw, 20px);
  }
}
.heading-description {
  max-width: min(700px, 90vw);
  margin: 0 auto clamp(30px, 4vw, 40px);
}

.heading-description p {
  font-size: clamp(15px, 2vw, 17px);
  color: var(--clr-common-text);
  line-height: 1.7;
  opacity: 0.8;
}

.scroll-indicator {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: var(--clr-theme-3);
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: clamp(30px, 5vw, 50px);
}

.scroll-indicator span {
  opacity: 0.8;
}

.scroll-indicator i {
  font-size: 16px;
  animation: bounce 2s ease-in-out infinite;
}

.scroll-indicator:hover {
  transform: translateY(3px);
}

.scroll-indicator:hover span {
  opacity: 1;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .scroll-indicator {
    display: none;
  }
}
.loading-skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.loading-skeleton .skeleton-badge {
  width: 150px;
  height: 40px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 30px;
}

.loading-skeleton .skeleton-title {
  width: min(800px, 80vw);
  height: 60px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 8px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .loading-skeleton .skeleton-title {
    height: 40px;
  }
}
.loading-skeleton .skeleton-subtitle {
  width: min(600px, 70vw);
  height: 30px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 6px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .loading-skeleton .skeleton-subtitle {
    height: 24px;
  }
}
.about-area {
  padding: var(--spacing-xl) 0;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-area {
    padding: var(--spacing-lg) 0;
  }
}
.about-thumb {
  position: relative;
  max-width: 570px;
  margin-bottom: clamp(30px, 5vw, 50px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-thumb {
    max-width: 100%;
  }
}
.about-thumb .about-thumb-main {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
}

.about-thumb .about-thumb-main:hover {
  transform: translateY(-5px);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15);
}

.about-thumb .about-thumb-main img {
  width: 100%;
  height: auto;
  display: block;
}

.about-thumb .est-time-img {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: var(--clr-common-white);
  padding: 16px 24px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.95);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-thumb .est-time-img {
    bottom: 10px;
    right: 10px;
    padding: 12px 18px;
  }
}
.about-content .section-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  border-radius: 25px;
  margin-bottom: 20px;
}

.about-content .section-badge i {
  font-size: 14px;
}

.about-content .section-main-title {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  color: var(--clr-common-heading);
  margin-bottom: clamp(20px, 3vw, 30px);
  max-width: 500px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content .section-main-title {
    font-size: clamp(24px, 3.5vw, 32px);
  }
}
.about-content .section-description {
  font-size: clamp(15px, 2vw, 17px);
  color: var(--clr-common-text);
  line-height: 1.7;
  margin-bottom: clamp(24px, 3.5vw, 32px);
}

.about-btn .fill-btn {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  padding: clamp(14px, 2vw, 16px) clamp(28px, 4vw, 40px);
  border: none;
  border-radius: 10px;
  font-size: clamp(15px, 1.8vw, 16px);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
}

.about-btn .fill-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: all 0.5s ease;
}

.about-btn .fill-btn:hover {
  background: #e5383b;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(239, 35, 60, 0.3);
}

.about-btn .fill-btn:hover::before {
  left: 100%;
}

.about-btn .fill-btn i {
  font-size: 16px;
}

.speciality-area {
  padding: var(--spacing-xl) 0;
  background: var(--clr-bg-gray);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .speciality-area {
    padding: var(--spacing-lg) 0;
  }
}
.speciality-content {
  max-width: 500px;
  margin-bottom: clamp(40px, 6vw, 60px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .speciality-content {
    max-width: 100%;
  }
}
.speciality-content .section-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  border-radius: 25px;
  margin-bottom: 20px;
}

.speciality-content .section-badge i {
  font-size: 14px;
}

.speciality-content .section-main-title {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  color: var(--clr-common-heading);
  margin-bottom: clamp(20px, 3vw, 30px);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .speciality-content .section-main-title {
    font-size: clamp(24px, 3.5vw, 32px);
  }
}
.speciality-content .section-description {
  font-size: clamp(15px, 2vw, 17px);
  color: var(--clr-common-text);
  line-height: 1.7;
  margin-bottom: clamp(30px, 4vw, 40px);
}

.speciality-points {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 3.5vw, 32px);
}

.speciality-point-single .irc-item {
  display: flex;
  gap: 20px;
  align-items: center; /* vertical alignment */
  padding: clamp(20px, 3vw, 28px);
  background: var(--clr-common-white);
  border-radius: 16px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.speciality-point-single .irc-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.speciality-point-single .irc-item:hover .irc-item-icon {
  transform: scale(1.1);
}

.speciality-point-single .irc-item-icon {
  width: 50px;
  height: 50px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.speciality-point-single .irc-item-content {
  flex: 1 1;
}

.speciality-point-single .irc-item-content .irc-item-heading {
  font-size: clamp(18px, 2.5vw, 20px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 8px;
  line-height: 1.3;
}

.speciality-point-single .irc-item-content p {
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-text);
  line-height: 1.6;
  margin: 0;
}

.speciality-thumb {
  max-width: 570px;
  margin: 0 auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .speciality-thumb {
    max-width: 100%;
    margin-top: clamp(40px, 6vw, 60px);
  }
}
.speciality-thumb img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
}

.speciality-thumb img:hover {
  transform: translateY(-5px);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15);
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-30px);
  }
}
@keyframes drift {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  100% {
    transform: translate(100px, 100px) rotate(360deg);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes underlineReveal {
  to {
    transform: scaleX(1);
  }
}
@media (max-width: 768px) {
  .align-pb-35 {
    padding-bottom: 0;
  }
  .about-thumb {
    padding-right: 0;
  }
  .speciality-content {
    margin-bottom: clamp(30px, 5vw, 40px);
  }
}
/* ---------- Layout Fixes per Requirements ---------- */
/* 1. Stack columns (cards + logo) vertically so logo always under cards */
.speciality-area {
  /* Allow card wrapper to span full width */
}

.speciality-area .row.align-items-center {
  flex-direction: column !important;
  /* full-width inner cols */
}

.speciality-area .row.align-items-center > [class*=col-] {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.speciality-area .speciality-content {
  max-width: 100%;
}

/* ---------- Card layout ---------- */
/* ≥1025px : cards side-by-side filling width equally */
@media (min-width: 1025px) {
  .speciality-points {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 eşit sütun, tamamı doldur */
    grid-gap: clamp(24px, 2vw, 32px);
    gap: clamp(24px, 2vw, 32px);
  }
  /* Grid içinde flex kuralları gereksiz; sıfırla */
  .speciality-point-single {
    flex: none;
    width: 100%;
  }
}
/* ≤1024px : cards stacked vertically, full-width */
@media (max-width: 1024px) {
  .speciality-points {
    display: flex;
    flex-direction: column;
    gap: clamp(24px, 4vw, 32px);
  }
  .speciality-point-single {
    width: 100%;
    flex: none;
  }
}
/*----------------------------------------
    12. error CSS
----------------------------------------*/
.error-number {
  font-size: 220px;
  font-weight: 700;
  color: var(--clr-common-heading);
  line-height: 160px;
  margin-bottom: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .error-number {
    font-size: 180px;
    line-height: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error-number {
    font-size: 160px;
    line-height: 120px;
  }
}
@media (max-width: 575px) {
  .error-number {
    font-size: 140px;
    line-height: 100px;
  }
}
@media (max-width: 450px) {
  .error-number {
    font-size: 120px;
    line-height: 90px;
  }
}
.error-content {
  text-align: center;
}

.error-content p {
  max-width: 590px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

@media (max-width: 575px) {
  .error-content p {
    max-width: 490px;
  }
}
.error-text {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text {
    font-size: 44px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error-text {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .error-text {
    font-size: 36px;
  }
}
@media (max-width: 450px) {
  .error-text {
    font-size: 34px;
  }
}
@media (min-width: 450px) {
  .error-text br {
    display: none;
  }
}
.error-btn {
  line-height: 1;
}

.error-area {
  padding: 189px 0;
}

:root {
  --spacing-xs: clamp(0.5rem, 2vw, 1rem);
  --spacing-sm: clamp(1rem, 3vw, 1.5rem);
  --spacing-md: clamp(1.5rem, 4vw, 2.5rem);
  --spacing-lg: clamp(2rem, 5vw, 4rem);
  --spacing-xl: clamp(3rem, 6vw, 6.25rem);
}

.contact-section {
  padding: var(--spacing-xl) 0;
  background: var(--clr-bg-gray);
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.contact-section::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: rgba(239, 35, 60, 0.05);
  border-radius: 50%;
  filter: blur(100px);
}

.contact-section::after {
  content: "";
  position: absolute;
  bottom: -20%;
  left: -10%;
  width: 300px;
  height: 300px;
  background: rgba(239, 35, 60, 0.03);
  border-radius: 50%;
  filter: blur(80px);
}

.contact-container {
  max-width: min(1200px, 95vw);
  margin: 0 auto;
  padding: 0 var(--spacing-sm);
  position: relative;
  z-index: 1;
}

.contact-header {
  text-align: center;
  margin-bottom: clamp(40px, 6vw, 60px);
}

.contact-header .header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  border-radius: 25px;
  margin-bottom: 20px;
}

.contact-header .header-badge i {
  font-size: 16px;
}

.contact-header h1, .contact-header .h1 {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  color: var(--clr-common-heading);
  margin-bottom: 16px;
  line-height: 1.2;
}

.contact-header h1 .highlight, .contact-header .h1 .highlight {
  color: var(--clr-theme-3);
  position: relative;
}

.contact-header h1 .highlight::after, .contact-header .h1 .highlight::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--clr-theme-3);
  opacity: 0.3;
}

.contact-header p {
  font-size: clamp(16px, 2vw, 18px);
  color: var(--clr-common-text);
  max-width: min(600px, 90vw);
  margin: 0 auto;
  line-height: 1.6;
}

.contact-content-wrapper {
  display: grid;
  grid-template-columns: 1fr 350px;
  grid-gap: clamp(20px, 4vw, 40px);
  gap: clamp(20px, 4vw, 40px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-content-wrapper {
    grid-template-columns: 1fr;
  }
}
.contact-form-card {
  background: var(--clr-common-white);
  border-radius: 20px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
}

.contact-form-card .card-decoration {
  height: 5px;
  background: linear-gradient(90deg, var(--clr-theme-3) 0%, #ff8533 50%, var(--clr-theme-3) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}

.contact-form-card .form-content {
  padding: clamp(30px, 5vw, 50px);
}

.form-section {
  margin-bottom: clamp(30px, 4vw, 40px);
}

.form-section:last-child {
  margin-bottom: 0;
}

.form-section .section-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: clamp(20px, 3vw, 30px);
}

.form-section .section-title .section-icon {
  width: 40px;
  height: 40px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.form-section .section-title h2, .form-section .section-title .h2 {
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin: 0;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(16px, 2.5vw, 24px);
  gap: clamp(16px, 2.5vw, 24px);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.form-grid.single-column {
  grid-template-columns: 1fr;
}

.form-group {
  position: relative;
}

.form-group.full-width {
  grid-column: 1/-1;
}

.form-group label {
  display: block;
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 8px;
}

.form-group label .required {
  color: #e74c3c;
  margin-left: 2px;
}

.form-group .input-wrapper {
  position: relative;
}

.form-group .input-wrapper input,
.form-group .input-wrapper textarea,
.form-group .input-wrapper select {
  width: 100%;
  padding: clamp(14px, 2vw, 16px) clamp(16px, 2.5vw, 20px);
  background: var(--clr-bg-gray);
  border: 2px solid transparent;
  border-radius: 10px;
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-heading);
  transition: all 0.3s ease;
  outline: none;
}

.form-group .input-wrapper input::placeholder,
.form-group .input-wrapper textarea::placeholder,
.form-group .input-wrapper select::placeholder {
  color: #999;
  font-size: clamp(13px, 1.6vw, 14px);
}

.form-group .input-wrapper input:focus,
.form-group .input-wrapper textarea:focus,
.form-group .input-wrapper select:focus {
  background: var(--clr-common-white);
  border-color: var(--clr-theme-3);
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.1);
}

.form-group .input-wrapper input:hover:not(:focus),
.form-group .input-wrapper textarea:hover:not(:focus),
.form-group .input-wrapper select:hover:not(:focus) {
  border-color: rgba(239, 35, 60, 0.3);
}

.form-group .input-wrapper textarea {
  min-height: 150px;
  resize: vertical;
}

.form-group .input-wrapper .input-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 18px;
  pointer-events: none;
  transition: all 0.3s ease;
}

.form-group .input-wrapper input:focus ~ .input-icon {
  color: var(--clr-theme-3);
}

.form-group .helper-text {
  font-size: clamp(12px, 1.5vw, 13px);
  color: #999;
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.form-group .helper-text i {
  font-size: 12px;
}

.form-group .error-message {
  font-size: clamp(12px, 1.5vw, 13px);
  color: #e74c3c;
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.form-group .error-message i {
  font-size: 12px;
}

.form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(16px, 2.5vw, 24px);
  padding-top: clamp(20px, 3vw, 30px);
  border-top: 1px solid #e0e0e0;
}

.form-actions .btn-submit {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  padding: clamp(14px, 2vw, 16px) clamp(32px, 4vw, 48px);
  border: none;
  border-radius: 10px;
  font-size: clamp(15px, 1.8vw, 16px);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-actions .btn-submit {
    width: 100%;
    justify-content: center;
  }
}
.form-actions .btn-submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: all 0.5s ease;
}

.form-actions .btn-submit:hover {
  background: #e5383b;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(239, 35, 60, 0.3);
}

.form-actions .btn-submit:hover::before {
  left: 100%;
}

.form-actions .btn-submit:disabled {
  background: #999;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.form-actions .btn-submit i {
  font-size: 18px;
}

.contact-info-card {
  background: var(--clr-common-white);
  border-radius: 20px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}

.contact-info-card .card-decoration {
  height: 5px;
  background: linear-gradient(90deg, var(--clr-theme-3) 0%, #ff8533 50%, var(--clr-theme-3) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}

.contact-info-card .info-content {
  padding: clamp(25px, 4vw, 30px);
}

.contact-info-card .info-title {
  font-size: clamp(18px, 2.5vw, 20px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: clamp(20px, 3vw, 25px);
  display: flex;
  align-items: center;
  gap: 10px;
}

.contact-info-card .info-title i {
  color: var(--clr-theme-3);
}

.contact-info-card .info-list {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 3vw, 25px);
}

.contact-info-card .info-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.contact-info-card .info-item .info-icon {
  width: 40px;
  height: 40px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.contact-info-card .info-item .info-content {
  padding: 0;
}

.contact-info-card .info-item .info-content .info-label {
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 5px;
}

.contact-info-card .info-item .info-content .info-value {
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-text);
  line-height: 1.6;
}

.contact-info-card .info-item .info-content .info-value a {
  color: var(--clr-theme-3);
  text-decoration: none;
  transition: all 0.3s ease;
}

.contact-info-card .info-item .info-content .info-value a:hover {
  text-decoration: underline;
}

.contact-info-card .social-links {
  margin-top: clamp(25px, 4vw, 30px);
  padding-top: clamp(20px, 3vw, 25px);
  border-top: 1px solid #e0e0e0;
}

.contact-info-card .social-links .social-title {
  font-size: clamp(14px, 1.8vw, 16px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 15px;
}

.contact-info-card .social-links .social-icons {
  display: flex;
  gap: 10px;
}

.contact-info-card .social-links .social-icons a {
  width: 40px;
  height: 40px;
  background: var(--clr-bg-gray);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-common-text);
  font-size: 18px;
  transition: all 0.3s ease;
}

.contact-info-card .social-links .social-icons a:hover {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  transform: translateY(-3px);
}

.map-section {
  margin-top: clamp(40px, 6vw, 60px);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
}

.map-section .map-wrapper {
  height: 400px;
  width: 100%;
  border: none;
}

.form-loading {
  position: relative;
  pointer-events: none;
}

.form-loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

@media (max-width: 480px) {
  .contact-section {
    padding: var(--spacing-lg) 0;
  }
  .contact-form-card,
  .contact-info-card {
    border-radius: 16px;
  }
  .form-content,
  .info-content {
    padding: clamp(20px, 4vw, 30px);
  }
}
/*----------------------------------------
    14. shop CSS
----------------------------------------*/
.filter-widget-title {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
}

.filter-widget-title:before {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  right: 0;
  top: 0;
  font-weight: 300;
  color: var(--clr-common-heading);
  transition: 0.3s;
  transform: rotate(180deg);
}

.child-content-hidden .filter-widget-title::before {
  transform: rotate(0deg);
}

.filter-widget-search input {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  border: 1px solid var(--clr-common-border);
  padding: 0 10px;
  padding-right: 30px;
  outline: none;
}

.filter-widget-search button {
  position: absolute;
  right: 10px;
  top: 12px;
}

.filter-widget-search {
  position: relative;
}

.filter-widget .category-items {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.filter-widget .category-items button:hover {
  color: var(--clr-common-heading);
}

.filter-widget .category-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter-widget .category-sizes {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.filter-widget .category-sizes label:hover {
  color: var(--clr-common-heading);
}

.filter-widget .category-ratings {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.filter-widget .category-brands {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.filter-widget .category-brands label:hover {
  color: var(--clr-common-heading);
}

input.check-box {
  border: 1px solid var(--clr-common-border);
  border-radius: 2px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
  top: 5px;
  font-size: 15px;
  margin-right: 8px;
  background: var(--clr-bg-gray);
}

input.check-box[type=checkbox]:checked {
  border: none;
  background-color: var(--clr-common-heading);
  color: var(--clr-common-white);
}

input.check-box[type=checkbox]:checked::before {
  position: absolute;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  line-height: 16px;
  top: 0;
  left: 2px;
  font-size: 14px;
}

input.radio-box[type=radio] {
  border: 1px solid var(--clr-common-border);
  border-radius: 9px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
  top: 5px;
  font-size: 15px;
  margin-right: 8px;
}

input.radio-box[type=radio]:checked::before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Pro";
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background: var(--clr-common-heading);
  border-radius: 50%;
}

.category-tags a {
  padding: 0 5px;
  flex-grow: 1;
  max-width: 110px;
}

.category-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.category-tags a:hover {
  color: var(--clr-common-heading);
}

.sidebar-widget-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
}

.product-filters {
  display: flex;
  flex-direction: column;
  gap: 35px;
  padding: 10px;
  background: var(--clr-common-white);
}

.filter-widget {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.content-hidden {
  display: none;
}

.radio-star i {
  color: var(--clr-common-orange);
}

.shop-main-wrapper-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

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

.sorting-list {
  border: 1px solid var(--clr-common-border);
  padding: 0 15px;
  min-width: 130px;
}

.sorting-type span {
  color: var(--clr-common-heading);
}

.sorting-list span {
  color: var(--clr-common-text);
}

.sorting-list:after {
  right: 15px;
}

.sort-type-filter {
  display: flex;
  align-items: center;
}

.action-item-filter {
  margin-left: 20px;
}

.shop-main-wrapper .products-wrapper > div {
  width: calc((100% - 90px) / 4);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .shop-main-wrapper .products-wrapper > div {
    width: calc((100% - 60px) / 3);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-main-wrapper .products-wrapper > div {
    width: calc((100% - 30px) / 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-main-wrapper .products-wrapper > div {
    width: calc((100% - 60px) / 3);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .shop-main-wrapper .products-wrapper > div {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width:499px) {
  .shop-main-wrapper .products-wrapper > div {
    width: calc((100% - 0px) / 1);
  }
}
.swowing-list span {
  color: var(--clr-common-heading);
}

@media (min-width: 1400px) {
  .shop-main-wrapper .products-wrapper.products-5-column > div {
    width: calc((100% - 120px) / 5);
  }
}
@media (min-width: 1400px) {
  .shop-main-wrapper .products-wrapper.products-4-column > div {
    width: calc((100% - 90px) / 4);
  }
}
@media (min-width: 1400px) {
  .shop-main-wrapper .products-wrapper.products-3-column > div {
    width: calc((100% - 60px) / 3);
  }
}
@media (min-width: 1400px) {
  .shop-main-wrapper .products-wrapper.products-full-6-column > div {
    width: calc((100% - 150px) / 6);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .shop-main-wrapper .products-wrapper.products-full-6-column > div {
    width: calc((100% - 120px) / 5);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-main-wrapper .products-wrapper.products-full-6-column > div {
    width: calc((100% - 90px) / 4);
  }
}
.shop-main-wrapper .products-wrapper.products-full-5-column {
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

@media (min-width: 768px) {
  .shop-main-wrapper .products-wrapper.products-full-5-column {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  .shop-main-wrapper .products-wrapper.products-full-5-column {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
@media (min-width: 1200px) {
  .shop-main-wrapper .products-wrapper.products-full-5-column {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1400px) {
  .shop-main-wrapper .products-wrapper.products-full-5-column {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 575px) {
  .shop-main-wrapper .products-wrapper.products-full-5-column {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width:499px) {
  .shop-main-wrapper .products-wrapper.products-full-5-column {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.shop-main-wrapper .products-wrapper.products-full-5-column > div {
  width: 100%;
  margin-bottom: 0;
}

.products-wrapper {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.products-wrapper.page-changing {
  opacity: 0.5;
  transform: translateY(10px);
}

.products-info {
  margin-bottom: 20px;
}

.products-info .showing-results {
  font-size: 14px;
  color: var(--clr-common-text);
  margin: 0;
}

@media (min-width: 992px) {
  .shop-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding-right: 20px;
  }
  .shop-sidebar::-webkit-scrollbar {
    width: 6px;
  }
  .shop-sidebar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
  }
  .shop-sidebar::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
  }
  .shop-sidebar::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}
@media (max-width: 991px) {
  .shop-sidebar {
    margin-bottom: 30px;
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .shop-main-wrapper .products-wrapper.products-full-4-column > div {
    width: calc((100% - 90px) / 4);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .shop-main-wrapper .products-wrapper.products-full-4-column > div {
    width: calc((100% - 90px) / 4);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-main-wrapper .products-wrapper.products-full-4-column > div {
    width: calc((100% - 60px) / 3);
  }
}
.product-details-nav .nav-tabs {
  display: flex;
  gap: 20px;
}

.product-details-nav .nav-tabs > li {
  width: calc((100% - 60px) / 4);
}

.product-details-nav .nav-tabs > li img {
  width: 100%;
}

.product-details-tab .tab-content .tab-pane img {
  width: 100%;
  height: 100%;
  position: static;
  top: 0;
  left: 0;
  object-fit: contain;
  background: #f8f9fa;
  object-position: center;
}

.product-details-tab .tab-content {
  margin-bottom: 20px;
}

.product-quantity-cart {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.product-details-tab-wrapper .nav-tabs .nav-link:not(.active) {
  opacity: 0.8;
}

.product-side-info .product-name {
  font-size: 40px;
}

.product-side-info .product-price {
  font-size: 20px;
  color: var(--clr-common-heading);
  font-weight: 600;
}

.product-side-info .border-btn {
  height: 60px;
  line-height: 58px;
}

.product__details__tag a {
  padding: 0 10px;
  background: var(--clr-bg-gray);
  height: 30px;
  display: inline-block;
  line-height: 30px;
  border-radius: 3px;
}

.product__details__tag a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.available-sizes {
  display: flex;
  gap: 5px;
  margin-bottom: 25px;
}

.product-details-tab .tab-content .tab-pane {
  width: 100%;
  position: relative;
  padding-top: 0px;
  min-height: 620px;
}

.product-details-nav .nav-item {
  position: relative;
  border: 0;
  padding: 10px 0;
  font-size: 16px;
  margin-right: 0px;
  font-weight: 600;
  color: var(--clr-common-text);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .product-details-nav .nav-item {
    font-size: 20px;
  }
}
.product-details-nav .nav-item.active {
  color: var(--clr-common-heading);
  font-weight: 600;
}

.product-details-nav .nav-item::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  background: var(--clr-common-heading);
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.3s;
}

.product-details-nav .nav-item.active::before {
  position: absolute;
  content: "";
  height: 1px;
  background: var(--clr-common-heading);
  bottom: 0;
  left: 0;
  right: 0;
}

.product_info-faq-area .nav-tabs {
  border-bottom: 1px solid var(--clr-bg-gray);
}

.course-review-item {
  display: flex;
  align-items: normal;
}

.course-review-list {
  margin-left: 20px;
}

.course-review-list span {
  color: var(--clr-common-heading);
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
}

.course-start-icon i {
  color: var(--clr-theme-1);
  font-size: 13px;
}

.course-start-icon {
  margin-bottom: 10px;
}

.comment-title h3, .comment-title .h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}

.comment-title p {
  color: var(--clr-common-text);
}

.comment-rating span {
  font-size: 15px;
  color: var(--clr-common-text);
  margin-right: 5px;
}

.comment-rating ul li {
  display: inline-block;
}

.comment-rating ul li a {
  font-size: 14px;
  color: var(--clr-theme-1);
}

.comment-rating ul {
  display: inline-block;
}

.comment-agree input {
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  width: 18px;
  height: 18px;
  background: transparent;
  border: 2px solid var(--clr-common-border);
  border-radius: 2px;
  outline: none;
}

.comment-agree label {
  margin-left: 5px;
  font-size: 15px;
  color: var(--clr-common-text);
}

.comment-agree input::placeholder {
  color: var(--clr-common-text);
  font-size: 14px;
  opacity: 1;
}

.comment-input input {
  height: 60px;
  width: 100%;
  background: var(--clr-bg-footer);
  border: none;
  padding: 15px 20px;
  border-radius: 4px;
  outline: 0;
}

.comment-input input::placeholder {
  color: var(--clr-common-text);
  font-size: 14px;
  opacity: 1;
}

.comment-textarea {
  height: 170px;
  width: 100%;
  background: var(--clr-bg-footer);
  border: none;
  padding: 15px 20px;
  border-radius: 4px;
  resize: none;
  outline: 0;
}

.comment-textarea::placeholder {
  color: var(--clr-common-text);
  font-size: 14px;
  opacity: 1;
}

.product-available-sizes span {
  border: 1px solid var(--clr-common-border);
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
}

.cart-area .table-content table {
  background: var(--clr-common-white);
  border-color: var(--clr-common-border);
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.cart-area .table-content .product-quantity {
  float: none;
}

.cart-area .table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.cart-area .table > :not(:last-child) > :last-child > * {
  border-bottom-color: var(--clr-common-border);
}

.cart-area .table-content table td.product-name a:hover {
  color: var(--clr-common-heading);
}

.cart-area .table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}

.cart-area .table-content table th,
.cart-area .table-content table td {
  border-bottom: 1px solid var(--clr-common-border);
  border-right: 1px solid var(--clr-common-border);
}

.cart-area .table td,
.cart-area .table th {
  border-top: 1px solid var(--clr-common-border);
}

.cart-area .table-content table td.product-subtotal {
  font-size: 16px;
}

.cart-area .table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}

.cart-area .coupon-all {
  margin-top: 50px;
}

.cart-area .coupon {
  float: left;
  gap: 15px;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .cart-area .coupon {
    float: none;
  }
}
.cart-area #coupon_code {
  height: 50px;
  border: 1px solid var(--clr-common-border);
  padding: 0 15px;
  outline: none;
  box-shadow: none;
}

.cart-area #coupon_code:focus {
  border-color: var(--clr-common-heading);
}

.cart-area .coupon2 {
  float: right;
}

@media (max-width: 767px) {
  .cart-area .coupon2 {
    float: none;
    margin-top: 15px;
  }
}
.cart-area .cart-page-total {
  padding-top: 50px;
}

.cart-area .cart-page-total > h2, .cart-area .cart-page-total > .h2 {
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.cart-area .cart-page-total > ul {
  border: 1px solid var(--clr-common-border);
}

.cart-area .cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: var(--clr-common-text);
  padding: 14px 30px;
  border-bottom: 1px solid var(--clr-common-border);
  font-weight: 400;
}

.cart-area .cart-page-total ul > li > span {
  float: right;
}

.cart-area .cart-page-total li:last-child {
  border-bottom: 0;
}

.cart-area td.product-thumbnail img {
  width: 125px;
}

.cart-area .product-quantity-form {
  margin: auto;
  width: 122px;
  height: 58px;
  border: 1px solid var(--clr-common-border);
  text-align: center;
  position: relative;
  transition: all 0.3s ease-out 0s;
}

.cart-area .product-quantity-form:hover {
  border-color: var(--clr-common-heading);
}

.cart-area .cart-plus, .cart-area .cart-minus {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 45px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  background: transparent;
  border: none;
  outline: none;
}

.cart-area .cart-plus:hover, .cart-area .cart-minus:hover {
  cursor: pointer;
  color: var(--clr-common-heading);
  background: transparent;
}

.cart-area .cart-plus {
  left: auto;
  right: 0;
}

.cart-area .cart-input {
  height: 58px;
  width: 32px;
  text-align: center;
  font-size: 14px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 4px;
  background: transparent;
}

.cart-area .cart-input:focus {
  outline: none;
}

.cart-area .coupon .fill-btn {
  height: 50px;
  line-height: 48px;
}

.cart-area .coupon2 .fill-btn {
  height: 50px;
  line-height: 48px;
}

.product-quantity button {
  white-space: nowrap;
}

.coupon-accordion h3, .coupon-accordion .h3 {
  background-color: var(--clr-bg-footer);
  border-top: 3px solid var(--clr-common-heading);
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before, .coupon-accordion .h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: var(--clr-common-text);
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion span {
  color: var(--clr-common-text);
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-accordion span:hover,
p.lost-password a:hover {
  color: var(--clr-common-heading);
}

.coupon-content {
  border: 1px solid var(--clr-common-border);
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
  display: block;
  color: var(--clr-common-heading);
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
  color: var(--clr-common-heading);
  font-weight: 700;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
  border: 1px solid var(--clr-common-border);
  height: 60px;
  line-height: 60px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  box-shadow: none;
}

.coupon-info p.form-row-first input:focus,
.coupon-info p.form-row-last input:focus {
  border-color: var(--clr-common-heading);
}

.coupon-info p.form-row input[type=submit]:hover,
p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: 2px;
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
  color: var(--clr-common-text);
}

.buttons-cart input,
.coupon input[type=submit],
.buttons-cart a,
.coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: var(--clr-common-white);
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: var(--clr-common-orange);
}

p.checkout-coupon input[type=text] {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  width: 100%;
  border: 1px solid var(--clr-common-border);
  margin-bottom: 15px;
  outline: none;
  box-shadow: none;
}

p.checkout-coupon input[type=text]:focus {
  border-color: var(--clr-common-border);
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form .ship-different-title {
  border-bottom: 1px solid var(--clr-common-border);
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid var(--clr-common-border);
  padding: 0 10px;
  height: 60px;
}

.country-select label,
.checkout-form-list label {
  color: var(--clr-common-heading);
  display: block;
  margin: 0 0 5px;
}

.country-select label span.required,
.checkout-form-list label span.required {
  color: var(--clr-common-heading);
}

.country-select .nice-select {
  border: 1px solid var(--clr-common-border);
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  width: 100%;
  color: var(--clr-common-text);
  margin-bottom: 20px;
}

.country-select .nice-select .list {
  width: 100%;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: var(--clr-common-heading);
}

.checkout-form-list input[type=text],
.checkout-form-list input[type=password],
.checkout-form-list input[type=email] {
  background: var(--clr-common-white);
  border: 1px solid var(--clr-common-border);
  border-radius: 0;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 20px;
  width: 100%;
  outline: none;
  box-shadow: none;
}

.checkout-form-list input[type=text]:focus,
.checkout-form-list input[type=password]:focus,
.checkout-form-list input[type=email]:focus {
  border-color: var(--clr-common-border);
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  color: var(--clr-common-text);
  opacity: 1;
}

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.create-acc label {
  color: var(--clr-common-text);
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title label {
  display: inline-block;
  margin-right: 10px;
}

.order-notes textarea {
  border: 1px solid var(--clr-common-border);
  height: 90px;
  padding: 15px;
  width: 100%;
  resize: none;
  padding-left: 20px;
  outline: none;
}

.order-notes textarea::placeholder {
  color: var(--clr-common-text);
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 2px solid var(--clr-common-border);
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3, .your-order .h3 {
  border-bottom: 1px solid var(--clr-common-border);
  font-size: 24px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th,
.your-order-table table td {
  border-bottom: 1px solid var(--clr-common-border);
  border-right: medium none;
  color: var(--clr-common-text);
  font-size: 16px;
  padding: 15px 0;
  text-align: left;
}

@media (max-width: 767px) {
  .your-order-table table th,
  .your-order-table table td {
    padding-right: 10px;
  }
}
.your-order-table table th {
  border-top: medium none;
  color: var(--clr-common-heading);
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: var(--clr-common-heading);
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping ul li label {
  color: var(--clr-common-text);
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: var(--clr-bg-footer);
}

.your-order-table table tr.order-total td span {
  color: var(--clr-common-heading);
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}

.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.payment-method .accordion-item {
  background-color: var(--clr-common-white);
  border: 0;
  border-bottom: 1px solid var(--clr-common-border);
}

.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-common-heading);
  padding: 23px 0;
  border: none;
}

.payment-method .accordion-button:focus {
  box-shadow: none;
}

.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
}

.payment-method .accordion-button:not(.collapsed) {
  color: var(--clr-common-heading);
  background-color: var(--clr-common-white);
  box-shadow: none;
}

.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
}

.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}

.payment-method .accordion-collapse {
  border: none;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: var(--clr-common-white);
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
  -webkit-user-select: none;
          user-select: none;
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: var(--clr-common-text);
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: var(--clr-common-white);
  border: 1px solid var(--clr-common-border);
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid var(--clr-common-border);
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: var(--clr-common-white);
  border-bottom: 1px solid var(--clr-common-border);
}

.order-button-payment button {
  width: 100%;
}

.product-details-img {
  margin-right: 50px;
}

@media (max-width: 575px) {
  .product-details-img {
    margin-right: 0;
  }
}
.product-details-img img {
  width: 100%;
}

.product-side-info .product-name {
  font-size: 38px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product-side-info .product-name {
    font-size: 28px;
  }
}
.product-side-info .product-price {
  font-size: 22px;
  font-weight: 600;
  color: var(--clr-theme-1);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product-side-info .product-price {
    font-size: 18px;
  }
}
.product-side-info p {
  margin-top: 30px;
}

.product-quantity-cart {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.product-quantity-cart .cart-minus {
  height: 55px;
  width: 55px;
  border: none;
}

.product-quantity-form .cart-plus {
  height: 55px;
  width: 55px;
  border: none;
}

.product-quantity-cart .cart-input {
  height: 55px;
  width: 55px;
  border: none;
  text-align: center;
}

.product-quantity-cart .product-quantity-form {
  border: 1px solid var(--clr-common-border);
  border-radius: 4px;
}

/*range slider css start*/
#slider-range {
  position: relative;
  margin-bottom: 25px;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: var(--clr-common-white);
  border-radius: 50%;
  border: none;
  outline: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004);
}

.ui-slider-horizontal {
  height: 6px;
}

.ui-widget-content {
  background: var(--clr-bg-gray);
}

.ui-widget-header {
  background: var(--clr-common-heading);
}

.ui-slider-horizontal .ui-slider-handle {
  top: -5px;
}

.ui-slider .ui-slider-handle {
  height: 15px;
  width: 15px;
}

.ui-slider .ui-slider-handle:before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background: var(--clr-common-heading);
  left: 4.5px;
  top: 4.5px;
  border-radius: 50%;
}

.slider-range p {
  line-height: 1;
  margin-top: 25px;
  margin-bottom: 0;
}

.slider-range p label {
  font-size: 14px;
  font-weight: 400;
  color: var(--clr-common-placeholder);
  margin-top: 7px;
}

.slider-range input {
  font-size: 14px;
  font-weight: 400;
  color: var(--clr-common-placeholder);
  border: none;
  outline: none;
  background: none;
  margin-left: 10px;
  width: 100px;
}

.slider-active-2 .slider-pagination > * {
  transition: all 0.3s linear 0s;
}

.slider-active-2 .slider-pagination > *:hover {
  background-color: var(--clr-common-black);
}

.slider-active-2 .slider-pagination > *:hover i {
  color: var(--clr-common-white);
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: var(--clr-theme-1);
  border-radius: 50%;
  border: none;
  outline: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004);
}

.ui-slider-horizontal {
  height: 6px;
}

.ui-widget-content {
  background: var(--clr-bg-gray);
}

.ui-widget-header {
  background: var(--clr-theme-1);
}

.ui-slider-horizontal .ui-slider-handle {
  top: -5px;
}

.ui-slider .ui-slider-handle {
  height: 15px;
  width: 15px;
  transition: all 0s linear 0s;
}

.ui-slider .ui-slider-handle:before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background: var(--clr-common-white);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.sidebar-action {
  background: var(--clr-common-white);
  height: 100%;
  position: fixed;
  z-index: 99999;
  top: 0;
  width: 390px;
  padding: 30px 30px;
  transition: 0.6s;
  overflow-y: scroll;
}

@media (max-width: 575px) {
  .sidebar-action {
    width: 320px;
  }
}
.close-sidebar {
  background: var(--clr-theme-1);
  display: flex;
  align-items: center;
  gap: 10px;
  height: 30px;
  padding: 0 10px;
  border-radius: 4px;
  color: var(--clr-common-white);
  position: absolute;
  right: 30px;
  top: 30px;
}

.sidebar-cart {
  right: -100%;
}

.sidebar-cart.cart-open {
  right: 0;
}

.sidebar-wishlist {
  right: -100%;
}

.sidebar-wishlist.wishlist-open {
  right: 0;
}

.sidebar-filter {
  right: -100%;
}

.sidebar-filter.filter-open {
  right: 0;
}

.sidebar-filter .product-filters {
  padding: 0px;
}

.sidebar-filter .filter-widget-title {
  font-size: 18px;
}

.sidebar-action-title {
  font-size: 20px;
  margin-bottom: 20px;
}

.sidebar-list-item {
  display: flex;
  gap: 20px;
}

.sidebar-action-btn {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.sidebar-action-btn a {
  width: 100%;
  flex-wrap: wrap;
  white-space: nowrap;
}

.sidebar-action-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.product-pricing span {
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-common-heading);
  line-height: 1;
}

.sidebar-list-item {
  display: flex;
  gap: 20px;
  border-top: 1px solid var(--clr-common-border);
  padding-top: 20px;
  position: relative;
  padding-right: 20px;
}

.sidebar-list-item .product-image {
  min-width: 100px;
  height: 100px;
}

.sidebar-list-item .product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f8f9fa;
}

.sidebar-list-item .product-desc {
  padding: 0px 0 0px;
}

.sidebar-list-item .remove-item {
  position: absolute;
  right: 0;
  top: 20px;
  color: var(--clr-common-heading);
}

.product-price-total {
  padding-top: 20px;
  border-top: 1px solid var(--clr-common-border);
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.product-price-total span {
  color: var(--clr-common-heading);
  font-weight: 500;
}

.sidebar-action-btn a {
  flex-grow: 1;
  height: 60px;
  line-height: 58px;
}

.ecomart-magnify-img-wrap {
  position: relative;
  z-index: 5;
}

.ecomart-magnify-img-wrap div div {
  background: var(--clr-bg-footer);
}

.ecomart-img-wrap {
  display: none;
}

@media (max-width: 991px) {
  .ecomart-img-wrap {
    display: block;
  }
  .ecomart-zoom-img-wrapper {
    display: none;
  }
  .product-details-tab .tab-content .tab-pane img {
    position: absolute;
  }
  .product-details-tab .tab-content .tab-pane {
    width: 100%;
    padding-top: 110%;
    min-height: 0;
  }
}
.product-available-sizes button {
  border: 1px solid var(--clr-common-border);
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  margin-right: 5px;
}

.active_size {
  background: var(--clr-common-heading);
  color: var(--clr-common-white);
}

.product__modal-close {
  color: var(--clr-common-white);
  display: block;
  line-height: 36px;
  text-align: center;
  background: var(--clr-theme-1);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  outline: none;
  position: absolute;
  z-index: 5;
  right: -13px;
  top: -13px;
}

.product__modal.product__modal .modal-dialog {
  max-width: 900px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product__modal.product__modal .modal-dialog {
    max-width: calc(100% - 60px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product__modal.product__modal .modal-dialog {
    max-width: calc(100% - 40px);
  }
}
.modal-dialog.modal-dialog-centered {
  max-width: 980px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog.modal-dialog-centered {
    max-width: calc(100% - 60px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modal-dialog.modal-dialog-centered {
    max-width: calc(100% - 40px);
  }
}
.product__modal-wrapper {
  padding: 20px;
}

.mr-1 {
  margin-right: 5px;
}

.product-sticker.trending {
  background: var(--clr-common-orange);
}

.product-sticker.featured {
  background: var(--clr-common-blue);
}

.product-sticker.most-popular {
  background: var(--clr-theme-3);
}

.password_input {
  position: relative;
}

.product-ratting i {
  color: var(--clr-common-orange);
}

.course-start-icon i {
  color: var(--clr-common-orange);
}

.comment-rating i {
  color: var(--clr-common-orange);
}

.img-secton i {
  color: var(--clr-common-orange);
}

.product-rating i {
  color: var(--clr-common-orange);
}

.cl-gold {
  color: #ffd700;
}

.contact_modal {
  max-width: 550px !important;
}

.modal_icon {
  text-align: center;
  font-size: 40px;
}

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

.save_message {
  color: var(--clr-common-orange);
}

.product_btn_details {
  position: absolute;
  left: 40%;
  top: 45%;
}

.product_btn_details button {
  display: inline-block;
  height: 36px;
  line-height: 38px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  background: var(--clr-bg-gray);
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 8px;
}

.product_btn_details button:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
}

.offer_coutdown {
  display: flex;
  align-items: center;
  max-width: 350px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.time-count {
  background: var(--clr-common-heading);
  padding: 5px;
  border-radius: 5px;
  color: var(--clr-common-white);
  margin-right: 5px;
}

.payment-options span.active_payment {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
}

.nav-tabs .preview_img.active {
  border: 2px solid var(--clr-common-heading);
}

.product-details-nav .nav-tabs {
  position: relative;
}

.details_product_prev .product-tab-slider-button-prev {
  position: absolute;
  bottom: 0;
  top: 40%;
  z-index: 5;
  left: -60px;
}

.details_product_prev .product-tab-slider-button-next {
  position: absolute;
  bottom: 0;
  top: 40%;
  z-index: 5;
  right: -60px;
}

.ecomart-shop-details-nav .nav-item {
  padding: 0px;
}

.ecomart-shop-details-nav .nav-item .nav-link {
  margin: 0px;
}

.ecomart-shop-details-nav .nav-item .preview_img {
  height: 160px;
}

.ecomart-shop-details-nav .nav-item .preview_img img {
  height: 100% !important;
  object-fit: contain;
}

.product-tab-slider-button-prev,
.product-tab-slider-button-next {
  cursor: pointer;
}

.product__modal-wrapper {
  padding: 30px;
}

.product-filters {
  padding-top: 0px;
}

.filter-widget-content .category-tags a {
  background: var(--clr-bg-gray);
  text-align: center;
}

.filter-widget-content .category-tags a:hover {
  background: var(--clr-common-heading);
  color: var(--clr-common-white);
}

.checkbox-form .required {
  color: var(--clr-theme-2);
}

.checkbox-form .country-select label span.required,
.checkbox-form .checkout-form-list label span.required {
  color: var(--clr-theme-2);
}

.checkout-list-steps .item-step.item-step-complete,
.list-steps .item-step.item-step-complete {
  flex-grow: 0;
  width: auto;
}

.product__modal-wrapper .table-responsive {
  width: 100%;
}

.shop_tag a {
  margin: 5px;
}

label, button {
  cursor: pointer;
}

:root {
  --clr-primary: #EF233C;
  --clr-primary-light: #EDF2F4;
  --clr-text-primary: #0B090A;
  --clr-text-secondary: #2B2D42;
  --clr-text-light: #8D99AE;
  --clr-bg-light: #EDF2F4;
  --clr-bg-dark: #8D99AE;
  --clr-success: #059669;
  --clr-danger: #EF233C;
  --clr-common-white: #ffffff;
  --clr-common-border: #8D99AE;
  --clr-bg-footer: #EDF2F4;
  --mobile-input-height: 50px;
  --mobile-input-padding: 15px;
  --mobile-font-size: 16px;
  --mobile-border-width: 2px;
  --mobile-border-radius: 8px;
  --mobile-spacing: 16px;
  --mobile-spacing-small: 8px;
  --mobile-spacing-large: 24px;
  --mobile-touch-area: 44px;
  --mobile-card-padding: 16px;
  --mobile-card-gap: 16px;
  --mobile-border-color: #8D99AE;
  --mobile-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  --mobile-shadow-hover: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/*----------------------------------------
    Shop Full Five Column Layout Styles
----------------------------------------*/
.row {
  overflow: visible;
}

.row > [class*=col-] {
  overflow: visible;
}

@media (max-width: 575px) {
  .row > [class*=col-] {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.row .col-xl-3 {
  overflow: visible;
}

@media (min-width: 1200px) {
  .row .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.row .col-lg-3 {
  overflow: visible;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .row .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.row .col-md-4 {
  overflow: visible;
}

@media (min-width: 768px) and (max-width: 991px) {
  .row .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
.row .col-6 {
  overflow: visible;
}

@media (min-width: 576px) and (max-width: 767px) {
  .row .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 575px) {
  .row .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.shop-full-five {
  overflow: visible;
}

.shop-full-five__content-wrapper {
  --sidebar-gap: 2rem;
  padding: 2rem 0;
  overflow: visible;
}

@media (min-width: 1200px) {
  .shop-full-five__content-wrapper {
    --sidebar-gap: 2.5rem;
    padding: 2.5rem 0;
  }
}
.shop-full-five__content-wrapper .container-fluid, .shop-full-five__content-wrapper .container-sm, .shop-full-five__content-wrapper .container-md, .shop-full-five__content-wrapper .container-lg, .shop-full-five__content-wrapper .container-xl, .shop-full-five__content-wrapper .container-xxl {
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 1600px;
  margin: 0 auto;
  overflow: visible;
}

@media (min-width: 1024px) {
  .shop-full-five__content-wrapper .container-fluid, .shop-full-five__content-wrapper .container-sm, .shop-full-five__content-wrapper .container-md, .shop-full-five__content-wrapper .container-lg, .shop-full-five__content-wrapper .container-xl, .shop-full-five__content-wrapper .container-xxl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .shop-full-five__content-wrapper .container-fluid, .shop-full-five__content-wrapper .container-sm, .shop-full-five__content-wrapper .container-md, .shop-full-five__content-wrapper .container-lg, .shop-full-five__content-wrapper .container-xl, .shop-full-five__content-wrapper .container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.shop-full-five__content-wrapper .row {
  margin-left: calc(-1 * var(--bs-gutter-x) * 0.5);
  margin-right: calc(-1 * var(--bs-gutter-x) * 0.5);
}

.shop-full-five__content-wrapper .row > * {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.shop-full-five__products-grid {
  position: relative;
  min-height: 300px;
  overflow: visible;
}

.shop-full-five__products-grid .g-4 {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 2rem;
  overflow: visible;
}

@media (min-width: 1200px) {
  .shop-full-five__products-grid .g-4 {
    --bs-gutter-x: 1.75rem;
    --bs-gutter-y: 2.25rem;
  }
}
@media (min-width: 1400px) {
  .shop-full-five__products-grid .g-4 {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2.5rem;
  }
}
@media (max-width: 767px) {
  .shop-full-five__products-grid .g-4 {
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1.75rem;
  }
}
@media (max-width: 479px) {
  .shop-full-five__products-grid .g-4 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1.5rem;
  }
}
.shop-full-five__products-grid.products-changing {
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

@media (max-width: 1023px) {
  .sidebar-column {
    position: fixed;
    top: 0;
    left: -100%;
    width: 360px;
    max-width: 90vw;
    height: 100vh;
    background: #FEFEFE;
    z-index: 950;
    transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 4px 0 20px rgba(23, 23, 23, 0.15);
  }
  .sidebar-column.sidebar-mobile-open {
    left: 0;
  }
}
@media (min-width: 1024px) {
  .sidebar-column {
    position: -webkit-sticky;
    position: sticky;
    top: 2rem;
    height: -moz-fit-content;
    height: fit-content;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 1rem;
    flex-shrink: 0;
    z-index: 3;
  }
}
.content-column {
  transition: margin-left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 0;
  overflow: visible;
}

@media (min-width: 1024px) {
  .content-column {
    padding-left: 1rem;
    flex: 1 1;
  }
}
@media (max-width: 1023px) {
  .content-column {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .filter-sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 2rem;
    height: -moz-fit-content;
    height: fit-content;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
  }
  .filter-sidebar-sticky::-webkit-scrollbar {
    width: 8px;
  }
  .filter-sidebar-sticky::-webkit-scrollbar-track {
    background: #f7fafc;
    border-radius: 4px;
  }
  .filter-sidebar-sticky::-webkit-scrollbar-thumb {
    background: #e2e8f0;
    border-radius: 4px;
  }
  .filter-sidebar-sticky::-webkit-scrollbar-thumb:hover {
    background: #718096;
  }
}
.filter-mobile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 900;
  display: block;
}

.modern-filter-sidebar {
  background: #FEFEFE;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(23, 23, 23, 0.08);
  overflow: hidden;
  border: 1px solid #f7fafc;
}

@media (max-width: 1023px) {
  .modern-filter-sidebar {
    border-radius: 0;
    box-shadow: none;
    height: 100vh;
    display: flex;
    flex-direction: column;
    border: none;
  }
}
.filter-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  background: linear-gradient(135deg, #EF233C, #D90429);
  color: white;
  position: relative;
}

.filter-sidebar-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}

@media (min-width: 1024px) {
  .filter-sidebar-header {
    padding: 1.25rem 1.75rem;
    background: #EDF2F4;
    color: #171717;
  }
  .filter-sidebar-header::after {
    background: #e2e8f0;
  }
}
.filter-sidebar-title {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.filter-sidebar-title i {
  margin-right: 0.75rem;
  font-size: 1.25rem;
}

.filter-sidebar-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: inherit;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.filter-sidebar-toggle:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.05);
}

.filter-sidebar-toggle:active {
  transform: scale(0.95);
}

@media (min-width: 1024px) {
  .filter-sidebar-toggle {
    display: none;
  }
}
.filter-sidebar-toggle i {
  font-size: 1.125rem;
  transition: transform 0.3s ease;
}

.filter-sidebar-content {
  padding: 0;
}

@media (max-width: 1023px) {
  .filter-sidebar-content {
    flex: 1 1;
    overflow-y: auto;
  }
}
.filter-clear-section {
  padding: 1.5rem 1.75rem;
  border-bottom: 1px solid #e2e8f0;
  background: linear-gradient(to right, rgba(239, 35, 60, 0.03), rgba(239, 35, 60, 0.01));
}

.filter-clear-btn {
  width: 100%;
  padding: 0.875rem 1.25rem;
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

.filter-clear-btn:hover {
  background: linear-gradient(135deg, #b91c1c, #991b1b);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(220, 38, 38, 0.4);
}

.filter-clear-btn:active {
  transform: translateY(0);
}

.filter-clear-btn i {
  font-size: 1rem;
}

.filter-section {
  border-bottom: 1px solid #e2e8f0;
}

.filter-section:last-child {
  border-bottom: none;
}

.filter-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.75rem;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

.filter-section-header:hover {
  background: rgba(239, 35, 60, 0.04);
}

.filter-section-header:hover .filter-section-title i {
  color: #EF233C;
  transform: scale(1.1);
}

.filter-section-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #171717;
  display: flex;
  align-items: center;
  letter-spacing: -0.025em;
}

.filter-section-title i {
  color: #EF233C;
  font-size: 1.125rem;
  margin-right: 0.75rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.filter-section-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: rgba(239, 35, 60, 0.1);
  border: none;
  color: #EF233C;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.filter-section-toggle:hover {
  background: rgba(239, 35, 60, 0.15);
  transform: scale(1.1);
}

.filter-section-toggle i {
  font-size: 0.875rem;
  transition: transform 0.3s ease;
}

.filter-section-content {
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.filter-section-content.section-open {
  max-height: 600px;
  opacity: 1;
}

.filter-section-content.section-closed {
  max-height: 0;
  opacity: 0;
}

.filter-loading {
  padding: 1.5rem 1.75rem;
}

.filter-skeleton-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.filter-skeleton-item:last-child {
  margin-bottom: 0;
}

.skeleton-bar {
  height: 1rem;
  background: linear-gradient(90deg, #f7fafc 25%, #e2e8f0 50%, #f7fafc 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: 6px;
  flex: 1 1;
  margin-right: 1rem;
}

.skeleton-circle {
  width: 2rem;
  height: 1rem;
  background: linear-gradient(90deg, #f7fafc 25%, #e2e8f0 50%, #f7fafc 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: 6px;
}

.filter-category-list {
  padding: 0 1.75rem 1.5rem;
}

.filter-category-item {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1rem 1.25rem;
  margin-bottom: 0.75rem;
  background: #FEFEFE;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: left;
  position: relative;
  overflow: hidden;
}

.filter-category-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(239, 35, 60, 0.1), transparent);
  transition: left 0.5s ease;
}

.filter-category-item:last-child {
  margin-bottom: 0;
}

.filter-category-item:hover {
  border-color: #EF233C;
  background: rgba(239, 35, 60, 0.02);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(239, 35, 60, 0.15);
}

.filter-category-item:hover::before {
  left: 100%;
}

.filter-category-item:hover .category-icon {
  background: rgba(239, 35, 60, 0.1);
}

.filter-category-item:hover .category-icon i {
  color: #EF233C;
  transform: scale(1.1);
}

.filter-category-item.category-active {
  background: linear-gradient(135deg, #EF233C, #D90429);
  border-color: #EF233C;
  color: white;
  box-shadow: 0 6px 20px rgba(239, 35, 60, 0.3);
}

.filter-category-item.category-active .category-icon {
  background: rgba(255, 255, 255, 0.2);
}

.filter-category-item.category-active .category-icon i {
  color: white;
}

.filter-category-item.category-active .category-count {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}

.filter-category-item.category-pulse {
  animation: categoryPulse 0.6s ease;
}

.category-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
  background: rgba(239, 35, 60, 0.05);
  border-radius: 10px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.category-icon i {
  font-size: 1.125rem;
  color: #EF233C;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.category-name {
  flex: 1 1;
  font-size: 0.9rem;
  font-weight: 600;
  color: #171717;
  transition: color 0.3s ease;
  letter-spacing: -0.025em;
}

.category-count {
  font-size: 0.8rem;
  font-weight: 700;
  color: #718096;
  background: rgba(239, 35, 60, 0.1);
  padding: 0.375rem 0.75rem;
  border-radius: 20px;
  min-width: 2rem;
  text-align: center;
  transition: all 0.3s ease;
}

.filter-price-inputs {
  display: flex;
  align-items: end;
  gap: 1rem;
  padding: 0 1.75rem;
  margin-bottom: 1.5rem;
}

.price-input-group {
  flex: 1 1;
}

.price-input-label {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  color: #4a5568;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.price-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.price-input {
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #171717;
  background: #FEFEFE;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.price-input:focus {
  outline: none;
  border-color: #EF233C;
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.1);
  background: rgba(239, 35, 60, 0.02);
}

.price-input::placeholder {
  color: #718096;
  font-weight: 500;
}

.price-currency {
  position: absolute;
  right: 1rem;
  color: #EF233C;
  font-size: 0.9rem;
  font-weight: 700;
  pointer-events: none;
}

.price-separator {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #718096;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.price-apply-btn {
  width: calc(100% - 3.5rem);
  margin: 0 1.75rem 1.5rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, #EF233C, #D90429);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  box-shadow: 0 4px 16px rgba(239, 35, 60, 0.3);
}

.price-apply-btn:hover {
  background: linear-gradient(135deg, #D90429, rgb(166.9230769231, 3.0769230769, 31.5384615385));
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(239, 35, 60, 0.4);
}

.price-apply-btn:active {
  transform: translateY(0);
}

.price-apply-btn i {
  font-size: 1rem;
}

.price-quick-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0 1.75rem 1.5rem;
}

.price-quick-btn {
  padding: 0.75rem 1rem;
  background: rgba(239, 35, 60, 0.05);
  color: #EF233C;
  border: 2px solid rgba(239, 35, 60, 0.2);
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}

.price-quick-btn:hover {
  background: #EF233C;
  border-color: #EF233C;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(239, 35, 60, 0.3);
}

.price-quick-btn:active {
  transform: translateY(0);
}

.modern-filter-header {
  background: #FEFEFE;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(23, 23, 23, 0.08);
  margin-bottom: 2rem;
  overflow: visible;
  border: 1px solid #f7fafc;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  z-index: 50;
}

.filter-header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  flex-wrap: wrap;
  gap: 1.5rem;
  min-height: 80px;
}

@media (max-width: 767px) {
  .filter-header-main {
    flex-direction: column;
    align-items: stretch;
    padding: 1.25rem 1.5rem;
    gap: 1rem;
    min-height: auto;
  }
}
@media (max-width: 479px) {
  .filter-header-main {
    padding: 1rem;
    gap: 0.75rem;
  }
}
.filter-header-mobile {
  display: none;
  align-items: center;
  width: 100%;
}

@media (max-width: 1023px) {
  .filter-header-mobile {
    display: flex;
  }
}
.filter-mobile-toggle {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, #EF233C, #D90429);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 16px rgba(239, 35, 60, 0.3);
  width: 100%;
  justify-content: center;
}

.filter-mobile-toggle:hover {
  background: linear-gradient(135deg, #D90429, rgb(166.9230769231, 3.0769230769, 31.5384615385));
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(239, 35, 60, 0.4);
}

.filter-mobile-toggle:active {
  transform: translateY(0);
}

.filter-mobile-toggle i {
  font-size: 1.125rem;
}

.filter-header-info {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .filter-header-info {
    width: 100%;
    justify-content: flex-start;
    order: 1;
  }
}
.filter-results-count {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.count-main {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: #171717;
  margin-bottom: 0.25rem;
  letter-spacing: -0.025em;
}

.count-main i {
  color: #EF233C;
  margin-right: 0.75rem;
  font-size: 1.375rem;
}

.count-sub {
  font-size: 0.875rem;
  color: #4a5568;
  margin-left: 2rem;
  font-weight: 500;
}

.filter-header-controls {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .filter-header-controls {
    width: 100%;
    justify-content: space-between;
    gap: 1rem;
    order: 2;
  }
}
@media (max-width: 479px) {
  .filter-header-controls {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
}
.sort-control-group {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}

.sort-control-label {
  font-size: 0.9rem;
  font-weight: 700;
  color: #4a5568;
  white-space: nowrap;
  letter-spacing: -0.025em;
}

@media (max-width: 479px) {
  .sort-control-label {
    display: none;
  }
}
.sort-dropdown-wrapper {
  position: relative;
  min-width: 220px;
  flex-shrink: 0;
  z-index: 10;
}

@media (max-width: 767px) {
  .sort-dropdown-wrapper {
    min-width: 200px;
  }
}
@media (max-width: 479px) {
  .sort-dropdown-wrapper {
    min-width: auto;
    width: 100%;
  }
}
.sort-dropdown-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  background: #FEFEFE;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sort-dropdown-trigger:hover {
  border-color: #EF233C;
  box-shadow: 0 4px 16px rgba(239, 35, 60, 0.15);
  background: rgba(239, 35, 60, 0.02);
}

.sort-dropdown-trigger.dropdown-active {
  border-color: #EF233C;
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.1);
  background: rgba(239, 35, 60, 0.02);
}

.sort-dropdown-trigger.dropdown-active .sort-dropdown-icon {
  transform: rotate(180deg);
  color: #EF233C;
}

.sort-selected-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.sort-selected-content i {
  color: #EF233C;
  font-size: 1rem;
}

.sort-selected-text {
  font-size: 0.9rem;
  font-weight: 600;
  color: #171717;
  letter-spacing: -0.025em;
}

.sort-dropdown-icon {
  color: #718096;
  font-size: 0.875rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sort-dropdown-panel {
  position: absolute;
  top: calc(100% + 0.75rem);
  left: 0;
  right: 0;
  background: #FEFEFE;
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(23, 23, 23, 0.15);
  z-index: 700;
  overflow: hidden;
  animation: dropdownFadeIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 767px) {
  .sort-dropdown-panel {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 16px 16px 0 0;
    max-height: 80vh;
    overflow-y: auto;
  }
}
.sort-dropdown-header {
  padding: 1rem 1.25rem;
  background: rgba(239, 35, 60, 0.05);
  border-bottom: 1px solid #e2e8f0;
  font-size: 0.8rem;
  font-weight: 700;
  color: #4a5568;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.sort-dropdown-options {
  max-height: 320px;
  overflow-y: auto;
}

.sort-option-item {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1rem 1.25rem;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: left;
  position: relative;
}

.sort-option-item:hover {
  background: rgba(239, 35, 60, 0.05);
}

.sort-option-item:hover .option-icon i {
  color: #EF233C;
  transform: scale(1.1);
}

.sort-option-item.option-active {
  background: rgba(239, 35, 60, 0.1);
}

.sort-option-item.option-active .option-icon i {
  color: #EF233C;
}

.sort-option-item.option-active .option-label {
  color: #EF233C;
  font-weight: 700;
}

.sort-option-item.option-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #EF233C;
}

.option-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
  background: rgba(239, 35, 60, 0.05);
  border-radius: 10px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.option-icon i {
  font-size: 1rem;
  color: #718096;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.option-content {
  flex: 1 1;
}

.option-label {
  font-size: 0.9rem;
  font-weight: 600;
  color: #171717;
  margin-bottom: 0.25rem;
  transition: all 0.3s ease;
  letter-spacing: -0.025em;
}

.option-description {
  font-size: 0.8rem;
  color: #4a5568;
  line-height: 1.4;
  font-weight: 500;
}

.option-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
}

.option-check i {
  font-size: 0.875rem;
  color: #EF233C;
}

.filter-header-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0 2rem 1.5rem;
}

@media (max-width: 767px) {
  .filter-header-tags {
    padding: 0 1.5rem 1.25rem;
  }
}
.filter-tag {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(239, 35, 60, 0.1);
  color: #EF233C;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  border: 2px solid rgba(239, 35, 60, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.filter-tag:hover {
  background: rgba(239, 35, 60, 0.15);
  border-color: rgba(239, 35, 60, 0.3);
  transform: translateY(-1px);
}

.filter-tag i {
  font-size: 0.875rem;
}

.filter-tag-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  background: rgba(239, 35, 60, 0.2);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: #EF233C;
}

.filter-tag-remove:hover {
  background: #EF233C;
  color: white;
  transform: scale(1.1);
}

.filter-tag-remove i {
  font-size: 0.75rem;
}

@keyframes categoryPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 8px 24px rgba(239, 35, 60, 0.3);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes overlayFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.product-card {
  position: relative;
  background: #FEFEFE;
  border-radius: 16px;
  overflow: visible;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 20px rgba(23, 23, 23, 0.08);
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #f7fafc;
}

.product-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(23, 23, 23, 0.15);
  border-color: rgba(239, 35, 60, 0.2);
}

.product-card:hover .product-card__add-to-cart {
  transform: translateY(0) !important;
  opacity: 1 !important;
}

.product-card:hover .product-card__image--hover {
  opacity: 1;
}

.product-card:hover .product-card__image--main {
  transform: scale(1.05);
}

@media (min-width: 1200px) {
  .product-card--compact .product-card__info {
    padding: 1.25rem;
  }
  .product-card--compact .product-card__title {
    font-size: 0.95rem;
    line-height: 1.4;
    margin-bottom: 0.875rem;
  }
  .product-card--compact .product-card__price {
    font-size: 0.95rem;
    margin-bottom: 0.875rem;
  }
  .product-card--compact .product-card__current-price {
    font-size: 1.125rem;
    font-weight: 700;
  }
  .product-card--compact .product-card__old-price {
    font-size: 0.875rem;
  }
  .product-card--compact .product-card__add-to-cart {
    padding: 0.875rem 1.25rem;
    font-size: 0.875rem;
  }
  .product-card--compact .product-card__add-to-cart .product-card__add-to-cart-text {
    display: inline;
  }
  .product-card--compact .product-card__actions {
    gap: 0.75rem;
  }
  .product-card--compact .product-card__actions .product-card__action-btn {
    width: 40px;
    height: 40px;
    font-size: 0.9rem;
  }
}
@media (min-width: 1400px) {
  .product-card--compact .product-card__info {
    padding: 1.5rem;
  }
  .product-card--compact .product-card__title {
    font-size: 1rem;
    line-height: 1.4;
  }
  .product-card--compact .product-card__price {
    font-size: 1rem;
  }
  .product-card--compact .product-card__current-price {
    font-size: 1.25rem;
  }
  .product-card--compact .product-card__old-price {
    font-size: 0.9rem;
  }
  .product-card--compact .product-card__add-to-cart {
    padding: 1rem 1.5rem;
    font-size: 0.9rem;
  }
  .product-card--compact .product-card__add-to-cart .product-card__add-to-cart-text {
    display: inline;
  }
  .product-card--compact .product-card__actions {
    gap: 1rem;
  }
  .product-card--compact .product-card__actions .product-card__action-btn {
    width: 44px;
    height: 44px;
    font-size: 1rem;
  }
}
.product-card--added-to-cart {
  animation: addToCartPulse 1s ease-in-out;
  position: relative;
}

.product-card--added-to-cart .product-card__add-to-cart {
  background: linear-gradient(135deg, #059669, #047857) !important;
  transform: scale(1.05);
}

.product-card__image-container {
  position: relative;
  overflow: hidden;
  background: #f7fafc;
  border-radius: 16px 16px 0 0;
}

.product-card__image-container .product-card__image-link {
  display: block;
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.product-card__image-container .product-card__image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.product-card__image-container .product-card__image-wrapper .product-card__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f8f9fa;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-card__image-container .product-card__image-wrapper .product-card__image--main {
  position: relative;
  z-index: 1;
}

.product-card__image-container .product-card__image-wrapper .product-card__image--hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.product-card__image-container .product-card__image-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #f7fafc 25%, #e2e8f0 50%, #f7fafc 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  z-index: 0;
}

.product-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
}

.product-card__badge--discount .product-card__badge-text {
  display: inline-block;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  color: white;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

.product-card__badge--status .product-card__badge-text {
  display: inline-block;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.product-card__badge--status .product-card__badge-text--new {
  background: linear-gradient(135deg, #059669, #047857);
  color: white;
}

.product-card__badge--status .product-card__badge-text--sale {
  background: linear-gradient(135deg, #EF233C, #D90429);
  color: white;
}

.product-card__badge--status .product-card__badge-text--limited {
  background: linear-gradient(135deg, #7c3aed, #5b21b6);
  color: white;
}

.product-card__actions {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 3;
  pointer-events: none;
}

@media (max-width: 767px) {
  .product-card__actions {
    pointer-events: auto;
  }
}
.product-card__action-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 2px solid rgba(239, 35, 60, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #171717;
  position: relative;
  box-shadow: 0 2px 8px rgba(23, 23, 23, 0.1);
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  pointer-events: none;
}

@media (max-width: 767px) {
  .product-card__action-btn {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
  }
}
.product-card__action-btn:hover {
  background: #EF233C;
  border-color: #EF233C;
  color: white;
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(239, 35, 60, 0.4);
}

.product-card__action-btn:hover .product-card__tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-8px);
}

.product-card__action-btn--active {
  background: #EF233C;
  border-color: #EF233C;
  color: white;
}

.product-card__action-btn--active i {
  color: white;
}

.product-card__action-btn i {
  font-size: 16px;
  transition: transform 0.3s ease;
}

.product-card__action-btn:hover i {
  transform: scale(1.2);
}

/* Card Hover state - CSS tarafından kontrol edilen davranışlar */
.product-card:hover .product-card__actions {
  pointer-events: auto;
}

.product-card:hover .product-card__action-btn {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.product-card:hover .product-card__action-btn:nth-child(1) {
  transition-delay: 0.1s;
}

.product-card:hover .product-card__action-btn:nth-child(2) {
  transition-delay: 0.2s;
}

.product-card__tooltip {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  background: rgba(23, 23, 23, 0.9);
  color: white;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  margin-right: 8px;
  pointer-events: none;
}

.product-card__tooltip::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-left: 6px solid rgba(23, 23, 23, 0.9);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.product-card__add-to-cart {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 52px;
  background: linear-gradient(135deg, #EF233C, #D90429);
  color: white;
  border: none;
  border-radius: 0 0 16px 16px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); /* Daha yumuşak geçiş */
  z-index: 4;
  box-shadow: 0 -4px 12px rgba(239, 35, 60, 0.2);
}

@media (max-width: 767px) {
  .product-card__add-to-cart {
    position: relative;
    transform: translateY(0);
    opacity: 1;
    margin-top: auto;
  }
}
.product-card__add-to-cart:hover {
  background: linear-gradient(135deg, #D90429, rgb(166.9230769231, 3.0769230769, 31.5384615385));
  transform: translateY(0) scale(1.02);
  box-shadow: 0 4px 20px rgba(239, 35, 60, 0.4);
}

.product-card__add-to-cart:focus {
  outline: 2px solid #EF233C;
  outline-offset: 2px;
}

.product-card__add-to-cart:active {
  transform: translateY(0) scale(0.98);
}

.product-card__add-to-cart i {
  font-size: 16px;
  margin-right: 4px;
}

.product-card__add-to-cart .product-card__add-to-cart-text {
  font-weight: 700;
}

@media (max-width: 479px) {
  .product-card__add-to-cart .product-card__add-to-cart-text {
    display: none;
  }
}
@media (min-width: 1200px) {
  .product-card--compact .product-card__add-to-cart {
    height: 44px;
    font-size: 12px;
  }
  .product-card--compact .product-card__add-to-cart i {
    font-size: 14px;
    margin-right: 2px;
  }
  .product-card--compact .product-card__add-to-cart .product-card__add-to-cart-text {
    display: none;
  }
}
@media (min-width: 1400px) {
  .product-card--compact .product-card__add-to-cart {
    height: 48px;
    font-size: 13px;
  }
  .product-card--compact .product-card__add-to-cart i {
    font-size: 15px;
    margin-right: 4px;
  }
  .product-card--compact .product-card__add-to-cart .product-card__add-to-cart-text {
    display: inline;
  }
}
.product-card__info {
  padding: 1.25rem;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-card__title-link {
  text-decoration: none;
  color: inherit;
}

.product-card__title-link:hover .product-card__title {
  color: #EF233C;
}

.product-card__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: #171717;
  margin: 0 0 0.75rem 0;
  transition: color 0.3s ease;
  letter-spacing: -0.025em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 2.8rem;
}

.product-card__price {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0.75rem;
}

.product-card__current-price {
  font-size: 1.25rem;
  font-weight: 700;
  color: #EF233C;
  letter-spacing: -0.025em;
}

.product-card__old-price {
  font-size: 1rem;
  color: #718096;
  text-decoration: line-through;
  font-weight: 500;
}

.product-card__colors {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
}

.product-card__color-option {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid transparent;
  background: white;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(23, 23, 23, 0.1);
}

.product-card__color-option:hover {
  border-color: #EF233C;
  transform: scale(1.15);
  box-shadow: 0 4px 12px rgba(239, 35, 60, 0.3);
}

.product-card__color-option--active {
  border-color: #EF233C;
  box-shadow: 0 0 0 3px rgba(239, 35, 60, 0.2);
}

.product-card__color-preview {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid rgba(23, 23, 23, 0.1);
}

.product-card__color-count {
  font-size: 12px;
  color: #718096;
  font-weight: 600;
  margin-left: 6px;
}

.empty-products-state {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 2rem;
  width: 100%;
}

@media (max-width: 479px) {
  .empty-products-state {
    min-height: 300px;
    padding: 1.5rem;
  }
}
.empty-state-container {
  text-align: center;
  max-width: 500px;
  width: 100%;
  padding: 2rem;
  background: #FEFEFE;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
}

@media (max-width: 479px) {
  .empty-state-container {
    padding: 1.5rem;
    max-width: 100%;
  }
}
.empty-state-container .empty-state-icon {
  margin-bottom: 1.5rem;
}

.empty-state-container .empty-state-icon i {
  font-size: 4rem;
  color: #718096;
}

@media (max-width: 479px) {
  .empty-state-container .empty-state-icon i {
    font-size: 3rem;
  }
}
.empty-state-container .empty-state-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

@media (max-width: 479px) {
  .empty-state-container .empty-state-title {
    font-size: 1.25rem;
  }
}
.empty-state-container .empty-state-description {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}

@media (max-width: 479px) {
  .empty-state-container .empty-state-description {
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
  }
}
.products-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(254, 254, 254, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.products-loading-overlay .loading-spinner {
  text-align: center;
}

.products-loading-overlay .loading-spinner .spinner-ring {
  width: 50px;
  height: 50px;
  border: 4px solid #e2e8f0;
  border-top: 4px solid #EF233C;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 1rem;
}

.products-loading-overlay .loading-spinner .loading-text {
  font-size: 0.9rem;
  font-weight: 600;
  color: #4a5568;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.pagination-wrapper {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 479px) {
  .pagination-wrapper {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}
.pagination-wrapper nav {
  display: flex;
  justify-content: center;
  width: 100%;
}

.pagination-wrapper .pagination {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

@media (max-width: 479px) {
  .pagination-wrapper .pagination {
    gap: 0.25rem;
  }
}
.pagination-wrapper .page-item {
  margin: 0;
}

.pagination-wrapper .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 479px) {
  .pagination-wrapper .page-item .page-link {
    min-width: 40px;
    height: 40px;
    font-size: 0.85rem;
  }
}
.pagination-wrapper .page-item .page-link:hover {
  border-color: #EF233C;
  transform: translateY(-2px);
}

.pagination-wrapper .page-item .page-link:focus {
  box-shadow: 0 0 0 3px rgba(239, 35, 60, 0.2);
  outline: none;
}

.pagination-wrapper .page-item.active .page-link {
  background: #EF233C;
  border-color: #EF233C;
  color: white;
}

.pagination-wrapper .page-item.disabled .page-link {
  opacity: 0.5;
  cursor: not-allowed;
}

.pagination-wrapper .page-item.disabled .page-link:hover {
  transform: none;
  border-color: #e2e8f0;
}

@keyframes loading {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes addToCartPulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(239, 35, 60, 0.7);
    z-index: 10;
  }
  25% {
    transform: scale(1.05);
    box-shadow: 0 0 0 8px rgba(239, 35, 60, 0.4);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 0 15px rgba(239, 35, 60, 0.2);
    z-index: 10;
  }
  75% {
    transform: scale(1.05);
    box-shadow: 0 0 0 8px rgba(239, 35, 60, 0.1);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(239, 35, 60, 0);
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .product-card--compact .product-card__title {
    font-size: 1rem;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    min-height: 4.2rem;
  }
  .product-card--compact .product-card__price {
    font-size: 1rem;
  }
  .product-card--compact .product-card__current-price {
    font-size: 1.25rem;
  }
  .product-card--compact .product-card__add-to-cart {
    padding: 1rem 1.25rem;
    font-size: 0.9rem;
  }
  .product-card--compact .product-card__actions .product-card__action-btn {
    width: 44px;
    height: 44px;
    font-size: 1rem;
  }
  .product-card--compact .product-card__info {
    padding: 1.25rem;
  }
}
.retry-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: #EF233C;
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 1.5rem;
  text-decoration: none;
  letter-spacing: -0.025em;
}

.retry-btn i {
  font-size: 1.1rem;
  color: white;
}

.retry-btn:hover {
  background: rgb(207.8813559322, 15.1186440678, 38.7415254237);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(239, 35, 60, 0.4);
  color: white;
}

.retry-btn:active {
  transform: translateY(0);
  box-shadow: 0 4px 15px rgba(239, 35, 60, 0.3);
}

.retry-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.2);
}

.empty-state-suggestions h4, .empty-state-suggestions .h4 {
  color: #171717;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 1rem;
  letter-spacing: -0.025em;
}

.empty-state-suggestions ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.empty-state-suggestions ul li {
  position: relative;
  padding: 0.75rem 0;
  padding-left: 2rem;
  color: #4a5568;
  font-size: 0.95rem;
  line-height: 1.5;
  border-bottom: 1px solid rgba(226, 232, 240, 0.5);
}

.empty-state-suggestions ul li:before {
  content: "→";
  position: absolute;
  left: 0;
  color: #EF233C;
  font-weight: bold;
  font-size: 1.1rem;
}

.empty-state-suggestions ul li:last-child {
  border-bottom: none;
}

.empty-state-container .empty-state-title {
  color: #171717;
}

.empty-state-container .empty-state-description {
  color: #4a5568;
}

.empty-state-container[data-error=true] .empty-state-icon i {
  color: #dc3545;
}

.empty-state-container[data-error=true] .empty-state-title {
  color: #dc3545;
}

@media (hover: none) {
  .filter-category-item:hover {
    border-color: #e2e8f0;
    background: #FEFEFE;
    transform: none;
    box-shadow: none;
  }
  .filter-category-item:hover::before {
    left: -100%;
  }
  .filter-category-item:hover .category-icon {
    background: rgba(239, 35, 60, 0.05);
  }
  .filter-category-item:hover .category-icon i {
    color: #EF233C;
    transform: none;
  }
}
@media (max-width: 767px) {
  .filter-header-main {
    flex-direction: row !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 1rem 0.75rem;
  }
  .filter-header-mobile {
    flex: 0 0 100%;
    order: 1;
  }
  .filter-header-info {
    flex: 1 1 auto;
    order: 2;
    justify-content: flex-start;
  }
  .filter-header-controls {
    flex: 1 1 auto;
    order: 2;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
  }
  .sort-control-group {
    width: auto;
  }
  .sort-dropdown-wrapper {
    min-width: 140px;
  }
  .count-main {
    font-size: 1.1rem;
  }
  .count-sub {
    font-size: 0.75rem;
    margin-left: 1rem;
  }
}
@media (max-width: 479px) {
  .filter-header-main {
    padding: 0.75rem 0.5rem;
    gap: 0.5rem;
  }
}
@media (max-width: 767px) {
  .filter-header-controls {
    order: 1;
  }
  .filter-header-info {
    order: 2;
  }
  .sort-dropdown-trigger {
    border: 1px solid #EF233C;
  }
}
@media (max-width: 767px) {
  .filter-section-content.section-open {
    max-height: none;
  }
  .filter-sidebar-content {
    padding-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .filter-tag {
    padding: 0.4rem 0.75rem;
    border-radius: 30px;
    font-size: 0.75rem;
    background: rgba(239, 35, 60, 0.05);
    gap: 0.4rem;
    border: 1px solid rgba(239, 35, 60, 0.1);
    margin-bottom: 0.5rem;
    box-shadow: 0 2px 8px rgba(23, 23, 23, 0.05);
    color: #4a5568;
    font-weight: 500;
  }
  .filter-tag i {
    font-size: 0.8rem;
    color: #4a5568;
  }
  .filter-tag-remove {
    width: 1.25rem;
    height: 1.25rem;
    background: rgba(239, 35, 60, 0.15);
    color: #4a5568;
  }
  .filter-tag-remove i {
    font-size: 0.7rem;
  }
  .filter-tag-remove:hover {
    background: rgba(113, 128, 150, 0.3);
    color: #171717;
  }
  .filter-header-tags {
    gap: 0.5rem;
    padding: 0.5rem 1rem 1rem;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .modern-filter-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
  }
  /* Keep header main content flexible */
  .filter-header-main {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* Info (product counter) */
  .filter-header-info {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
  }
  /* Selected filter tags */
  .filter-header-tags {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 0.5rem;
    margin: 0; /* remove extra top/bottom spacing */
  }
  .filter-tag {
    background: rgba(239, 35, 60, 0.1);
    border: 1px solid rgba(239, 35, 60, 0.2);
    color: #EF233C;
    font-weight: 600;
    padding: 0.4rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
  }
  .filter-tag-remove {
    background: transparent;
    color: inherit;
  }
}
@media (max-width: 767px) {
  .modern-filter-header {
    display: block;
  }
  .filter-info-tags-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0 1rem 1rem;
    flex-wrap: wrap;
  }
  .filter-header-info {
    flex: 0 0 auto;
    width: auto;
  }
  .filter-header-tags {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) and (max-width: 359px) {
  .filter-info-tags-row {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .filter-tag {
    background: rgba(239, 35, 60, 0.12);
    border: 1px solid rgba(239, 35, 60, 0.25);
    color: #EF233C;
  }
}
.filter-tag {
  background: rgba(239, 35, 60, 0.15) !important;
  border: 1px solid rgba(239, 35, 60, 0.3) !important;
  color: #EF233C !important;
}

.filter-mobile-toggle,
.price-apply-btn,
.sort-dropdown-trigger,
.price-quick-btn,
.filter-clear-btn {
  padding: clamp(0.75rem, 0.6rem + 1vw - 3.2px, 1.1rem);
  font-size: clamp(0.8rem, 0.68rem + 0.5vw, 1rem);
}

@media (min-width: 480px) and (max-width: 767px) {
  /* Make the whole control row occupy full width */
  .filter-header-controls {
    flex: 0 0 100%;
    justify-content: flex-start;
  }
  /* Stretch sort dropdown to full row just like the mobile filter button */
  .sort-dropdown-wrapper {
    width: 100%;
  }
  /* Balance product counter and active tag container */
  .filter-info-tags-row {
    justify-content: space-between;
  }
  .filter-header-info,
  .filter-header-tags {
    flex: 0 0 48%;
  }
}
.sticky,
.header-main1,
.header-main-content-wrapper {
  overflow: visible !important;
}

.header-area {
  position: relative;
  z-index: 99999 !important;
}

.sidebar-column.sidebar-mobile-open {
  z-index: 950;
}

.filter-mobile-overlay {
  z-index: 900;
}

@media (min-width: 768px) and (max-width: 991px) {
  .shop-full-five__products-grid .row > [class*=col-] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .shop-full-five__products-grid .row > .col-md-4 {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
  }
}
@media (max-width: 767px) {
  .shop-details-area .row {
    flex-direction: column !important;
  }
  .shop-details-area .col-lg-6 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .product-details-tab-wrapper,
  .product-side-info {
    padding: 0 0 20px 0 !important;
    margin-bottom: 20px !important;
  }
  .product-name,
  .product-price {
    font-size: 20px !important;
  }
  .product-quantity-cart,
  .prodcut_category_brand {
    padding: 15px !important;
  }
  .modern-add-to-cart-btn,
  .cart-input,
  .cart-minus,
  .cart-plus {
    width: 100% !important;
    min-width: 0 !important;
  }
  .product_block_info {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .product-details-nav .nav-tabs {
    flex-direction: column !important;
  }
  .nav-item.nav-link {
    width: 100% !important;
    text-align: left !important;
  }
  .image-gallery,
  .main-image-container,
  .main-image-wrapper {
    max-width: 100% !important;
  }
  .thumbnail-slider {
    box-shadow: none !important;
    border: none !important;
    background: #fff !important;
    margin: 0 auto 10px auto !important;
  }
  .slider-wrapper {
    gap: 4px !important;
  }
  .slide {
    padding: 2px !important;
  }
  .thumbnail {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
  }
  .nav-arrow, .slider-nav {
    width: 28px !important;
    height: 28px !important;
    font-size: 11px !important;
  }
  .main-image-wrapper {
    aspect-ratio: 1.1 !important;
    min-height: 180px !important;
  }
  .product-quantity-cart {
    padding: 10px 5px !important;
    border-radius: 10px !important;
  }
  .product-quantity-form {
    max-width: 180px !important;
    margin: 0 auto 10px auto !important;
  }
  .cart-input {
    font-size: 18px !important;
    height: 40px !important;
  }
  .modern-add-to-cart-btn {
    width: 100% !important;
    font-size: 15px !important;
    padding: 12px 0 !important;
  }
  .mobile-sticky-actions {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    padding: 8px 12px !important;
  }
  .mobile-add-to-cart-sticky {
    width: 20% !important;
    font-size: 16px !important;
    padding: 12px 0 !important;
    border-radius: 8px !important;
  }
  .mobile-add-to-cart-sticky.success, .modern-add-to-cart-btn.success {
    background: #62C48F !important;
    color: #fff !important;
  }
  .mobile-add-to-cart-sticky.success i, .modern-add-to-cart-btn.success i {
    color: #fff !important;
  }
}
.product-details-nav .nav-tabs {
  justify-content: center;
  gap: 32px;
}

.product-details-nav .nav-item.nav-link {
  font-size: 18px;
  font-weight: 600;
  padding: 18px 32px;
  border-radius: 12px 12px 0 0;
  background: #f8f9fa;
  color: #666;
  margin-bottom: -1px;
  transition: all 0.2s;
}

.product-details-nav .nav-item.nav-link.active,
.product-details-nav .nav-item.nav-link.show {
  background: #fff;
  color: #EF233C;
  border-bottom: 3px solid #EF233C;
  box-shadow: 0 4px 16px rgba(239, 35, 60, 0.04);
}

.product-details-content {
  background: #fff;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
  padding: 32px 40px;
  margin-bottom: 32px;
  min-height: 180px;
}

.related_product_empty,
.no-related-product-message,
h3.no-related-product-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  color: #999;
  font-size: 20px;
  font-weight: 500;
  background: #f8f9fa;
  border-radius: 12px;
  margin: 32px 0;
  text-align: center;
  gap: 12px;
}

.related_product_empty i, .no-related-product-message i, h3.no-related-product-message i {
  font-size: 36px;
  color: #EF233C;
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .product-details-nav .nav-tabs {
    gap: 8px;
  }
  .product-details-nav .nav-item.nav-link {
    font-size: 15px;
    padding: 12px 8px;
    border-radius: 8px 8px 0 0;
  }
  .product-details-content {
    padding: 16px 8px;
    margin-bottom: 18px;
    min-height: 100px;
  }
  .related_product_empty,
  .no-related-product-message,
  h3.no-related-product-message {
    font-size: 15px;
    min-height: 80px;
    margin: 16px 0;
    border-radius: 8px;
    padding: 12px 4px;
  }
  .related_product_empty i, .no-related-product-message i, h3.no-related-product-message i {
    font-size: 28px;
    margin-bottom: 4px;
  }
}
/*----------------------------------------
    FAQ CSS - Modern Redesign
----------------------------------------*/
:root {
  --spacing-xs: clamp(0.5rem, 2vw, 1rem);
  --spacing-sm: clamp(1rem, 3vw, 1.5rem);
  --spacing-md: clamp(1.5rem, 4vw, 2.5rem);
  --spacing-lg: clamp(2rem, 5vw, 4rem);
  --spacing-xl: clamp(3rem, 6vw, 6.25rem);
}

.faq-section {
  padding: var(--spacing-xl) 0;
  background: var(--clr-bg-gray);
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq-section {
    padding: var(--spacing-lg) 0;
  }
}
.section-decoration {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
}

.section-decoration .decoration-shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.5;
}

.section-decoration .decoration-shape.shape-1 {
  width: 500px;
  height: 500px;
  background: rgba(255, 102, 0, 0.05);
  top: 10%;
  right: -10%;
  animation: float 20s ease-in-out infinite;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-decoration .decoration-shape.shape-1 {
    width: 300px;
    height: 300px;
  }
}
.section-decoration .decoration-shape.shape-2 {
  width: 400px;
  height: 400px;
  background: rgba(255, 102, 0, 0.03);
  bottom: 10%;
  left: -10%;
  animation: float 20s ease-in-out infinite reverse;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-decoration .decoration-shape.shape-2 {
    width: 250px;
    height: 250px;
  }
}
.section-decoration .decoration-pattern {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 5%;
  background-image: radial-gradient(circle, rgba(255, 102, 0, 0.08) 2px, transparent 2px);
  background-size: 25px 25px;
  opacity: 0.3;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-decoration .decoration-pattern {
    display: none;
  }
}
.faq-container {
  max-width: min(900px, 90vw);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.section-header {
  text-align: center;
  margin-bottom: clamp(40px, 6vw, 60px);
}

.section-header .header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  border-radius: 25px;
  margin-bottom: 20px;
}

.section-header .header-badge i {
  font-size: 14px;
}

.section-header .section-title {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  color: var(--clr-common-heading);
  margin-bottom: 16px;
  line-height: 1.2;
}

.section-header .section-title .highlight {
  color: var(--clr-theme-3);
  position: relative;
}

.section-header .section-title .highlight::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--clr-theme-3);
  opacity: 0.3;
  border-radius: 2px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-header .section-title {
    font-size: clamp(28px, 4.5vw, 36px);
  }
}
.section-header .section-subtitle {
  font-size: clamp(16px, 2vw, 18px);
  color: var(--clr-common-text);
  max-width: min(600px, 90vw);
  margin: 0 auto;
  line-height: 1.6;
  opacity: 0.9;
}

.faq-tabs {
  display: flex;
  justify-content: center;
  gap: clamp(12px, 2vw, 16px);
  margin-bottom: clamp(30px, 4vw, 40px);
  flex-wrap: wrap;
}

.faq-tabs .tab-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: clamp(10px, 1.5vw, 12px) clamp(20px, 3vw, 28px);
  background: var(--clr-common-white);
  border: 2px solid transparent;
  border-radius: 50px;
  font-size: clamp(14px, 1.8vw, 15px);
  font-weight: 500;
  color: var(--clr-common-text);
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.faq-tabs .tab-button i {
  font-size: 14px;
}

.faq-tabs .tab-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  border-color: rgba(239, 35, 60, 0.2);
}

.faq-tabs .tab-button.active {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  border-color: var(--clr-theme-3);
}

.faq-tabs .tab-button.active i {
  color: var(--clr-common-white);
}

.faq-accordion {
  margin-bottom: clamp(40px, 6vw, 60px);
}

.accordion-wrapper {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2.5vw, 20px);
}

.accordion-item {
  background: var(--clr-common-white);
  border-radius: 16px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 0.3s ease;
}

.accordion-item:hover {
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}

.accordion-item.active {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.accordion-item.active .accordion-header {
  background: rgba(255, 102, 0, 0.05);
  border-bottom: 1px solid rgba(239, 35, 60, 0.1);
}

.accordion-item.active .accordion-icon {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  transform: rotate(180deg);
}

.accordion-item.active .question-number {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
}

.accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: clamp(20px, 3vw, 28px);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: left;
}

.accordion-header:hover {
  background: rgba(255, 102, 0, 0.02);
}

.accordion-header .header-content {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2.5vw, 20px);
  flex: 1 1;
}

.accordion-header .header-content .question-number {
  width: 40px;
  height: 40px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(14px, 1.8vw, 16px);
  font-weight: 600;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

@media (max-width: 575px) {
  .accordion-header .header-content .question-number {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
}
.accordion-header .header-content .question-title {
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 600;
  color: var(--clr-common-heading);
  line-height: 1.4;
  margin: 0;
  flex: 1 1;
}

.accordion-header .accordion-icon {
  width: 36px;
  height: 36px;
  background: var(--clr-bg-gray);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-theme-3);
  font-size: 14px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

@media (max-width: 575px) {
  .accordion-header .accordion-icon {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }
}
.accordion-content {
  overflow: hidden;
}

.accordion-content .content-wrapper {
  padding: clamp(20px, 3vw, 28px);
  padding-top: 0;
}

.accordion-content .content-wrapper p {
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-text);
  line-height: 1.7;
  margin-bottom: 20px;
}

.accordion-content .content-wrapper .helpful-section {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid #e0e0e0;
}

.accordion-content .content-wrapper .helpful-section span {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-common-text);
}

.accordion-content .content-wrapper .helpful-section .helpful-buttons {
  display: flex;
  gap: 12px;
}

.accordion-content .content-wrapper .helpful-section .helpful-buttons .helpful-btn {
  width: 32px;
  height: 32px;
  background: var(--clr-bg-gray);
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.accordion-content .content-wrapper .helpful-section .helpful-buttons .helpful-btn:hover {
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  transform: scale(1.1);
}

.accordion-content .content-wrapper .helpful-section .helpful-buttons .helpful-btn:active {
  transform: scale(0.95);
}

.still-questions {
  margin-top: clamp(40px, 6vw, 60px);
}

.question-card {
  background: linear-gradient(135deg, var(--clr-theme-3) 0%, #ff8533 100%);
  border-radius: 20px;
  padding: clamp(30px, 5vw, 40px);
  display: flex;
  align-items: center;
  gap: clamp(20px, 3vw, 30px);
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}

.question-card::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  pointer-events: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .question-card {
    text-align: center;
    justify-content: center;
  }
}
.question-card .card-icon {
  width: 70px;
  height: 70px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-common-white);
  font-size: 30px;
  flex-shrink: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .question-card .card-icon {
    width: 60px;
    height: 60px;
    font-size: 26px;
  }
}
.question-card .card-content {
  flex: 1 1;
  color: var(--clr-common-white);
}

.question-card .card-content h4, .question-card .card-content .h4 {
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 600;
  margin-bottom: 8px;
}

.question-card .card-content p {
  font-size: clamp(15px, 2vw, 16px);
  opacity: 0.9;
  margin: 0;
}

.question-card .card-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: clamp(12px, 2vw, 14px) clamp(24px, 3.5vw, 32px);
  background: var(--clr-common-white);
  color: var(--clr-theme-3);
  border-radius: 50px;
  font-size: clamp(14px, 1.8vw, 15px);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}

.question-card .card-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.question-card .card-button:hover i {
  transform: translateX(3px);
}

.question-card .card-button i {
  font-size: 14px;
  transition: transform 0.3s ease;
}

.loading-skeleton .skeleton-header {
  width: 300px;
  height: 50px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 25px;
  margin: 0 auto 40px;
}

.loading-skeleton .skeleton-items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.loading-skeleton .skeleton-items .skeleton-item {
  height: 80px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 16px;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
:root {
  --spacing-xs: clamp(0.5rem, 2vw, 1rem);
  --spacing-sm: clamp(1rem, 3vw, 1.5rem);
  --spacing-md: clamp(1.5rem, 4vw, 2.5rem);
  --spacing-lg: clamp(2rem, 5vw, 4rem);
  --spacing-xl: clamp(3rem, 6vw, 6.25rem);
}

.register-section {
  padding: var(--spacing-xl) 0;
  background: var(--clr-bg-gray);
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.register-section::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -10%;
  width: 450px;
  height: 450px;
  background: rgba(239, 35, 60, 0.05);
  border-radius: 50%;
  filter: blur(100px);
  z-index: 0;
}

.register-section::after {
  content: "";
  position: absolute;
  bottom: -20%;
  left: -10%;
  width: 350px;
  height: 350px;
  background: rgba(239, 35, 60, 0.03);
  border-radius: 50%;
  filter: blur(80px);
  z-index: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .register-section::before {
    width: 350px;
    height: 350px;
  }
  .register-section::after {
    width: 250px;
    height: 250px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .register-section {
    padding: var(--spacing-lg) 0;
  }
  .register-section::before, .register-section::after {
    display: none;
  }
}
.register-container {
  max-width: min(900px, 95vw);
  margin: 0 auto;
  padding: 0 var(--spacing-sm);
  position: relative;
  z-index: 1;
}

.register-header {
  text-align: center;
  margin-bottom: clamp(40px, 6vw, 60px);
}

.register-header .header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  border-radius: 25px;
  margin-bottom: 20px;
  animation: fadeInDown 0.6s ease;
}

.register-header .header-badge i {
  font-size: 16px;
}

.register-header h1, .register-header .h1 {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  color: var(--clr-common-heading);
  margin-bottom: 16px;
  line-height: 1.2;
  animation: fadeInUp 0.6s ease;
}

.register-header h1 .highlight, .register-header .h1 .highlight {
  color: var(--clr-theme-3);
  position: relative;
  display: inline-block;
}

.register-header h1 .highlight::after, .register-header .h1 .highlight::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--clr-theme-3);
  opacity: 0.3;
  border-radius: 2px;
}

.register-header p {
  font-size: clamp(16px, 2vw, 18px);
  color: var(--clr-common-text);
  max-width: min(600px, 90vw);
  margin: 0 auto;
  line-height: 1.6;
  animation: fadeInUp 0.6s ease 0.1s both;
}

.form-progress {
  max-width: 700px;
  margin: 0 auto clamp(40px, 6vw, 60px);
  animation: fadeInUp 0.6s ease 0.2s both;
}

.form-progress .progress-wrapper {
  background: var(--clr-common-white);
  padding: clamp(20px, 3vw, 30px);
  border-radius: 16px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
}

.form-progress .progress-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 20px;
}

.form-progress .progress-steps::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  height: 2px;
  background: #e0e0e0;
  z-index: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-progress .progress-steps {
    display: none;
  }
}
.form-progress .step {
  position: relative;
  z-index: 1;
  text-align: center;
  flex: 1 1;
}

.form-progress .step .step-number {
  width: 30px;
  height: 30px;
  background: #e0e0e0;
  color: var(--clr-common-text);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.form-progress .step .step-label {
  font-size: clamp(12px, 1.5vw, 14px);
  color: var(--clr-common-text);
  font-weight: 500;
  white-space: nowrap;
}

.form-progress .step.active .step-number {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  box-shadow: 0 4px 15px rgba(239, 35, 60, 0.3);
  animation: pulse 1.5s ease infinite;
}

.form-progress .step.active .step-label {
  color: var(--clr-theme-3);
  font-weight: 600;
}

.form-progress .step.completed .step-number {
  background: #4caf50;
  color: var(--clr-common-white);
}

.form-progress .progress-mobile {
  display: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-progress .progress-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
}
.form-progress .progress-mobile .current-step {
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-theme-3);
}

.form-progress .progress-mobile .total-steps {
  font-size: 14px;
  color: var(--clr-common-text);
}

.register-form-wrapper {
  max-width: 800px;
  margin: 0 auto;
  animation: fadeInUp 0.6s ease 0.3s both;
}

.form-card {
  background: var(--clr-common-white);
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}

.form-card:hover {
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
}

.form-card .card-decoration {
  height: 5px;
  background: linear-gradient(90deg, var(--clr-theme-3) 0%, #ff8533 50%, var(--clr-theme-3) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}

.form-card .form-content {
  padding: clamp(30px, 5vw, 50px);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-card {
    border-radius: 16px;
  }
  .form-card .form-content {
    padding: clamp(20px, 4vw, 30px);
  }
}
.form-section {
  margin-bottom: clamp(30px, 4vw, 40px);
}

.form-section:last-of-type {
  margin-bottom: 0;
}

.form-section .section-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: clamp(20px, 3vw, 30px);
}

.form-section .section-title .section-icon {
  width: 40px;
  height: 40px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.form-section .section-title h2, .form-section .section-title .h2 {
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin: 0;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(16px, 2.5vw, 24px);
  gap: clamp(16px, 2.5vw, 24px);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.form-grid.single-column {
  grid-template-columns: 1fr;
}

.form-group {
  position: relative;
}

.form-group.full-width {
  grid-column: 1/-1;
}

.form-group label {
  display: block;
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 8px;
  transition: all 0.3s ease;
}

.form-group label .required {
  color: #e74c3c;
  margin-left: 2px;
}

.form-group .input-wrapper {
  position: relative;
}

.form-group .input-wrapper input,
.form-group .input-wrapper textarea {
  width: 100%;
  padding: clamp(14px, 2vw, 16px) clamp(16px, 2.5vw, 20px);
  padding-right: 50px;
  background: var(--clr-bg-gray);
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-heading);
  transition: all 0.3s ease;
  outline: none;
}

.form-group .input-wrapper input::placeholder,
.form-group .input-wrapper textarea::placeholder {
  color: #999;
  font-size: clamp(13px, 1.6vw, 14px);
}

.form-group .input-wrapper input:focus,
.form-group .input-wrapper textarea:focus {
  background: var(--clr-common-white);
  border-color: var(--clr-theme-3);
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.1);
}

.form-group .input-wrapper input:hover:not(:focus),
.form-group .input-wrapper textarea:hover:not(:focus) {
  border-color: rgba(239, 35, 60, 0.2);
}

.form-group .input-wrapper input.error,
.form-group .input-wrapper textarea.error {
  border-color: #e74c3c;
}

.form-group .input-wrapper input.error:focus,
.form-group .input-wrapper textarea.error:focus {
  border-color: #e74c3c;
  box-shadow: 0 0 0 4px rgba(231, 76, 60, 0.1);
}

.form-group .input-wrapper textarea {
  min-height: 120px;
  resize: vertical;
}

.form-group .input-wrapper .input-icon {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 18px;
  pointer-events: none;
  transition: all 0.3s ease;
}

.form-group .input-wrapper input:focus ~ .input-icon {
  color: var(--clr-theme-3);
}

.form-group .input-wrapper .password-toggle {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #999;
  font-size: 18px;
  cursor: pointer;
  padding: 8px;
  transition: all 0.3s ease;
  border-radius: 6px;
}

.form-group .input-wrapper .password-toggle:hover {
  color: var(--clr-theme-3);
  background: rgba(239, 35, 60, 0.05);
}

.form-group .input-wrapper .password-toggle:focus {
  outline: 2px solid var(--clr-theme-3);
  outline-offset: 2px;
}

.form-group .nice-select-wrapper .nice-select {
  width: 100%;
  height: auto;
  padding: clamp(14px, 2vw, 16px) clamp(16px, 2.5vw, 20px);
  background: var(--clr-bg-gray);
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-heading);
  transition: all 0.3s ease;
  line-height: normal;
}

.form-group .nice-select-wrapper .nice-select::after {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  border-color: #999;
  transition: all 0.3s ease;
}

.form-group .nice-select-wrapper .nice-select:hover {
  border-color: rgba(239, 35, 60, 0.2);
}

.form-group .nice-select-wrapper .nice-select.open {
  border-color: var(--clr-theme-3);
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.1);
}

.form-group .nice-select-wrapper .nice-select.open::after {
  border-color: var(--clr-theme-3);
  transform: translateY(-50%) rotate(180deg);
}

.form-group .nice-select-wrapper .nice-select .current {
  color: var(--clr-common-heading);
}

.form-group .nice-select-wrapper .nice-select .option {
  padding: 12px 20px;
  font-size: clamp(13px, 1.6vw, 14px);
  transition: all 0.2s ease;
}

.form-group .nice-select-wrapper .nice-select .option:hover {
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
}

.form-group .nice-select-wrapper .nice-select .option.selected {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
}

.form-group .helper-text {
  font-size: clamp(12px, 1.5vw, 13px);
  color: #999;
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.form-group .helper-text i {
  font-size: 12px;
}

.form-group .error-message {
  font-size: clamp(12px, 1.5vw, 13px);
  color: #e74c3c;
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  animation: fadeInLeft 0.3s ease;
}

.form-group .error-message i {
  font-size: 12px;
}

.password-strength {
  margin-top: 16px;
}

.password-strength .helper-text {
  background: rgba(239, 35, 60, 0.05);
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid rgba(239, 35, 60, 0.1);
}

.terms-section {
  background: rgba(239, 35, 60, 0.05);
  padding: clamp(20px, 3vw, 30px);
  border-radius: 12px;
  margin-bottom: clamp(30px, 4vw, 40px);
  border: 1px solid rgba(239, 35, 60, 0.1);
}

.terms-section .checkbox-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}

.terms-section .checkbox-wrapper:last-child {
  margin-bottom: 0;
}

.terms-section .checkbox-wrapper input[type=checkbox] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--clr-theme-3);
}

.terms-section .checkbox-wrapper label {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-common-text);
  line-height: 1.6;
  cursor: pointer;
}

.terms-section .checkbox-wrapper label a {
  color: var(--clr-theme-3);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.terms-section .checkbox-wrapper label a:hover {
  text-decoration: underline;
}

.terms-section .checkbox-wrapper label .required {
  color: #e74c3c;
  margin-left: 2px;
}

.form-actions {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 3vw, 24px);
  padding-top: clamp(20px, 3vw, 30px);
  border-top: 1px solid #e0e0e0;
  margin-bottom: clamp(24px, 3.5vw, 32px);
}

.form-actions .btn-submit {
  width: 100%;
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  padding: clamp(14px, 2vw, 16px) clamp(32px, 4vw, 48px);
  border: none;
  border-radius: 12px;
  font-size: clamp(15px, 1.8vw, 16px);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
  order: 1;
}

.form-actions .btn-submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: all 0.5s ease;
}

.form-actions .btn-submit:hover:not(:disabled) {
  background: #e5383b;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(239, 35, 60, 0.3);
}

.form-actions .btn-submit:hover:not(:disabled)::before {
  left: 100%;
}

.form-actions .btn-submit:active:not(:disabled) {
  transform: translateY(0);
}

.form-actions .btn-submit:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.form-actions .btn-submit i {
  font-size: 18px;
}

.form-actions .action-info {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-common-text);
  text-align: center;
  order: 2;
}

.form-actions .action-info a {
  color: var(--clr-theme-3);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.form-actions .action-info a:hover {
  text-decoration: underline;
}

.divider {
  text-align: center;
  margin: clamp(24px, 3.5vw, 32px) 0;
  position: relative;
}

.divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #e0e0e0;
}

.divider span {
  position: relative;
  background: var(--clr-common-white);
  padding: 0 16px;
  font-size: clamp(13px, 1.6vw, 14px);
  color: #999;
  font-weight: 500;
}

.social-login {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(12px, 2vw, 16px);
  gap: clamp(12px, 2vw, 16px);
}

@media (max-width: 575px) {
  .social-login {
    grid-template-columns: 1fr;
  }
}
.social-login .social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: clamp(12px, 1.8vw, 14px) clamp(16px, 2.5vw, 20px);
  border: 2px solid #e0e0e0;
  border-radius: 10px;
  background: var(--clr-common-white);
  color: var(--clr-common-text);
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.social-login .social-btn svg {
  width: 18px;
  height: 18px;
}

.social-login .social-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.social-login .social-btn.facebook:hover {
  border-color: #1877f2;
  color: #1877f2;
  background: rgba(24, 119, 242, 0.05);
}

.social-login .social-btn.google:hover {
  border-color: #ea4335;
  color: #ea4335;
  background: rgba(234, 67, 53, 0.05);
}

.trust-indicators {
  margin-top: clamp(40px, 6vw, 60px);
  text-align: center;
}

.trust-indicators .indicators-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  grid-gap: clamp(20px, 3vw, 30px);
  gap: clamp(20px, 3vw, 30px);
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width: 575px) {
  .trust-indicators .indicators-grid {
    grid-template-columns: 1fr;
  }
}
.trust-indicators .indicators-grid .indicator-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px;
  background: var(--clr-common-white);
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.trust-indicators .indicators-grid .indicator-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.trust-indicators .indicators-grid .indicator-item i {
  font-size: 24px;
  color: var(--clr-theme-3);
}

.trust-indicators .indicators-grid .indicator-item .indicator-text {
  text-align: left;
}

.trust-indicators .indicators-grid .indicator-item .indicator-text .indicator-label {
  font-size: clamp(12px, 1.5vw, 13px);
  color: var(--clr-common-text);
  display: block;
}

.trust-indicators .indicators-grid .indicator-item .indicator-text .indicator-value {
  font-size: clamp(14px, 1.8vw, 16px);
  font-weight: 600;
  color: var(--clr-common-heading);
}

.form-loading {
  position: relative;
  pointer-events: none;
}

.form-loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 4px 15px rgba(239, 35, 60, 0.3);
  }
  50% {
    box-shadow: 0 4px 25px rgba(239, 35, 60, 0.5);
  }
  100% {
    box-shadow: 0 4px 15px rgba(239, 35, 60, 0.3);
  }
}
@media (max-width: 480px) {
  .register-section {
    background: var(--clr-common-white);
  }
  .form-card {
    box-shadow: none;
    border: 1px solid #e0e0e0;
  }
  .register-header {
    margin-bottom: clamp(20px, 4vw, 30px);
  }
}
/*----------------------------------------
    Modern Footer Styles
----------------------------------------*/
.footer-modern {
  position: relative;
  background: #f8fafb;
  margin-top: 80px;
  overflow: hidden;
}

.footer-modern .footer-wave {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

.footer-modern .footer-wave svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 60px;
  animation: wave 20s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-modern .footer-wave svg {
    height: 40px;
  }
}
.footer-modern .footer-wave path {
  fill: #ffffff;
}

@keyframes wave {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.footer-main {
  padding: 100px 0 60px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-main {
    padding: 80px 0 40px;
  }
}
.footer-newsletter-section {
  background: #ffffff;
  border-radius: 20px;
  padding: 50px;
  margin-bottom: 60px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-newsletter-section {
    padding: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-newsletter-section {
    flex-direction: column;
    padding: 30px;
    text-align: center;
  }
}
.footer-newsletter-section .newsletter-content {
  flex: 1 1;
}

.footer-newsletter-section .newsletter-content h3, .footer-newsletter-section .newsletter-content .h3 {
  font-size: 28px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 10px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-newsletter-section .newsletter-content h3, .footer-newsletter-section .newsletter-content .h3 {
    font-size: 24px;
  }
}
.footer-newsletter-section .newsletter-content p {
  text-align: center;
  color: #64748b;
  font-size: 16px;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}

.footer-newsletter-section .newsletter-form {
  flex: 0 0 450px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-newsletter-section .newsletter-form {
    flex: 0 0 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-newsletter-section .newsletter-form {
    width: 100%;
    flex: none;
  }
}
.footer-newsletter-section .newsletter-form .form-group {
  display: flex;
  gap: 0;
  background: #f8fafb;
  border-radius: 50px;
  padding: 5px;
  transition: all 0.3s ease;
}

.footer-newsletter-section .newsletter-form .form-group:focus-within {
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.1);
}

.footer-newsletter-section .newsletter-form .newsletter-input {
  flex: 1 1;
  border: none;
  background: transparent;
  padding: 15px 25px;
  font-size: 15px;
  color: #1e293b;
  outline: none;
}

.footer-newsletter-section .newsletter-form .newsletter-input::placeholder {
  color: #64748b;
}

.footer-newsletter-section .newsletter-form .newsletter-button {
  background: #ef233c;
  color: white;
  border: none;
  padding: 15px 30px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  text-align: center;
}

.footer-newsletter-section .newsletter-form .newsletter-button:hover:not(:disabled) {
  background: rgb(207.8813559322, 15.1186440678, 38.7415254237);
  transform: translateX(5px);
}

.footer-newsletter-section .newsletter-form .newsletter-button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.footer-newsletter-section .newsletter-form .newsletter-button i {
  transition: transform 0.3s ease;
}

.footer-newsletter-section .newsletter-form .newsletter-button:hover:not(:disabled) i {
  transform: translateX(3px);
}

.footer-newsletter-section .newsletter-form .newsletter-button .loading-spinner {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.footer-links-grid {
  display: grid;
  grid-template-columns: 2fr repeat(4, 1fr);
  grid-gap: 40px;
  gap: 40px;
  margin-bottom: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-links-grid {
    grid-template-columns: 1.5fr repeat(4, 1fr);
    gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-links-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-links-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-links-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.footer-column {
  margin-bottom: 20px;
  animation: fadeInUp 0.6s ease forwards;
  opacity: 0;
}

.footer-column:nth-child(1) {
  animation-delay: 0.1s;
}

.footer-column:nth-child(2) {
  animation-delay: 0.2s;
}

.footer-column:nth-child(3) {
  animation-delay: 0.3s;
}

.footer-column:nth-child(4) {
  animation-delay: 0.4s;
}

.footer-column:nth-child(5) {
  animation-delay: 0.5s;
}

.footer-column .column-title {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
}

.footer-column .column-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 3px;
  background: #ef233c;
  border-radius: 2px;
  transition: width 0.3s ease;
}

.footer-column:hover .column-title::after {
  width: 50px;
}

.footer-column.company-info .company-logo {
  margin-bottom: 20px;
}

.footer-column.company-info .company-logo h2, .footer-column.company-info .company-logo .h2 {
  font-size: 32px;
  font-weight: 800;
  color: #1e293b;
  margin-bottom: 5px;
  background: linear-gradient(135deg, #1e293b 0%, #ef233c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.footer-column.company-info .company-logo .tagline {
  font-size: 14px;
  color: #64748b;
  font-weight: 500;
}

.footer-column.company-info .company-description {
  color: #64748b;
  line-height: 1.8;
  margin-bottom: 25px;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 12px;
}

.footer-links li:last-child {
  margin-bottom: 0;
}

.footer-links li a {
  color: #64748b;
  text-decoration: none;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  position: relative;
}

.footer-links li a .link-icon {
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s ease;
  color: #ef233c;
  font-size: 14px;
}

.footer-links li a:hover {
  color: #ef233c;
  transform: translateX(10px);
}

.footer-links li a:hover .link-icon {
  opacity: 1;
  transform: translateX(0);
}

.social-links {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.social-links .social-link {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8fafb;
  color: #64748b;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.social-links .social-link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #ef233c;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  z-index: 0;
}

.social-links .social-link i {
  position: relative;
  z-index: 1;
  font-size: 16px;
  transition: color 0.3s ease;
}

.social-links .social-link:hover {
  transform: translateY(-3px);
}

.social-links .social-link:hover::before {
  width: 100%;
  height: 100%;
}

.social-links .social-link:hover i {
  color: white;
}

.social-links .social-link.facebook:hover::before {
  background: #1877f2;
}

.social-links .social-link.twitter:hover::before {
  background: #1da1f2;
}

.social-links .social-link.instagram:hover::before {
  background: #e4405f;
}

.social-links .social-link.linkedin:hover::before {
  background: #0077b5;
}

.contact-info .contact-item {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.contact-info .contact-item:last-child {
  margin-bottom: 0;
}

.contact-info .contact-item .contact-icon {
  width: 45px;
  height: 45px;
  background: rgba(239, 35, 60, 0.1);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.contact-info .contact-item .contact-icon i {
  color: #ef233c;
  font-size: 18px;
}

.contact-info .contact-item:hover .contact-icon {
  background: #ef233c;
  transform: rotate(-5deg);
}

.contact-info .contact-item:hover .contact-icon i {
  color: white;
}

.contact-info .contact-item .contact-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.contact-info .contact-item .contact-details .label {
  font-size: 13px;
  color: #64748b;
}

.contact-info .contact-item .contact-details .value {
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.3s ease;
}

.contact-info .contact-item .contact-details .value:hover {
  color: #ef233c;
}

.payment-section {
  text-align: start;
  padding: 40px 0;
  border-top: 1px solid #e2e8f0;
}

.payment-section h5, .payment-section .h5 {
  font-size: 16px;
  color: #64748b;
  margin-bottom: 20px;
  font-weight: 500;
}

.payment-section .payment-cards {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 20px;
  flex-wrap: wrap;
}

.payment-section .payment-cards .card-item {
  background: white;
  padding: 12px 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.payment-section .payment-cards .card-item img {
  height: 25px;
  width: auto;
  filter: grayscale(100%);
  opacity: 0.7;
  transition: all 0.3s ease;
}

.payment-section .payment-cards .card-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.payment-section .payment-cards .card-item:hover img {
  filter: grayscale(0%);
  opacity: 1;
}

.copyright-bar {
  background: rgb(231.7727272727, 238.4090909091, 241.7272727273);
  padding: 20px 0;
}

.copyright-bar .copyright-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-bar .copyright-content {
    flex-direction: column;
    text-align: center;
  }
}
.copyright-bar .copyright-content .copyright-text {
  margin: 0;
  color: #64748b;
  font-size: 14px;
}

.copyright-bar .copyright-content .footer-legal-links {
  display: flex;
  align-items: center;
  gap: 15px;
}

.copyright-bar .copyright-content .footer-legal-links a {
  color: #64748b;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.3s ease;
  position: relative;
}

.copyright-bar .copyright-content .footer-legal-links a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: #ef233c;
  transition: width 0.3s ease;
}

.copyright-bar .copyright-content .footer-legal-links a:hover {
  color: #ef233c;
}

.copyright-bar .copyright-content .footer-legal-links a:hover::after {
  width: 100%;
}

.copyright-bar .copyright-content .footer-legal-links .separator {
  color: #e2e8f0;
  font-size: 12px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ---------------------------------------------------------------------------
   Overrides: Newsletter Button - Remove animations/transitions (2025-07-26)
--------------------------------------------------------------------------- */
.footer-newsletter-section .newsletter-form .newsletter-button {
  transition: none;
}

.footer-newsletter-section .newsletter-form .newsletter-button:hover,
.footer-newsletter-section .newsletter-form .newsletter-button:focus,
.footer-newsletter-section .newsletter-form .newsletter-button:disabled {
  background: #ef233c;
  transform: none;
  opacity: 1;
}

.footer-newsletter-section .newsletter-form .newsletter-button i {
  transition: none;
  transform: none;
}

.footer-newsletter-section .newsletter-form .newsletter-button .loading-spinner {
  animation: none;
  display: none;
}

/* Responsive overrides for newsletter form (mobile/tablet) */
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-newsletter-section .newsletter-form {
    width: 100%;
  }
  .footer-newsletter-section .newsletter-form .form-group {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    background: transparent;
    padding: 0;
  }
  .footer-newsletter-section .newsletter-form .newsletter-input,
  .footer-newsletter-section .newsletter-form .newsletter-button {
    width: 100%;
  }
  .footer-newsletter-section .newsletter-form .newsletter-input {
    background: #f8fafb;
    border-radius: 50px;
    padding: 15px 25px;
  }
  .footer-newsletter-section .newsletter-form .newsletter-button {
    border-radius: 50px;
  }
}
/* Desktop layout - Company info above other columns */
@media (min-width: 992px) {
  .footer-links-grid {
    display: block;
  }
  .footer-column.company-info {
    display: block;
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
  }
  .footer-column.company-info .company-description {
    max-width: 600px;
    margin: 0 auto 25px;
  }
  .footer-columns-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px;
    gap: 40px;
  }
  .footer-column:not(.company-info) {
    text-align: left;
  }
}
/* Medium screens (576px to 992px) - 2x2 grid for footer columns */
@media (min-width: 576px) and (max-width: 991.98px) {
  .footer-links-grid {
    display: block;
  }
  .footer-column.company-info {
    display: block;
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
  }
  .footer-column.company-info .company-description {
    max-width: 500px;
    margin: 0 auto 25px;
  }
  .footer-columns-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 40px;
    gap: 30px 40px;
  }
  .footer-column:not(.company-info) {
    text-align: left;
    margin-bottom: 30px;
  }
}
/* Responsive overrides for footer social media and links */
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-column.company-info .social-links {
    justify-content: center;
  }
  .footer-links-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px;
  }
  .footer-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px 15px;
    gap: 8px 15px;
  }
  .footer-links li {
    margin-bottom: 8px;
  }
  .footer-links li a {
    font-size: 14px;
    display: block;
    text-align: left;
  }
  .footer-links li a .link-icon {
    display: none;
  }
  .footer-links li a:hover {
    transform: none;
  }
  .footer-column.company-info {
    grid-column: 1/-1;
    text-align: center;
    margin-bottom: 30px;
  }
  .footer-column.company-info .company-description {
    max-width: 400px;
    margin: 0 auto 25px;
  }
}
@media (max-width: 575px) {
  .footer-links-grid {
    grid-template-columns: 1fr !important;
  }
  .footer-links-grid .footer-column:not(.company-info) .footer-links {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-info .contact-item {
    flex-direction: row;
    text-align: left;
  }
  .contact-info .contact-item .contact-icon {
    width: 35px;
    height: 35px;
  }
  .contact-info .contact-item .contact-icon i {
    font-size: 16px;
  }
  .contact-info .contact-item .contact-details .label {
    font-size: 12px;
  }
  .contact-info .contact-item .contact-details .value {
    font-size: 14px;
  }
}
@media (max-width:499px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .compare_search {
    margin-bottom: 10px;
  }
}
.compare-section .compare-part {
  position: relative;
}

.compare-section .compare-part .close-btn {
  background-color: transparent;
  border: none;
  font-size: 25px;
  position: absolute;
  top: -4px;
  right: 8px;
}

.compare-section .compare-part .img-secton {
  padding: 25px 15px 15px;
  text-align: center;
}

.compare-section .compare-part .img-secton img, .compare-section .compare-part .img-secton .bg-size {
  width: 50%;
  margin: 0 auto;
}

.compare-section .compare-part .img-secton a h5, .compare-section .compare-part .img-secton a .h5 {
  margin-bottom: 5px;
  text-transform: capitalize;
  margin-top: 10px;
  font-weight: 600;
  color: var(--clr-common-heading);
}

.compare-section .compare-part .img-secton h5, .compare-section .compare-part .img-secton .h5 {
  margin-bottom: 0;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.7);
}

.compare-section .compare-part .detail-part .title-detail {
  background-color: var(--clr-bg-footer);
  text-align: center;
  padding: 8px 0;
  border-top: 1px solid var(--clr-common-border);
  border-bottom: 1px solid var(--clr-common-border);
}

.compare-section .compare-part .detail-part .title-detail h5, .compare-section .compare-part .detail-part .title-detail .h5 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
}

.compare-section .compare-part .detail-part .inner-detail {
  padding: 15px;
  text-align: center;
}

.compare-section .compare-part .detail-part .inner-detail p {
  margin-bottom: 0;
  line-height: 1.2;
  letter-spacing: 0.05em;
}

.compare-section .compare-part .btn-part {
  text-align: center;
  padding: 15px;
  border-top: 1px solid var(--clr-common-border);
}

.compare-section .compare-part .btn-part .btn-solid, .compare-section .compare-part .btn-part .btn-outline {
  padding: 5px 10px;
}

.compare-padding {
  padding-bottom: 50px;
}

.compare-padding h2, .compare-padding .h2 {
  margin-bottom: 20px;
}

.compare-lable {
  position: absolute;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  top: 20px;
  left: 16px;
  letter-spacing: 0.1em;
  z-index: 1;
}

.compare-page .table-wrapper {
  padding-bottom: 0;
}

.compare-page .table-wrapper .table {
  border: 1px solid var(--clr-common-border);
  text-transform: capitalize;
  color: var(--clr-common-heading);
}

.compare-page .table-wrapper .table .product-name {
  width: 15%;
}

.compare-page .table-wrapper .table .featured-image {
  width: 185px;
}

.compare-page .table-wrapper .table td {
  border-top: none;
}

.compare-page .table-wrapper .table thead .th-compare td {
  font-size: 14px;
  font-weight: 700;
  background: var(--clr-bg-footer);
  border-right: 1px solid var(--clr-common-border);
  border-bottom-color: var(--clr-common-border);
}

.compare-page .table-wrapper .table thead .th-compare th {
  text-align: left;
  border-bottom: 1px solid var(--clr-common-border);
  border-right: 1px solid var(--clr-common-border);
}

.compare-page .table-wrapper .table thead .th-compare th .remove-compare {
  float: left;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}

.compare-page .table-wrapper .table tbody tr th {
  background: var(--clr-bg-footer);
}

.compare-page .table-wrapper .table tbody tr td {
  border-right: 1px solid var(--clr-common-border);
  position: relative;
}

.compare-page .table-wrapper .table tbody tr th, .compare-page .table-wrapper .table tbody tr td {
  padding: 15px;
  vertical-align: top;
  border-bottom: 1px solid var(--clr-common-border);
  border-top: 1px solid var(--clr-common-border);
  border-right: 1px solid var(--clr-common-border);
}

.compare-page .table-wrapper .table tbody tr .grid-link__title {
  font-size: 15px;
}

.compare-page .table-wrapper .table tbody tr .product_price {
  margin: 15px 0;
}

.compare-page .table-wrapper .table tbody tr .product_price span.money {
  padding-left: 5px;
}

.compare-page .table-wrapper .table tbody tr p {
  color: #222;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
}

.compare-page .table-wrapper .table tbody tr .add-to-cart, .compare-page .table-wrapper .table tbody tr .select-option-cls {
  padding: 6px 10px;
}

.compare-section .compare-part {
  position: relative;
  border: 1px solid var(--clr-common-border);
}

.title-detail h5, .title-detail .h5 {
  font-weight: 300;
  line-height: 24px;
  font-size: 16px;
  color: var(--clr-common-heading);
  letter-spacing: 0.05em;
}

.btn-part {
  display: flex;
  justify-content: center;
  align-items: center;
}

.single_product_compare button {
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}

.single_product_compare {
  margin-left: 0;
}

.compare_search .open_search_box {
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 6;
  background: var(--clr-common-white);
  width: 100%;
}

.compare_search div.search_product {
  margin: 0px;
}

.ecomart-compare-search-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
}

.compare_preview_img {
  min-width: 50px;
}

.compare_preview_img img {
  height: auto;
  width: 50px;
  background: var(--clr-bg-footer);
  border-radius: 5px;
}

.compare-section {
  position: relative;
}

.compare-section .header-main-right {
  position: relative;
  z-index: 9999;
}

.compare-section .search-wrapper {
  position: relative;
  z-index: 9999;
}

.compare-section .search-dropdown {
  position: absolute;
  z-index: 9999;
}

.compare-product-title {
  font-size: 16px;
  text-transform: capitalize;
  margin-top: 10px;
  font-weight: 600;
  color: var(--clr-common-heading);
}

/* Karşılaştırma Sayfası Stilleri */
/* Boş karşılaştırma mesajı stilleri */
.empty-compare-message {
  background-color: #fff;
  border-radius: 10px;
  padding: 60px 20px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.empty-compare-icon {
  color: #ddd;
  margin-bottom: 20px;
}

.empty-compare-message h3, .empty-compare-message .h3 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #333;
}

.empty-compare-message p {
  color: #777;
  margin-bottom: 25px;
}

.empty-compare-actions {
  margin-top: 20px;
}

.btn-shop {
  display: inline-block;
  padding: 12px 25px;
  background-color: var(--clr-theme-1);
  color: #fff;
  border-radius: 5px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-shop:hover {
  background-color: var(--clr-theme-2);
  color: #fff;
}

/* Karşılaştırma tablosu stilleri */
.compare-table-wrapper {
  overflow-x: auto;
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.compare-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.compare-table th,
.compare-table td {
  padding: 15px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
}

.compare-property {
  width: 150px;
  background-color: #f9f9f9;
  font-weight: 600;
  color: #555;
  text-align: left;
}

.compare-item-header {
  position: relative;
  padding-top: 25px;
}

.header-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.remove-btn {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #777;
}

.remove-btn:hover {
  background-color: #f44336;
  color: #fff;
  border-color: #f44336;
}

.product-img-cell {
  padding: 15px 0;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 15px 0 10px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.product-title:hover {
  color: var(--clr-theme-1);
}

.add-to-cart-btn {
  padding: 8px 15px;
  border-radius: 5px;
  background-color: var(--clr-theme-1);
  color: #fff;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
  font-weight: 500;
}

.add-to-cart-btn:hover {
  background-color: var(--clr-theme-2);
}

/* Mobil görünüm için karşılaştırma kartları */
.mobile-compare-cards {
  margin-bottom: 30px;
}

/* Responsive düzenlemeler */
@media (max-width: 767px) {
  .empty-compare-message {
    padding: 40px 15px;
  }
  .empty-compare-icon i {
    font-size: 3em;
  }
  .empty-compare-message h3, .empty-compare-message .h3 {
    font-size: 20px;
  }
  .btn-shop {
    padding: 10px 20px;
  }
}
.card-body {
  position: relative;
  z-index: 1;
}

.active .step-content p {
  color: var(--clr-common-white);
  font-size: 18px;
}

.payment-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  background-color: var(--clr-common-white);
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 50px;
}

.payment-container h1, .payment-container .h1 {
  text-align: center;
  margin-bottom: 20px;
}

.payment-container form .payment-method {
  border-bottom: 2px solid var(--clr-bg-gray);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.payment-container form .payment-method h2, .payment-container form .payment-method .h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

.payment-container form .payment-method .payment-options input[type=radio] {
  display: none;
}

.payment-container form .payment-method .payment-options input[type=radio] + label {
  display: inline-block;
  margin-right: 20px;
  font-size: 18px;
  cursor: pointer;
  transition: color 0.3s;
}

.payment-container form .payment-method .payment-options input[type=radio] + label:hover {
  color: var(--clr-common-blue);
}

.payment-container form .payment-method .payment-options input[type=radio]:checked + label {
  color: var(--clr-common-blue);
}

.payment-container form .payment-details h2, .payment-container form .payment-details .h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

.payment-container form .payment-details label {
  display: block;
  margin-bottom: 5px;
}

.payment-container form .payment-details input[type=text] {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--clr-common-border);
  border-radius: 5px;
  margin-bottom: 10px;
  font-size: 16px;
  box-sizing: border-box;
}

.payment-container form .payment-details button[type=submit] {
  width: 100%;
  padding: 12px;
  background-color: var(--clr-common-blue);
  color: var(--clr-common-white);
  border: none;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.payment-container form .payment-details button[type=submit]:hover {
  background-color: var(--clr-common-blue);
}

.payment-options span {
  padding: 20px inherit;
  padding: 10px 20px;
  border-radius: 10px;
  margin-left: 10px;
  background: var(--clr-common-border);
  cursor: pointer;
  font-weight: 400;
}

.payment-options span.active_payment {
  background: var(--clr-common-heading);
  color: var(--clr-common-white);
}

.payment-options span:first-child {
  margin-left: 0px;
}

.payment_btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-common-white);
  background: var(--clr-common-heading);
  border: 1px solid var(--clr-common-heading);
  height: 50px;
  line-height: 48px;
  border-radius: 5px;
  transition: 0.3s;
}

.btn_back {
  display: inline-block;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-common-white);
  background: var(--clr-common-heading);
  border: 1px solid var(--clr-common-heading);
  height: 50px;
  line-height: 48px;
  border-radius: 5px;
  transition: 0.3s;
  padding: 0 10px;
}

.checkout-list-steps {
  display: flex;
  width: 100%;
  margin: 30px 0px;
}

@media (max-width: 575px) {
  .checkout-list-steps {
    gap: 5px;
  }
}
.checkout-list-steps .item-step {
  flex-grow: 1;
  position: relative;
}

.checkout-list-steps .item-step.line-active::before {
  background-color: var(--clr-common-text);
}

.checkout-list-steps .item-step::before {
  height: 10px;
  content: "";
  width: 100%;
  z-index: 1;
  position: absolute;
  left: 1px;
  top: 33px;
  margin-top: -5px;
  background-color: var(--clr-common-border);
}

@media (max-width: 575px) {
  .checkout-list-steps .item-step::before {
    top: 25px;
  }
}
.checkout-list-steps .item-step:last-child::before {
  display: none;
}

.checkout-list-steps .item-step .rounded-step {
  position: relative;
  z-index: 2;
}

.checkout-list-steps .item-step .rounded-step .icon-step {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: var(--clr-common-border);
  margin-bottom: 20px;
}

@media (max-width: 575px) {
  .checkout-list-steps .item-step .rounded-step .icon-step {
    height: 50px;
    width: 50px;
  }
}
.checkout-list-steps .item-step .rounded-step .icon-step.step-4 {
  background-image: url(/_next/static/media/success-dark.3701da90.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.checkout-list-steps .item-step .rounded-step .icon-step.step-4.active {
  background-image: url(/_next/static/media/success-white.fd61765e.svg);
  background-color: var(--clr-common-black);
  color: var(--clr-common-border);
}

.checkout-list-steps .item-step .rounded-step .icon-step.step-2 {
  background-image: url(/_next/static/media/shoping-dark.69e36c6c.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.checkout-list-steps .item-step .rounded-step .icon-step.step-2.active {
  background-image: url(/_next/static/media/shoping-white.b97b066c.svg);
  background-color: var(--clr-common-black);
}

.checkout-list-steps .item-step .rounded-step .icon-step.step-3 {
  background-image: url(/_next/static/media/payment-dark.3eebb608.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.checkout-list-steps .item-step .rounded-step .icon-step.step-3.active {
  background-image: url(/_next/static/media/payment-white.5f5e2139.svg);
  background-color: var(--clr-common-black);
  color: var(--clr-common-border);
}

.checkout-list-steps .item-step .rounded-step .icon-step.step-1 {
  background-image: url(/_next/static/media/home-dark.38499c0f.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.checkout-list-steps .item-step .rounded-step .icon-step.step-1.active {
  background-image: url(/_next/static/media/home-white.72caeba8.svg);
  background-color: var(--clr-common-black);
  color: var(--clr-common-border);
}

.checkout-form-list {
  position: relative;
  margin-bottom: 15px;
}

.checkout-form-list.error-message {
  position: absolute;
  left: 0;
  bottom: 0;
}

.address_info {
  margin-bottom: 20px;
}

.address_info p {
  line-height: 10px;
}

.list-steps {
  display: flex;
  width: 100%;
  margin: 30px 0px;
  min-width: 500px;
}

@media (max-width: 575px) {
  .list-steps {
    gap: 5px;
  }
}
.list-steps .item-step {
  flex-grow: 1;
  position: relative;
}

.list-steps .item-step.line-active::before {
  background-color: var(--clr-common-placeholder);
}

.list-steps .item-step::before {
  height: 10px;
  content: "";
  width: 100%;
  z-index: 1;
  position: absolute;
  left: 1px;
  top: 33px;
  margin-top: -5px;
  background-color: var(--clr-common-border);
}

@media (max-width: 575px) {
  .list-steps .item-step::before {
    top: 25px;
  }
}
.list-steps .item-step:last-child::before {
  display: none;
}

.list-steps .item-step .rounded-step {
  position: relative;
  z-index: 2;
}

.list-steps .item-step .rounded-step .icon-step {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: var(--clr-common-border);
  margin-bottom: 20px;
}

@media (max-width: 575px) {
  .list-steps .item-step .rounded-step .icon-step {
    height: 50px;
    width: 50px;
  }
}
.list-steps .item-step .rounded-step .icon-step.step-1 {
  background-image: url(/_next/static/media/Order-Placed.e970227c.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.list-steps .item-step .rounded-step .icon-step.step-1.active {
  background-image: url(/_next/static/media/Order-Placed.e970227c.svg);
  background-color: var(--clr-common-black);
  color: var(--clr-common-border);
}

.list-steps .item-step .rounded-step .icon-step.step-2 {
  background-image: url(/_next/static/media/Production.b2b1a1a1.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.list-steps .item-step .rounded-step .icon-step.step-2.active {
  background-image: url(/_next/static/media/Production.b2b1a1a1.svg);
  background-color: var(--clr-common-black);
}

.list-steps .item-step .rounded-step .icon-step.step-3 {
  background-image: url(/_next/static/media/Shipping.32e80f33.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.list-steps .item-step .rounded-step .icon-step.step-3.active {
  background-image: url(/_next/static/media/Shipping.32e80f33.svg);
  background-color: var(--clr-common-black);
  color: var(--clr-common-border);
}

.list-steps .item-step .rounded-step .icon-step.step-4 {
  background-image: url(/_next/static/media/Delivered.1064849e.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.list-steps .item-step .rounded-step .icon-step.step-4.active {
  background-image: url(/_next/static/media/Delivered.1064849e.svg);
  background-color: var(--clr-common-black);
  color: var(--clr-common-border);
}

.tracking-search-area {
  background-color: var(--clr-bg-gray);
}

.form-tracking .form-control {
  height: 54px;
}

.form-control {
  border: 1px solid #dde4f0 !important;
}

.form-control {
  display: block;
  max-width: 400px;
  width: 400px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--clr-common-heading);
  background-color: var(--clr-common-white);
  background-clip: padding-box;
  border: 1px solid var(--clr-common-border);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .form-control {
    max-width: 250px;
    width: 100%;
  }
}
.form-tracking .box-button {
  width: 10%;
  min-width: 185px;
  max-width: 185px;
}

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

.btn.btn-buy:hover {
  border: 1px solid var(--clr-common-heading);
  background-color: var(--clr-common-white);
  color: var(--clr-theme-3);
}

.btn.btn-buy {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: var(--clr-common-white);
  border: 1px solid var(--clr-common-placeholder);
  width: 100%;
  text-align: center;
  padding: 7px 22px;
  background-color: var(--clr-common-heading);
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .btn.btn-buy {
    width: 150px;
  }
}
.form-tracking .btn-buy {
  height: 54px;
  line-height: 34px;
}

.form-tracking .box-input {
  width: 100%;
  margin-right: 15px;
}

.tracking-search-wrapper {
  display: flex;
  justify-content: center;
}

.dynamic-margin {
  margin-bottom: 50px;
}

.order-user-info {
  padding-left: 13px;
}

/* Terms Conditions Template - Start
================================================== */
.terms_conditions_content {
  padding: 40px;
  background-color: var(--clr-common-white);
  border-radius: 10px;
  padding-top: 0;
}

@media (max-width: 575px) {
  .terms_conditions_content {
    padding: 30px;
  }
}
.terms_conditions_content .warpper_title {
  font-size: 38px;
  line-height: 1.3;
  margin-bottom: 30px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .terms_conditions_content .warpper_title {
    font-size: 34px;
  }
}
@media (max-width: 575px) {
  .terms_conditions_content .warpper_title {
    font-size: 26px;
  }
}
.terms_conditions_content p {
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 30px;
}

.terms_conditions_content .info_title {
  font-size: 24px;
  margin-bottom: 20px;
}

@media (max-width: 575px) {
  .terms_conditions_content .info_title {
    font-size: 20px;
  }
}
.terms_conditions_content .icon_list {
  margin-bottom: 40px;
}

.terms_conditions_content .icon_list.unordered_list_block > li:not(:last-child) {
  margin-bottom: 14px;
}

.terms_conditions_content .icon_list .list_item_text {
  color: var(--clr-common-text);
}

.terms_conditions_content .icon_list .list_item_icon {
  flex: none;
  width: auto;
  height: auto;
  font-size: 5px;
  border-radius: 0;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  color: var(--clr-common-text);
  background-color: transparent;
}

.terms_conditions_content .link {
  font-size: 17px;
  font-weight: 600;
  line-height: 27px;
  color: var(--clr-theme-1);
  text-decoration: underline;
}

.terms_conditions_content .author_mail {
  font-size: 21px;
  font-weight: 700;
  line-height: 29px;
  color: var(--clr-common-heading);
}

.nav.tabs_nav_boxed {
  padding: 30px 0;
  border-radius: 12px;
  border: 1px solid var(--clr-common-heading);
}

.tabs_nav_boxed button {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  padding: 10px 40px;
  position: relative;
  align-items: center;
}

.tabs_nav_boxed button i {
  opacity: 0;
  font-size: 10px;
  margin-right: 10px;
  line-height: 1;
  color: var(--clr-theme-1);
  transform: translateX(-10px);
  transition: 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

.tabs_nav_boxed button.active i {
  opacity: 1;
  transform: translateX(0);
  background: none;
}

.tabs_nav_boxed button.active:hover {
  color: var(--clr-theme-1);
}

/* Terms Conditions Template - End
================================================== */
.single-form-input {
  margin-bottom: 30px;
  position: relative;
}

.single-form-input .error-message {
  position: absolute;
  left: 0;
  bottom: -25px;
}

.signup-wrapper {
  margin-bottom: 30px;
  position: relative;
}

.signup-wrapper .error-message {
  position: absolute;
  left: 0;
  bottom: -25px;
}

.counter-wrapper {
  padding: 50px 30px 50px 30px;
  background-color: var(--clr-bg-footer);
}

.count-number span {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--clr-common-heading);
}

.count-number p {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
}

.counter-icon svg {
  margin-bottom: 30px;
}

.counter-img svg {
  margin-bottom: 25px;
}

.university-couner-text span {
  font-size: 36px;
  font-weight: 700;
  color: var(--clr-common-white);
  margin-bottom: 15px;
  display: inline-block;
}

.university-couner-text p {
  font-size: 18px;
  font-weight: 600;
  color: var(--clr-common-white);
}

.student-profile-author {
  display: flex;
  gap: 30px;
  align-items: center;
  border-bottom: 1px solid var(--clr-common-border);
}

.student-profile-author-img img {
  width: 200px !important;
  height: 200px !important;
  object-fit: cover;
  border-radius: 50%;
}

@media (max-width:499px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .student-profile-author-img img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    border-radius: 50%;
  }
}
.student-profile-author-text span {
  font-size: 20px;
  margin-bottom: 5px;
  display: block;
}

.student-profile-author-name {
  font-size: 28px;
  margin-bottom: 0px;
}

.student-profile-sidebar {
  background-color: var(--clr-bg-footer);
  padding: 30px;
  min-height: 100%;
}

.student-profile-sidebar .nav {
  flex-direction: column;
  border-bottom: 0px;
}

.student-profile-sidebar .nav li button {
  display: block;
  width: 100%;
  text-align: left;
  color: var(--clr-text-8);
  border: none;
  outline: none;
  padding: 12px 15px;
  border-radius: 5px;
}

.student-profile-sidebar .nav li button i {
  min-width: 22px;
}

.student-profile-sidebar .nav li button.active {
  color: var(--clr-theme-1);
}

.student-profile-sidebar .nav li button.active i {
  color: var(--clr-theme-1);
}

.student-profile-content {
  padding: 25px 0px 30px 14px;
}

@media (max-width: 575px) {
  .student-profile-content {
    padding-left: 0px;
  }
}
.student-profile-content h4, .student-profile-content .h4 {
  font-size: 20px;
}

.student-profile-info li {
  display: flex;
  margin-bottom: 15px;
}

.student-profile-info li h5, .student-profile-info li .h5 {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 600;
  min-width: 230px;
}

@media (max-width: 575px) {
  .student-profile-info li h5, .student-profile-info li .h5 {
    min-width: 100px;
  }
}
.student-profile-info li span {
  font-size: 16px;
  color: var(--clr-text-8);
}

.inprogress-course {
  display: flex;
  gap: 30px;
  border: 1px solid var(--clr-common-border);
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 575px) {
  .inprogress-course {
    flex-direction: column;
    gap: 0px;
  }
}
.inprogress-course-img {
  width: 300px;
}

@media (max-width: 575px) {
  .inprogress-course-img {
    width: 100%;
  }
}
.inprogress-course-img img {
  width: 100%;
  object-fit: cover;
}

.inprogress-course-rating {
  margin-bottom: 10px;
}

.inprogress-course-rating a {
  font-size: 15px;
  color: var(--clr-theme-2);
  display: inline-block;
  margin-right: 3px;
}

.inprogress-course-rating span {
  font-size: 16px;
  color: var(--clr-text-8);
  margin-left: 3px;
}

.inprogress-course-text {
  padding: 20px 20px 20px 0px;
}

@media (max-width: 575px) {
  .inprogress-course-text {
    padding-left: 20px;
  }
}
.inprogress-course-lesson span {
  color: var(--clr-text-8);
  font-size: 16px;
}

.inprogress-course-lesson h6, .inprogress-course-lesson .h6 {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding-left: 10px;
}

.inprogress-course-lesson h6 span, .inprogress-course-lesson .h6 span {
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-common-heading);
}

.inprogress-course .progress {
  --bs-progress-height: 6px;
  height: var(--bs-progress-height);
}

.inprogress-course .progress .progress-bar {
  background: var(--clr-theme-1) !important;
}

.student-profile-reviews-item {
  border: 1px solid var(--clr-common-border);
  border-radius: 10px;
}

.student-profile-reviews-course-title {
  padding: 15px 20px 15px 20px;
  border-bottom: 1px solid var(--clr-common-border);
}

.student-profile-reviews-course-title h5, .student-profile-reviews-course-title .h5 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 0px;
}

.student-profile-reviews-text {
  padding: 20px 20px 20px 20px;
}

.student-profile-reviews-text-wrap {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.student-profile-reviews-text-wrap .student-profile-review-icon a {
  font-size: 16px;
  color: var(--clr-theme-2);
  display: inline-block;
  margin-right: 3px;
}

.student-profile-reviews-text-wrap .student-profile-review-icon i {
  color: var(--clr-common-orange);
}

.student-profile-review-update-btn {
  margin-right: 15px;
}

.student-profile-review-update-btn i {
  margin-right: 3px;
}

.student-profile-review-update-btn:last-child {
  margin-right: 0px;
}

.student-profile-review-content p {
  margin-bottom: 0px;
  padding-right: 50px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .student-profile-review-content p {
    padding-right: 0px;
  }
}
.student-profile-enroll ul {
  border-bottom: 1px solid var(--clr-common-border);
}

.student-profile-enroll ul li .nav-link {
  font-size: 16px;
  color: var(--clr-text-8);
  font-weight: 600;
  position: relative;
}

.student-profile-enroll ul li .nav-link:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 0%;
  background: var(--clr-theme-1);
  left: 0px;
  bottom: 0px;
  transition: all linear 0.3s;
}

.student-profile-enroll ul li .nav-link.active {
  color: var(--clr-theme-1);
}

.student-profile-enroll ul li .nav-link.active:before {
  width: 100%;
}

.contact-from-input label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}

.student-profile-setting-cover-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.student-profile-setting-author-img {
  border-radius: 50%;
  display: inline-block;
  margin-left: 30px;
}

.student-profile-setting-author-img img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  object-fit: cover;
  margin-top: -75px;
  border: 5px solid var(--clr-common-white);
}

.student-social-profile-link span {
  display: block;
  font-weight: 600;
}

.student-profile-orders {
  border: 1px solid var(--clr-common-border);
  border-bottom: 0px;
}

.student-profile-order {
  border-bottom: 1px solid var(--clr-common-border);
  display: flex;
}

.student-profile-order-name,
.student-profile-order-price,
.student-profile-order-status,
.student-profile-order-method,
.student-profile-order-date,
.student-profile-order-duration,
.student-profile-order-renew {
  padding-left: 15px;
}

.student-profile-order-name h6, .student-profile-order-name .h6,
.student-profile-order-price h6,
.student-profile-order-price .h6,
.student-profile-order-status h6,
.student-profile-order-status .h6,
.student-profile-order-method h6,
.student-profile-order-method .h6,
.student-profile-order-date h6,
.student-profile-order-date .h6,
.student-profile-order-duration h6,
.student-profile-order-duration .h6,
.student-profile-order-renew h6,
.student-profile-order-renew .h6 {
  color: var(--clr-common-heading);
  margin-bottom: 0px;
  font-size: 16px;
}

.student-profile-order-name span,
.student-profile-order-price span,
.student-profile-order-status span,
.student-profile-order-method span,
.student-profile-order-date span,
.student-profile-order-duration span,
.student-profile-order-renew span {
  font-size: 16px;
  color: var(--clr-text-8);
}

.student-profile-order-name,
.student-profile-order-price,
.student-profile-order-status,
.student-profile-order-method,
.student-profile-order-date,
.student-profile-order-duration,
.student-profile-order-renew {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.custom-height-80 {
  min-height: 80px;
}

.student-profile-order-name {
  min-width: 120px;
  width: 13%;
}

.student-profile-order-price {
  min-width: 100px;
  width: 11%;
}

@media only screen and (max-width: 1400px) {
  .student-profile-order-price {
    min-width: 70px;
    width: 7%;
  }
}
.student-profile-order-status {
  min-width: 125px;
  width: 13%;
}

@media only screen and (max-width: 1400px) {
  .student-profile-order-status {
    min-width: 100px;
    width: 9%;
  }
}
.student-profile-order-method {
  min-width: 160px;
  width: 17%;
}

@media only screen and (max-width: 1400px) {
  .student-profile-order-method {
    min-width: 125px;
    width: 13%;
  }
}
.student-profile-order-duration {
  min-width: 130px;
  width: 14%;
}

.student-profile-order-date {
  min-width: 150px;
  width: 16%;
}

@media only screen and (max-width: 1400px) {
  .student-profile-order-date {
    min-width: 130px;
    width: 12%;
  }
}
.student-profile-order-renew .edu-btn {
  height: 42px;
  line-height: 42px;
  padding: 0 30px;
}

.inprogress-course-img img {
  min-height: 100%;
}

@media only screen and (max-width: 1400px) {
  .student-profile-orders-wrapper {
    overflow-x: auto;
  }
}
@media only screen and (max-width: 1400px) {
  .student-profile-orders {
    width: 817px;
  }
}
.bd-password-box {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 1px solid var(--clr-common-border);
  background: transparent;
  font-size: 15px;
  outline: none;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0 24px;
}

.bd-password-box input {
  border: none;
  width: 80%;
  outline: none;
}

.contact-from-input .gender-select {
  height: 60px;
  width: 100%;
  background: var(--clr-bg-footer);
  border: none;
  padding: 15px 20px;
  border-radius: 4px;
  outline: 0;
}

.contact-from-input .gender-select {
  padding-top: 10px;
}

.modern-settings-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-settings-container {
    padding: 0 15px;
  }
}
.settings-header {
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  border-radius: 20px;
  padding: 30px;
  margin-bottom: 30px;
  color: white;
  position: relative;
  overflow: hidden;
}

.settings-header::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  transform: translate(30%, -30%);
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .settings-header {
    padding: 20px;
    margin-bottom: 20px;
  }
}
.settings-header-content {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  z-index: 2;
}

@media (max-width: 575px) {
  .settings-header-content {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }
}
.settings-icon {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

@media (max-width: 575px) {
  .settings-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}
.settings-title h2, .settings-title .h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 8px;
  color: white;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .settings-title h2, .settings-title .h2 {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
.settings-title p {
  font-size: 16px;
  margin: 0;
  opacity: 0.9;
  font-weight: 400;
}

@media (max-width: 575px) {
  .settings-title p {
    font-size: 14px;
  }
}
.modern-tab-navigation {
  margin-bottom: 30px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-tab-navigation {
    margin-bottom: 20px;
  }
}
.tab-nav-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  gap: 20px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tab-nav-wrapper {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.modern-tab-button {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.modern-tab-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(239, 35, 60, 0.1), transparent);
  transition: left 0.5s ease;
}

.modern-tab-button:hover {
  border-color: #EF233C;
  box-shadow: 0 8px 25px rgba(239, 35, 60, 0.15);
  transform: translateY(-2px);
}

.modern-tab-button:hover::before {
  left: 100%;
}

.modern-tab-button:hover .tab-arrow {
  transform: translateX(5px);
  color: #EF233C;
}

.modern-tab-button.active {
  border-color: #EF233C;
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  color: white;
  box-shadow: 0 10px 30px rgba(239, 35, 60, 0.3);
}

.modern-tab-button.active .tab-icon {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}

.modern-tab-button.active .tab-title,
.modern-tab-button.active .tab-subtitle {
  color: white;
}

.modern-tab-button.active .tab-arrow {
  color: white;
}

@media (max-width: 575px) {
  .modern-tab-button {
    padding: 15px;
    gap: 12px;
  }
}
.tab-icon {
  width: 50px;
  height: 50px;
  background: #F3F4F6;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #6B7280;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 575px) {
  .tab-icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}
.tab-content {
  flex: 1 1;
}

.tab-title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #1F2937;
  margin-bottom: 4px;
  transition: color 0.3s ease;
}

@media (max-width: 575px) {
  .tab-title {
    font-size: 16px;
  }
}
.tab-subtitle {
  display: block;
  font-size: 14px;
  color: #6B7280;
  transition: color 0.3s ease;
}

@media (max-width: 575px) {
  .tab-subtitle {
    font-size: 12px;
  }
}
.tab-arrow {
  font-size: 16px;
  color: #9CA3AF;
  transition: all 0.3s ease;
}

.modern-settings-content {
  min-height: 400px;
}

.modern-profile-section {
  display: grid;
  grid-gap: 30px;
  gap: 30px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-profile-section {
    gap: 20px;
  }
}
.profile-header-card {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #E5E7EB;
}

.profile-cover-section {
  position: relative;
}

.modern-cover-image {
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-cover-image {
    height: 150px;
  }
}
.cover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.3), transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.cover-overlay:hover {
  opacity: 1;
}

.modern-edit-cover-btn {
  background: rgba(255, 255, 255, 0.95);
  border: none;
  border-radius: 12px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  cursor: pointer;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

.modern-edit-cover-btn i {
  font-size: 16px;
}

.modern-edit-cover-btn:hover {
  background: white;
  transform: scale(1.05);
}

@media (max-width: 575px) {
  .modern-edit-cover-btn {
    padding: 10px 15px;
    font-size: 12px;
  }
  .modern-edit-cover-btn span {
    display: none;
  }
}
.profile-avatar-section {
  padding: 30px;
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-avatar-section {
    padding: 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
  }
}
.avatar-wrapper {
  position: relative;
  margin-top: -60px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .avatar-wrapper {
    margin-top: -40px;
  }
}
.avatar-container {
  position: relative;
}

.modern-avatar-image {
  width: 120px !important;
  height: 120px !important;
  border-radius: 50%;
  object-fit: cover;
  border: 5px solid white;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

@media (max-width: 575px) {
  .modern-avatar-image {
    width: 80px !important;
    height: 80px !important;
  }
}
.modern-avatar-skeleton .skeleton-circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border: 5px solid white;
}

@media (max-width: 575px) {
  .modern-avatar-skeleton .skeleton-circle {
    width: 80px;
    height: 80px;
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.modern-edit-avatar-btn {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 36px;
  height: 36px;
  background: #EF233C;
  border: 3px solid white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.modern-edit-avatar-btn:hover {
  background: #D90429;
  transform: scale(1.1);
}

@media (max-width: 575px) {
  .modern-edit-avatar-btn {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
}
.profile-basic-info {
  flex: 1 1;
  padding-top: 10px;
}

.profile-name {
  font-size: 28px;
  font-weight: 700;
  color: #1F2937;
  margin-bottom: 8px;
  line-height: 1.2;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-name {
    font-size: 22px;
    margin-bottom: 6px;
  }
}
.profile-email {
  font-size: 16px;
  color: #6B7280;
  margin-bottom: 15px;
}

@media (max-width: 575px) {
  .profile-email {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
.profile-status {
  display: flex;
  align-items: center;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-status {
    justify-content: center;
  }
}
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ECFDF5;
  color: #065F46;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
}

.status-badge.active i {
  color: #10B981;
  font-size: 8px;
}

@media (max-width: 575px) {
  .status-badge {
    padding: 6px 12px;
    font-size: 12px;
    gap: 6px;
  }
}
.profile-form-card,
.password-form-card {
  background: white;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #E5E7EB;
  overflow: hidden;
}

.form-card-header {
  background: #F9FAFB;
  padding: 25px 30px;
  border-bottom: 1px solid #E5E7EB;
  display: flex;
  align-items: center;
  gap: 15px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .form-card-header {
    padding: 20px;
    gap: 12px;
  }
}
.form-header-icon {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
}

@media (max-width: 575px) {
  .form-header-icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}
.form-header-content h4, .form-header-content .h4 {
  font-size: 20px;
  font-weight: 700;
  color: #1F2937;
  margin-bottom: 4px;
}

@media (max-width: 575px) {
  .form-header-content h4, .form-header-content .h4 {
    font-size: 18px;
  }
}
.form-header-content p {
  font-size: 14px;
  color: #6B7280;
  margin: 0;
}

@media (max-width: 575px) {
  .form-header-content p {
    font-size: 12px;
  }
}
.form-card-body {
  padding: 30px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .form-card-body {
    padding: 20px;
  }
}
.modern-password-section {
  display: grid;
  grid-gap: 30px;
  gap: 30px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-password-section {
    gap: 20px;
  }
}
.security-header-card {
  background: linear-gradient(135deg, #1F2937 0%, #374151 100%);
  border-radius: 20px;
  padding: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  color: white;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .security-header-card {
    padding: 20px;
    gap: 15px;
  }
}
.security-icon {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

@media (max-width: 575px) {
  .security-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}
.security-content h4, .security-content .h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
  color: white;
}

@media (max-width: 575px) {
  .security-content h4, .security-content .h4 {
    font-size: 20px;
  }
}
.security-content p {
  font-size: 16px;
  margin: 0;
  opacity: 0.9;
}

@media (max-width: 575px) {
  .security-content p {
    font-size: 14px;
  }
}
.security-tips-card {
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  padding: 25px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .security-tips-card {
    padding: 20px;
  }
}
.tips-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.tips-header i {
  color: #F59E0B;
  font-size: 20px;
}

.tips-header h5, .tips-header .h5 {
  font-size: 18px;
  font-weight: 600;
  color: #1F2937;
  margin: 0;
}

@media (max-width: 575px) {
  .tips-header h5, .tips-header .h5 {
    font-size: 16px;
  }
}
.tips-list {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.tip-item {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #374151;
}

.tip-item i {
  color: #10B981;
  font-size: 14px;
  width: 16px;
  text-align: center;
}

.tip-item span {
  font-size: 14px;
  line-height: 1.5;
}

@media (max-width: 575px) {
  .tip-item span {
    font-size: 13px;
  }
}
.modern-profile-form .modern-form-group,
.modern-password-form .modern-form-group {
  position: relative;
  margin-bottom: 25px;
}

.modern-profile-form .form-label,
.modern-password-form .form-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
}

.modern-profile-form .form-label i,
.modern-password-form .form-label i {
  color: #EF233C;
  font-size: 16px;
}

@media (max-width: 575px) {
  .modern-profile-form .form-label,
  .modern-password-form .form-label {
    font-size: 13px;
    gap: 6px;
  }
}
.modern-profile-form .modern-form-input,
.modern-password-form .modern-form-input {
  width: 100%;
  height: 52px;
  padding: 0 20px;
  border: 2px solid #E5E7EB;
  border-radius: 12px;
  font-size: 15px;
  color: #374151;
  background: #FFFFFF;
  transition: all 0.3s ease;
  outline: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.modern-profile-form .modern-form-input:focus,
.modern-password-form .modern-form-input:focus {
  border-color: #EF233C;
  box-shadow: 0 0 0 3px rgba(239, 35, 60, 0.1);
  background: #FFFBF8;
}

.modern-profile-form .modern-form-input:hover,
.modern-password-form .modern-form-input:hover {
  border-color: #D1D5DB;
}

.modern-profile-form .modern-form-input.error,
.modern-password-form .modern-form-input.error {
  border-color: #EF4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.modern-profile-form .modern-form-input.readonly,
.modern-password-form .modern-form-input.readonly {
  background: #F9FAFB;
  color: #6B7280;
  cursor: not-allowed;
  border-color: #D1D5DB;
}

.modern-profile-form .modern-form-input.readonly:focus,
.modern-password-form .modern-form-input.readonly:focus {
  border-color: #D1D5DB;
  box-shadow: none;
  background: #F9FAFB;
}

.modern-profile-form .modern-form-input::placeholder,
.modern-password-form .modern-form-input::placeholder {
  color: #9CA3AF;
  font-size: 14px;
}

@media (max-width: 575px) {
  .modern-profile-form .modern-form-input,
  .modern-password-form .modern-form-input {
    height: 48px;
    padding: 0 16px;
    font-size: 14px;
  }
}
.modern-profile-form .modern-error-message,
.modern-password-form .modern-error-message {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #EF4444;
  font-size: 12px;
  margin-top: 6px;
  font-weight: 500;
}

.modern-profile-form .modern-error-message i,
.modern-password-form .modern-error-message i {
  font-size: 12px;
}

.modern-profile-form .input-note,
.modern-password-form .input-note {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #6B7280;
  font-size: 12px;
  margin-top: 6px;
  font-style: italic;
}

.modern-profile-form .input-note i,
.modern-password-form .input-note i {
  color: #9CA3AF;
  font-size: 12px;
}

.modern-profile-form .modern-select-wrapper,
.modern-password-form .modern-select-wrapper {
  position: relative;
}

.modern-profile-form .modern-select-wrapper .modern-gender-select,
.modern-password-form .modern-select-wrapper .modern-gender-select {
  width: 100%;
  height: 52px;
  background: #FFFFFF;
  border: 2px solid #E5E7EB;
  border-radius: 12px;
  padding: 0 20px;
  font-size: 15px;
  color: #374151;
  cursor: pointer;
  transition: all 0.3s ease;
}

.modern-profile-form .modern-select-wrapper .modern-gender-select:hover,
.modern-password-form .modern-select-wrapper .modern-gender-select:hover {
  border-color: #D1D5DB;
}

.modern-profile-form .modern-select-wrapper .modern-gender-select:focus,
.modern-password-form .modern-select-wrapper .modern-gender-select:focus {
  border-color: #EF233C;
  box-shadow: 0 0 0 3px rgba(239, 35, 60, 0.1);
}

@media (max-width: 575px) {
  .modern-profile-form .modern-select-wrapper .modern-gender-select,
  .modern-password-form .modern-select-wrapper .modern-gender-select {
    height: 48px;
    padding: 0 16px;
    font-size: 14px;
  }
}
.modern-profile-form .modern-submit-section,
.modern-password-form .modern-submit-section {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  border-top: 1px solid #E5E7EB;
}

@media (max-width: 575px) {
  .modern-profile-form .modern-submit-section,
  .modern-password-form .modern-submit-section {
    justify-content: center;
  }
}
.modern-profile-form .modern-submit-btn,
.modern-password-form .modern-submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  box-shadow: 0 4px 15px rgba(239, 35, 60, 0.2);
  min-width: 160px;
  justify-content: center;
}

.modern-profile-form .modern-submit-btn:hover,
.modern-password-form .modern-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(239, 35, 60, 0.3);
  background: linear-gradient(135deg, #D90429 0%, #D90429 100%);
}

.modern-profile-form .modern-submit-btn:active,
.modern-password-form .modern-submit-btn:active {
  transform: translateY(0);
}

.modern-profile-form .modern-submit-btn:disabled,
.modern-password-form .modern-submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 4px 15px rgba(239, 35, 60, 0.2);
  background: #9CA3AF;
}

.modern-profile-form .modern-submit-btn.secondary,
.modern-password-form .modern-submit-btn.secondary {
  background: linear-gradient(135deg, #374151 0%, #1F2937 100%);
  box-shadow: 0 4px 15px rgba(55, 65, 81, 0.2);
}

.modern-profile-form .modern-submit-btn.secondary:hover,
.modern-password-form .modern-submit-btn.secondary:hover {
  background: linear-gradient(135deg, #1F2937 0%, #111827 100%);
  box-shadow: 0 8px 25px rgba(55, 65, 81, 0.3);
}

.modern-profile-form .modern-submit-btn.secondary:disabled,
.modern-password-form .modern-submit-btn.secondary:disabled {
  background: #9CA3AF;
  box-shadow: 0 4px 15px rgba(156, 163, 175, 0.2);
}

.modern-profile-form .modern-submit-btn i,
.modern-password-form .modern-submit-btn i {
  font-size: 16px;
}

.modern-profile-form .modern-submit-btn i.fa-spinner,
.modern-password-form .modern-submit-btn i.fa-spinner {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 575px) {
  .modern-profile-form .modern-submit-btn,
  .modern-password-form .modern-submit-btn {
    padding: 12px 24px;
    font-size: 14px;
    min-width: 140px;
    gap: 8px;
  }
  .modern-profile-form .modern-submit-btn i,
  .modern-password-form .modern-submit-btn i {
    font-size: 14px;
  }
}
.modern-password-input-wrapper {
  position: relative;
}

.modern-password-input-wrapper .modern-form-input {
  padding-right: 50px;
}

.modern-password-input-wrapper .password-toggle-btn {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #6B7280;
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modern-password-input-wrapper .password-toggle-btn:hover {
  color: #EF233C;
  background: rgba(239, 35, 60, 0.1);
}

.modern-password-input-wrapper .password-toggle-btn i {
  font-size: 16px;
}

.modern-profile-container {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.modern-profile-container .modern-profile-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  text-align: center;
}

.modern-profile-container .modern-profile-loading .loading-spinner {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}

.modern-profile-container .modern-profile-loading .loading-spinner .spinner-ring {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #EF233C;
  animation: pulse 1.5s ease-in-out infinite;
}

.modern-profile-container .modern-profile-loading .loading-spinner .spinner-ring:nth-child(2) {
  animation-delay: 0.2s;
}

.modern-profile-container .modern-profile-loading .loading-spinner .spinner-ring:nth-child(3) {
  animation-delay: 0.4s;
}

.modern-profile-container .modern-profile-loading p {
  color: #6B7280;
  font-size: 14px;
}

.modern-profile-container .profile-header-section {
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  border-radius: 16px;
  padding: 30px;
  margin-bottom: 30px;
  color: white;
  position: relative;
  overflow: hidden;
}

.modern-profile-container .profile-header-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  transform: translate(30%, -30%);
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-profile-container .profile-header-section {
    padding: 20px;
    margin-bottom: 20px;
  }
}
.modern-profile-container .profile-header-content {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  z-index: 2;
}

@media (max-width: 575px) {
  .modern-profile-container .profile-header-content {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }
}
.modern-profile-container .profile-avatar-wrapper .profile-avatar {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 700;
  color: white;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 3px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 575px) {
  .modern-profile-container .profile-avatar-wrapper .profile-avatar {
    width: 60px;
    height: 60px;
    font-size: 24px;
  }
}
.modern-profile-container .profile-header-info .profile-name {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 8px;
  color: white;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-profile-container .profile-header-info .profile-name {
    font-size: 22px;
    margin-bottom: 5px;
  }
}
.modern-profile-container .profile-header-info .profile-role {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  opacity: 0.9;
}

@media (max-width: 575px) {
  .modern-profile-container .profile-header-info .profile-role {
    flex-direction: column;
    gap: 5px;
  }
}
.modern-profile-container .profile-header-info .profile-role .role-badge {
  background: rgba(255, 255, 255, 0.2);
  padding: 4px 12px;
  border-radius: 12px;
  font-weight: 600;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.modern-profile-container .profile-sections-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 30px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-profile-container .profile-sections-grid {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-bottom: 20px;
  }
}
.modern-profile-container .profile-section-card {
  background: white;
  border-radius: 16px;
  padding: 25px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #E5E7EB;
  transition: all 0.3s ease;
}

.modern-profile-container .profile-section-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-profile-container .profile-section-card {
    padding: 20px;
  }
}
.modern-profile-container .profile-section-card .section-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E5E7EB;
}

.modern-profile-container .profile-section-card .section-card-header i {
  color: #EF233C;
  font-size: 20px;
  width: 20px;
  text-align: center;
}

.modern-profile-container .profile-section-card .section-card-header h4, .modern-profile-container .profile-section-card .section-card-header .h4 {
  font-size: 18px;
  font-weight: 600;
  color: #1F2937;
  margin: 0;
}

@media (max-width: 575px) {
  .modern-profile-container .profile-section-card .section-card-header h4, .modern-profile-container .profile-section-card .section-card-header .h4 {
    font-size: 16px;
  }
}
.modern-profile-container .profile-section-card .section-card-content .info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #F3F4F6;
}

.modern-profile-container .profile-section-card .section-card-content .info-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.modern-profile-container .profile-section-card .section-card-content .info-item .info-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #6B7280;
  min-width: 120px;
}

.modern-profile-container .profile-section-card .section-card-content .info-item .info-label i {
  color: #9CA3AF;
  font-size: 14px;
  width: 16px;
  text-align: center;
}

@media (max-width: 575px) {
  .modern-profile-container .profile-section-card .section-card-content .info-item .info-label {
    min-width: 100px;
    font-size: 13px;
  }
}
.modern-profile-container .profile-section-card .section-card-content .info-item .info-value {
  font-size: 14px;
  color: #1F2937;
  font-weight: 500;
  text-align: right;
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.modern-profile-container .profile-section-card .section-card-content .info-item .info-value.badge-value {
  background: #ECFDF5;
  color: #065F46;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}

.modern-profile-container .profile-section-card .section-card-content .info-item .info-value.link-value {
  color: #EF233C;
  text-decoration: none;
  transition: color 0.3s ease;
}

.modern-profile-container .profile-section-card .section-card-content .info-item .info-value.link-value:hover {
  color: #D90429;
}

.modern-profile-container .profile-section-card .section-card-content .info-item .info-value .edit-field-btn {
  background: none;
  border: none;
  color: #9CA3AF;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.modern-profile-container .profile-section-card .section-card-content .info-item .info-value .edit-field-btn:hover {
  color: #EF233C;
  background: rgba(239, 35, 60, 0.1);
}

.modern-profile-container .profile-section-card .section-card-content .info-item .info-value .edit-field-btn i {
  font-size: 12px;
}

@media (max-width: 575px) {
  .modern-profile-container .profile-section-card .section-card-content .info-item .info-value {
    font-size: 13px;
  }
}
.modern-profile-container .profile-quick-actions {
  display: flex;
  gap: 15px;
  justify-content: center;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-profile-container .profile-quick-actions {
    flex-direction: column;
    gap: 12px;
  }
}
.modern-profile-container .profile-quick-actions .action-button {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  min-width: 160px;
  justify-content: center;
}

.modern-profile-container .profile-quick-actions .action-button.edit-profile {
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  color: white;
  box-shadow: 0 4px 15px rgba(239, 35, 60, 0.2);
}

.modern-profile-container .profile-quick-actions .action-button.edit-profile:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(239, 35, 60, 0.3);
}

.modern-profile-container .profile-quick-actions .action-button.change-password {
  background: #F3F4F6;
  color: #374151;
  border: 1px solid #D1D5DB;
}

.modern-profile-container .profile-quick-actions .action-button.change-password:hover {
  background: #E5E7EB;
  transform: translateY(-2px);
}

.modern-profile-container .profile-quick-actions .action-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.modern-profile-container .profile-quick-actions .action-button i {
  font-size: 14px;
}

@media (max-width: 575px) {
  .modern-profile-container .profile-quick-actions .action-button {
    padding: 10px 20px;
    font-size: 13px;
    min-width: 140px;
  }
}
.modern-cancel-orders-container {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.modern-cancel-orders-container .modern-loading-container,
.modern-cancel-orders-container .modern-error-container,
.modern-cancel-orders-container .modern-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  text-align: center;
  padding: 40px 20px;
}

.modern-cancel-orders-container .modern-loading-container .loading-spinner,
.modern-cancel-orders-container .modern-error-container .loading-spinner,
.modern-cancel-orders-container .modern-empty-state .loading-spinner {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}

.modern-cancel-orders-container .modern-loading-container .loading-spinner .spinner-ring,
.modern-cancel-orders-container .modern-error-container .loading-spinner .spinner-ring,
.modern-cancel-orders-container .modern-empty-state .loading-spinner .spinner-ring {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #EF233C;
  animation: pulse 1.5s ease-in-out infinite;
}

.modern-cancel-orders-container .modern-loading-container .loading-spinner .spinner-ring:nth-child(2),
.modern-cancel-orders-container .modern-error-container .loading-spinner .spinner-ring:nth-child(2),
.modern-cancel-orders-container .modern-empty-state .loading-spinner .spinner-ring:nth-child(2) {
  animation-delay: 0.2s;
}

.modern-cancel-orders-container .modern-loading-container .loading-spinner .spinner-ring:nth-child(3),
.modern-cancel-orders-container .modern-error-container .loading-spinner .spinner-ring:nth-child(3),
.modern-cancel-orders-container .modern-empty-state .loading-spinner .spinner-ring:nth-child(3) {
  animation-delay: 0.4s;
}

.modern-cancel-orders-container .modern-loading-container .error-icon,
.modern-cancel-orders-container .modern-loading-container .empty-icon,
.modern-cancel-orders-container .modern-error-container .error-icon,
.modern-cancel-orders-container .modern-error-container .empty-icon,
.modern-cancel-orders-container .modern-empty-state .error-icon,
.modern-cancel-orders-container .modern-empty-state .empty-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  font-size: 32px;
}

.modern-cancel-orders-container .modern-loading-container .error-icon,
.modern-cancel-orders-container .modern-error-container .error-icon,
.modern-cancel-orders-container .modern-empty-state .error-icon {
  background: #FEF2F2;
  color: #DC2626;
}

.modern-cancel-orders-container .modern-loading-container .empty-icon,
.modern-cancel-orders-container .modern-error-container .empty-icon,
.modern-cancel-orders-container .modern-empty-state .empty-icon {
  background: #F3F4F6;
  color: #6B7280;
}

.modern-cancel-orders-container .modern-loading-container h3, .modern-cancel-orders-container .modern-loading-container .h3,
.modern-cancel-orders-container .modern-loading-container h4,
.modern-cancel-orders-container .modern-loading-container .h4,
.modern-cancel-orders-container .modern-error-container h3,
.modern-cancel-orders-container .modern-error-container .h3,
.modern-cancel-orders-container .modern-error-container h4,
.modern-cancel-orders-container .modern-error-container .h4,
.modern-cancel-orders-container .modern-empty-state h3,
.modern-cancel-orders-container .modern-empty-state .h3,
.modern-cancel-orders-container .modern-empty-state h4,
.modern-cancel-orders-container .modern-empty-state .h4 {
  font-size: 20px;
  font-weight: 600;
  color: #1F2937;
  margin-bottom: 8px;
}

.modern-cancel-orders-container .modern-loading-container p,
.modern-cancel-orders-container .modern-loading-container .loading-text,
.modern-cancel-orders-container .modern-error-container p,
.modern-cancel-orders-container .modern-error-container .loading-text,
.modern-cancel-orders-container .modern-empty-state p,
.modern-cancel-orders-container .modern-empty-state .loading-text {
  color: #6B7280;
  font-size: 14px;
  margin-bottom: 20px;
}

.modern-cancel-orders-container .modern-loading-container .retry-button,
.modern-cancel-orders-container .modern-loading-container .continue-shopping-btn,
.modern-cancel-orders-container .modern-error-container .retry-button,
.modern-cancel-orders-container .modern-error-container .continue-shopping-btn,
.modern-cancel-orders-container .modern-empty-state .retry-button,
.modern-cancel-orders-container .modern-empty-state .continue-shopping-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.modern-cancel-orders-container .modern-loading-container .retry-button:hover,
.modern-cancel-orders-container .modern-loading-container .continue-shopping-btn:hover,
.modern-cancel-orders-container .modern-error-container .retry-button:hover,
.modern-cancel-orders-container .modern-error-container .continue-shopping-btn:hover,
.modern-cancel-orders-container .modern-empty-state .retry-button:hover,
.modern-cancel-orders-container .modern-empty-state .continue-shopping-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(239, 35, 60, 0.3);
}

.modern-cancel-orders-container .modern-loading-container .retry-button i,
.modern-cancel-orders-container .modern-loading-container .continue-shopping-btn i,
.modern-cancel-orders-container .modern-error-container .retry-button i,
.modern-cancel-orders-container .modern-error-container .continue-shopping-btn i,
.modern-cancel-orders-container .modern-empty-state .retry-button i,
.modern-cancel-orders-container .modern-empty-state .continue-shopping-btn i {
  font-size: 14px;
}

.modern-cancel-orders-container .orders-header {
  background: white;
  border-radius: 16px;
  padding: 25px;
  margin-bottom: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #E5E7EB;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-cancel-orders-container .orders-header {
    padding: 20px;
    margin-bottom: 15px;
  }
}
.modern-cancel-orders-container .orders-header .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 575px) {
  .modern-cancel-orders-container .orders-header .header-content {
    flex-direction: column;
    gap: 15px;
  }
}
.modern-cancel-orders-container .orders-header .header-content .header-info .order-count {
  font-size: 16px;
  font-weight: 600;
  color: #1F2937;
}

@media (max-width: 575px) {
  .modern-cancel-orders-container .orders-header .header-content .header-info .order-count {
    font-size: 14px;
  }
}
.modern-cancel-orders-container .orders-header .header-content .refresh-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: #F3F4F6;
  color: #374151;
  border: 1px solid #D1D5DB;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.modern-cancel-orders-container .orders-header .header-content .refresh-button:hover {
  background: #E5E7EB;
}

.modern-cancel-orders-container .orders-header .header-content .refresh-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.modern-cancel-orders-container .orders-header .header-content .refresh-button i {
  font-size: 14px;
}

.modern-cancel-orders-container .orders-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-cancel-orders-container .orders-list {
    gap: 15px;
  }
}
.modern-cancel-orders-container .orders-list .modern-order-card {
  background: white;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #E5E7EB;
  overflow: hidden;
  transition: all 0.3s ease;
}

.modern-cancel-orders-container .orders-list .modern-order-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-card-header {
  padding: 25px;
  border-bottom: 1px solid #E5E7EB;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-cancel-orders-container .orders-list .modern-order-card .order-card-header {
    padding: 20px;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
}
.modern-cancel-orders-container .orders-list .modern-order-card .order-card-header .order-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-card-header .order-info .order-number {
  display: flex;
  align-items: center;
  gap: 8px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-card-header .order-info .order-number .label {
  font-size: 14px;
  color: #6B7280;
  font-weight: 500;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-card-header .order-info .order-number .value {
  font-size: 16px;
  color: #1F2937;
  font-weight: 600;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-card-header .order-info .order-date {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #6B7280;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-card-header .order-info .order-date i {
  color: #9CA3AF;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-card-header .order-status .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-card-header .order-status .status-badge.cancelled {
  background: #FEF2F2;
  color: #DC2626;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-card-header .order-status .status-badge i {
  font-size: 12px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-summary {
  padding: 20px 25px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 20px;
  gap: 20px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-cancel-orders-container .orders-list .modern-order-card .order-summary {
    padding: 15px 20px;
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.modern-cancel-orders-container .orders-list .modern-order-card .order-summary .summary-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-summary .summary-item .summary-label {
  font-size: 14px;
  color: #6B7280;
  font-weight: 500;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-summary .summary-item .summary-value {
  font-size: 14px;
  color: #1F2937;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-summary .summary-item .summary-value.price {
  color: #DC2626;
  font-size: 16px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-summary .summary-item .summary-value i {
  font-size: 12px;
  color: #9CA3AF;
}

.modern-cancel-orders-container .orders-list .modern-order-card .toggle-details-btn {
  width: 100%;
  padding: 15px 25px;
  background: #F9FAFB;
  border: none;
  border-top: 1px solid #E5E7EB;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}

.modern-cancel-orders-container .orders-list .modern-order-card .toggle-details-btn:hover {
  background: #F3F4F6;
}

.modern-cancel-orders-container .orders-list .modern-order-card .toggle-details-btn i {
  font-size: 14px;
  transition: transform 0.3s ease;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-cancel-orders-container .orders-list .modern-order-card .toggle-details-btn {
    padding: 12px 20px;
  }
}
.modern-cancel-orders-container .orders-list .modern-order-card .order-details {
  border-top: 1px solid #E5E7EB;
  background: #FAFAFA;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section {
  padding: 25px;
  border-bottom: 1px solid #E5E7EB;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section,
  .modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section {
    padding: 20px;
  }
}
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .section-title,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #1F2937;
  margin-bottom: 20px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .section-title i,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .section-title i {
  color: #EF233C;
  font-size: 16px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .products-list,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .products-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .products-list .product-item,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .products-list .product-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px;
  background: white;
  border-radius: 12px;
  border: 1px solid #E5E7EB;
}

@media (max-width: 575px) {
  .modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .products-list .product-item,
  .modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .products-list .product-item {
    flex-direction: column;
    gap: 10px;
  }
}
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .products-list .product-item .product-info,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .products-list .product-item .product-info {
  flex: 1 1;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .products-list .product-item .product-info .product-name,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .products-list .product-item .product-info .product-name {
  color: #EF233C;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
  margin-bottom: 8px;
  display: block;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .products-list .product-item .product-info .product-name:hover,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .products-list .product-item .product-info .product-name:hover {
  color: #D90429;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .products-list .product-item .product-info .product-details,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .products-list .product-item .product-info .product-details {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .products-list .product-item .product-info .product-details .detail-item,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .products-list .product-item .product-info .product-details .detail-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #6B7280;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .products-list .product-item .product-info .product-details .detail-item i,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .products-list .product-item .product-info .product-details .detail-item i {
  color: #9CA3AF;
  font-size: 10px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .products-list .product-item .product-price,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .products-list .product-item .product-price {
  text-align: right;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .products-list .product-item .product-price .price-label,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .products-list .product-item .product-price .price-label {
  display: block;
  font-size: 12px;
  color: #6B7280;
  margin-bottom: 4px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .products-list .product-item .product-price .total-price,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .products-list .product-item .product-price .total-price {
  font-size: 16px;
  font-weight: 600;
  color: #DC2626;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .shipping-info,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .shipping-info {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .shipping-info .info-item,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .shipping-info .info-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  background: white;
  border-radius: 8px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .shipping-info .info-item i,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .shipping-info .info-item i {
  color: #9CA3AF;
  font-size: 14px;
  margin-top: 2px;
  width: 16px;
  text-align: center;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .shipping-info .info-item .info-content,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .shipping-info .info-item .info-content {
  flex: 1 1;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .shipping-info .info-item .info-content .info-label,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .shipping-info .info-item .info-content .info-label {
  display: block;
  font-size: 12px;
  color: #6B7280;
  font-weight: 500;
  margin-bottom: 4px;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .products-section .shipping-info .info-item .info-content .info-value,
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .shipping-section .shipping-info .info-item .info-content .info-value {
  font-size: 14px;
  color: #1F2937;
  font-weight: 500;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .total-summary {
  padding: 20px 25px;
  background: white;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modern-cancel-orders-container .orders-list .modern-order-card .order-details .total-summary {
    padding: 15px 20px;
  }
}
.modern-cancel-orders-container .orders-list .modern-order-card .order-details .total-summary .summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-top: 2px solid #E5E7EB;
  font-size: 18px;
  font-weight: 700;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .total-summary .summary-row .label {
  color: #1F2937;
}

.modern-cancel-orders-container .orders-list .modern-order-card .order-details .total-summary .summary-row .value {
  color: #DC2626;
}

@media (max-width: 575px) {
  .modern-cancel-orders-container .orders-list .modern-order-card .order-details .total-summary .summary-row {
    font-size: 16px;
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
}
/* ===== ORDER HISTORY ENHANCED STATUS BADGE ===== */
.enhanced-status-badge {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem;
  border-radius: 16px;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  min-width: 320px;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.4;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.enhanced-status-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.enhanced-status-badge .status-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}

.enhanced-status-badge .status-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1 1;
}

.enhanced-status-badge .status-text {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.enhanced-status-badge .status-description {
  font-size: 13px;
  opacity: 0.8;
  line-height: 1.3;
}

.enhanced-status-badge .status-action {
  font-size: 12px;
  opacity: 0.7;
  line-height: 1.3;
  margin-top: 0.25rem;
}

.enhanced-status-badge .status-pulse {
  position: absolute;
  top: 50%;
  left: 24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  transform: translateY(-50%);
  opacity: 0.3;
  animation: statusPulse 2s ease-in-out infinite;
}

.enhanced-status-badge.pending {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(251, 191, 36, 0.05));
  color: #f59e0b;
  border-color: rgba(251, 191, 36, 0.3);
}

.enhanced-status-badge.pending .status-icon {
  background: linear-gradient(135deg, #f59e0b, #fbbf24);
  color: white;
}

.enhanced-status-badge.pending .status-pulse {
  background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.enhanced-status-badge.pending .status-text,
.enhanced-status-badge.pending .status-description,
.enhanced-status-badge.pending .status-action {
  color: #f59e0b;
}

.enhanced-status-badge.waiting-payment {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.05));
  color: #3b82f6;
  border-color: rgba(59, 130, 246, 0.3);
}

.enhanced-status-badge.waiting-payment .status-icon {
  background: linear-gradient(135deg, #3b82f6, #60a5fa);
  color: white;
}

.enhanced-status-badge.waiting-payment .status-pulse {
  background: linear-gradient(135deg, #3b82f6, #60a5fa);
}

.enhanced-status-badge.waiting-payment .status-text,
.enhanced-status-badge.waiting-payment .status-description,
.enhanced-status-badge.waiting-payment .status-action {
  color: #3b82f6;
}

.enhanced-status-badge.paid {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1), rgba(34, 197, 94, 0.05));
  color: #22c55e;
  border-color: rgba(34, 197, 94, 0.3);
}

.enhanced-status-badge.paid .status-icon {
  background: linear-gradient(135deg, #22c55e, #4ade80);
  color: white;
}

.enhanced-status-badge.paid .status-pulse {
  background: linear-gradient(135deg, #22c55e, #4ade80);
}

.enhanced-status-badge.paid .status-text,
.enhanced-status-badge.paid .status-description,
.enhanced-status-badge.paid .status-action {
  color: #22c55e;
}

.enhanced-status-badge.processing {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.1), rgba(168, 85, 247, 0.05));
  color: #a855f7;
  border-color: rgba(168, 85, 247, 0.3);
}

.enhanced-status-badge.processing .status-icon {
  background: linear-gradient(135deg, #a855f7, #c084fc);
  color: white;
}

.enhanced-status-badge.processing .status-pulse {
  background: linear-gradient(135deg, #a855f7, #c084fc);
}

.enhanced-status-badge.processing .status-text,
.enhanced-status-badge.processing .status-description,
.enhanced-status-badge.processing .status-action {
  color: #a855f7;
}

.enhanced-status-badge.shipped {
  background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(6, 182, 212, 0.05));
  color: #06b6d4;
  border-color: rgba(6, 182, 212, 0.3);
}

.enhanced-status-badge.shipped .status-icon {
  background: linear-gradient(135deg, #06b6d4, #22d3ee);
  color: white;
}

.enhanced-status-badge.shipped .status-pulse {
  background: linear-gradient(135deg, #06b6d4, #22d3ee);
}

.enhanced-status-badge.shipped .status-text,
.enhanced-status-badge.shipped .status-description,
.enhanced-status-badge.shipped .status-action {
  color: #06b6d4;
}

.enhanced-status-badge.delivered {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1), rgba(34, 197, 94, 0.05));
  color: #22c55e;
  border-color: rgba(34, 197, 94, 0.3);
}

.enhanced-status-badge.delivered .status-icon {
  background: linear-gradient(135deg, #22c55e, #4ade80);
  color: white;
}

.enhanced-status-badge.delivered .status-pulse {
  background: linear-gradient(135deg, #22c55e, #4ade80);
}

.enhanced-status-badge.delivered .status-text,
.enhanced-status-badge.delivered .status-description,
.enhanced-status-badge.delivered .status-action {
  color: #22c55e;
}

.enhanced-status-badge.cancelled {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(239, 68, 68, 0.05));
  color: #ef4444;
  border-color: rgba(239, 68, 68, 0.3);
}

.enhanced-status-badge.cancelled .status-icon {
  background: linear-gradient(135deg, #ef4444, #f87171);
  color: white;
}

.enhanced-status-badge.cancelled .status-pulse {
  background: linear-gradient(135deg, #ef4444, #f87171);
}

.enhanced-status-badge.cancelled .status-text,
.enhanced-status-badge.cancelled .status-description,
.enhanced-status-badge.cancelled .status-action {
  color: #ef4444;
}

.enhanced-status-badge.partially-cancelled {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(251, 191, 36, 0.05));
  color: #f59e0b;
  border-color: rgba(251, 191, 36, 0.3);
}

.enhanced-status-badge.partially-cancelled .status-icon {
  background: linear-gradient(135deg, #f59e0b, #fbbf24);
  color: white;
}

.enhanced-status-badge.partially-cancelled .status-pulse {
  background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.enhanced-status-badge.partially-cancelled .status-text,
.enhanced-status-badge.partially-cancelled .status-description,
.enhanced-status-badge.partially-cancelled .status-action {
  color: #f59e0b;
}

@media (max-width: 575px) {
  .enhanced-status-badge {
    min-width: auto;
    padding: 0.75rem;
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }
  .enhanced-status-badge .status-content {
    align-items: center;
  }
  .enhanced-status-badge .status-text,
  .enhanced-status-badge .status-description,
  .enhanced-status-badge .status-action {
    white-space: normal;
    text-align: center;
  }
}
@keyframes statusPulse {
  0%, 100% {
    transform: translateY(-50%) scale(0.8);
    opacity: 0.3;
  }
  50% {
    transform: translateY(-50%) scale(1.2);
    opacity: 0.1;
  }
}
/* ===== ORDER HISTORY CONTAINER ===== */
.modern-order-history-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.order-history-header {
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  border-radius: 16px;
  padding: 2rem;
  margin-bottom: 2rem;
  color: white;
  position: relative;
  overflow: hidden;
}

.order-history-header::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: pulse 3s ease-in-out infinite;
}

.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}

.header-info {
  flex: 1 1;
}

.header-title {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.header-title i {
  font-size: 1.5rem;
}

.header-subtitle {
  margin: 0.5rem 0 0 0;
  font-size: 1.2rem;
  color: white;
}

.order-count {
  font-weight: 700;
  background: rgba(255, 255, 255, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 8px;
  margin: 0 0.25rem;
}

.header-actions {
  display: flex;
  gap: 1rem;
}

.refresh-btn {
  background: rgba(255, 255, 255, 0.2);
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.3);
  padding: 0.75rem 1.5rem;
  border-radius: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.refresh-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
}

.refresh-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.pagination-info {
  color: white;
  font-size: 0.9rem;
  margin-left: 0.5rem;
  opacity: 0.9;
}

.orders-grid {
  display: grid;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.modern-order-card {
  background: white;
  border-radius: 16px;
  padding: 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.modern-order-card:hover {
  box-shadow: 0 8px 35px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.order-card-header {
  padding: 1.5rem;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.order-info-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.order-number {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.order-label {
  font-weight: 600;
  color: #64748b;
  font-size: 0.9rem;
}

.order-value {
  font-weight: 700;
  color: #1e293b;
  font-size: 1.1rem;
}

.order-date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #64748b;
  font-size: 0.9rem;
}

.order-date i {
  color: #94a3b8;
}

.order-status-section {
  margin-top: 0.5rem;
  width: 100%;
}

.order-summary-section {
  padding: 1.5rem;
  background: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.order-total {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 700;
  font-size: 1.25rem;
  color: #1e293b;
}

.currency {
  color: #64748b;
  font-size: 1rem;
}

.amount {
  color: #EF233C;
}

.payment-method {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #64748b;
  font-size: 0.9rem;
}

.payment-method i {
  color: #94a3b8;
}

.order-actions {
  display: flex;
  gap: 0.75rem;
}

.details-btn,
.cancel-btn {
  padding: 0.5rem 1rem;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s ease;
}

.details-btn {
  background: #f1f5f9;
  color: #475569;
}

.details-btn:hover {
  background: #e2e8f0;
  color: #334155;
}

.cancel-btn {
  background: #fef2f2;
  color: #dc2626;
}

.cancel-btn:hover {
  background: #fee2e2;
  color: #b91c1c;
}

.order-details-section {
  padding: 1.5rem;
  background: #f8fafc;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.details-header {
  margin-bottom: 1.5rem;
}

.details-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.details-title i {
  color: #64748b;
}

.order-items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.order-item-card {
  background: white;
  border-radius: 12px;
  padding: 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}

.order-item-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.order-item-card.cancelled {
  background: #fef2f2;
  border-color: #fca5a5;
}

.item-main-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.item-details {
  flex: 1 1;
}

.item-name {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

.item-name a {
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s ease;
}

.item-name a:hover {
  color: #EF233C;
}

.cancel-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #dc2626;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

.cancel-reason {
  font-style: italic;
  opacity: 0.8;
}

.item-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.spec-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.9rem;
  color: #64748b;
}

.spec-label {
  font-weight: 500;
}

.spec-value {
  font-weight: 600;
  color: #1e293b;
}

.item-price-action {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
}

.item-total {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}

.total-label {
  font-size: 0.8rem;
  color: #64748b;
  font-weight: 500;
}

.total-amount {
  font-size: 1.1rem;
  font-weight: 700;
  color: #EF233C;
}

.item-actions {
  display: flex;
  gap: 0.5rem;
}

.cancel-item-btn {
  padding: 0.4rem 0.8rem;
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fca5a5;
  border-radius: 8px;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.cancel-item-btn:hover {
  background: #fee2e2;
  border-color: #f87171;
}

.status-badge {
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.status-badge.cancelled {
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fca5a5;
}

.status-badge.completed {
  background: #f0fdf4;
  color: #16a34a;
  border: 1px solid #86efac;
}

.order-summary {
  margin-top: 1.5rem;
  padding: 1.25rem;
  background: white;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.summary-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.summary-item:last-child {
  border-bottom: none;
  font-weight: 600;
  font-size: 1.1rem;
}

.summary-item.cancelled {
  color: #dc2626;
}

.summary-item.current {
  color: #16a34a;
  font-weight: 600;
}

.summary-label {
  color: #64748b;
}

.summary-value {
  font-weight: 600;
  color: #1e293b;
}

.shipping-info-section {
  margin-top: 1.5rem;
  padding: 1.25rem;
  background: white;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.shipping-title {
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 1rem 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.shipping-title i {
  color: #64748b;
}

.shipping-details {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.shipping-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.shipping-item:last-child {
  border-bottom: none;
}

.shipping-label {
  color: #64748b;
  font-weight: 500;
}

.shipping-value {
  color: #1e293b;
  font-weight: 600;
}

.tracking-section {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
}

.tracking-btn {
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, #EF233C, #D90429);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
}

.tracking-btn:hover {
  background: linear-gradient(135deg, #D90429, #EF233C);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(239, 35, 60, 0.4);
}

.pagination-container {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  background: white;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.pagination-info-section {
  color: #64748b;
  font-size: 0.9rem;
}

.pagination-controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.pagination-btn {
  padding: 0.5rem 0.75rem;
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
}

.pagination-btn:hover:not(:disabled) {
  background: #e2e8f0;
  color: #334155;
}

.pagination-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pagination-numbers {
  display: flex;
  gap: 0.25rem;
}

.pagination-number {
  padding: 0.5rem 0.75rem;
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination-number:hover {
  background: #e2e8f0;
  color: #334155;
}

.pagination-number.active {
  background: #EF233C;
  color: white;
  border-color: #EF233C;
}

.pagination-ellipsis {
  padding: 0.5rem 0.75rem;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
}

@media (max-width: 575px) {
  .modern-order-history-container {
    padding: 0 1rem;
  }
  .order-history-header {
    padding: 1.5rem;
  }
  .header-content {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  .header-actions {
    justify-content: center;
  }
  .order-card-header {
    padding: 1rem;
  }
  .order-summary-section {
    padding: 1rem;
    flex-direction: column;
    align-items: stretch;
  }
  .order-actions {
    justify-content: center;
    margin-top: 1rem;
  }
  .item-main-info {
    flex-direction: column;
    gap: 1rem;
  }
  .item-price-action {
    align-items: flex-start;
  }
  .pagination-container {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  .pagination-numbers {
    margin: 0;
  }
}
/* ===== MODAL STYLES ===== */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 1rem;
}

.cancel-confirmation-modal,
.cancel-form-modal {
  background: white;
  border-radius: 16px;
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.modal-header {
  padding: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-header h3, .modal-header .h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #1e293b;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.modal-close-btn {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #64748b;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 50%;
  transition: all 0.2s ease;
}

.modal-close-btn:hover {
  background: #f1f5f9;
  color: #334155;
}

.modal-body {
  padding: 1.5rem;
}

.confirmation-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.order-info h4, .order-info .h4 {
  margin: 0 0 1rem 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #1e293b;
}

.info-grid {
  display: grid;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  background: #f8fafc;
  border-radius: 8px;
}

.info-item .label {
  color: #64748b;
  font-weight: 500;
}

.info-item .value {
  color: #1e293b;
  font-weight: 600;
}

.confirmation-message {
  padding: 1rem;
  background: #fef2f2;
  border-radius: 8px;
  border-left: 4px solid #dc2626;
}

.confirmation-message p {
  margin: 0 0 0.5rem 0;
  color: #1e293b;
}

.confirmation-message p:last-child {
  margin-bottom: 0;
  font-size: 0.9rem;
  color: #64748b;
}

.form-section {
  margin-bottom: 1.5rem;
}

.form-section h4, .form-section .h4 {
  margin: 0 0 0.75rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
}

.summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.summary-row:last-child {
  margin-bottom: 0;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 600;
}

.form-select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 1rem;
  background: white;
  color: #1e293b;
  cursor: pointer;
}

.form-select:focus {
  outline: none;
  border-color: #EF233C;
  box-shadow: 0 0 0 3px rgba(239, 35, 60, 0.1);
}

.form-textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 1rem;
  background: white;
  color: #1e293b;
  resize: vertical;
  min-height: 100px;
  font-family: inherit;
}

.form-textarea:focus {
  outline: none;
  border-color: #EF233C;
  box-shadow: 0 0 0 3px rgba(239, 35, 60, 0.1);
}

.radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.radio-option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.radio-option:hover {
  background: #f8fafc;
  border-color: #EF233C;
}

.radio-option input {
  margin: 0;
  cursor: pointer;
}

.radio-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #1e293b;
  font-weight: 500;
  cursor: pointer;
}

.modal-footer {
  padding: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cancel-modal-btn {
  padding: 0.75rem 1.5rem;
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}

.cancel-modal-btn:hover {
  background: #e2e8f0;
  color: #334155;
}

.confirm-btn,
.submit-btn {
  padding: 0.75rem 1.5rem;
  background: #dc2626;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.confirm-btn:hover:not(:disabled),
.submit-btn:hover:not(:disabled) {
  background: #b91c1c;
}

.confirm-btn:disabled,
.submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

@media (max-width: 575px) {
  .modal-overlay {
    padding: 0.5rem;
  }
  .cancel-confirmation-modal,
  .cancel-form-modal {
    max-width: 100%;
  }
}
:root {
  --spacing-xs: clamp(0.5rem, 2vw, 1rem);
  --spacing-sm: clamp(1rem, 3vw, 1.5rem);
  --spacing-md: clamp(1.5rem, 4vw, 2.5rem);
  --spacing-lg: clamp(2rem, 5vw, 4rem);
  --spacing-xl: clamp(3rem, 6vw, 6.25rem);
}

.section-header {
  text-align: center;
  margin-bottom: clamp(30px, 6vw, 60px);
}

.section-header .section-title {
  font-size: clamp(28px, 5vw, 48px);
  font-weight: 700;
  color: var(--clr-common-heading);
  margin-bottom: clamp(12px, 2vw, 16px);
  line-height: 1.2;
  padding: 0 var(--spacing-xs);
}

.section-header .section-title .text-primary {
  color: var(--clr-theme-3);
  position: relative;
}

.section-header .section-subtitle {
  font-size: clamp(15px, 2vw, 18px);
  color: var(--clr-common-text);
  max-width: min(600px, 90vw);
  margin: 0 auto;
  line-height: 1.6;
  padding: 0 var(--spacing-sm);
}

.why-sell-section {
  padding: 100px 0;
  background: var(--clr-bg-gray);
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why-sell-section {
    padding: 60px 0;
  }
}
.why-sell-section .benefits-wrapper {
  position: relative;
  z-index: 1;
}

.why-sell-section .benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  gap: 30px;
  margin-bottom: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why-sell-section .benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why-sell-section .benefits-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 50px;
  }
}
.why-sell-section .benefit-card {
  background: var(--clr-common-white);
  padding: 40px 30px;
  border-radius: 12px;
  text-align: center;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
  border: 1px solid transparent;
}

.why-sell-section .benefit-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
  border-color: var(--clr-theme-3);
}

.why-sell-section .benefit-card:hover .benefit-icon {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  transform: rotateY(360deg);
}

.why-sell-section .benefit-card .benefit-icon {
  width: 80px;
  height: 80px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  font-size: 36px;
  transition: all 0.6s ease;
}

.why-sell-section .benefit-card .benefit-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 12px;
}

.why-sell-section .benefit-card .benefit-description {
  font-size: 15px;
  color: var(--clr-common-text);
  line-height: 1.6;
  margin-bottom: 16px;
}

.why-sell-section .benefit-card .benefit-badge {
  display: inline-block;
  padding: 6px 16px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: 13px;
  font-weight: 600;
  border-radius: 20px;
  position: relative;
}

.why-sell-section .benefit-card .benefit-badge::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: var(--clr-theme-3);
  border-radius: 50%;
  animation: pulse-dot 2s infinite;
}

.why-sell-section .stats-section {
  margin-bottom: 60px;
}

.why-sell-section .stats-section .stats-wrapper {
  background: linear-gradient(135deg, var(--clr-theme-3) 0%, #ff8533 100%);
  border-radius: 20px;
  padding: 60px 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
  gap: 30px;
  position: relative;
  overflow: hidden;
}

.why-sell-section .stats-section .stats-wrapper::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why-sell-section .stats-section .stats-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why-sell-section .stats-section .stats-wrapper {
    grid-template-columns: 1fr;
    padding: 40px 20px;
    gap: 20px;
  }
}
.why-sell-section .stats-section .stats-wrapper .stat-item {
  text-align: center;
  color: var(--clr-common-white);
  position: relative;
  z-index: 1;
}

.why-sell-section .stats-section .stats-wrapper .stat-item .stat-number {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 8px;
  display: block;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why-sell-section .stats-section .stats-wrapper .stat-item .stat-number {
    font-size: 36px;
  }
}
.why-sell-section .stats-section .stats-wrapper .stat-item .stat-label {
  font-size: 16px;
  opacity: 0.9;
}

.why-sell-section .cta-banner {
  background: var(--clr-common-white);
  border-radius: 20px;
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why-sell-section .cta-banner {
    flex-direction: column;
    padding: 40px 30px;
    text-align: center;
  }
}
.why-sell-section .cta-banner .cta-content {
  position: relative;
  z-index: 1;
}

.why-sell-section .cta-banner .cta-content h3, .why-sell-section .cta-banner .cta-content .h3 {
  font-size: 32px;
  font-weight: 700;
  color: var(--clr-common-heading);
  margin-bottom: 12px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why-sell-section .cta-banner .cta-content h3, .why-sell-section .cta-banner .cta-content .h3 {
    font-size: 26px;
  }
}
.why-sell-section .cta-banner .cta-content p {
  font-size: 18px;
  color: var(--clr-common-text);
  margin-bottom: 24px;
}

.why-sell-section .cta-banner .cta-content .primary-btn {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  padding: 16px 36px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.why-sell-section .cta-banner .cta-content .primary-btn:hover {
  background: #e5383b;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(239, 35, 60, 0.3);
}

.why-sell-section .cta-banner .cta-image {
  position: relative;
  width: 200px;
  height: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .why-sell-section .cta-banner .cta-image {
    display: none;
  }
}
.why-sell-section .cta-banner .cta-image .shape-1 {
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgba(239, 35, 60, 0.1);
  border-radius: 50%;
  top: 20px;
  right: 20px;
  animation: zoom 4s infinite;
}

.why-sell-section .cta-banner .cta-image .shape-2 {
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(255, 102, 0, 0.15);
  border-radius: 50%;
  bottom: 30px;
  left: 30px;
  animation: zoom 4s infinite reverse;
}

.selling-steps-section {
  padding: 100px 0;
  background: var(--clr-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .selling-steps-section {
    padding: 60px 0;
  }
}
.selling-steps-section .steps-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.selling-steps-section .steps-timeline {
  display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .selling-steps-section .steps-timeline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 60px;
  }
  .selling-steps-section .steps-timeline::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: #e0e0e0;
    z-index: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .selling-steps-section .steps-timeline {
    display: none;
  }
}
.selling-steps-section .step-item {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.selling-steps-section .step-item .step-card {
  background: var(--clr-common-white);
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  border: 2px solid transparent;
  transition: all 0.3s ease;
  min-width: 160px;
  text-align: center;
}

.selling-steps-section .step-item .step-card:hover {
  border-color: var(--clr-theme-3);
  transform: translateY(-5px);
}

.selling-steps-section .step-item .step-card:hover .step-icon {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
}

.selling-steps-section .step-item .step-card .step-header {
  position: relative;
  margin-bottom: 20px;
}

.selling-steps-section .step-item .step-card .step-header .step-number {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
}

.selling-steps-section .step-item .step-card .step-header .step-icon {
  width: 60px;
  height: 60px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin: 0 auto;
  transition: all 0.3s ease;
}

.selling-steps-section .step-item .step-card .step-content .step-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 8px;
}

.selling-steps-section .step-item .step-card .step-content .step-description {
  font-size: 14px;
  color: var(--clr-common-text);
  line-height: 1.5;
  margin-bottom: 10px;
}

.selling-steps-section .step-item .step-card .step-content .step-duration {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: var(--clr-theme-3);
  font-weight: 500;
}

.selling-steps-section .step-item .step-card .step-content .step-duration i {
  font-size: 11px;
}

.selling-steps-section .step-item .step-connector {
  color: #e0e0e0;
  font-size: 20px;
  margin: 0 10px;
}

.selling-steps-section .steps-mobile {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  gap: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .selling-steps-section .steps-mobile {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .selling-steps-section .steps-mobile {
    grid-template-columns: 1fr;
  }
}
.selling-steps-section .steps-mobile .step-mobile-item {
  background: var(--clr-bg-gray);
  padding: 30px;
  border-radius: 12px;
  display: flex;
  gap: 20px;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.selling-steps-section .steps-mobile .step-mobile-item:hover {
  border-color: var(--clr-theme-3);
  transform: translateX(5px);
}

.selling-steps-section .steps-mobile .step-mobile-item:hover .step-mobile-icon {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
}

.selling-steps-section .steps-mobile .step-mobile-item .step-mobile-header {
  flex-shrink: 0;
}

.selling-steps-section .steps-mobile .step-mobile-item .step-mobile-header .step-mobile-number {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}

.selling-steps-section .steps-mobile .step-mobile-item .step-mobile-header .step-mobile-icon {
  width: 50px;
  height: 50px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: all 0.3s ease;
}

.selling-steps-section .steps-mobile .step-mobile-item .step-mobile-content h3, .selling-steps-section .steps-mobile .step-mobile-item .step-mobile-content .h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 8px;
}

.selling-steps-section .steps-mobile .step-mobile-item .step-mobile-content p {
  font-size: 14px;
  color: var(--clr-common-text);
  line-height: 1.5;
  margin-bottom: 10px;
}

.selling-steps-section .steps-mobile .step-mobile-item .step-mobile-content .step-duration {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: var(--clr-theme-3);
  font-weight: 500;
}

.selling-steps-section .process-cta {
  margin-top: 60px;
}

.selling-steps-section .process-cta .cta-card {
  background: linear-gradient(135deg, rgba(255, 102, 0, 0.05) 0%, rgba(239, 35, 60, 0.1) 100%);
  border-radius: 16px;
  padding: 40px;
  display: flex;
  align-items: center;
  gap: 30px;
  border: 1px solid rgba(239, 35, 60, 0.2);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .selling-steps-section .process-cta .cta-card {
    flex-direction: column;
    text-align: center;
    padding: 30px;
  }
}
.selling-steps-section .process-cta .cta-card .cta-icon {
  width: 80px;
  height: 80px;
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  flex-shrink: 0;
}

.selling-steps-section .process-cta .cta-card .cta-text {
  flex: 1 1;
}

.selling-steps-section .process-cta .cta-card .cta-text h3, .selling-steps-section .process-cta .cta-card .cta-text .h3 {
  font-size: 26px;
  font-weight: 700;
  color: var(--clr-common-heading);
  margin-bottom: 8px;
}

.selling-steps-section .process-cta .cta-card .cta-text p {
  font-size: 16px;
  color: var(--clr-common-text);
}

.selling-steps-section .process-cta .cta-card .cta-btn {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  padding: 16px 32px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.selling-steps-section .process-cta .cta-card .cta-btn:hover {
  background: #e5383b;
  transform: translateX(5px);
  box-shadow: 0 8px 20px rgba(239, 35, 60, 0.3);
}

.tutorial-section {
  padding: var(--spacing-xl) 0;
  background: var(--clr-bg-gray);
  position: relative;
}

.tutorial-section .tutorial-wrapper {
  max-width: min(1000px, 95vw);
  margin: 0 auto;
  padding: 0 var(--spacing-sm);
}

.tutorial-section .video-section {
  margin-bottom: var(--spacing-lg);
}

.tutorial-section .video-card {
  background: var(--clr-common-white);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
}

.tutorial-section .video-card .video-thumbnail {
  position: relative;
  padding-bottom: 56.25%;
  background: linear-gradient(135deg, #333 0%, #666 100%);
  cursor: pointer;
  overflow: hidden;
}

.tutorial-section .video-card .video-thumbnail:hover .play-button {
  transform: scale(1.1);
}

.tutorial-section .video-card .video-thumbnail .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}

.tutorial-section .video-card .video-thumbnail .video-overlay .play-button {
  width: clamp(60px, 10vw, 80px);
  height: clamp(60px, 10vw, 80px);
  background: var(--clr-theme-3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(22px, 3vw, 28px);
  color: var(--clr-common-white);
  transition: all 0.3s ease;
  position: relative;
}

.tutorial-section .video-card .video-thumbnail .video-overlay .play-button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(239, 35, 60, 0.3);
  border-radius: 50%;
  animation: pulse 2s infinite;
}

.tutorial-section .video-card .video-thumbnail .video-info {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: flex;
  gap: clamp(10px, 2vw, 20px);
  flex-wrap: wrap;
}

.tutorial-section .video-card .video-thumbnail .video-info span {
  background: rgba(0, 0, 0, 0.7);
  color: var(--clr-common-white);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: clamp(12px, 1.5vw, 14px);
  display: flex;
  align-items: center;
  gap: 6px;
}

.tutorial-section .video-card .video-details {
  padding: clamp(20px, 3vw, 30px);
}

.tutorial-section .video-card .video-details h3, .tutorial-section .video-card .video-details .h3 {
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 10px;
}

.tutorial-section .video-card .video-details p {
  font-size: clamp(14px, 1.8vw, 16px);
  color: var(--clr-common-text);
}

.tutorial-section .resources-section {
  margin-bottom: var(--spacing-lg);
}

.tutorial-section .resources-section h3, .tutorial-section .resources-section .h3 {
  font-size: clamp(22px, 3.5vw, 28px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: clamp(20px, 3vw, 30px);
  text-align: center;
}

.tutorial-section .resources-section .resources-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: clamp(15px, 2vw, 20px);
  gap: clamp(15px, 2vw, 20px);
}

.tutorial-section .resources-section .resources-grid .resource-card {
  background: var(--clr-common-white);
  padding: clamp(20px, 3vw, 30px);
  border-radius: 12px;
  text-align: center;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tutorial-section .resources-section .resources-grid .resource-card:hover {
  border-color: var(--clr-theme-3);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.tutorial-section .resources-section .resources-grid .resource-card:hover .resource-icon {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
}

.tutorial-section .resources-section .resources-grid .resource-card .resource-icon {
  width: clamp(50px, 7vw, 60px);
  height: clamp(50px, 7vw, 60px);
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(20px, 3vw, 24px);
  margin: 0 auto 20px;
  transition: all 0.3s ease;
}

.tutorial-section .resources-section .resources-grid .resource-card h4, .tutorial-section .resources-section .resources-grid .resource-card .h4 {
  font-size: clamp(17px, 2.5vw, 20px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 10px;
}

.tutorial-section .resources-section .resources-grid .resource-card p {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-common-text);
  margin-bottom: 15px;
  flex: 1 1;
}

.tutorial-section .resources-section .resources-grid .resource-card .resource-type {
  display: inline-block;
  padding: 4px 12px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: 12px;
  font-weight: 600;
  border-radius: 15px;
  margin-top: auto;
}

.tutorial-section .testimonial-section .testimonial-card {
  background: var(--clr-common-white);
  padding: clamp(25px, 4vw, 40px);
  border-radius: 16px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
  position: relative;
}

.tutorial-section .testimonial-section .testimonial-card .quote-icon {
  font-size: clamp(36px, 5vw, 48px);
  color: rgba(239, 35, 60, 0.2);
  margin-bottom: 20px;
}

.tutorial-section .testimonial-section .testimonial-card blockquote {
  font-size: clamp(15px, 2vw, 18px);
  color: var(--clr-common-text);
  line-height: 1.7;
  margin: 0 0 clamp(20px, 3vw, 30px) 0;
  font-style: italic;
}

.tutorial-section .testimonial-section .testimonial-card .testimonial-author {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 16px);
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.tutorial-section .testimonial-section .testimonial-card .testimonial-author img {
  width: clamp(50px, 7vw, 60px);
  height: clamp(50px, 7vw, 60px);
  border-radius: 50%;
  object-fit: cover;
}

.tutorial-section .testimonial-section .testimonial-card .testimonial-author .author-info h4, .tutorial-section .testimonial-section .testimonial-card .testimonial-author .author-info .h4 {
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 4px;
}

.tutorial-section .testimonial-section .testimonial-card .testimonial-author .author-info p {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-common-text);
}

.tutorial-section .testimonial-section .testimonial-card .testimonial-stats {
  display: flex;
  gap: clamp(10px, 2vw, 15px);
  flex-wrap: wrap;
}

.tutorial-section .testimonial-section .testimonial-card .testimonial-stats .stat-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px clamp(12px, 2vw, 16px);
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: clamp(12px, 1.5vw, 14px);
  font-weight: 600;
  border-radius: 20px;
}

.faq-section {
  padding: var(--spacing-xl) 0;
  background: var(--clr-common-white);
}

.faq-section .faq-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: clamp(20px, 4vw, 40px);
  gap: clamp(20px, 4vw, 40px);
  max-width: min(1000px, 95vw);
  margin: 0 auto;
  padding: 0 var(--spacing-sm);
}

@media (min-width: 769px) {
  .faq-section .faq-wrapper {
    grid-template-columns: 280px 1fr;
  }
}
.faq-section .faq-categories {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  height: -moz-fit-content;
  height: fit-content;
}

@media (max-width: 768px) {
  .faq-section .faq-categories {
    flex-direction: row;
    overflow-x: auto;
    position: static;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  .faq-section .faq-categories::-webkit-scrollbar {
    height: 6px;
  }
  .faq-section .faq-categories::-webkit-scrollbar-track {
    background: var(--clr-bg-gray);
    border-radius: 3px;
  }
  .faq-section .faq-categories::-webkit-scrollbar-thumb {
    background: var(--clr-theme-3);
    border-radius: 3px;
  }
}
.faq-section .faq-categories .category-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: clamp(12px, 2vw, 16px) clamp(16px, 3vw, 20px);
  background: var(--clr-bg-gray);
  border: 2px solid transparent;
  border-radius: 10px;
  font-size: clamp(14px, 1.8vw, 15px);
  font-weight: 500;
  color: var(--clr-common-text);
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: left;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .faq-section .faq-categories .category-btn {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
}
.faq-section .faq-categories .category-btn i {
  font-size: clamp(16px, 2vw, 18px);
  color: var(--clr-common-text);
}

.faq-section .faq-categories .category-btn span:last-child {
  margin-left: auto;
  background: var(--clr-common-white);
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  color: var(--clr-common-text);
}

.faq-section .faq-categories .category-btn:hover {
  background: var(--clr-common-white);
  border-color: var(--clr-theme-3);
  transform: translateX(5px);
}

@media (max-width: 768px) {
  .faq-section .faq-categories .category-btn:hover {
    transform: translateY(-2px);
  }
}
.faq-section .faq-categories .category-btn.active {
  background: var(--clr-common-white);
  border-color: var(--clr-theme-3);
  color: var(--clr-theme-3);
}

.faq-section .faq-categories .category-btn.active i {
  color: var(--clr-theme-3);
}

.faq-section .faq-categories .category-btn.active span:last-child {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
}

.faq-section .faq-content .faq-list {
  margin-bottom: 40px;
}

.faq-section .faq-content .faq-item {
  background: var(--clr-bg-gray);
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.faq-section .faq-content .faq-item:hover {
  border-color: rgba(239, 35, 60, 0.3);
}

.faq-section .faq-content .faq-item.active {
  background: var(--clr-common-white);
  border-color: var(--clr-theme-3);
  box-shadow: 0 5px 20px rgba(239, 35, 60, 0.1);
}

.faq-section .faq-content .faq-item.active .faq-question {
  color: var(--clr-theme-3);
}

.faq-section .faq-content .faq-item.active .faq-answer {
  max-height: 500px;
  padding: 0 clamp(20px, 3vw, 30px) clamp(20px, 3vw, 30px);
  opacity: 1;
}

.faq-section .faq-content .faq-item .faq-question {
  width: 100%;
  padding: clamp(18px, 3vw, 24px) clamp(20px, 3vw, 30px);
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(15px, 2vw, 20px);
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: left;
  min-height: 60px;
}

.faq-section .faq-content .faq-item .faq-question h3, .faq-section .faq-content .faq-item .faq-question .h3 {
  font-size: clamp(15px, 2vw, 17px);
  font-weight: 500;
  color: var(--clr-common-heading);
  line-height: 1.4;
  margin: 0;
}

.faq-section .faq-content .faq-item .faq-question i {
  font-size: clamp(14px, 1.8vw, 16px);
  color: var(--clr-theme-3);
  flex-shrink: 0;
}

.faq-section .faq-content .faq-item .faq-answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

.faq-section .faq-content .faq-item .faq-answer p {
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-text);
  line-height: 1.6;
}

.faq-section .faq-content .faq-cta .cta-card {
  background: linear-gradient(135deg, rgba(255, 102, 0, 0.05) 0%, rgba(239, 35, 60, 0.1) 100%);
  border-radius: 16px;
  padding: clamp(25px, 4vw, 40px);
  display: flex;
  align-items: center;
  gap: clamp(20px, 3vw, 30px);
  border: 1px solid rgba(239, 35, 60, 0.2);
  flex-wrap: wrap;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq-section .faq-content .faq-cta .cta-card {
    justify-content: center;
    text-align: center;
  }
}
.faq-section .faq-content .faq-cta .cta-card .cta-icon {
  width: clamp(60px, 8vw, 80px);
  height: clamp(60px, 8vw, 80px);
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(28px, 4vw, 36px);
  flex-shrink: 0;
}

.faq-section .faq-content .faq-cta .cta-card .cta-content {
  flex: 1 1 300px;
  min-width: 0;
}

.faq-section .faq-content .faq-cta .cta-card .cta-content h3, .faq-section .faq-content .faq-cta .cta-card .cta-content .h3 {
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 8px;
}

.faq-section .faq-content .faq-cta .cta-card .cta-content p {
  font-size: clamp(14px, 1.8vw, 16px);
  color: var(--clr-common-text);
  margin-bottom: clamp(15px, 2vw, 20px);
}

.faq-section .faq-content .faq-cta .cta-card .cta-content .cta-actions {
  display: flex;
  gap: clamp(10px, 2vw, 15px);
  flex-wrap: wrap;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq-section .faq-content .faq-cta .cta-card .cta-content .cta-actions {
    justify-content: center;
  }
}
.faq-section .faq-content .faq-cta .cta-card .cta-content .cta-actions .btn-primary,
.faq-section .faq-content .faq-cta .cta-card .cta-content .cta-actions .btn-secondary {
  padding: clamp(12px, 2vw, 14px) clamp(20px, 3vw, 28px);
  border-radius: 8px;
  font-size: clamp(14px, 1.8vw, 15px);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
}

.faq-section .faq-content .faq-cta .cta-card .cta-content .cta-actions .btn-primary {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
}

.faq-section .faq-content .faq-cta .cta-card .cta-content .cta-actions .btn-primary:hover {
  background: #e5383b;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(239, 35, 60, 0.3);
}

.faq-section .faq-content .faq-cta .cta-card .cta-content .cta-actions .btn-secondary {
  background: var(--clr-common-white);
  color: var(--clr-theme-3);
  border: 2px solid var(--clr-theme-3);
}

.faq-section .faq-content .faq-cta .cta-card .cta-content .cta-actions .btn-secondary:hover {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse-dot {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.8);
  }
}
.text-primary {
  color: var(--clr-theme-3) !important;
}

@media (max-width: 480px) {
  body {
    overflow-x: hidden;
  }
  * {
    max-width: 100vw;
  }
}
.vendor-list-container {
  min-height: 100vh;
  background: #ffffff;
  padding: clamp(2rem, 4vw, 4rem) 0;
  position: relative;
  overflow-x: hidden;
  z-index: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-list-container {
    padding: 1.5rem 0;
  }
}
.vendor-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  width: 100%;
}

@media (max-width: 575px) {
  .vendor-container {
    padding: 0 1rem;
  }
}
.vendor-loading-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  gap: 2rem;
}

.loading-spinner-wrapper {
  position: relative;
}

.loading-spinner {
  width: 60px;
  height: 60px;
  position: relative;
}

.loading-spinner .spinner-ring {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #EF233C;
  animation: spin 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
}

.loading-spinner .spinner-ring:nth-child(2) {
  width: 48px;
  height: 48px;
  top: 6px;
  left: 6px;
  border-top-color: #ff8833;
  animation-delay: 0.2s;
}

.loading-spinner .spinner-ring:nth-child(3) {
  width: 36px;
  height: 36px;
  top: 12px;
  left: 12px;
  border-top-color: #ffaa66;
  animation-delay: 0.4s;
}

.loading-text {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: #6c757d;
  font-weight: 500;
  margin: 0;
}

.vendor-search-section {
  background: #f8f9fa;
  border-radius: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-search-section {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.search-header .header-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search-header .header-content {
    flex-direction: column;
  }
}
.search-header .title-section {
  flex: 1 1;
}

.search-header .title-section .page-title {
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 700;
  color: #212529;
  margin: 0 0 0.5rem;
  letter-spacing: -0.02em;
}

.search-header .title-section .page-subtitle {
  font-size: clamp(0.9375rem, 2vw, 1rem);
  color: #6c757d;
  margin: 0;
}

.search-header .quick-stats {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.search-header .quick-stats .stat-card {
  background: white;
  border-radius: 12px;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.06);
  cursor: pointer;
  transition: all 0.2s ease;
}

.search-header .quick-stats .stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(239, 35, 60, 0.1);
  border-color: rgba(239, 35, 60, 0.2);
}

.search-header .quick-stats .stat-card i {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  color: #EF233C;
}

.search-header .quick-stats .stat-card .stat-content {
  display: flex;
  flex-direction: column;
}

.search-header .quick-stats .stat-card .stat-content strong {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-weight: 700;
  color: #212529;
  line-height: 1;
}

.search-header .quick-stats .stat-card .stat-content span {
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  color: #6c757d;
  margin-top: 2px;
}

.search-box-container {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  position: relative;
}

.search-box-container.focused .search-input-wrapper {
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.1);
  border-color: #EF233C;
}

.search-box-container.focused .search-icon {
  color: #EF233C;
}

.search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  background: white;
  border: 2px solid #e0e0e0;
  border-radius: clamp(0.75rem, 1.5vw, 1rem);
  padding: 0 clamp(1rem, 2vw, 1.5rem);
  height: clamp(3rem, 6vw, 3.5rem);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-input-wrapper:hover {
  border-color: #EF233C;
}

.search-input-wrapper .search-icon {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: #6c757d;
  margin-right: clamp(0.75rem, 1.5vw, 1rem);
  transition: color 0.3s ease;
}

.search-input-wrapper .search-input {
  flex: 1 1;
  border: none;
  outline: none;
  font-size: clamp(0.9375rem, 2vw, 1rem);
  color: #212529;
  background: transparent;
}

.search-input-wrapper .search-input::placeholder {
  color: #6c757d;
}

.search-input-wrapper .search-actions {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  margin-left: auto;
}

.search-input-wrapper .search-actions .clear-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #f8f9fa;
  color: #6c757d;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.search-input-wrapper .search-actions .clear-btn:hover {
  background: #EF233C;
  color: white;
  transform: rotate(90deg);
}

.search-input-wrapper .search-actions .keyboard-shortcut {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #6c757d;
  font-size: 0.75rem;
}

.search-input-wrapper .search-actions .keyboard-shortcut kbd {
  padding: 2px 6px;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 0.6875rem;
  font-weight: 500;
  color: #212529;
  font-family: inherit;
}

.search-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: white;
  border-radius: clamp(0.75rem, 1.5vw, 1rem);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  border: 1px solid #e0e0e0;
  overflow: hidden;
  z-index: 5;
  max-height: 400px;
  overflow-y: auto;
}

.search-dropdown .dropdown-section {
  padding: 0.75rem 0;
}

.search-dropdown .dropdown-section:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}

.search-dropdown .dropdown-header {
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6c757d;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search-dropdown .dropdown-header button {
  background: none;
  border: none;
  color: #EF233C;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  text-transform: none;
  letter-spacing: normal;
}

.search-dropdown .dropdown-header button:hover {
  color: #D90429;
  text-decoration: underline;
}

.search-dropdown .dropdown-item {
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  transition: background 0.2s ease;
}

.search-dropdown .dropdown-item:hover {
  background: #fff5f0;
}

.search-dropdown .dropdown-item i {
  font-size: 0.875rem;
  color: #EF233C;
  width: 1rem;
}

.search-dropdown .dropdown-item span {
  flex: 1 1;
  font-size: 0.9375rem;
  color: #212529;
}

.search-dropdown .dropdown-item button {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: #6c757d;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.search-dropdown .dropdown-item button:hover {
  background: #EF233C;
  color: white;
}

.filter-controls-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid #e0e0e0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filter-controls-bar {
    flex-direction: column;
    align-items: stretch;
  }
}
.controls-left {
  display: flex;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .controls-left {
    width: 100%;
    gap: 1rem;
  }
}
.controls-right {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .controls-right {
    width: 100%;
    justify-content: space-between;
  }
}
.control-label {
  font-size: clamp(0.875rem, 1.5vw, 0.9375rem);
  font-weight: 600;
  color: #212529;
  margin: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .control-label {
    display: none;
  }
}
.mobile-filter-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #6c757d;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.mobile-filter-btn:hover, .mobile-filter-btn.active {
  background: #EF233C;
  border-color: #EF233C;
  color: white;
}

.mobile-filter-btn .filter-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: #EF233C;
  color: white;
  border-radius: 10px;
  font-size: 0.6875rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sort-control-group {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sort-control-group {
    flex: 1 1;
  }
}
.sort-button-group {
  display: flex;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 2px;
}

.sort-button {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: clamp(0.375rem, 1vw, 0.5rem) clamp(0.75rem, 1.5vw, 1rem);
  background: transparent;
  border: none;
  border-radius: 6px;
  font-size: clamp(0.8125rem, 1.5vw, 0.875rem);
  font-weight: 500;
  color: #6c757d;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.sort-button i {
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sort-button span {
    display: none;
  }
}
.sort-button:hover {
  background: #f8f9fa;
  color: #EF233C;
}

.sort-button.active {
  background: #EF233C;
  color: white;
  font-weight: 600;
}

.filter-group {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.filter-options {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.radio-option {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: clamp(0.875rem, 1.5vw, 0.9375rem);
  color: #212529;
  transition: color 0.2s ease;
}

.radio-option input[type=radio] {
  width: 18px;
  height: 18px;
  margin-right: 0.5rem;
  accent-color: #EF233C;
  cursor: pointer;
}

.radio-option:hover {
  color: #EF233C;
}

.view-toggle-group {
  display: flex;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 2px;
}

.view-button {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #6c757d;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1rem;
}

.view-button:hover {
  background: #f8f9fa;
  color: #EF233C;
}

.view-button.active {
  background: #EF233C;
  color: white;
}

.result-counter {
  font-size: clamp(0.875rem, 1.5vw, 0.9375rem);
  color: #6c757d;
  font-weight: 500;
}

.result-counter strong {
  font-weight: 700;
  color: #212529;
}

.mobile-filter-panel {
  overflow: hidden;
  margin-top: 1rem;
  padding: 1rem;
  background: white;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}

.mobile-filter-panel .filter-group {
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
}

.mobile-filter-panel .filter-group .control-label {
  display: block;
  margin-bottom: 0.5rem;
}

.mobile-filter-panel .filter-group .filter-options {
  flex-direction: column;
  gap: 0.75rem;
}

.mobile-filter-panel .clear-filters-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  margin-top: 1rem;
  padding: 0.75rem;
  background: transparent;
  border: 1px solid #EF233C;
  border-radius: 8px;
  color: #EF233C;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mobile-filter-panel .clear-filters-btn:hover {
  background: #EF233C;
  color: white;
}

.vendor-content-area {
  margin-top: clamp(2rem, 4vw, 3rem);
}

.vendor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: clamp(1.5rem, 3vw, 2rem);
  gap: clamp(1.5rem, 3vw, 2rem);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vendor-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vendor-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vendor-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
.vendor-list {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.vendor-list .vendor-item .vendor-card-modern .vendor-card-wrapper {
  display: flex;
  align-items: center;
  padding: clamp(1rem, 2vw, 1.5rem);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-list .vendor-item .vendor-card-modern .vendor-card-wrapper {
    flex-direction: column;
    text-align: center;
  }
}
.vendor-list .vendor-item .vendor-card-modern .vendor-card-inner {
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2rem);
  width: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-list .vendor-item .vendor-card-modern .vendor-card-inner {
    flex-direction: column;
  }
}
.vendor-list .vendor-item .vendor-card-modern .vendor-card-header {
  flex: 0 0 200px;
  padding: clamp(1rem, 2vw, 1.5rem);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-list .vendor-item .vendor-card-modern .vendor-card-header {
    flex: 0 0 auto;
    width: 100%;
  }
}
.vendor-list .vendor-item .vendor-card-modern .vendor-stats {
  flex: 1 1;
  border: none;
  background: transparent;
  padding: 0;
}

.vendor-list .vendor-item .vendor-card-modern .vendor-action {
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
}

.vendor-list .vendor-item .vendor-card-modern .vendor-action .visit-store-btn {
  padding: 0.625rem 1.25rem;
}

.vendor-item {
  position: relative;
  height: 100%;
}

.empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  padding: clamp(2rem, 4vw, 3rem);
}

.empty-content {
  text-align: center;
  max-width: 480px;
}

.empty-content .empty-icon {
  position: relative;
  margin-bottom: 2rem;
}

.empty-content .empty-icon i {
  font-size: clamp(3rem, 6vw, 4rem);
  color: #e0e0e0;
}

.empty-content .empty-icon i:first-child {
  position: relative;
  z-index: 2;
  color: #EF233C;
}

.empty-content .empty-icon i:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(6rem, 12vw, 8rem);
  opacity: 0.1;
  color: #EF233C;
}

.empty-content h3, .empty-content .h3 {
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  font-weight: 700;
  color: #212529;
  margin: 0 0 1rem;
}

.empty-content p {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: #6c757d;
  margin: 0 0 2rem;
  line-height: 1.6;
}

.empty-content .empty-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .empty-content .empty-actions {
    flex-direction: column;
    width: 100%;
  }
}
.primary-button,
.secondary-button {
  padding: clamp(0.625rem, 1.5vw, 0.75rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1.5vw, 0.9375rem);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .primary-button,
  .secondary-button {
    width: 100%;
  }
}
.primary-button {
  background: #EF233C;
  color: white;
  box-shadow: 0 4px 16px rgba(239, 35, 60, 0.2);
}

.primary-button:hover {
  background: #D90429;
  box-shadow: 0 6px 20px rgba(239, 35, 60, 0.3);
  transform: translateY(-1px);
}

.primary-button:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(239, 35, 60, 0.2);
}

.secondary-button {
  background: white;
  color: #6c757d;
  border: 1px solid #e0e0e0;
}

.secondary-button:hover {
  background: #fff5f0;
  border-color: #EF233C;
  color: #EF233C;
}

.secondary-button:active {
  background: #ffebe0;
}

.vendor-rating .fa-star {
  color: rgba(255, 255, 255, 0.3);
}

.vendor-rating .fa-star.filled, .vendor-rating .fa-star.fas, .vendor-rating .fa-star[style*=color] {
  color: #ffee00 !important;
}

[class*=GetRating] .fa-star.text-warning, [class*=GetRating] .fa-star[style*=color],
.rating .fa-star.text-warning,
.rating .fa-star[style*=color] {
  color: #ffee00 !important;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.vendor-card-modern {
  margin-bottom: 0;
  padding: 0;
}

@media (max-width: 575px) {
  .vendor-grid {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .vendor-grid .vendor-item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.search-dropdown::-webkit-scrollbar {
  width: 6px;
}

.search-dropdown::-webkit-scrollbar-track {
  background: #f8f9fa;
  border-radius: 3px;
}

.search-dropdown::-webkit-scrollbar-thumb {
  background: #EF233C;
  border-radius: 3px;
}

.search-dropdown::-webkit-scrollbar-thumb:hover {
  background: #D90429;
}

.animate-play::before,
.animate-play::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  border: 1px solid var(--clr-common-text);
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  animation-name: popupBtn;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  z-index: -1;
}

@keyframes popupBtn {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.3;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes popupBtn {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.3;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-play {
  position: relative;
  z-index: 5;
}

.pack-1-1 {
  position: absolute;
  top: 40%;
  left: 25px;
}

.pack-1-2 {
  position: absolute;
  top: 50%;
  left: 25px;
}

.pack-1-3 {
  position: absolute;
  top: 60%;
  left: 25px;
}

.product-color-nav {
  display: flex;
  gap: 10px;
}

.product-color-nav img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  opacity: 0;
}

.product-color-nav li {
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.product-color-nav li:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--clr-common-white);
  box-sizing: border-box;
  border: 1px solid var(--clr-common-border);
  border-radius: 50%;
}

.product-color-nav li:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--clr-common-heading);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-color-nav li:hover::before {
  border: var(--clr-common-heading);
}

.product-color-nav li.cl-pink:after {
  background: #eacbd0;
}

.product-color-nav li.cl-black::after {
  background: #171717;
}

.product-color-nav li.cl-blue::after {
  background: #044cba;
}

.product-color-nav li.cl-red::after {
  background: #c31f31;
}

.product-color-nav li.cl-light-white::after {
  background: #e5e6e0;
}

.product-color-nav li.cl-navy::after {
  background: #42495d;
}

.product-color-nav li.cl-brown::after {
  background: #ae8f7a;
}

.product-color-nav li.cl-ash::after {
  background: #797782;
}

.product-color-nav li.cl-yellow::after {
  background: #c69f5a;
}

.product-color-nav li.cl-orange::after {
  background: #d86f30;
}

.product-color-nav li.cl-gold::after {
  background: #ffd700;
}

.product-color-nav li.cl-wood::after {
  background: #6b4e43;
}

.product-color-nav li.cl-green::after {
  background: #656317;
}

.product-color-nav li.cl-silver::after {
  background: #c0c0c0;
}

.product-color-nav li.active:before {
  border-color: #707070;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.search-wrapper {
  position: relative;
  width: 100%;
  max-width: 420px;
  z-index: 5000; /* ensure always above compare page overlays */
}

.search-form {
  width: 100%;
}

.search-input-container {
  position: relative;
  background: #ffffff;
  border: 2px solid transparent;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.search-input-container::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(135deg, #f9fafb 0%, transparent 50%, #f9fafb 100%);
  border-radius: 14px;
  opacity: 1;
  z-index: -1;
  transition: opacity 0.3s ease;
}

.search-input-container:hover {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}

.search-input-container:hover .search-icon {
  color: #d90429;
}

.search-input-container.search-active {
  border-color: #d90429;
  box-shadow: 0 0 0 4px rgba(217, 4, 41, 0.1), 0 4px 24px rgba(0, 0, 0, 0.04);
}

.search-input-container.search-active::before {
  opacity: 0;
}

.search-input-container.search-active .search-icon {
  color: #d90429;
  transform: rotate(90deg);
}

.search-input-container.search-active .search-shortcut {
  opacity: 0;
  transform: translateX(8px);
}

.search-input-inner {
  display: flex;
  align-items: center;
  height: 52px;
  padding: 0 20px;
  gap: 12px;
}

.search-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-icon {
  width: 20px;
  height: 20px;
  color: #9ca3af;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.search-input {
  flex: 1 1;
  border: none !important; /* prevent default border */
  outline: none;
  background: transparent;
  font-size: 16px;
  font-weight: 400;
  color: #374151;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  pointer-events: auto; /* guarantee click */
}

.search-input::placeholder {
  color: #9ca3af;
  font-weight: 400;
}

.search-clear-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: rgba(229, 231, 235, 0.5);
  border-radius: 50%;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0;
  opacity: 0;
  transform: scale(0.8);
  animation: scaleIn 0.2s ease forwards;
}

.search-clear-button:hover {
  background: rgba(229, 231, 235, 0.8);
  color: #374151;
  transform: scale(1.05);
}

.search-clear-button:active {
  transform: scale(0.95);
}

.search-clear-button svg {
  width: 14px;
  height: 14px;
}

.search-shortcut {
  display: flex;
  align-items: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-shortcut kbd {
  padding: 4px 8px;
  background: rgba(243, 244, 246, 0.8);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  font-family: "SF Mono", Monaco, monospace;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}

.search-dropdown {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  right: 0;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.06);
  border: 1px solid #f3f4f6;
  z-index: 1000; /* Yüksek z-index değeri */
  animation: slideUp 0.25s ease;
  overflow: hidden;
}

.search-dropdown-inner {
  max-height: 480px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.search-dropdown-inner::-webkit-scrollbar {
  width: 8px;
}

.search-dropdown-inner::-webkit-scrollbar-track {
  background: transparent;
}

.search-dropdown-inner::-webkit-scrollbar-thumb {
  background: rgba(55, 65, 81, 0.08);
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.search-dropdown-inner::-webkit-scrollbar-thumb:hover {
  background: rgba(55, 65, 81, 0.12);
}

.search-results {
  padding: 8px;
}

.search-results-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.search-result-item {
  display: block;
  text-decoration: none;
  border-radius: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-result-item:hover .result-item-inner {
  background: rgba(217, 4, 41, 0.04);
  transform: translateX(4px);
}

.search-result-item:hover .result-title {
  color: #d90429;
}

.search-result-item:hover .result-image img {
  transform: scale(1.05);
}

.result-item-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px;
  border-radius: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.result-image {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(135deg, #fafafa 0%, #f3f4f6 100%);
  flex-shrink: 0;
}

.result-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f8f9fa;
  transition: transform 0.3s ease;
}

.result-content {
  flex: 1 1;
  min-width: 0;
}

.result-title {
  font-size: 15px;
  font-weight: 500;
  color: #374151;
  margin: 0 0 4px 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.result-category {
  font-size: 13px;
  color: #9ca3af;
  display: block;
}

.result-price-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
}

.price-old {
  font-size: 13px;
  color: #9ca3af;
  text-decoration: line-through;
}

.price-current {
  font-size: 16px;
  font-weight: 600;
  color: #d90429;
}

.search-view-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  margin: 8px;
  background: linear-gradient(135deg, rgba(217, 4, 41, 0.05) 0%, rgba(217, 4, 41, 0.02) 100%);
  border-radius: 10px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #d90429;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-view-all:hover {
  background: linear-gradient(135deg, rgba(217, 4, 41, 0.08) 0%, rgba(217, 4, 41, 0.04) 100%);
  transform: translateY(-1px);
}

.search-view-all:hover svg {
  transform: translateX(2px);
}

.search-view-all .result-count {
  padding: 2px 8px;
  background: rgba(217, 4, 41, 0.1);
  border-radius: 12px;
  font-size: 12px;
}

.search-view-all svg {
  transition: transform 0.2s ease;
}

.search-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 24px;
  text-align: center;
  animation: fadeIn 0.3s ease;
}

.search-empty-state .empty-state-icon {
  margin-bottom: 20px;
  color: #9ca3af;
}

.search-empty-state .empty-state-icon svg {
  animation: pulse 2s ease-in-out infinite;
}

.search-empty-state h4, .search-empty-state .h4 {
  font-size: 18px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 8px 0;
}

.search-empty-state p {
  font-size: 14px;
  color: #9ca3af;
  margin: 0;
  max-width: 280px;
}

.search-empty-state--error .empty-state-icon {
  color: #f87171;
}

.search-skeleton {
  padding: 8px;
}

.skeleton-item {
  margin-bottom: 4px;
}

.skeleton-shimmer {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px;
  border-radius: 10px;
  background: rgba(55, 65, 81, 0.02);
}

.skeleton-image {
  width: 56px;
  height: 56px;
  background: linear-gradient(90deg, #fafafa 0%, #f3f4f6 50%, #fafafa 100%);
  background-size: 200% 100%;
  border-radius: 10px;
  animation: shimmer 1.5s infinite;
}

.skeleton-content {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.skeleton-line {
  height: 12px;
  background: linear-gradient(90deg, #fafafa 0%, #f3f4f6 50%, #fafafa 100%);
  background-size: 200% 100%;
  border-radius: 6px;
  animation: shimmer 1.5s infinite;
}

.skeleton-line.skeleton-title {
  width: 140px;
}

.skeleton-line.skeleton-subtitle {
  width: 80px;
  height: 10px;
}

.skeleton-price-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.skeleton-price {
  width: 60px;
  height: 16px;
}

.mobile-search-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: none;
  background: rgba(248, 250, 252, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 50%;
  color: #374151;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

.mobile-search-button::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(135deg, transparent 30%, rgba(217, 4, 41, 0.08) 100%);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mobile-search-button:hover {
  background: rgba(243, 244, 246, 0.9);
  transform: scale(1.05);
}

.mobile-search-button:hover::before {
  opacity: 1;
}

.mobile-search-button:active {
  transform: scale(0.95);
}

.mobile-search-button svg {
  width: 22px;
  height: 22px;
}

.mobile-search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  visibility: hidden;
}

.mobile-search-overlay.mobile-search-open {
  visibility: visible;
}

.mobile-search-overlay.mobile-search-open .mobile-search-backdrop {
  opacity: 1;
}

.mobile-search-overlay.mobile-search-open .mobile-search-panel {
  transform: translateY(0);
}

.mobile-search-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mobile-search-panel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  border-radius: 0 0 24px 24px;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.06);
  max-height: 85vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: translateY(-100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-search-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 16px;
  border-bottom: 1px solid #f3f4f6;
}

.mobile-search-header h3, .mobile-search-header .h3 {
  font-size: 28px;
  font-weight: 700;
  color: #374151;
  margin: 0;
}

.mobile-close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  background: rgba(243, 244, 246, 0.8);
  border-radius: 50%;
  color: #374151;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-close-button:hover {
  background: rgba(229, 231, 235, 0.9);
  transform: rotate(90deg);
}

.mobile-close-button svg {
  width: 20px;
  height: 20px;
}

.mobile-search-form {
  padding: 20px;
}

.mobile-search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  background: rgb(248, 250, 252);
  border-radius: 14px;
  padding: 0 20px;
  height: 56px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-search-input-wrapper:focus-within {
  background: rgba(219, 234, 254, 0.3);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}

.mobile-search-input-wrapper:focus-within .mobile-search-icon {
  color: #d90429;
}

.mobile-search-icon {
  color: #9ca3af;
  margin-right: 12px;
  transition: color 0.2s ease;
}

.mobile-search-input {
  flex: 1 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: 17px;
  color: #374151;
  font-weight: 400;
}

.mobile-search-input::placeholder {
  color: #9ca3af;
}

.mobile-clear-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  margin-left: 8px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-clear-button:hover {
  transform: scale(1.1);
}

.mobile-clear-button:active {
  transform: scale(0.9);
}

.mobile-search-results {
  flex: 1 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: env(safe-area-inset-bottom);
}

body.search-open {
  overflow: hidden;
}

@media (max-width: 1199px) {
  .d-xl-block {
    display: none !important;
  }
  .d-xl-none {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }
  .d-xl-none {
    display: none !important;
  }
}
@media (prefers-color-scheme: dark) {
  .search-input-container,
  .search-dropdown,
  .mobile-search-panel {
    background: #fafafa;
    border-color: #e5e7eb;
  }
  .search-input,
  .mobile-search-input,
  .result-title {
    color: #1f2937;
  }
  .mobile-search-backdrop {
    background: rgba(255, 255, 255, 0.9);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.1;
  }
}
@keyframes checkmarkPop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes checkmarkScale {
  from {
    transform: scale(0) rotate(-180deg);
  }
  to {
    transform: scale(1) rotate(0deg);
  }
}
.checkout-area {
  min-height: 500px;
}

@media (max-width: 575px) {
  .checkout-area {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
.checkout-area .checkout-btn-primary,
.checkout-area a.checkout-btn-primary {
  background: var(--clr-primary, #EF233C);
  border: 2px solid var(--clr-primary, #EF233C);
  color: #fff !important;
  padding: 14px 36px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
}

.checkout-area .checkout-btn-primary::before,
.checkout-area a.checkout-btn-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

.checkout-area .checkout-btn-primary:hover:not(:disabled),
.checkout-area a.checkout-btn-primary:hover:not(:disabled) {
  background: #D90429;
  border-color: #D90429;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(239, 35, 60, 0.3);
}

.checkout-area .checkout-btn-primary:hover:not(:disabled)::before,
.checkout-area a.checkout-btn-primary:hover:not(:disabled)::before {
  left: 100%;
}

.checkout-area .checkout-btn-primary:hover:not(:disabled) i,
.checkout-area a.checkout-btn-primary:hover:not(:disabled) i {
  transform: translateX(4px);
}

.checkout-area .checkout-btn-primary:active:not(:disabled),
.checkout-area a.checkout-btn-primary:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(239, 35, 60, 0.3);
}

.checkout-area .checkout-btn-primary:disabled,
.checkout-area a.checkout-btn-primary:disabled {
  background: #d1d5db;
  border-color: #d1d5db;
  cursor: not-allowed;
  opacity: 0.7;
}

.checkout-area .checkout-btn-primary i,
.checkout-area a.checkout-btn-primary i {
  font-size: 18px;
  transition: transform 0.3s ease;
}

.checkout-area .checkout-btn-primary .spinner-border-sm,
.checkout-area a.checkout-btn-primary .spinner-border-sm {
  width: 18px;
  height: 18px;
  border-width: 2px;
}

@media (max-width: 575px) {
  .checkout-area .checkout-btn-primary,
  .checkout-area a.checkout-btn-primary {
    padding: 12px 24px;
    font-size: 15px;
    width: 100%;
    justify-content: center;
  }
  .checkout-area .checkout-btn-primary i,
  .checkout-area a.checkout-btn-primary i {
    font-size: 16px;
  }
}
.checkout-area .checkout-btn-secondary,
.checkout-area a.checkout-btn-secondary {
  background: transparent;
  border: 2px solid #e5e7eb;
  color: #6b7280 !important;
  padding: 14px 36px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
}

.checkout-area .checkout-btn-secondary:hover,
.checkout-area a.checkout-btn-secondary:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
  color: #4b5563;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.checkout-area .checkout-btn-secondary:hover i,
.checkout-area a.checkout-btn-secondary:hover i {
  transform: translateX(-4px);
}

.checkout-area .checkout-btn-secondary:active,
.checkout-area a.checkout-btn-secondary:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.checkout-area .checkout-btn-secondary i,
.checkout-area a.checkout-btn-secondary i {
  font-size: 18px;
  transition: transform 0.3s ease;
}

@media (max-width: 575px) {
  .checkout-area .checkout-btn-secondary,
  .checkout-area a.checkout-btn-secondary {
    padding: 12px 24px;
    font-size: 15px;
    width: 100%;
    justify-content: center;
  }
  .checkout-area .checkout-btn-secondary i,
  .checkout-area a.checkout-btn-secondary i {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .checkout-area .form-container {
    padding: 16px;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .checkout-area .form-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.checkout-area .checkout-form-list {
  margin-bottom: 20px;
}

@media (max-width: 575px) {
  .checkout-area .checkout-form-list {
    margin-bottom: 16px;
  }
}
.checkout-area .checkout-form-list label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: var(--clr-heading);
  font-size: 14px;
}

@media (max-width: 575px) {
  .checkout-area .checkout-form-list label {
    font-size: 13px;
    margin-bottom: 6px;
  }
}
.checkout-area .checkout-form-list label .required {
  color: #dc3545;
  margin-left: 3px;
}

.checkout-area .checkout-form-list input,
.checkout-area .checkout-form-list textarea,
.checkout-area .checkout-form-list select {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
  transition: all 0.3s ease;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
}

@media (max-width: 575px) {
  .checkout-area .checkout-form-list input,
  .checkout-area .checkout-form-list textarea,
  .checkout-area .checkout-form-list select {
    padding: 12px 16px;
    font-size: 16px;
    min-height: 48px;
    border-radius: 6px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    max-width: 100%;
  }
}
.checkout-area .checkout-form-list input:focus,
.checkout-area .checkout-form-list textarea:focus,
.checkout-area .checkout-form-list select:focus {
  outline: none;
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px rgba(239, 35, 60, 0.1);
}

@media (max-width: 575px) {
  .checkout-area .checkout-form-list input:focus,
  .checkout-area .checkout-form-list textarea:focus,
  .checkout-area .checkout-form-list select:focus {
    border-color: var(--clr-primary);
    box-shadow: 0 0 0 2px rgba(239, 35, 60, 0.2);
    background-color: #fffbf5;
  }
}
.checkout-area .checkout-form-list input::placeholder,
.checkout-area .checkout-form-list textarea::placeholder,
.checkout-area .checkout-form-list select::placeholder {
  color: #666;
}

@media (max-width: 575px) {
  .checkout-area .checkout-form-list input::placeholder,
  .checkout-area .checkout-form-list textarea::placeholder,
  .checkout-area .checkout-form-list select::placeholder {
    color: #777;
    font-size: 16px;
  }
}
.checkout-area .checkout-form-list input:disabled,
.checkout-area .checkout-form-list textarea:disabled,
.checkout-area .checkout-form-list select:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

.checkout-area .checkout-form-list input.error,
.checkout-area .checkout-form-list textarea.error,
.checkout-area .checkout-form-list select.error {
  border-color: #dc3545;
  background-color: #fff5f5;
}

.checkout-area .checkout-form-list input.error:focus,
.checkout-area .checkout-form-list textarea.error:focus,
.checkout-area .checkout-form-list select.error:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}

.checkout-area .checkout-form-list input.success,
.checkout-area .checkout-form-list textarea.success,
.checkout-area .checkout-form-list select.success {
  border-color: #28a745;
  background-color: #f5fff7;
}

.checkout-area .checkout-form-list input.success:focus,
.checkout-area .checkout-form-list textarea.success:focus,
.checkout-area .checkout-form-list select.success:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
}

.checkout-area .checkout-form-list select {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333' d='M10.293 0.293a1 1 0 0 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5A1 1 0 0 1 1.707.293L6 4.586 10.293.293z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  padding-right: 40px;
}

@media (max-width: 575px) {
  .checkout-area .checkout-form-list select {
    background-position: right 16px center;
    padding-right: 50px;
    background-size: 14px 10px;
    width: 100% !important;
    max-width: 100%;
  }
}
.checkout-area .checkout-form-list .error-message {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  color: #dc3545;
  animation: fadeInUp 0.3s ease;
}

.checkout-area .checkout-form-list .error-message i {
  font-size: 12px;
}

.checkout-area .checkout-form-list .success-message {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  color: #28a745;
  animation: fadeInUp 0.3s ease;
}

.checkout-area .checkout-form-list .success-message i {
  font-size: 12px;
}

.checkout-area .checkbox-form {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-area .checkbox-form {
    padding: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .checkout-area .checkbox-form {
    padding: 20px;
  }
}
@media (max-width: 575px) {
  .checkout-area .checkbox-form {
    padding: 16px;
    border-radius: 8px;
    margin: 0 -5px;
  }
}
.checkout-area .checkbox-form h3, .checkout-area .checkbox-form .h3 {
  margin-bottom: 25px;
  color: var(--clr-heading);
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 15px;
  border-bottom: 2px solid #f0f0f0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-area .checkbox-form h3, .checkout-area .checkbox-form .h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .checkout-area .checkbox-form h3, .checkout-area .checkbox-form .h3 {
    font-size: 20px;
    margin-bottom: 16px;
    padding-bottom: 12px;
  }
}
.checkout-area .order-notes {
  margin-top: 10px;
}

@media (max-width: 575px) {
  .checkout-area .saved-addresses .form-label {
    font-size: 14px;
    margin-bottom: 15px !important;
  }
}
@media (max-width: 575px) {
  .checkout-area .saved-addresses .row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .checkout-area .saved-addresses .row > [class*=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.checkout-area .saved-addresses .address-card {
  transition: all 0.3s ease;
  cursor: pointer;
  height: 100%;
}

@media (max-width: 575px) {
  .checkout-area .saved-addresses .address-card {
    padding: 12px !important;
  }
}
.checkout-area .saved-addresses .address-card:hover {
  border-color: var(--clr-primary) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

@media (max-width: 575px) {
  .checkout-area .saved-addresses .address-card:hover {
    transform: translateY(-1px);
  }
}
.checkout-area .saved-addresses .address-card.border-primary {
  border-width: 2px !important;
  background-color: rgba(239, 35, 60, 0.05) !important;
}

@media (max-width: 575px) {
  .checkout-area .saved-addresses .address-card .form-check {
    margin-bottom: 0;
  }
}
.checkout-area .saved-addresses .address-card .form-check-input {
  margin-top: 0.5rem;
}

@media (max-width: 575px) {
  .checkout-area .saved-addresses .address-card .form-check-input {
    width: 16px;
    height: 16px;
    margin-top: 3px;
  }
}
.checkout-area .saved-addresses .address-card .form-check-label {
  cursor: pointer;
  padding-left: 0.5rem;
}

@media (max-width: 575px) {
  .checkout-area .saved-addresses .address-card .form-check-label {
    padding-left: 0.25rem;
    font-size: 14px;
  }
}
.checkout-area .saved-addresses .address-card h6, .checkout-area .saved-addresses .address-card .h6 {
  color: var(--clr-heading);
  font-weight: 600;
}

@media (max-width: 575px) {
  .checkout-area .saved-addresses .address-card h6, .checkout-area .saved-addresses .address-card .h6 {
    font-size: 15px;
    margin-bottom: 4px !important;
  }
}
.checkout-area .saved-addresses .address-card p {
  color: #666;
  line-height: 1.4;
}

@media (max-width: 575px) {
  .checkout-area .saved-addresses .address-card p {
    font-size: 13px;
    margin-bottom: 2px !important;
  }
}
.checkout-area .saved-addresses .address-card .badge {
  font-size: 11px;
  padding: 4px 8px;
}

@media (max-width: 575px) {
  .checkout-area .saved-addresses .address-card .badge {
    font-size: 10px;
    padding: 3px 6px;
  }
}
@media (max-width: 575px) {
  .checkout-area .saved-addresses .address-card .text-center {
    padding: 15px 0 !important;
  }
  .checkout-area .saved-addresses .address-card .text-center .fa-plus-circle {
    font-size: 28px !important;
    margin-bottom: 8px !important;
  }
  .checkout-area .saved-addresses .address-card .text-center h6, .checkout-area .saved-addresses .address-card .text-center .h6 {
    font-size: 14px;
  }
}
.step-indicator {
  background: #ffffff;
  padding: 30px 0;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  border-bottom: 1px solid #f0f0f0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .step-indicator {
    padding: 25px 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .step-indicator {
    padding: 20px 0;
    margin-bottom: 20px;
  }
}
.step-indicator .container {
  position: relative;
}

.step-indicator .container::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  height: 2px;
  background: #f0f0f0;
  transform: translateY(-50%);
  z-index: 0;
  border-radius: 1px;
}

.step-indicator .steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .step-indicator .steps {
    max-width: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .step-indicator .steps {
    max-width: 600px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .step-indicator .steps {
    max-width: 100%;
    padding: 0 20px;
  }
}
@media (max-width: 575px) {
  .step-indicator .steps {
    padding: 0 10px;
  }
}
.step-indicator .step-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  animation: fadeInScale 0.5s ease-out;
  animation-fill-mode: both;
  cursor: pointer;
  transition: all 0.3s ease;
}

.step-indicator .step-item:nth-child(1) {
  animation-delay: 0.1s;
}

.step-indicator .step-item:nth-child(3) {
  animation-delay: 0.2s;
}

.step-indicator .step-item:nth-child(5) {
  animation-delay: 0.3s;
}

.step-indicator .step-item:nth-child(7) {
  animation-delay: 0.4s;
}

.step-indicator .step-item:hover:not(.active):not(.completed) .step-number {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.step-indicator .step-item.active .step-number {
  background: var(--clr-primary, #EF233C);
  color: #fff;
  border-color: var(--clr-primary, #EF233C);
  transform: scale(1.1);
  box-shadow: 0 4px 20px rgba(239, 35, 60, 0.3);
}

.step-indicator .step-item.active .step-number::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  background: rgba(239, 35, 60, 0.15);
  border-radius: 50%;
  animation: pulse 2s ease-in-out infinite;
}

.step-indicator .step-item.active .step-title {
  color: var(--clr-primary, #EF233C);
  font-weight: 600;
}

.step-indicator .step-item.completed .step-number {
  background: #28a745;
  color: #fff;
  border-color: #28a745;
  animation: checkmarkPop 0.5s ease-out;
  box-shadow: 0 3px 12px rgba(40, 167, 69, 0.25);
}

.step-indicator .step-item.completed .step-number::after {
  content: "✓";
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  animation: checkmarkScale 0.3s ease-out;
}

.step-indicator .step-item.completed .step-title {
  color: #28a745;
  font-weight: 500;
}

.step-indicator .step-number {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 18px;
  background: #ffffff;
  color: #9ca3af;
  transition: all 0.3s ease;
  margin-bottom: 12px;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  flex-shrink: 0;
}

.step-indicator .step-number i {
  font-size: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .step-indicator .step-number {
    width: 48px;
    height: 48px;
    font-size: 16px;
  }
  .step-indicator .step-number i {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .step-indicator .step-number {
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin-bottom: 8px;
  }
  .step-indicator .step-number i {
    font-size: 16px;
  }
}
.step-indicator .step-title {
  font-size: 14px;
  color: #6b7280;
  white-space: nowrap;
  font-weight: 500;
  transition: all 0.3s ease;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .step-indicator .step-title {
    font-size: 13px;
  }
}
@media (max-width: 575px) {
  .step-indicator .step-title {
    font-size: 11px;
    white-space: normal;
    line-height: 1.3;
    max-width: 60px;
  }
}
.step-indicator .step-line {
  flex: 1 1;
  height: 2px;
  background: #f0f0f0;
  position: relative;
  margin: 0 -15px;
  margin-top: -28px;
  max-width: 120px;
}

.step-indicator .step-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #28a745 0%, #EF233C 100%);
  transition: width 0.5s ease;
  border-radius: 1px;
}

.step-indicator .step-line.completed::after {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .step-indicator .step-line {
    margin: 0 -10px;
    margin-top: -24px;
    max-width: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .step-indicator .step-line {
    margin: 0 -8px;
    margin-top: -22px;
    max-width: 60px;
  }
}
.checkout-wrapper {
  padding-bottom: 60px;
}

.empty-cart-wrapper .empty-cart-icon i {
  opacity: 0.3;
  animation: fadeInScale 0.6s ease-out;
}

.empty-cart-wrapper h4, .empty-cart-wrapper .h4 {
  color: var(--clr-heading, #1f2937);
  font-weight: 600;
}

.empty-cart-wrapper p {
  font-size: 16px;
  max-width: 400px;
  margin: 0 auto;
}

.checkout-copy-btn {
  background: var(--clr-primary, #EF233C);
  border: none;
  color: #fff;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.checkout-copy-btn i {
  font-size: 12px;
}

.checkout-copy-btn:hover {
  background: #D90429;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(239, 35, 60, 0.25);
}

.checkout-copy-btn:active {
  transform: translateY(0);
}

.checkout-btn-complete {
  width: 100%;
  padding: 16px 40px;
  font-size: 18px;
  margin-top: 20px;
  box-shadow: 0 4px 15px rgba(239, 35, 60, 0.2);
}

.checkout-btn-complete:hover:not(:disabled) {
  box-shadow: 0 8px 25px rgba(239, 35, 60, 0.35);
}

.checkout-btn-complete i {
  font-size: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .checkout-btn-complete {
    padding: 15px 35px;
    font-size: 17px;
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .checkout-btn-complete {
    padding: 14px 30px;
    font-size: 16px;
    margin-top: 15px;
  }
  .checkout-btn-complete i {
    font-size: 18px;
  }
}
.payment-container {
  max-width: 800px;
  margin: 0 auto;
}

@media (max-width: 575px) {
  .payment-container {
    padding: 0 15px;
  }
}
.payment-container .payment-method h2, .payment-container .payment-method .h2 {
  font-size: 22px;
  margin-bottom: 20px;
  color: var(--clr-heading);
}

@media (max-width: 575px) {
  .payment-container .payment-method h2, .payment-container .payment-method .h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.payment-container .payment-options {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

@media (max-width: 575px) {
  .payment-container .payment-options {
    flex-direction: column;
  }
}
.payment-container .payment-option {
  flex: 1 1;
  padding: 20px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  position: relative;
  overflow: hidden;
}

.payment-container .payment-option::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, transparent, rgba(239, 35, 60, 0.05));
  opacity: 0;
  transition: opacity 0.3s ease;
}

.payment-container .payment-option:hover {
  border-color: var(--clr-primary, #EF233C);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.payment-container .payment-option:hover::before {
  opacity: 1;
}

.payment-container .payment-option.active {
  border-color: var(--clr-primary, #EF233C);
  background: #fff;
  box-shadow: 0 4px 15px rgba(239, 35, 60, 0.15);
}

.payment-container .payment-option.active::before {
  opacity: 1;
}

.payment-container .payment-option.active label {
  color: var(--clr-primary, #EF233C);
  font-weight: 600;
}

.payment-container .payment-option input[type=radio] {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--clr-primary, #EF233C);
  cursor: pointer;
}

.payment-container .payment-option label {
  margin: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  color: #374151;
  position: relative;
  z-index: 1;
}

.payment-container .bank-selection h3, .payment-container .bank-selection .h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: var(--clr-heading);
}

.payment-container .bank-selection .bank-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 15px;
  gap: 15px;
  margin-top: 15px;
}

@media (max-width: 575px) {
  .payment-container .bank-selection .bank-options {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.payment-container .bank-selection .bank-option {
  padding: 18px;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  position: relative;
}

@media (max-width: 575px) {
  .payment-container .bank-selection .bank-option {
    padding: 15px;
    gap: 10px;
  }
}
.payment-container .bank-selection .bank-option::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--clr-primary, #EF233C);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s ease;
}

.payment-container .bank-selection .bank-option:hover {
  border-color: var(--clr-primary, #EF233C);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.payment-container .bank-selection .bank-option.selected {
  border-color: var(--clr-primary, #EF233C);
  background: rgba(239, 35, 60, 0.02);
  box-shadow: 0 4px 15px rgba(239, 35, 60, 0.15);
}

.payment-container .bank-selection .bank-option.selected::after {
  content: "✓";
  color: white;
  font-weight: bold;
  font-size: 12px;
  opacity: 1;
  transform: scale(1);
}

.payment-container .bank-selection .bank-option.selected label {
  color: var(--clr-primary, #EF233C);
  font-weight: 600;
}

.payment-container .bank-selection .bank-option input[type=radio] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--clr-primary, #EF233C);
  cursor: pointer;
}

.payment-container .bank-selection .bank-option label {
  margin: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  color: #374151;
}

.payment-container .bank-info-section {
  background: #f8f9fa;
  padding: 25px;
  border-radius: 10px;
  margin-top: 20px;
}

@media (max-width: 575px) {
  .payment-container .bank-info-section {
    padding: 15px;
    border-radius: 8px;
  }
}
.payment-container .bank-info-section h3, .payment-container .bank-info-section .h3 {
  font-size: 18px;
  margin-bottom: 20px;
  color: var(--clr-heading);
}

@media (max-width: 575px) {
  .payment-container .bank-info-section h3, .payment-container .bank-info-section .h3 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.payment-container .bank-info-section .bank-details .info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}

.payment-container .bank-info-section .bank-details .info-row:last-child {
  border-bottom: none;
}

.payment-container .bank-info-section .bank-details .info-row strong {
  flex: 0 0 120px;
  color: #555;
}

@media (max-width: 575px) {
  .payment-container .bank-info-section .bank-details .info-row strong {
    flex: 0 0 90px;
    font-size: 13px;
  }
}
.payment-container .bank-info-section .bank-details .info-row span {
  flex: 1 1;
  text-align: right;
}

@media (max-width: 575px) {
  .payment-container .bank-info-section .bank-details .info-row span {
    font-size: 13px;
    word-break: break-all;
  }
}
.payment-container .bank-info-section .bank-details .info-row .copy-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1;
  justify-content: flex-end;
}

@media (max-width: 575px) {
  .payment-container .bank-info-section .bank-details .info-row .copy-wrapper {
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
  }
}
.payment-container .bank-info-section .bank-details .info-row .copy-wrapper .copy-btn {
  padding: 5px 12px;
  background: var(--clr-primary, #EF233C);
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.payment-container .bank-info-section .bank-details .info-row .copy-wrapper .copy-btn:hover {
  background: #D90429;
  transform: translateY(-1px);
}

.payment-container .reference-code-container {
  background: linear-gradient(135deg, #fff8f0, #fff3e8);
  border: 2px solid #ffe0cc;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(239, 35, 60, 0.1);
}

@media (max-width: 575px) {
  .payment-container .reference-code-container {
    padding: 20px 15px !important;
  }
}
.payment-container .reference-code-container .reference-code {
  font-family: "Courier New", monospace;
  font-size: 28px;
  letter-spacing: 3px;
  color: var(--clr-primary, #EF233C);
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-container .reference-code-container .reference-code {
    font-size: 24px;
    letter-spacing: 2px;
  }
}
@media (max-width: 575px) {
  .payment-container .reference-code-container .reference-code {
    font-size: 20px;
    letter-spacing: 1px;
  }
}
@media (max-width: 575px) {
  .payment-container .reference-code-container h4, .payment-container .reference-code-container .h4 {
    font-size: 16px !important;
    margin-bottom: 10px !important;
  }
}
@media (max-width: 575px) {
  .payment-container .reference-code-container small, .payment-container .reference-code-container .small {
    font-size: 12px;
  }
}
.payment-container .alert {
  border-radius: 10px;
  border: none;
  padding: 16px 20px;
  font-size: 14px;
}

.payment-container .alert.alert-warning {
  background: #fff8f0;
  color: #b45309;
  border: 1px solid #fed7aa;
}

.payment-container .alert.alert-warning strong {
  color: #92400e;
}

.payment-container .alert.alert-info {
  background: #f0f9ff;
  color: #075985;
  border: 1px solid #bae6fd;
}

.payment-container .alert.alert-info h4, .payment-container .alert.alert-info .h4 {
  color: #0c4a6e;
  font-size: 18px;
  margin-bottom: 12px;
}

.payment-container .alert.alert-info ul {
  margin-bottom: 0;
  padding-left: 20px;
}

.payment-container .alert.alert-info ul li {
  margin-bottom: 6px;
}

.payment-container .alert.alert-info ul li strong {
  color: #0c4a6e;
}

.payment-container .alert.alert-danger {
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

.payment-container .order-summary {
  background: #f8f9fa;
  padding: 25px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

@media (max-width: 575px) {
  .payment-container .order-summary {
    padding: 15px;
    border-radius: 8px;
  }
}
.payment-container .order-summary h4, .payment-container .order-summary .h4 {
  font-size: 18px;
  margin-bottom: 15px;
  color: var(--clr-heading);
}

@media (max-width: 575px) {
  .payment-container .order-summary h4, .payment-container .order-summary .h4 {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
.payment-container .order-summary .summary-details .summary-item {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 14px;
}

.payment-container .order-summary .summary-details .summary-row.total {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 2px solid #dee2e6;
  font-size: 16px;
}

.payment-container .terms-section .form-check {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 20px;
  background: #f9fafb;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
}

@media (max-width: 575px) {
  .payment-container .terms-section .form-check {
    padding: 15px;
    gap: 10px;
    border-radius: 8px;
  }
}
.payment-container .terms-section .form-check input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  accent-color: var(--clr-primary, #EF233C);
  cursor: pointer;
  flex-shrink: 0;
}

@media (max-width: 575px) {
  .payment-container .terms-section .form-check input[type=checkbox] {
    width: 18px;
    height: 18px;
  }
}
.payment-container .terms-section .form-check label {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #4b5563;
  cursor: pointer;
}

@media (max-width: 575px) {
  .payment-container .terms-section .form-check label {
    font-size: 13px;
    line-height: 1.5;
  }
}
.payment-container .terms-section .form-check label a {
  color: var(--clr-primary, #EF233C);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}

.payment-container .terms-section .form-check label a:hover {
  border-bottom-color: var(--clr-primary, #EF233C);
}

@media (max-width: 575px) {
  .cart-area .container-small {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 575px) {
  .cart-area .address_info.card {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .cart-area .address_info.card .card-header {
    padding: 12px 15px;
  }
  .cart-area .address_info.card .card-header h5, .cart-area .address_info.card .card-header .h5 {
    font-size: 16px;
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .cart-area .address_info.card .card-body {
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .cart-area .address_info.card .card-body .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .cart-area .address_info.card .card-body .d-flex i {
    margin-right: 0 !important;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-area .order-summary-card.sticky-top {
    position: relative !important;
    top: 0 !important;
  }
}
@media (max-width: 575px) {
  .cart-area .order-summary-card .card-header {
    padding: 12px 15px;
  }
  .cart-area .order-summary-card .card-header h5, .cart-area .order-summary-card .card-header .h5 {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .cart-area .order-summary-card .card-body {
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .cart-area .order-summary-card .card-body .d-flex {
    font-size: 14px;
  }
  .cart-area .order-summary-card .card-body .d-flex.fs-5 {
    font-size: 16px !important;
  }
  .cart-area .order-summary-card .card-body .d-flex.fs-4 {
    font-size: 18px !important;
  }
}
@media (max-width: 575px) {
  .cart-area .order-summary-card .card-body .alert {
    padding: 10px;
    font-size: 12px;
  }
}
.cart-area .table-content .table th, .cart-area .table-content .table td {
  padding: 12px 8px;
  vertical-align: middle;
}

.cart-area .table-content .table th {
  font-weight: 600;
  background-color: #f8f9fa;
  border-top: 1px solid #dee2e6;
  font-size: 14px;
}

.cart-area .table-content .table td.product-name a {
  color: #333;
  text-decoration: none;
  font-weight: 500;
}

.cart-area .table-content .table td.product-price .amount, .cart-area .table-content .table td.product-subtotal .amount {
  color: var(--clr-primary, #EF233C);
  font-weight: 600;
}

.cart-area .table-content .table .table-active {
  background-color: #f8f9fa !important;
}

.cart-area .table-content .table .table-active td {
  font-weight: 600;
}

.cart-area .table-content .table .table-active td .text-primary {
  color: var(--clr-primary, #EF233C) !important;
}

@media (max-width: 767px) {
  .cart-area .mobile-product-cards .product-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  }
  .cart-area .mobile-product-cards .product-card .product-card-content {
    padding: 16px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
  }
  .cart-area .mobile-product-cards .product-card .product-image {
    flex-shrink: 0;
  }
  .cart-area .mobile-product-cards .product-card .product-image img {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  .cart-area .mobile-product-cards .product-card .product-details {
    flex: 1 1;
    min-width: 0;
  }
  .cart-area .mobile-product-cards .product-card .product-name {
    margin: 0 0 12px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
  }
  .cart-area .mobile-product-cards .product-card .product-name a {
    color: #333;
    text-decoration: none;
  }
  .cart-area .mobile-product-cards .product-card .product-name a:hover {
    color: var(--clr-primary, #EF233C);
  }
  .cart-area .mobile-product-cards .product-card .product-info-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .cart-area .mobile-product-cards .product-card .info-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
  }
  .cart-area .mobile-product-cards .product-card .info-item:not(.total-row) {
    border-bottom: 1px solid #f0f0f0;
  }
  .cart-area .mobile-product-cards .product-card .info-item.total-row {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 2px solid #e5e7eb;
  }
  .cart-area .mobile-product-cards .product-card .info-item.total-row .label {
    font-weight: 600;
    color: #333;
  }
  .cart-area .mobile-product-cards .product-card .info-item.total-row .value {
    font-weight: 700;
    font-size: 18px;
    color: var(--clr-primary, #EF233C);
  }
  .cart-area .mobile-product-cards .product-card .info-item .label {
    font-size: 14px;
    color: #666;
    font-weight: 500;
  }
  .cart-area .mobile-product-cards .product-card .info-item .value {
    font-size: 14px;
    font-weight: 600;
    color: #333;
  }
  .cart-area .mobile-product-cards .product-card .info-item .value.price, .cart-area .mobile-product-cards .product-card .info-item .value.total-price {
    color: var(--clr-primary, #EF233C);
  }
  .cart-area .mobile-product-cards .product-card .info-item .value.quantity {
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 4px;
    min-width: 32px;
    text-align: center;
  }
  .cart-area .mobile-product-cards .product-card .info-item .value.size {
    background: #e5e7eb;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #555;
  }
  .cart-area .mobile-product-cards .product-card .product-separator {
    height: 1px;
    background: #e5e7eb;
    margin: 0 16px;
  }
  .cart-area .mobile-product-cards .mobile-summary {
    background: #f8f9fa;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
    margin-top: 16px;
  }
  .cart-area .mobile-product-cards .mobile-summary .summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
  }
  .cart-area .mobile-product-cards .mobile-summary .summary-row:not(.total-row) {
    border-bottom: 1px solid #e0e0e0;
  }
  .cart-area .mobile-product-cards .mobile-summary .summary-row.total-row {
    margin-top: 12px;
    padding-top: 16px;
    border-top: 2px solid #dee2e6;
  }
  .cart-area .mobile-product-cards .mobile-summary .summary-row.total-row .label {
    font-weight: 700;
    font-size: 16px;
    color: #333;
  }
  .cart-area .mobile-product-cards .mobile-summary .summary-row.total-row .value {
    font-weight: 700;
    font-size: 20px;
    color: var(--clr-primary, #EF233C);
  }
  .cart-area .mobile-product-cards .mobile-summary .summary-row .label {
    font-size: 14px;
    color: #666;
    font-weight: 500;
  }
  .cart-area .mobile-product-cards .mobile-summary .summary-row .value {
    font-size: 14px;
    font-weight: 600;
    color: #333;
  }
  .cart-area .mobile-product-cards .mobile-summary .summary-row .value .text-success {
    color: #28a745 !important;
    font-weight: 600;
  }
  .cart-area .mobile-product-cards .mobile-summary .free-shipping-info {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    background: #e3f2fd;
    border-radius: 8px;
    margin: 12px 0;
  }
  .cart-area .mobile-product-cards .mobile-summary .free-shipping-info i {
    color: #1976d2;
    font-size: 14px;
  }
  .cart-area .mobile-product-cards .mobile-summary .free-shipping-info span {
    font-size: 13px;
    color: #1565c0;
    font-weight: 500;
  }
}
@media (max-width: 575px) {
  .cart-area .mt-4 {
    margin-top: 20px !important;
  }
  .cart-area .mt-4 .d-flex {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .cart-area .mt-4 .d-flex .btn {
    width: 100% !important;
    justify-content: center !important;
  }
}
@media (max-width: 575px) {
  .cart-area .empty-cart-wrapper {
    padding: 40px 20px !important;
  }
  .cart-area .empty-cart-wrapper .empty-cart-icon {
    margin-bottom: 20px !important;
  }
  .cart-area .empty-cart-wrapper .empty-cart-icon i {
    font-size: 48px !important;
  }
  .cart-area .empty-cart-wrapper h4, .cart-area .empty-cart-wrapper .h4 {
    font-size: 20px;
    margin-bottom: 15px !important;
  }
  .cart-area .empty-cart-wrapper p {
    font-size: 14px;
    margin-bottom: 20px !important;
  }
  .cart-area .empty-cart-wrapper .d-flex {
    gap: 10px !important;
  }
  .cart-area .empty-cart-wrapper .d-flex .btn {
    width: 100% !important;
    justify-content: center !important;
  }
}
.mobile-product-card {
  background: var(--clr-common-white);
  border: 1px solid var(--clr-common-border);
  border-radius: 12px;
  padding: var(--mobile-card-padding);
  margin-bottom: var(--mobile-spacing);
  box-shadow: var(--mobile-shadow);
}

.mobile-product-card__content {
  display: flex;
  gap: var(--mobile-card-gap);
  align-items: flex-start;
}

.mobile-product-card__image {
  flex-shrink: 0;
}

.mobile-product-card__image img {
  width: 80px;
  height: 80px;
  border-radius: var(--mobile-border-radius);
  object-fit: cover;
  box-shadow: var(--mobile-shadow);
}

.mobile-product-card__details {
  flex: 1 1;
  min-width: 0;
}

.mobile-product-card__name {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.mobile-product-card__name a {
  color: var(--clr-text-primary);
  text-decoration: none;
}

.mobile-product-card__name a:hover {
  color: var(--clr-primary);
}

.mobile-product-card__info-grid {
  display: flex;
  flex-direction: column;
  gap: var(--mobile-spacing-small);
}

.mobile-product-card__info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
}

.mobile-product-card__info-item--total {
  margin-top: var(--mobile-spacing-small);
  padding-top: 12px;
  border-top: 2px solid var(--clr-common-border);
  border-bottom: none;
}

.mobile-product-card__info-item--total .mobile-product-card__label {
  font-weight: 600;
  color: var(--clr-text-primary);
}

.mobile-product-card__info-item--total .mobile-product-card__value {
  font-weight: 700;
  font-size: 18px;
  color: var(--clr-primary);
}

.mobile-product-card__label {
  font-size: 14px;
  color: var(--clr-text-secondary);
  font-weight: 500;
}

.mobile-product-card__value {
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-text-primary);
}

.mobile-product-card__value--price {
  color: var(--clr-primary);
}

.mobile-product-card__value--quantity {
  background: var(--clr-bg-light);
  padding: 4px 8px;
  border-radius: 4px;
  min-width: 32px;
  text-align: center;
}

.mobile-product-card__value--size {
  background: var(--clr-bg-dark);
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  color: #555;
}

.mobile-product-card__separator {
  height: 1px;
  background: var(--clr-common-border);
  margin: 0 var(--mobile-card-padding);
}

.mobile-summary {
  background: var(--clr-bg-light);
  border: 1px solid var(--clr-common-border);
  border-radius: 12px;
  padding: var(--mobile-card-padding);
  margin-top: var(--mobile-spacing);
}

.mobile-summary__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--mobile-spacing-small) 0;
  border-bottom: 1px solid #e0e0e0;
}

.mobile-summary__row--total {
  margin-top: 12px;
  padding-top: var(--mobile-spacing);
  border-top: 2px solid #dee2e6;
  border-bottom: none;
}

.mobile-summary__row--total .mobile-summary__label {
  font-weight: 700;
  font-size: 16px;
  color: var(--clr-text-primary);
}

.mobile-summary__row--total .mobile-summary__value {
  font-weight: 700;
  font-size: 20px;
  color: var(--clr-primary);
}

.mobile-summary__label {
  font-size: 14px;
  color: var(--clr-text-secondary);
  font-weight: 500;
}

.mobile-summary__value {
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-text-primary);
}

.mobile-summary__value--success {
  color: var(--clr-success);
  font-weight: 600;
}

.mobile-summary__shipping-info {
  display: flex;
  align-items: center;
  gap: var(--mobile-spacing-small);
  padding: 12px;
  background: #e3f2fd;
  border-radius: var(--mobile-border-radius);
  margin: 12px 0;
}

.mobile-summary__shipping-info i {
  color: #1976d2;
  font-size: 14px;
}

.mobile-summary__shipping-info span {
  font-size: 13px;
  color: #1565c0;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .checkout-area .container,
  .checkout-area .container-small {
    padding: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .checkout-area input[type=text],
  .checkout-area input[type=email],
  .checkout-area input[type=tel],
  .checkout-area input[type=number],
  .checkout-area input[type=password],
  .checkout-area textarea,
  .checkout-area select {
    width: 100%;
    max-width: 100%;
    min-height: var(--mobile-input-height);
    font-size: var(--mobile-font-size);
    padding: var(--mobile-input-padding);
    border: var(--mobile-border-width) solid var(--mobile-border-color);
    border-radius: var(--mobile-border-radius);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
  }
  .checkout-area input[type=text]:focus,
  .checkout-area input[type=email]:focus,
  .checkout-area input[type=tel]:focus,
  .checkout-area input[type=number]:focus,
  .checkout-area input[type=password]:focus,
  .checkout-area textarea:focus,
  .checkout-area select:focus {
    border-color: var(--clr-primary);
    outline: none;
    box-shadow: 0 0 0 2px rgba(239, 35, 60, 0.2);
  }
  .checkout-area select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath fill='%23333' d='M7 10L0 3h14l-7 7z'/%3E%3C/svg%3E");
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 14px 10px;
    padding-right: 45px;
  }
  .checkout-area .row {
    margin: 0 !important;
  }
  .checkout-area .row [class*=col-] {
    padding: 0 15px !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  .checkout-area .checkout-form-list {
    margin-bottom: 20px !important;
  }
  .checkout-area .checkout-form-list label {
    font-size: 16px !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
  }
  .checkout-area .checkbox-form {
    padding: 15px !important;
    margin: 0 !important;
    border-radius: 8px !important;
  }
  .checkout-area .checkbox-form h3, .checkout-area .checkbox-form .h3 {
    font-size: 20px !important;
    margin-bottom: 15px !important;
  }
  .checkout-area .table-content,
  .checkout-area .table-responsive {
    display: none !important;
  }
  .checkout-area .mobile-product-cards {
    display: block !important;
  }
  .checkout-area .saved-addresses .row {
    margin: 0 !important;
  }
  .checkout-area .saved-addresses .row .col-md-6 {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
  }
  .checkout-area .saved-addresses .address-card {
    padding: 15px !important;
    margin-bottom: 15px !important;
  }
  .checkout-area .btn,
  .checkout-area button {
    width: 100% !important;
    min-height: 50px !important;
    font-size: 16px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    border-radius: 8px !important;
  }
  .checkout-area .order-summary-card {
    position: relative !important;
    top: 0 !important;
    margin-top: 20px !important;
  }
  .checkout-area .order-summary-card .card-header,
  .checkout-area .order-summary-card .card-body {
    padding: 15px !important;
  }
  .checkout-area .address_info {
    margin-bottom: 20px !important;
  }
  .checkout-area .address_info .card-header,
  .checkout-area .address_info .card-body {
    padding: 15px !important;
  }
  .checkout-area h1, .checkout-area .h1, .checkout-area h2, .checkout-area .h2, .checkout-area h3, .checkout-area .h3, .checkout-area h4, .checkout-area .h4, .checkout-area h5, .checkout-area .h5, .checkout-area h6, .checkout-area .h6 {
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
  }
  .checkout-area * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .table-responsive {
    display: none !important;
  }
  .col-12, .col-md-6, .col-lg-4, .col-lg-8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 15px !important;
    margin-bottom: 15px !important;
  }
  .container,
  .container-fluid,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-small {
    padding-left: 15px !important;
    padding-right: 15px !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }
  input:not([type=radio]):not([type=checkbox]),
  select,
  textarea,
  button {
    min-height: 44px !important;
    font-size: 16px !important;
  }
  body {
    overflow-x: hidden !important;
  }
  .payment-container {
    padding: 0 15px !important;
  }
  .payment-container .payment-option,
  .payment-container .bank-option {
    margin-bottom: 15px !important;
    padding: 15px !important;
  }
  .payment-container .bank-options {
    grid-template-columns: 1fr !important;
  }
  .payment-container .bank-info-section {
    padding: 15px !important;
  }
  .payment-container .bank-info-section .info-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
  }
  .payment-container .bank-info-section .info-row strong {
    flex: none !important;
  }
  .payment-container .bank-info-section .info-row span {
    text-align: left !important;
    word-break: break-all !important;
  }
}
.success-wrapper {
  padding: 60px 20px;
  text-align: center;
}

@media (max-width: 575px) {
  .success-wrapper {
    padding: 40px 15px;
  }
}
.success-wrapper .order-details {
  max-width: 500px;
  margin: 0 auto;
  background: #f8f9fa;
  padding: 25px;
  border-radius: 10px;
  text-align: left;
}

@media (max-width: 575px) {
  .success-wrapper .order-details {
    max-width: 100%;
  }
}
.success-wrapper .order-details h5, .success-wrapper .order-details .h5 {
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--clr-heading);
}

.success-wrapper .order-details p {
  margin-bottom: 5px;
  font-size: 14px;
  color: #666;
}

.loading-spinner {
  text-align: center;
  padding: 60px 0;
}

.loading-spinner .spinner-border {
  width: 3rem;
  height: 3rem;
  border-width: 0.3em;
}

@keyframes stepProgress {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 100%;
    opacity: 1;
  }
}
@keyframes numberGlow {
  0%, 100% {
    box-shadow: 0 4px 20px rgba(239, 35, 60, 0.3);
  }
  50% {
    box-shadow: 0 4px 25px rgba(239, 35, 60, 0.45);
  }
}
.step-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #f0f0f0;
}

.step-progress-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: var(--clr-primary, #EF233C);
  transition: width 0.5s ease;
  width: var(--progress, 0%);
}

@media (max-width: 575px) {
  .step-indicator {
    padding: 20px 0;
  }
  .step-indicator .container {
    padding: 0 15px;
  }
  .step-indicator .container::before {
    display: none;
  }
  .step-indicator .steps {
    gap: 5px;
    padding: 0;
  }
  .step-indicator .step-item {
    flex: 1 1;
    min-width: 0;
  }
  .step-indicator .step-item::after {
    display: none;
  }
  .step-indicator .step-item .step-number {
    width: 36px;
    height: 36px;
    font-size: 14px;
    margin-bottom: 6px;
    border-width: 2px;
  }
  .step-indicator .step-item .step-number i {
    font-size: 14px;
  }
  .step-indicator .step-item .step-number.completed::after {
    font-size: 14px;
  }
  .step-indicator .step-item .step-number.active {
    transform: scale(1.05);
  }
  .step-indicator .step-item .step-number.active::before {
    display: none;
  }
  .step-indicator .step-item .step-title {
    font-size: 10px;
    padding: 0 2px;
  }
}
@media (max-width: 575px) and (max-width: 350px) {
  .step-indicator .step-item .step-title {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .step-indicator .step-line {
    margin: 0 -8px;
    margin-top: -20px;
    max-width: 40px;
  }
}
@media (max-width: 575px) {
  .checkout-area .button-group .checkout-btn-primary,
  .checkout-area .button-group .checkout-btn-secondary {
    width: 100%;
    margin-bottom: 10px;
  }
  .checkout-area .button-group .checkout-btn-primary:last-child,
  .checkout-area .button-group .checkout-btn-secondary:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .checkout-area {
    padding-top: 20px;
  }
  .checkout-area .checkbox-form {
    padding: 15px;
    border-radius: 8px;
  }
  .checkout-area .checkbox-form h3, .checkout-area .checkbox-form .h3 {
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  .checkout-area .checkout-form-list {
    margin-bottom: 15px;
  }
  .checkout-area .checkout-form-list label {
    font-size: 13px;
  }
  .checkout-area .checkout-form-list input,
  .checkout-area .checkout-form-list textarea,
  .checkout-area .checkout-form-list select {
    padding: 10px 12px;
    font-size: 14px;
  }
  .checkout-area .col-md-6 {
    margin-bottom: 0;
  }
  .checkout-area .btn-lg, .checkout-area .btn-group-lg > .btn {
    padding: 12px 24px;
    font-size: 15px;
    width: 100%;
  }
  .payment-container {
    padding: 0 15px;
  }
  .payment-container .payment-method h2, .payment-container .payment-method .h2 {
    font-size: 18px;
  }
  .payment-container .payment-option {
    padding: 15px;
    font-size: 14px;
  }
  .payment-container .bank-selection .bank-options {
    grid-template-columns: 1fr;
  }
  .payment-container .bank-info-section {
    padding: 15px;
  }
  .payment-container .bank-info-section .bank-details .info-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .payment-container .bank-info-section .bank-details .info-row strong {
    flex: none;
    margin-bottom: 3px;
  }
  .payment-container .bank-info-section .bank-details .info-row span {
    text-align: left;
  }
  .payment-container .bank-info-section .bank-details .info-row .copy-wrapper {
    justify-content: flex-start;
    width: 100%;
  }
  .payment-container .bank-info-section .bank-details .info-row .copy-wrapper span {
    font-size: 13px;
    word-break: break-all;
  }
  .payment-container .bank-info-section .bank-details .info-row .copy-wrapper .copy-btn {
    flex-shrink: 0;
  }
  .payment-container .reference-code-container {
    padding: 15px;
  }
  .payment-container .reference-code-container .reference-code {
    font-size: 18px;
  }
  .payment-container .order-summary {
    padding: 15px;
    margin-bottom: 20px;
  }
  .payment-container .order-summary h4, .payment-container .order-summary .h4 {
    font-size: 16px;
  }
  .payment-container .order-summary .summary-details .summary-item {
    font-size: 13px;
  }
  .payment-container .order-summary .summary-details .summary-item span:first-child {
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .cart-area {
    padding-top: 20px;
  }
  .cart-area .address_wrapper {
    flex-direction: column;
    padding: 0 15px;
  }
  .cart-area .address_wrapper .address_info {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
  }
  .cart-area .address_wrapper .address_info p {
    font-size: 13px;
    margin-bottom: 8px;
  }
  .cart-area .table-responsive {
    font-size: 13px;
  }
  .cart-area .table-responsive .product-quantity:nth-child(5) {
    display: none;
  }
  .cart-area .table-responsive th, .cart-area .table-responsive td {
    padding: 8px 5px;
  }
  .cart-area .table-responsive .product-thumbnail img {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .checkout-area .checkbox-form {
    padding: 25px;
  }
  .checkout-area .checkbox-form h3, .checkout-area .checkbox-form .h3 {
    font-size: 22px;
  }
  .step-indicator {
    padding: 25px 0;
  }
  .step-indicator .steps {
    gap: 10px;
    padding: 0 10px;
  }
  .step-indicator .step-number {
    width: 44px;
    height: 44px;
    font-size: 16px;
  }
  .step-indicator .step-number i {
    font-size: 16px;
  }
  .step-indicator .step-title {
    font-size: 12px;
  }
  .step-indicator .step-line {
    max-width: 70px;
    margin: 0 -10px;
    margin-top: -22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-container .bank-selection .bank-options {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .checkout-area [class*=col-] {
    padding-left: 0;
    padding-right: 0;
  }
  .checkout-area .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 400px) {
  .checkout-wrapper {
    padding-bottom: 40px;
  }
  .success-wrapper {
    padding: 40px 15px;
  }
  .success-wrapper .fa-check-circle {
    font-size: 48px !important;
  }
  .success-wrapper h2, .success-wrapper .h2 {
    font-size: 20px;
  }
  .success-wrapper .order-details {
    padding: 15px;
  }
}
.banner-shape-1 {
  position: absolute;
  left: 50%;
  bottom: 170px;
}

.banner-shape-1 img {
  animation: rotate-infinite 15s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-shape-1 {
    display: none;
  }
}
.banner-shape-2 {
  position: absolute;
  right: 35%;
  top: 100px;
}

.banner-shape-2 img {
  animation: rotate-infinite 3s ease-in-out 3s forwards infinite alternate;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-shape-2 {
    right: 20%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-shape-2 {
    right: 15%;
  }
}
@media (max-width: 575px) {
  .banner-shape-2 {
    display: none;
  }
}
.banner-shape-3 {
  position: absolute;
  right: 120px;
  bottom: 200px;
}

.banner-shape-3 img {
  animation: zoom 5s infinite;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-shape-3 {
    right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-shape-3 {
    right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-shape-3 {
    display: none;
  }
}
.banner-shape-4 {
  position: absolute;
  right: -15px;
  top: 0;
}

.banner-shape-4 img {
  animation: skew 3s infinite;
  animation-direction: normal;
  transform: skew;
  animation-direction: alternate;
  transform-origin: bottom center;
}

.banner-bg-1 {
  background: var(--clr-theme-5);
}

.banner-content .banner-shape-5 {
  position: absolute;
  right: 50%;
  top: -30px;
}

.banner-content .banner-shape-5 img {
  animation: bdswing 1s ease-in-out 1s forwards infinite alternate;
}

@media (max-width: 575px) {
  .banner-content .banner-shape-5 {
    right: 40%;
  }
}
@media (max-width:499px) {
  .banner-content .banner-shape-5 {
    display: none;
  }
}
.banner-subtitle {
  font-size: 24px;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 20px;
  display: inline-block;
}

.banner-title {
  font-size: 110px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 35px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .banner-title {
    font-size: 40px;
  }
}
.banner-btn .fill-btn {
  height: 60px;
  padding: 0 52px;
}

.banner-thumb {
  position: relative;
  z-index: 1;
  max-width: 455px;
  margin: 0px 30px 30px 50px;
}

.banner-thumb::after {
  position: absolute;
  content: "";
  width: calc(100% - 25px);
  height: calc(100% + 25px);
  left: -30px;
  top: 5px;
  border-radius: 300px 300px 0 0;
  z-index: -2;
  border: 4px solid var(--clr-common-white);
}

.banner-thumb-wrapper {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-thumb-wrapper {
    justify-content: center;
  }
}
.banner-thumb-wrapper .banner-shape-6 {
  position: absolute;
  left: 31%;
  bottom: -20px;
}

.banner-thumb-wrapper .banner-shape-6 img {
  animation: rotate-infinite 3s ease-in-out 3s forwards infinite alternate;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-thumb-wrapper .banner-shape-6 {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-thumb-wrapper .banner-shape-6 {
    left: 11%;
  }
}
.banner-thumb-wrapper .banner-shape-7 {
  position: absolute;
  right: 0px;
  top: 40px;
}

.banner-thumb-wrapper .banner-shape-7 img {
  animation: upDown 1.6s ease-in-out 1.6s forwards infinite alternate;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-thumb-wrapper .banner-shape-7 {
    right: 80px;
  }
}
.banner-thumb img {
  max-width: 100%;
  border-radius: 300px 300px 0 0;
  height: 100%;
  object-fit: cover;
}

.banner-area-2 {
  min-height: 800px;
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-area-2 {
    min-height: 700px;
    padding-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-area-2 {
    min-height: 650px;
    padding-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-area-2 {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
.banner-area-2 .banner-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.banner-area-2 .banner-thumb-2 {
  position: relative;
  z-index: 1;
}

.banner-area-2 .banner-thumb-2::after {
  position: absolute;
  content: "";
  width: 465px;
  height: 465px;
  left: 65px;
  top: 0;
  border-radius: 50%;
  z-index: -2;
  border: 4px solid var(--clr-common-white);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-area-2 .banner-thumb-2::after {
    width: 400px;
    height: 400px;
    left: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-area-2 .banner-thumb-2::after {
    width: 350px;
    height: 350px;
    left: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-area-2 .banner-thumb-2::after {
    width: 400px;
    height: 400px;
    left: 85px;
  }
}
@media (max-width: 575px) {
  .banner-area-2 .banner-thumb-2::after {
    width: 350px;
    height: 350px;
    left: 105px;
  }
}
@media (max-width:499px) {
  .banner-area-2 .banner-thumb-2::after {
    display: none;
  }
}
.banner-area-2 .banner-thumb-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-area-3 {
  position: relative;
  z-index: 5;
}

.banner-area-3 .banner-shape-8 {
  position: absolute;
  right: 310px;
}

.banner-area-3 .banner-shape-8 img {
  animation: skew 3s infinite;
  animation-direction: normal;
  animation-direction: normal;
  transform: skew;
  animation-direction: alternate;
  transform-origin: bottom center;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-area-3 .banner-shape-8 {
    right: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-area-3 .banner-shape-8 {
    right: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-area-3 .banner-shape-8 {
    right: 70px;
  }
}
.banner-area-3 .banner-shape-9 {
  position: absolute;
  left: 40%;
  bottom: 11%;
}

.banner-area-3 .banner-shape-9 img {
  animation: zoom 5s infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area-3 .banner-shape-9 {
    left: 10%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-area-3 .banner-shape-9 {
    left: 50px;
  }
}
@media (max-width: 575px) {
  .banner-area-3 .banner-shape-9 {
    left: 10%;
  }
}
.banner-area-3 .banner-shape-10 {
  position: absolute;
  left: 54%;
  top: 100px;
}

.banner-area-3 .banner-shape-10 img {
  animation: zoom 5.1s infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-area-3 .banner-shape-10 {
    top: 40px;
  }
}
@media (max-width:499px) {
  .banner-area-3 .banner-shape-10 {
    display: none;
  }
}
.banner-area-3 .banner-shape-11 {
  position: absolute;
  right: 150px;
  bottom: 140px;
}

.banner-area-3 .banner-shape-11 img {
  animation: zoom 5.2s infinite;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-area-3 .banner-shape-11 {
    right: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-area-3 .banner-shape-11 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area-3 .banner-shape-11 {
    right: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-area-3 .banner-shape-11 {
    right: 50px;
  }
}
@media (max-width: 575px) {
  .banner-area-3 .banner-shape-11 {
    right: 20px;
    bottom: 100px;
  }
}
.banner-area-3.banner-bg-2 {
  background: var(--clr-bg-gray);
}

.banner-area-3 .banner-content {
  padding: 160px 0 130px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-area-3 .banner-content {
    padding: 130px 0 100px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-area-3 .banner-content {
    padding: 70px 0 60px 0;
  }
}
.banner-area-3 .banner-title {
  margin-bottom: 15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-area-3 .banner-title {
    font-size: 85px;
  }
}
.banner-area-3 p {
  max-width: 65%;
}

@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-area-3 p {
    max-width: 100%;
  }
}
.banner-area-3 .banner-thumb-wrapper-2 {
  position: relative;
  margin-left: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-area-3 .banner-thumb-wrapper-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-area-3 .banner-thumb-wrapper-2 {
    margin-left: 37px;
  }
}
.banner-area-3 .banner-thumb-wrapper-2 .linear-shape {
  width: 415px;
  background: linear-gradient(180deg, #EF233C 0%, rgba(228, 232, 250, 0) 100%);
  height: calc(100% + 177px);
  position: absolute;
  right: 150px;
  z-index: -1;
  bottom: 0px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-area-3 .banner-thumb-wrapper-2 .linear-shape {
    height: calc(100% + 157px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-area-3 .banner-thumb-wrapper-2 .linear-shape {
    right: 40px;
    width: 300px;
    height: calc(100% + 153px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-area-3 .banner-thumb-wrapper-2 .linear-shape {
    width: calc(100% + 30px);
    height: calc(100% + 63px);
    right: 0px;
    z-index: -1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-area-3 .banner-thumb-wrapper-2 .linear-shape {
    display: none;
  }
}
.banner-area-3 .banner-thumb-wrapper-2 .banner-bg-shape::before {
  position: absolute;
  content: "";
  width: calc(100% - 60px);
  height: calc(100% - 90px);
  border-radius: 100%;
  background-color: var(--clr-common-white);
  left: -50px;
  bottom: 120px;
  z-index: -1;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-area-3 .banner-thumb-wrapper-2 .banner-bg-shape::before {
    width: calc(100% - 35px);
    height: calc(100% - 80px);
    left: -50px;
    bottom: 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-area-3 .banner-thumb-wrapper-2 .banner-bg-shape::before {
    width: calc(100% + 55px);
    height: calc(100% - 180px);
    left: -50px;
    bottom: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-area-3 .banner-thumb-wrapper-2 .banner-bg-shape::before {
    width: calc(100% + 60px);
    height: calc(100% - 250px);
    left: -50px;
    bottom: 270px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area-3 .banner-thumb-wrapper-2 .banner-bg-shape::before {
    width: calc(100% - 190px);
    height: calc(100% - 80px);
    left: 90px;
    bottom: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-area-3 .banner-thumb-wrapper-2 .banner-bg-shape::before {
    width: calc(100% - 10px);
    height: calc(100% - 80px);
    left: 0;
    bottom: 120px;
  }
}
@media (max-width: 575px) {
  .banner-area-3 .banner-thumb-wrapper-2 .banner-bg-shape::before {
    width: calc(100% - 16px);
    height: calc(100% - 90px);
    border-radius: 100%;
    left: 10px;
    bottom: 120px;
  }
}
@media (max-width:499px) {
  .banner-area-3 .banner-thumb-wrapper-2 .banner-bg-shape::before {
    width: calc(100% + 10px);
    height: calc(100% - 131px);
    left: -5px;
    bottom: 150px;
  }
}
.banner-area-3 .banner-thumb-wrapper-2 img {
  max-width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-area-3 .banner-thumb-wrapper-2 img {
    height: 100%;
    object-fit: contain;
    background: #f8f9fa;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-area-3 .banner-thumb-wrapper-2 .banner-thumb-3 {
    text-align: center;
  }
}
@keyframes bdswing {
  0% {
    transform: rotate(6deg);
  }
  100% {
    transform: rotate(-6deg);
  }
}
@keyframes upDown {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-40px);
  }
}
@keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes bdSpinSmall {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-5deg);
  }
}
@keyframes skew {
  0% {
    transform: skewX(5deg) translate(-7px);
  }
  100% {
    transform: skewX(-5deg) translate(7px);
  }
}
.slider__active .swiper-slide-active .banner-subtitle, .slider__active .swiper-slide-active .banner-title,
.slider__active .swiper-slide-active p, .slider__active .swiper-slide-active .banner-btn {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.slider__active .swiper-slide-active .banner-thumb {
  animation-fill-mode: both;
  animation-name: fadeInRight;
}

.slider__active .swiper-slide-active .banner-thumb-3 {
  animation-fill-mode: both;
  animation-name: fadeInRight;
}

.slider__active .swiper-slide-active .banner-subtitle {
  animation-delay: 0.3s;
  animation-duration: 1s;
}

.slider__active .swiper-slide-active .banner-title {
  animation-delay: 0.5s;
  animation-duration: 1s;
}

.slider__active .swiper-slide-active .banner-btn {
  animation-delay: 0.9s;
  animation-duration: 1s;
}

.slider__active .swiper-slide-active .banner-thumb {
  animation-delay: 1s;
  animation-duration: 1s;
}

.slider__active .swiper-slide-active .banner-thumb-3 {
  animation-delay: 1s;
  animation-duration: 1s;
}

.slider__active .swiper-slide-active p {
  animation-delay: 0.7s;
  animation-duration: 1s;
}

.banner-area-2 .swiper-wrapper .swiper-slide-active .banner-subtitle, .banner-area-2 .swiper-wrapper .swiper-slide-active .banner-title,
.banner-area-2 .swiper-wrapper .swiper-slide-active p, .banner-area-2 .swiper-wrapper .swiper-slide-active .banner-btn {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.banner-area-2 .swiper-wrapper .swiper-slide-active .banner-thumb-2 {
  animation-fill-mode: both;
  animation-name: fadeInRight;
}

.banner-area-2 .swiper-wrapper .swiper-slide-active .banner-subtitle {
  animation-delay: 0.3s;
  animation-duration: 1s;
}

.banner-area-2 .swiper-wrapper .swiper-slide-active .banner-title {
  animation-delay: 0.5s;
  animation-duration: 1s;
}

.banner-area-2 .swiper-wrapper .swiper-slide-active .banner-btn {
  animation-delay: 0.7s;
  animation-duration: 1s;
}

.banner-area-2 .swiper-wrapper .swiper-slide-active .banner-thumb-2 {
  animation-delay: 0.9s;
  animation-duration: 1s;
}

.modern-hero-slider {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 600px;
  max-height: 900px;
  overflow: hidden;
  background: var(--clr-bg-gray);
}

.modern-hero-slider img {
  max-width: none !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .modern-hero-slider {
    height: 80vh;
    min-height: 550px;
    max-height: 800px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modern-hero-slider {
    height: 70vh;
    min-height: 500px;
    max-height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modern-hero-slider {
    height: 60vh;
    min-height: 450px;
    max-height: 600px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modern-hero-slider {
    height: 70vh;
    min-height: 500px;
    max-height: 600px;
  }
}
.modern-hero-slider.loading-state {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modern-hero-slider.loading-state .skeleton-loader {
  width: 100%;
  max-width: 1200px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  gap: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modern-hero-slider.loading-state .skeleton-loader {
    flex-direction: column;
    gap: 30px;
  }
}
.modern-hero-slider.loading-state .skeleton-content {
  flex: 1 1;
}

.modern-hero-slider.loading-state .skeleton-text {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 4px;
  margin-bottom: 15px;
}

.modern-hero-slider.loading-state .skeleton-text.skeleton-title {
  height: 60px;
  width: 70%;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modern-hero-slider.loading-state .skeleton-text.skeleton-title {
    height: 40px;
  }
}
.modern-hero-slider.loading-state .skeleton-text.skeleton-subtitle {
  height: 30px;
  width: 40%;
}

.modern-hero-slider.loading-state .skeleton-text.skeleton-description {
  height: 20px;
  width: 90%;
}

.modern-hero-slider.loading-state .skeleton-button {
  height: 50px;
  width: 150px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 50px;
  margin-top: 30px;
}

.modern-hero-slider.loading-state .skeleton-image {
  width: 400px;
  height: 400px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 50%;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modern-hero-slider.loading-state .skeleton-image {
    width: 300px;
    height: 300px;
  }
}
.modern-hero-slider.error-state {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.modern-hero-slider.error-state .error-content h2, .modern-hero-slider.error-state .error-content .h2 {
  font-size: 32px;
  margin-bottom: 15px;
  color: var(--clr-heading);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modern-hero-slider.error-state .error-content h2, .modern-hero-slider.error-state .error-content .h2 {
    font-size: 24px;
  }
}
.modern-hero-slider.error-state .error-content p {
  font-size: 18px;
  color: var(--clr-text-secondary);
}

.modern-hero-swiper {
  width: 100%;
  height: 100%;
}

.modern-hero-swiper .swiper-slide {
  overflow: hidden;
  position: relative;
}

.slide-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

.slide-bg .slide-bg-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 2;
}

.slide-content {
  position: relative;
  z-index: 3;
  padding: 60px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slide-content {
    padding: 40px 0;
  }
}
.slide-tag {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: var(--clr-primary);
  background: rgba(255, 255, 255, 0.9);
  padding: 8px 24px;
  border-radius: 50px;
  margin-bottom: 20px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slide-tag {
    font-size: 14px;
    padding: 6px 18px;
    margin-bottom: 15px;
  }
}
.slide-title {
  font-size: clamp(36px, 5vw, 72px);
  font-weight: 700;
  line-height: 1.1;
  color: var(--clr-common-white);
  margin-bottom: 25px;
  max-width: 800px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slide-title {
    font-size: clamp(32px, 4.5vw, 56px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slide-title {
    font-size: clamp(28px, 4vw, 48px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slide-title {
    font-size: clamp(24px, 6vw, 36px);
    margin-bottom: 20px;
  }
}
.slide-description {
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 40px;
  max-width: 600px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slide-description {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slide-description {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.slide-buttons {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slide-buttons {
    gap: 15px;
    margin-bottom: 30px;
  }
}
.slide-buttons .btn-primary,
.slide-buttons .btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 36px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 50px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slide-buttons .btn-primary,
  .slide-buttons .btn-secondary {
    padding: 12px 28px;
    font-size: 14px;
  }
}
.slide-buttons .btn-primary span,
.slide-buttons .btn-secondary span {
  position: relative;
  z-index: 2;
}

.slide-buttons .btn-primary i,
.slide-buttons .btn-secondary i {
  font-size: 14px;
  transition: transform 0.3s ease;
}

.slide-buttons .btn-primary::before,
.slide-buttons .btn-secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transition: left 0.3s ease;
  z-index: 1;
}

.slide-buttons .btn-primary:hover i,
.slide-buttons .btn-secondary:hover i {
  transform: translateX(5px);
}

.slide-buttons .btn-primary:hover::before,
.slide-buttons .btn-secondary:hover::before {
  left: 0;
}

.slide-buttons .btn-primary {
  background: var(--clr-primary);
  color: var(--clr-common-white);
  border: 2px solid var(--clr-primary);
}

.slide-buttons .btn-primary::before {
  background: var(--clr-primary-dark);
}

.slide-buttons .btn-primary:hover {
  border-color: var(--clr-primary-dark);
}

.slide-buttons .btn-secondary {
  background: transparent;
  color: var(--clr-common-white);
  border: 2px solid rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.slide-buttons .btn-secondary::before {
  background: rgba(255, 255, 255, 0.1);
}

.slide-buttons .btn-secondary:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

.slide-stats {
  display: flex;
  gap: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slide-stats {
    gap: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slide-stats {
    gap: 20px;
  }
}
.slide-stats .stat-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.slide-stats .stat-item .stat-number {
  font-size: 28px;
  font-weight: 700;
  color: var(--clr-common-white);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slide-stats .stat-item .stat-number {
    font-size: 22px;
  }
}
.slide-stats .stat-item .stat-label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slide-stats .stat-item .stat-label {
    font-size: 12px;
  }
}
.modern-slider-navigation {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
  pointer-events: none;
}

.modern-slider-navigation button {
  position: absolute;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-common-white);
  font-size: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  pointer-events: all;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modern-slider-navigation button {
    width: 45px;
    height: 45px;
    font-size: 16px;
  }
}
.modern-slider-navigation button:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  transform: scale(1.1);
}

.modern-slider-navigation button.swiper-button-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.modern-slider-navigation button.swiper-button-disabled:hover {
  transform: none;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}

.modern-slider-navigation .modern-slider-prev {
  left: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modern-slider-navigation .modern-slider-prev {
    left: 15px;
  }
}
.modern-slider-navigation .modern-slider-next {
  right: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modern-slider-navigation .modern-slider-next {
    right: 15px;
  }
}
.modern-slider-pagination {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  gap: 15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modern-slider-pagination {
    bottom: 30px;
    gap: 10px;
  }
}
.modern-slider-pagination .swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  background: transparent;
  opacity: 1;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modern-slider-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
  }
}
.modern-slider-pagination .swiper-pagination-bullet .progress-ring {
  transform: rotate(-90deg);
}

.modern-slider-pagination .swiper-pagination-bullet .progress-ring circle {
  stroke: rgba(255, 255, 255, 0.3);
  transition: stroke 0.3s ease;
}

.modern-slider-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modern-slider-pagination .swiper-pagination-bullet::after {
    width: 6px;
    height: 6px;
  }
}
.modern-slider-pagination .swiper-pagination-bullet:hover .progress-ring circle {
  stroke: rgba(255, 255, 255, 0.5);
}

.modern-slider-pagination .swiper-pagination-bullet:hover::after {
  background: rgba(255, 255, 255, 0.8);
}

.modern-slider-pagination .swiper-pagination-bullet-active .progress-ring circle {
  stroke: var(--clr-primary);
  stroke-dasharray: 62.83;
  stroke-dashoffset: 62.83;
  animation: fillProgress 6s linear;
}

.modern-slider-pagination .swiper-pagination-bullet-active::after {
  background: var(--clr-primary);
  transform: scale(1.5);
}

.scroll-indicator {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  color: rgba(255, 255, 255, 0.7);
  font-size: 24px;
  cursor: pointer;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .scroll-indicator {
    bottom: 60px;
    font-size: 20px;
  }
}
.slide-decoration {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}

.slide-decoration .decoration-circle-1 {
  position: absolute;
  width: 400px;
  height: 400px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  top: -200px;
  right: -200px;
  animation: rotate 20s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slide-decoration .decoration-circle-1 {
    width: 300px;
    height: 300px;
    top: -150px;
    right: -150px;
  }
}
.slide-decoration .decoration-circle-2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  bottom: -150px;
  left: -150px;
  animation: rotate 15s linear infinite reverse;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slide-decoration .decoration-circle-2 {
    width: 200px;
    height: 200px;
    bottom: -100px;
    left: -100px;
  }
}
.slide-decoration .decoration-line {
  position: absolute;
  width: 1px;
  height: 100px;
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.2), transparent);
  top: 50%;
  right: 100px;
  transform: translateY(-50%);
  animation: pulse 2s ease-in-out infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slide-decoration .decoration-line {
    display: none;
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes fillProgress {
  from {
    stroke-dashoffset: 62.83;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 0.3;
    transform: translateY(-50%) scaleY(0.8);
  }
  50% {
    opacity: 0.8;
    transform: translateY(-50%) scaleY(1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .modern-hero-slider .container {
    height: 100%;
  }
  .modern-hero-slider .row {
    height: 100%;
  }
}
.hero_slider_wrapper {
  position: relative;
}

.hero_slider_wrapper .slider1-pagination {
  position: absolute;
  top: 50% !important;
  right: 30px !important;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-note {
    display: none !important;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer2-bg {
    overflow: hidden;
  }
}
.right_contact {
  text-align: right;
}

.update_btn {
  display: block;
  background: var(--clr-common-heading);
  width: 100%;
  padding: 15px;
  color: var(--clr-common-white);
  border-radius: 5px;
  font-size: 18px;
}

.signup-wrapper .gender_select {
  width: 100%;
  height: 60px;
  background: transparent;
  border: 1px solid var(--clr-common-border);
  border-radius: 4px;
  margin-bottom: 20px;
  display: flex;
  padding: 10px 20px;
  outline: none;
  color: var(--clr-common-text);
  font-size: 16px;
}

.signup-wrapper .input-icon {
  position: absolute;
  right: 13px;
  top: 18px;
}

.preview_img_slider {
  position: relative;
}

.preview_img_slider i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--clr-common-heading);
  font-size: 40px;
}

.product_video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--clr-common-heading);
}

.product_video i {
  font-size: 80px;
}

.fill_btn_two {
  font-size: 16px;
  color: var(--clr-common-white);
  font-weight: 600;
  background: var(--clr-common-heading);
  border: 1px solid var(--clr-common-heading);
  display: inline-block;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  text-align: center;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}

.fill_btn_two:hover {
  color: var(--clr-common-heading);
  background: var(--clr-common-white);
}

.bd-basic__pagination ul {
  display: flex;
  align-items: center;
  gap: 20px;
}

.bd-basic__pagination ul li {
  list-style: none;
}

.bd-basic__pagination ul li.active a {
  background: var(--clr-theme-1);
  border-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.bd-basic__pagination ul li a {
  height: 45px;
  display: inline-flex;
  align-items: center;
  width: 45px;
  justify-content: center;
  border-radius: 50%;
  color: var(--clr-text-8);
  font-weight: var(--bd-fw-medium);
  border: 1px solid var(--clr-common-border);
}

.preview_img img {
  height: auto;
  width: 100px;
  background: var(--clr-bg-footer);
  border-radius: 5px;
}

.search-result-l .search_product {
  border-bottom: 1px solid var(--clr-common-border);
}

.search-result-l .search_product:last-child {
  border-bottom: none;
  margin-top: none;
}

.single_product a {
  font-size: 18px;
}

.single_product {
  padding-top: 10px;
}

/* sort by */
.sort-type-filter .list {
  width: 100%;
}

.featured-large div {
  max-height: 655px;
}

.featured-small div {
  max-height: 313px;
}

.error-message {
  font-size: 14px;
  color: var(--clr-theme-2);
}

.blog__comment-input {
  margin-bottom: 5px;
  position: relative;
}

.blog__comment-input .error-message {
  position: absolute;
  left: 0;
  bottom: -3px;
}

.blog__comment-input textarea {
  margin-bottom: 20px;
}

.active-category {
  font-weight: 600;
}

.review_box .error-message {
  position: absolute;
  left: 0;
  bottom: -3px;
}

.review-add {
  margin-top: 10px;
}

:root {
  --spacing-xs: clamp(0.5rem, 2vw, 1rem);
  --spacing-sm: clamp(1rem, 3vw, 1.5rem);
  --spacing-md: clamp(1.5rem, 4vw, 2.5rem);
  --spacing-lg: clamp(2rem, 5vw, 4rem);
  --spacing-xl: clamp(3rem, 6vw, 6.25rem);
}

.vendor-registration-section {
  padding: var(--spacing-xl) 0;
  background: var(--clr-bg-gray);
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.vendor-registration-section::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: rgba(255, 102, 0, 0.05);
  border-radius: 50%;
  filter: blur(100px);
}

.vendor-registration-section::after {
  content: "";
  position: absolute;
  bottom: -20%;
  left: -10%;
  width: 300px;
  height: 300px;
  background: rgba(255, 102, 0, 0.03);
  border-radius: 50%;
  filter: blur(80px);
}

.registration-container {
  max-width: min(1200px, 95vw);
  margin: 0 auto;
  padding: 0 var(--spacing-sm);
  position: relative;
  z-index: 1;
}

.registration-header {
  text-align: center;
  margin-bottom: clamp(40px, 6vw, 60px);
}

.registration-header .header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  border-radius: 25px;
  margin-bottom: 20px;
}

.registration-header .header-badge i {
  font-size: 16px;
}

.registration-header h1, .registration-header .h1 {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  color: var(--clr-common-heading);
  margin-bottom: 16px;
  line-height: 1.2;
}

.registration-header h1 .highlight, .registration-header .h1 .highlight {
  color: var(--clr-theme-3);
  position: relative;
}

.registration-header h1 .highlight::after, .registration-header .h1 .highlight::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--clr-theme-3);
  opacity: 0.3;
}

.registration-header p {
  font-size: clamp(16px, 2vw, 18px);
  color: var(--clr-common-text);
  max-width: min(600px, 90vw);
  margin: 0 auto;
  line-height: 1.6;
}

.form-progress {
  max-width: 800px;
  margin: 0 auto clamp(40px, 6vw, 60px);
}

.form-progress .progress-wrapper {
  background: var(--clr-common-white);
  padding: clamp(20px, 3vw, 30px);
  border-radius: 12px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

.form-progress .progress-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 20px;
}

.form-progress .progress-steps::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  height: 2px;
  background: #e0e0e0;
  z-index: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-progress .progress-steps {
    display: none;
  }
}
.form-progress .step {
  position: relative;
  z-index: 1;
  text-align: center;
  flex: 1 1;
}

.form-progress .step .step-number {
  width: 30px;
  height: 30px;
  background: #e0e0e0;
  color: var(--clr-common-text);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.form-progress .step .step-label {
  font-size: clamp(12px, 1.5vw, 14px);
  color: var(--clr-common-text);
  font-weight: 500;
}

.form-progress .step.active .step-number {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  box-shadow: 0 4px 15px rgba(239, 35, 60, 0.3);
}

.form-progress .step.active .step-label {
  color: var(--clr-theme-3);
  font-weight: 600;
}

.form-progress .step.completed .step-number {
  background: #4caf50;
  color: var(--clr-common-white);
}

.form-progress .progress-mobile {
  display: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-progress .progress-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
}
.form-progress .progress-mobile .current-step {
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-theme-3);
}

.form-progress .progress-mobile .total-steps {
  font-size: 14px;
  color: var(--clr-common-text);
}

.vendor-form-wrapper {
  max-width: 800px;
  margin: 0 auto;
}

.form-card {
  background: var(--clr-common-white);
  border-radius: 20px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
}

.form-card .card-decoration {
  height: 5px;
  background: linear-gradient(90deg, var(--clr-theme-3) 0%, #ff8533 50%, var(--clr-theme-3) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}

.form-card .form-content {
  padding: clamp(30px, 5vw, 50px);
}

.form-section {
  margin-bottom: clamp(30px, 4vw, 40px);
}

.form-section:last-child {
  margin-bottom: 0;
}

.form-section .section-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: clamp(20px, 3vw, 30px);
}

.form-section .section-title .section-icon {
  width: 40px;
  height: 40px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.form-section .section-title h2, .form-section .section-title .h2 {
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin: 0;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(16px, 2.5vw, 24px);
  gap: clamp(16px, 2.5vw, 24px);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.form-grid.single-column {
  grid-template-columns: 1fr;
}

.form-group {
  position: relative;
}

.form-group.full-width {
  grid-column: 1/-1;
}

.form-group label {
  display: block;
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 8px;
}

.form-group label .required {
  color: #e74c3c;
  margin-left: 2px;
}

.form-group .input-wrapper {
  position: relative;
}

.form-group .input-wrapper input,
.form-group .input-wrapper textarea,
.form-group .input-wrapper select {
  width: 100%;
  padding: clamp(14px, 2vw, 16px) clamp(16px, 2.5vw, 20px);
  background: var(--clr-bg-gray);
  border: 2px solid transparent;
  border-radius: 10px;
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-heading);
  transition: all 0.3s ease;
  outline: none;
}

.form-group .input-wrapper input::placeholder,
.form-group .input-wrapper textarea::placeholder,
.form-group .input-wrapper select::placeholder {
  color: #999;
  font-size: clamp(13px, 1.6vw, 14px);
}

.form-group .input-wrapper input:focus,
.form-group .input-wrapper textarea:focus,
.form-group .input-wrapper select:focus {
  background: var(--clr-common-white);
  border-color: var(--clr-theme-3);
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.1);
}

.form-group .input-wrapper input:hover:not(:focus),
.form-group .input-wrapper textarea:hover:not(:focus),
.form-group .input-wrapper select:hover:not(:focus) {
  border-color: rgba(239, 35, 60, 0.3);
}

.form-group .input-wrapper textarea {
  min-height: 120px;
  resize: vertical;
}

.form-group .input-wrapper .input-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 18px;
  pointer-events: none;
  transition: all 0.3s ease;
}

.form-group .input-wrapper input:focus ~ .input-icon {
  color: var(--clr-theme-3);
}

.form-group .input-wrapper .password-toggle {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #999;
  font-size: 18px;
  cursor: pointer;
  padding: 8px;
  transition: all 0.3s ease;
}

.form-group .input-wrapper .password-toggle:hover {
  color: var(--clr-theme-3);
}

.form-group .helper-text {
  font-size: clamp(12px, 1.5vw, 13px);
  color: #999;
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.form-group .helper-text i {
  font-size: 12px;
}

.form-group .error-message {
  font-size: clamp(12px, 1.5vw, 13px);
  color: #e74c3c;
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.form-group .error-message i {
  font-size: 12px;
}

.form-group.has-success input {
  border-color: #4caf50;
}

.form-group.has-success .input-icon {
  color: #4caf50;
}

.terms-section {
  background: rgba(255, 102, 0, 0.05);
  padding: clamp(20px, 3vw, 30px);
  border-radius: 12px;
  margin-bottom: clamp(30px, 4vw, 40px);
  border: 1px solid rgba(239, 35, 60, 0.1);
}

.terms-section .checkbox-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.terms-section .checkbox-wrapper input[type=checkbox] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--clr-theme-3);
}

.terms-section .checkbox-wrapper label {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-common-text);
  line-height: 1.6;
  cursor: pointer;
}

.terms-section .checkbox-wrapper label a {
  color: var(--clr-theme-3);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.terms-section .checkbox-wrapper label a:hover {
  text-decoration: underline;
}

.form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(16px, 2.5vw, 24px);
  padding-top: clamp(20px, 3vw, 30px);
  border-top: 1px solid #e0e0e0;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-actions {
    flex-direction: column;
  }
}
.form-actions .action-info {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-common-text);
}

.form-actions .action-info a {
  color: var(--clr-theme-3);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.form-actions .action-info a:hover {
  text-decoration: underline;
}

.form-actions .btn-submit {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  padding: clamp(14px, 2vw, 16px) clamp(32px, 4vw, 48px);
  border: none;
  border-radius: 10px;
  font-size: clamp(15px, 1.8vw, 16px);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-actions .btn-submit {
    width: 100%;
    justify-content: center;
  }
}
.form-actions .btn-submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: all 0.5s ease;
}

.form-actions .btn-submit:hover {
  background: #e5383b;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(239, 35, 60, 0.3);
}

.form-actions .btn-submit:hover::before {
  left: 100%;
}

.form-actions .btn-submit:disabled {
  background: #999;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.form-actions .btn-submit i {
  font-size: 18px;
}

.trust-indicators {
  margin-top: clamp(40px, 6vw, 60px);
  text-align: center;
}

.trust-indicators .indicators-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: clamp(20px, 3vw, 30px);
  gap: clamp(20px, 3vw, 30px);
  max-width: 600px;
  margin: 0 auto;
}

.trust-indicators .indicators-grid .indicator-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px;
  background: var(--clr-common-white);
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.trust-indicators .indicators-grid .indicator-item i {
  font-size: 24px;
  color: var(--clr-theme-3);
}

.trust-indicators .indicators-grid .indicator-item .indicator-text {
  text-align: left;
}

.trust-indicators .indicators-grid .indicator-item .indicator-text .indicator-label {
  font-size: clamp(12px, 1.5vw, 13px);
  color: var(--clr-common-text);
  display: block;
}

.trust-indicators .indicators-grid .indicator-item .indicator-text .indicator-value {
  font-size: clamp(14px, 1.8vw, 16px);
  font-weight: 600;
  color: var(--clr-common-heading);
}

.form-loading {
  position: relative;
  pointer-events: none;
}

.form-loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

@keyframes successPulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.success-checkmark {
  animation: successPulse 0.6s ease;
}

@media (max-width: 480px) {
  .vendor-registration-section {
    padding: var(--spacing-lg) 0;
  }
  .form-card {
    border-radius: 16px;
  }
  .form-content {
    padding: clamp(20px, 4vw, 30px);
  }
}
:root {
  --spacing-xs: clamp(0.5rem, 2vw, 1rem);
  --spacing-sm: clamp(1rem, 3vw, 1.5rem);
  --spacing-md: clamp(1.5rem, 4vw, 2.5rem);
  --spacing-lg: clamp(2rem, 5vw, 4rem);
  --spacing-xl: clamp(3rem, 6vw, 6.25rem);
}

.login-section {
  padding: var(--spacing-xl) 0;
  background: var(--clr-bg-gray);
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.login-section::before {
  content: "";
  position: absolute;
  top: -30%;
  right: -15%;
  width: 500px;
  height: 500px;
  background: rgba(239, 35, 60, 0.05);
  border-radius: 50%;
  filter: blur(120px);
  z-index: 0;
}

.login-section::after {
  content: "";
  position: absolute;
  bottom: -30%;
  left: -15%;
  width: 400px;
  height: 400px;
  background: rgba(239, 35, 60, 0.03);
  border-radius: 50%;
  filter: blur(100px);
  z-index: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-section::before {
    width: 400px;
    height: 400px;
    top: -20%;
    right: -10%;
  }
  .login-section::after {
    width: 300px;
    height: 300px;
    bottom: -20%;
    left: -10%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .login-section {
    padding: var(--spacing-lg) 0;
  }
  .login-section::before, .login-section::after {
    display: none;
  }
}
.login-container {
  max-width: min(600px, 95vw);
  margin: 0 auto;
  padding: 0 var(--spacing-sm);
  position: relative;
  z-index: 1;
}

.login-header {
  text-align: center;
  margin-bottom: clamp(30px, 5vw, 50px);
}

.login-header .header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  border-radius: 25px;
  margin-bottom: 20px;
  animation: fadeInDown 0.6s ease;
}

.login-header .header-badge i {
  font-size: 16px;
}

.login-header h1, .login-header .h1 {
  font-size: clamp(28px, 4.5vw, 42px);
  font-weight: 700;
  color: var(--clr-common-heading);
  margin-bottom: 12px;
  line-height: 1.2;
  animation: fadeInUp 0.6s ease;
}

.login-header h1 .highlight, .login-header .h1 .highlight {
  color: var(--clr-theme-3);
  position: relative;
  display: inline-block;
}

.login-header h1 .highlight::after, .login-header .h1 .highlight::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--clr-theme-3);
  opacity: 0.3;
  border-radius: 2px;
}

.login-header p {
  font-size: clamp(15px, 2vw, 17px);
  color: var(--clr-common-text);
  max-width: min(500px, 90vw);
  margin: 0 auto;
  line-height: 1.6;
  animation: fadeInUp 0.6s ease 0.1s both;
}

.login-form-wrapper {
  max-width: 600px;
  margin: 0 auto;
  animation: fadeInUp 0.6s ease 0.2s both;
}

.form-card {
  background: var(--clr-common-white);
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}

.form-card:hover {
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
}

.form-card .card-decoration {
  height: 5px;
  background: linear-gradient(90deg, var(--clr-theme-3) 0%, #ff8533 50%, var(--clr-theme-3) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}

.form-card .form-content {
  padding: clamp(30px, 5vw, 50px);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-card {
    border-radius: 16px;
  }
  .form-card .form-content {
    padding: clamp(20px, 4vw, 30px);
  }
}
.form-group {
  margin-bottom: clamp(20px, 3vw, 28px);
  position: relative;
}

.form-group label {
  display: block;
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 8px;
  transition: all 0.3s ease;
}

.form-group label .required {
  color: #e74c3c;
  margin-left: 2px;
}

.form-group .input-wrapper {
  position: relative;
}

.form-group .input-wrapper input {
  width: 100%;
  padding: clamp(14px, 2vw, 16px) clamp(16px, 2.5vw, 20px);
  padding-right: 50px;
  background: var(--clr-bg-gray);
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-heading);
  transition: all 0.3s ease;
  outline: none;
}

.form-group .input-wrapper input::placeholder {
  color: #999;
  font-size: clamp(13px, 1.6vw, 14px);
}

.form-group .input-wrapper input:focus {
  background: var(--clr-common-white);
  border-color: var(--clr-theme-3);
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.1);
}

.form-group .input-wrapper input:hover:not(:focus) {
  border-color: rgba(239, 35, 60, 0.2);
}

.form-group .input-wrapper input.error {
  border-color: #e74c3c;
}

.form-group .input-wrapper input.error:focus {
  border-color: #e74c3c;
  box-shadow: 0 0 0 4px rgba(231, 76, 60, 0.1);
}

.form-group .input-wrapper .input-icon {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 18px;
  pointer-events: none;
  transition: all 0.3s ease;
}

.form-group .input-wrapper input:focus ~ .input-icon {
  color: var(--clr-theme-3);
}

.form-group .input-wrapper .password-toggle {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #999;
  font-size: 18px;
  cursor: pointer;
  padding: 8px;
  transition: all 0.3s ease;
  border-radius: 6px;
}

.form-group .input-wrapper .password-toggle:hover {
  color: var(--clr-theme-3);
  background: rgba(239, 35, 60, 0.05);
}

.form-group .input-wrapper .password-toggle:focus {
  outline: 2px solid var(--clr-theme-3);
  outline-offset: 2px;
}

.form-group .error-message {
  font-size: clamp(12px, 1.5vw, 13px);
  color: #e74c3c;
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  animation: fadeInLeft 0.3s ease;
}

.form-group .error-message i {
  font-size: 12px;
}

.form-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(24px, 3.5vw, 32px);
}

@media (max-width: 575px) {
  .form-options {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.form-options .checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.form-options .checkbox-wrapper input[type=checkbox] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--clr-theme-3);
}

.form-options .checkbox-wrapper label {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-common-text);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.form-options .forgot-link {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-theme-3);
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

.form-options .forgot-link:hover {
  text-decoration: underline;
}

.btn-submit {
  width: 100%;
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  padding: clamp(14px, 2vw, 16px) clamp(24px, 3.5vw, 32px);
  border: none;
  border-radius: 12px;
  font-size: clamp(15px, 1.8vw, 16px);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
  margin-bottom: clamp(24px, 3.5vw, 32px);
}

.btn-submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: all 0.5s ease;
}

.btn-submit:hover:not(:disabled) {
  background: #e5383b;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(239, 35, 60, 0.3);
}

.btn-submit:hover:not(:disabled)::before {
  left: 100%;
}

.btn-submit:active:not(:disabled) {
  transform: translateY(0);
}

.btn-submit:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.btn-submit i {
  font-size: 18px;
}

.divider {
  text-align: center;
  margin: clamp(24px, 3.5vw, 32px) 0;
  position: relative;
}

.divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #e0e0e0;
}

.divider span {
  position: relative;
  background: var(--clr-common-white);
  padding: 0 16px;
  font-size: clamp(13px, 1.6vw, 14px);
  color: #999;
  font-weight: 500;
}

.social-login {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 2vw, 16px);
  margin: clamp(20px, 3vw, 28px) 0;
}

.social-login .social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: clamp(12px, 1.8vw, 14px) clamp(16px, 2.5vw, 20px);
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  background: var(--clr-common-white);
  color: var(--clr-common-text);
  font-size: clamp(14px, 1.7vw, 16px);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  height: 50px;
}

.social-login .social-btn svg {
  width: 22px;
  height: 22px;
}

.social-login .social-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.social-login .social-btn.google {
  border: none;
  background: #fff;
  color: #444;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  font-weight: 500;
}

.social-login .social-btn.google:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  background: #fafafa;
}

.social-login .social-btn.google:active {
  transform: translateY(0);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.form-footer {
  text-align: center;
}

.form-footer p {
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-text);
}

.form-footer p a {
  color: var(--clr-theme-3);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.form-footer p a:hover {
  text-decoration: underline;
}

.trust-indicators {
  margin-top: clamp(30px, 5vw, 50px);
  text-align: center;
}

.trust-indicators .indicators-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(20px, 3vw, 40px);
  flex-wrap: wrap;
}

.trust-indicators .indicators-grid .indicator-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: clamp(12px, 1.5vw, 13px);
  color: var(--clr-common-text);
  opacity: 0.8;
}

.trust-indicators .indicators-grid .indicator-item i {
  font-size: 16px;
  color: var(--clr-theme-3);
}

.trust-indicators .indicators-grid .indicator-item span {
  font-weight: 500;
}

.form-loading {
  position: relative;
  pointer-events: none;
}

.form-loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.register-now {
  margin-top: 30px;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all 0.3s ease;
}

.register-now:hover {
  background: #f1f3f5;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.register-now span {
  font-size: 14px;
  color: #6c757d;
}

.register-now a {
  font-weight: 600;
  color: var(--clr-theme-3);
  font-size: 15px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.register-now a:hover {
  text-decoration: underline;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@media (max-width: 480px) {
  .login-section {
    background: var(--clr-common-white);
  }
  .form-card {
    box-shadow: none;
    border: 1px solid #e0e0e0;
  }
  .login-header {
    margin-bottom: clamp(20px, 4vw, 30px);
  }
}
:root {
  --spacing-xs: clamp(0.5rem, 2vw, 1rem);
  --spacing-sm: clamp(1rem, 3vw, 1.5rem);
  --spacing-md: clamp(1.5rem, 4vw, 2.5rem);
  --spacing-lg: clamp(2rem, 5vw, 4rem);
  --spacing-xl: clamp(3rem, 6vw, 6.25rem);
}

.forgot-password-section {
  padding: var(--spacing-xl) 0;
  background: var(--clr-bg-gray);
  min-height: calc(100vh - 200px);
  position: relative;
  overflow: hidden;
}

.forgot-password-section::before {
  content: "";
  position: absolute;
  top: -25%;
  left: -15%;
  width: 400px;
  height: 400px;
  background: rgba(255, 102, 0, 0.05);
  border-radius: 50%;
  filter: blur(100px);
  z-index: 0;
}

.forgot-password-section::after {
  content: "";
  position: absolute;
  bottom: -25%;
  right: -15%;
  width: 350px;
  height: 350px;
  background: rgba(255, 102, 0, 0.03);
  border-radius: 50%;
  filter: blur(80px);
  z-index: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .forgot-password-section {
    padding: var(--spacing-lg) 0;
  }
  .forgot-password-section::before, .forgot-password-section::after {
    display: none;
  }
}
.forgot-password-container {
  max-width: min(600px, 95vw);
  margin: 0 auto;
  padding: 0 var(--spacing-sm);
  position: relative;
  z-index: 1;
}

.forgot-password-header {
  text-align: center;
  margin-bottom: clamp(30px, 5vw, 50px);
}

.forgot-password-header .header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  border-radius: 25px;
  margin-bottom: 20px;
  animation: fadeInDown 0.6s ease;
}

.forgot-password-header .header-badge i {
  font-size: 16px;
}

.forgot-password-header h1, .forgot-password-header .h1 {
  font-size: clamp(28px, 4.5vw, 42px);
  font-weight: 700;
  color: var(--clr-common-heading);
  margin-bottom: 12px;
  line-height: 1.2;
  animation: fadeInUp 0.6s ease;
}

.forgot-password-header h1 .highlight, .forgot-password-header .h1 .highlight {
  color: var(--clr-theme-3);
  position: relative;
  display: inline-block;
}

.forgot-password-header h1 .highlight::after, .forgot-password-header .h1 .highlight::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--clr-theme-3);
  opacity: 0.3;
  border-radius: 2px;
}

.forgot-password-header p {
  font-size: clamp(15px, 2vw, 17px);
  color: var(--clr-common-text);
  max-width: min(500px, 90vw);
  margin: 0 auto;
  line-height: 1.6;
  animation: fadeInUp 0.6s ease 0.1s both;
}

.forgot-password-form-wrapper {
  max-width: 600px;
  margin: 0 auto;
  animation: fadeInUp 0.6s ease 0.2s both;
}

.form-card {
  background: var(--clr-common-white);
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}

.form-card:hover {
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
}

.form-card .card-decoration {
  height: 5px;
  background: linear-gradient(90deg, var(--clr-theme-3) 0%, #ff8533 50%, var(--clr-theme-3) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}

.form-card .form-content {
  padding: clamp(30px, 5vw, 50px);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-card {
    border-radius: 16px;
  }
  .form-card .form-content {
    padding: clamp(20px, 4vw, 30px);
  }
}
.help-section {
  margin-top: clamp(24px, 3.5vw, 32px);
  animation: fadeInUp 0.6s ease 0.3s both;
}

.help-section .help-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: rgba(255, 102, 0, 0.05);
  border: 1px solid rgba(239, 35, 60, 0.1);
  border-radius: 12px;
}

.help-section .help-item i {
  font-size: 20px;
  color: var(--clr-theme-3);
  flex-shrink: 0;
}

.help-section .help-item p {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-common-text);
  margin: 0;
  line-height: 1.5;
}

.trust-indicators {
  margin-top: clamp(30px, 5vw, 50px);
  text-align: center;
  animation: fadeInUp 0.6s ease 0.4s both;
}

.trust-indicators .indicators-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(20px, 3vw, 40px);
  flex-wrap: wrap;
}

.trust-indicators .indicators-grid .indicator-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: clamp(12px, 1.5vw, 13px);
  color: var(--clr-common-text);
  opacity: 0.8;
}

.trust-indicators .indicators-grid .indicator-item i {
  font-size: 16px;
  color: var(--clr-theme-3);
}

.trust-indicators .indicators-grid .indicator-item span {
  font-weight: 500;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@media (max-width: 480px) {
  .forgot-password-section {
    background: var(--clr-common-white);
    min-height: calc(100vh - 150px);
  }
  .form-card {
    box-shadow: none;
    border: 1px solid #e0e0e0;
  }
  .forgot-password-header {
    margin-bottom: clamp(20px, 4vw, 30px);
  }
}
.forgot-password-form-wrapper .form-group {
  margin-bottom: clamp(24px, 3.5vw, 32px);
  position: relative;
}

.forgot-password-form-wrapper .form-group label {
  display: block;
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 8px;
  transition: all 0.3s ease;
}

.forgot-password-form-wrapper .form-group label .required {
  color: #e74c3c;
  margin-left: 2px;
}

.forgot-password-form-wrapper .form-group .input-wrapper {
  position: relative;
}

.forgot-password-form-wrapper .form-group .input-wrapper input {
  width: 100%;
  padding: clamp(14px, 2vw, 16px) clamp(16px, 2.5vw, 20px);
  padding-right: 50px;
  background: var(--clr-bg-gray);
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-heading);
  transition: all 0.3s ease;
  outline: none;
}

.forgot-password-form-wrapper .form-group .input-wrapper input::placeholder {
  color: #999;
  font-size: clamp(13px, 1.6vw, 14px);
}

.forgot-password-form-wrapper .form-group .input-wrapper input:focus {
  background: var(--clr-common-white);
  border-color: var(--clr-theme-3);
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.1);
}

.forgot-password-form-wrapper .form-group .input-wrapper input:hover:not(:focus):not(:disabled) {
  border-color: rgba(239, 35, 60, 0.2);
}

.forgot-password-form-wrapper .form-group .input-wrapper input:disabled {
  background: #f5f5f5;
  cursor: not-allowed;
  opacity: 0.6;
}

.forgot-password-form-wrapper .form-group .input-wrapper input.error {
  border-color: #e74c3c;
}

.forgot-password-form-wrapper .form-group .input-wrapper input.error:focus {
  border-color: #e74c3c;
  box-shadow: 0 0 0 4px rgba(231, 76, 60, 0.1);
}

.forgot-password-form-wrapper .form-group .input-wrapper .input-icon {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 18px;
  pointer-events: none;
  transition: all 0.3s ease;
}

.forgot-password-form-wrapper .form-group .input-wrapper input:focus ~ .input-icon {
  color: var(--clr-theme-3);
}

.forgot-password-form-wrapper .form-group .helper-text {
  font-size: clamp(12px, 1.5vw, 13px);
  color: #666;
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.forgot-password-form-wrapper .form-group .helper-text i {
  font-size: 12px;
  color: var(--clr-theme-3);
}

.forgot-password-form-wrapper .form-group .error-message {
  font-size: clamp(12px, 1.5vw, 13px);
  color: #e74c3c;
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  animation: fadeInLeft 0.3s ease;
}

.forgot-password-form-wrapper .form-group .error-message i {
  font-size: 12px;
}

.forgot-password-form-wrapper .btn-submit {
  width: 100%;
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  padding: clamp(14px, 2vw, 16px) clamp(24px, 3.5vw, 32px);
  border: none;
  border-radius: 12px;
  font-size: clamp(15px, 1.8vw, 16px);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
  margin-bottom: clamp(24px, 3.5vw, 32px);
}

.forgot-password-form-wrapper .btn-submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: all 0.5s ease;
}

.forgot-password-form-wrapper .btn-submit:hover:not(:disabled) {
  background: #e5383b;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(239, 35, 60, 0.3);
}

.forgot-password-form-wrapper .btn-submit:hover:not(:disabled)::before {
  left: 100%;
}

.forgot-password-form-wrapper .btn-submit:active:not(:disabled) {
  transform: translateY(0);
}

.forgot-password-form-wrapper .btn-submit:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.forgot-password-form-wrapper .btn-submit i {
  font-size: 18px;
}

.forgot-password-form-wrapper .form-footer {
  text-align: center;
}

.forgot-password-form-wrapper .form-footer p {
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-text);
}

.forgot-password-form-wrapper .form-footer p a {
  color: var(--clr-theme-3);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.forgot-password-form-wrapper .form-footer p a:hover {
  text-decoration: underline;
}

.form-card.form-loading .form-content {
  position: relative;
}

.form-card.form-loading .form-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.password-strength {
  margin-top: 8px;
}

.password-strength .strength-bars {
  display: flex;
  gap: 5px;
  margin-bottom: 5px;
}

.password-strength .strength-bars .strength-bar {
  height: 5px;
  flex: 1 1;
  background: #e0e0e0;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.password-strength .strength-bars .strength-bar.active:nth-child(1) {
  background: #e74c3c;
}

.password-strength .strength-bars .strength-bar.active:nth-child(2) {
  background: #f39c12;
}

.password-strength .strength-bars .strength-bar.active:nth-child(3) {
  background: #3498db;
}

.password-strength .strength-bars .strength-bar.active:nth-child(4) {
  background: #2ecc71;
}

.password-strength .strength-text {
  font-size: 12px;
  color: #666;
  display: block;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*----------------------------------------
    FAQ Form CSS - Modern Design
----------------------------------------*/
.faq-form-section {
  padding: var(--spacing-xl) 0;
  background: var(--clr-common-white);
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq-form-section {
    padding: var(--spacing-lg) 0;
  }
}
.faq-form-section .section-decoration {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
}

.faq-form-section .section-decoration .decoration-circle {
  position: absolute;
  border-radius: 50%;
  border: 2px solid rgba(239, 35, 60, 0.1);
}

.faq-form-section .section-decoration .decoration-circle.circle-1 {
  width: 300px;
  height: 300px;
  top: 10%;
  left: 5%;
  animation: rotate 20s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq-form-section .section-decoration .decoration-circle.circle-1 {
    width: 200px;
    height: 200px;
    display: none;
  }
}
.faq-form-section .section-decoration .decoration-circle.circle-2 {
  width: 400px;
  height: 400px;
  bottom: 10%;
  right: 5%;
  animation: rotate 25s linear infinite reverse;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq-form-section .section-decoration .decoration-circle.circle-2 {
    width: 250px;
    height: 250px;
    display: none;
  }
}
.faq-form-container {
  max-width: min(1000px, 90vw);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.form-wrapper {
  max-width: 800px;
  margin: 0 auto;
}

.form-card {
  background: var(--clr-bg-gray);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
  position: relative;
}

.form-card .card-decoration {
  height: 5px;
  background: linear-gradient(90deg, var(--clr-theme-3) 0%, #ff8533 50%, var(--clr-theme-3) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}

.form-card .form-content {
  padding: clamp(40px, 6vw, 60px);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .form-card .form-content {
    padding: clamp(30px, 5vw, 40px);
  }
}
.contact-alternatives {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: clamp(20px, 3vw, 30px);
  gap: clamp(20px, 3vw, 30px);
  padding: clamp(30px, 5vw, 40px);
  background: var(--clr-common-white);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

@media (max-width: 575px) {
  .contact-alternatives {
    grid-template-columns: 1fr;
    text-align: center;
  }
}
.alternative-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

@media (max-width: 575px) {
  .alternative-item {
    justify-content: center;
  }
}
.alternative-item .item-icon {
  width: 50px;
  height: 50px;
  background: rgba(239, 35, 60, 0.1);
  color: var(--clr-theme-3);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.alternative-item:hover .item-icon {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  transform: scale(1.1);
}

.alternative-item .item-content h5, .alternative-item .item-content .h5 {
  font-size: clamp(14px, 1.8vw, 15px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 4px;
}

.alternative-item .item-content p {
  font-size: clamp(13px, 1.6vw, 14px);
  color: var(--clr-common-text);
  margin: 0;
}

.trust-section {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(30px, 5vw, 50px);
  margin-top: clamp(40px, 6vw, 60px);
  flex-wrap: wrap;
}

@media (max-width: 575px) {
  .trust-section {
    gap: clamp(20px, 4vw, 30px);
  }
}
.trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-text);
}

.trust-item i {
  font-size: 20px;
  color: var(--clr-theme-3);
}

.trust-item span {
  font-weight: 500;
}

.contact-form .form-group {
  margin-bottom: clamp(20px, 3vw, 28px);
}

.contact-form .form-group label {
  display: block;
  font-size: clamp(13px, 1.6vw, 14px);
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 8px;
}

.contact-form .form-group label .required {
  color: #e74c3c;
  margin-left: 2px;
}

.contact-form .form-group input,
.contact-form .form-group textarea,
.contact-form .form-group select {
  width: 100%;
  padding: clamp(14px, 2vw, 16px) clamp(16px, 2.5vw, 20px);
  background: var(--clr-common-white);
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: clamp(14px, 1.8vw, 15px);
  color: var(--clr-common-heading);
  transition: all 0.3s ease;
  outline: none;
}

.contact-form .form-group input::placeholder,
.contact-form .form-group textarea::placeholder,
.contact-form .form-group select::placeholder {
  color: #999;
  font-size: clamp(13px, 1.6vw, 14px);
}

.contact-form .form-group input:focus,
.contact-form .form-group textarea:focus,
.contact-form .form-group select:focus {
  border-color: var(--clr-theme-3);
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.1);
}

.contact-form .form-group input:hover:not(:focus),
.contact-form .form-group textarea:hover:not(:focus),
.contact-form .form-group select:hover:not(:focus) {
  border-color: rgba(239, 35, 60, 0.2);
}

.contact-form .form-group textarea {
  min-height: 120px;
  resize: vertical;
}

.contact-form .form-group .error-message {
  font-size: clamp(12px, 1.5vw, 13px);
  color: #e74c3c;
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.contact-form .form-group .error-message i {
  font-size: 12px;
}

.contact-form .form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(16px, 2.5vw, 24px);
  gap: clamp(16px, 2.5vw, 24px);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form .form-row {
    grid-template-columns: 1fr;
  }
}
.contact-form .btn-submit {
  width: 100%;
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  padding: clamp(14px, 2vw, 16px) clamp(24px, 3.5vw, 32px);
  border: none;
  border-radius: 12px;
  font-size: clamp(15px, 1.8vw, 16px);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
}

.contact-form .btn-submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: all 0.5s ease;
}

.contact-form .btn-submit:hover:not(:disabled) {
  background: #D90429;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(239, 35, 60, 0.3);
}

.contact-form .btn-submit:hover:not(:disabled)::before {
  left: 100%;
}

.contact-form .btn-submit:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.contact-form .btn-submit i {
  font-size: 18px;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.vendor-card-modern {
  margin-bottom: 30px;
  padding: 0 15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-card-modern {
    padding: 0 10px;
  }
}
.vendor-card-modern .vendor-card-wrapper {
  background: var(--tp-common-white);
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--tp-border-1);
  transition: all 0.4s cubic-bezier(0.43, 0.13, 0.23, 0.96);
  height: 100%;
  position: relative;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.03);
}

.vendor-card-modern .vendor-card-wrapper:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12);
  border-color: var(--tp-theme-primary);
}

.vendor-card-modern .vendor-card-wrapper:hover .vendor-card-header::after {
  opacity: 1;
}

.vendor-card-modern .vendor-card-wrapper:hover .vendor-card-header .gradient-bg-shapes .shape {
  transform: scale(1.1) rotate(5deg);
}

.vendor-card-modern .vendor-card-wrapper:hover .visit-store-btn {
  background: #EF233C;
  color: var(--tp-common-white);
  transform: translateY(-1px);
  box-shadow: 0 5px 20px rgba(239, 35, 60, 0.3);
}

.vendor-card-modern .vendor-card-wrapper:hover .visit-store-btn i {
  transform: translateX(4px);
}

.vendor-card-modern .vendor-card-wrapper:hover .avatar-container {
  transform: rotate(-3deg);
}

.vendor-card-modern .vendor-card-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.vendor-card-modern .vendor-card-header {
  position: relative;
  padding: 35px 25px 25px;
  background: var(--tp-theme-bg);
  overflow: hidden;
}

.vendor-card-modern .vendor-card-header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  opacity: 0.85;
  transition: opacity 0.5s ease;
  z-index: 1;
}

.vendor-card-modern .vendor-card-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.05) 50%, transparent 70%);
  opacity: 0;
  transition: opacity 0.5s ease;
  animation: shimmer 3s infinite;
  z-index: 3;
}

.vendor-card-modern .vendor-card-header:hover::before {
  opacity: 1;
}

.vendor-card-modern .vendor-card-header .gradient-bg-shapes {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 2;
}

.vendor-card-modern .vendor-card-header .gradient-bg-shapes .shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(40px);
  transition: all 0.8s cubic-bezier(0.43, 0.13, 0.23, 0.96);
}

.vendor-card-modern .vendor-card-header .gradient-bg-shapes .shape.shape-1 {
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.1);
  top: -50px;
  right: -50px;
  animation: float 8s ease-in-out infinite;
}

.vendor-card-modern .vendor-card-header .gradient-bg-shapes .shape.shape-2 {
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, 0.05);
  bottom: -30px;
  left: -30px;
  animation: float 8s ease-in-out infinite reverse;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vendor-card-modern .vendor-card-header {
    padding: 30px 20px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-card-modern .vendor-card-header {
    padding: 25px 15px 15px;
  }
}
.vendor-card-modern .vendor-profile-section {
  position: relative;
  z-index: 4;
  text-align: center;
}

.vendor-card-modern .vendor-profile-section .vendor-avatar-wrapper {
  margin-bottom: 18px;
}

.vendor-card-modern .vendor-profile-section .vendor-avatar-wrapper .vendor-avatar {
  display: inline-block;
  position: relative;
}

.vendor-card-modern .vendor-profile-section .vendor-avatar-wrapper .vendor-avatar .avatar-container {
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.43, 0.13, 0.23, 0.96);
}

.vendor-card-modern .vendor-profile-section .vendor-avatar-wrapper .vendor-avatar .avatar-container .avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 4px solid var(--tp-common-white);
  border-radius: 50%;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.vendor-card-modern .vendor-profile-section .vendor-avatar-wrapper .vendor-avatar .avatar-container .avatar-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}

.vendor-card-modern .vendor-profile-section .vendor-avatar-wrapper .vendor-avatar .avatar-container .avatar-loader .spinner {
  width: 30px;
  height: 30px;
  border: 3px solid rgba(239, 35, 60, 0.1);
  border-top-color: #EF233C;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.vendor-card-modern .vendor-profile-section .vendor-avatar-wrapper .vendor-avatar .verification-badge {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--tp-common-white);
  box-shadow: 0 2px 10px rgba(16, 185, 129, 0.4);
}

.vendor-card-modern .vendor-profile-section .vendor-avatar-wrapper .vendor-avatar .verification-badge i {
  color: var(--tp-common-white);
  font-size: 12px;
  font-weight: 600;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-card-modern .vendor-profile-section .vendor-avatar-wrapper {
    margin-bottom: 15px;
  }
}
.vendor-card-modern .vendor-profile-section .vendor-info .vendor-name {
  margin: 0 0 10px;
}

.vendor-card-modern .vendor-profile-section .vendor-info .vendor-name a {
  color: var(--tp-common-white);
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.vendor-card-modern .vendor-profile-section .vendor-info .vendor-name a:hover {
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vendor-card-modern .vendor-profile-section .vendor-info .vendor-name a {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-card-modern .vendor-profile-section .vendor-info .vendor-name a {
    font-size: 16px;
  }
}
.vendor-card-modern .vendor-profile-section .vendor-info .vendor-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.vendor-card-modern .vendor-profile-section .vendor-info .vendor-rating .rating-number {
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.vendor-card-modern .vendor-profile-section .vendor-info .vendor-rating .rating {
  display: flex;
  gap: 2px;
}

.vendor-card-modern .vendor-profile-section .vendor-info .vendor-rating .rating i {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.3);
  transition: color 0.3s ease;
}

.vendor-card-modern .vendor-profile-section .vendor-info .vendor-rating .rating i.fas, .vendor-card-modern .vendor-profile-section .vendor-info .vendor-rating .rating i.fa-star {
  color: #ffee00;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.vendor-card-modern .vendor-stats {
  display: flex;
  align-items: center;
  padding: 20px;
  background: var(--tp-grey-1, #f8f9fa);
  border-top: 1px solid var(--tp-border-1);
  border-bottom: 1px solid var(--tp-border-1);
}

.vendor-card-modern .vendor-stats .stat-item {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.vendor-card-modern .vendor-stats .stat-item .stat-icon {
  width: 40px;
  height: 40px;
  background: var(--tp-common-white);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.vendor-card-modern .vendor-stats .stat-item .stat-icon i {
  color: #EF233C;
  font-size: 18px;
  transition: transform 0.3s ease;
}

.vendor-card-modern .vendor-stats .stat-item .stat-icon:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.vendor-card-modern .vendor-stats .stat-item .stat-icon:hover i {
  transform: scale(1.1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vendor-card-modern .vendor-stats .stat-item .stat-icon {
    width: 36px;
    height: 36px;
  }
  .vendor-card-modern .vendor-stats .stat-item .stat-icon i {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-card-modern .vendor-stats .stat-item .stat-icon {
    width: 32px;
    height: 32px;
  }
  .vendor-card-modern .vendor-stats .stat-item .stat-icon i {
    font-size: 14px;
  }
}
.vendor-card-modern .vendor-stats .stat-item .stat-content {
  text-align: left;
}

.vendor-card-modern .vendor-stats .stat-item .stat-content .stat-value {
  font-size: 18px;
  font-weight: 700;
  color: var(--tp-common-black);
  line-height: 1.2;
  margin-bottom: 2px;
}

.vendor-card-modern .vendor-stats .stat-item .stat-content .stat-value.status-badge {
  font-size: 12px;
  color: #4caf50;
  background: rgba(76, 175, 80, 0.1);
  padding: 3px 10px;
  border-radius: 12px;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vendor-card-modern .vendor-stats .stat-item .stat-content .stat-value {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-card-modern .vendor-stats .stat-item .stat-content .stat-value {
    font-size: 14px;
  }
}
.vendor-card-modern .vendor-stats .stat-item .stat-content .stat-label {
  font-size: 13px;
  color: var(--tp-text-3, #6c757d);
  font-weight: 400;
  letter-spacing: 0.2px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-card-modern .vendor-stats .stat-item .stat-content .stat-label {
    font-size: 11px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-card-modern .vendor-stats .stat-item {
    gap: 8px;
  }
}
.vendor-card-modern .vendor-stats .stat-divider {
  width: 1px;
  height: 35px;
  background: linear-gradient(to bottom, transparent 0%, var(--tp-border-1) 50%, transparent 100%);
  margin: 0 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vendor-card-modern .vendor-stats .stat-divider {
    margin: 0 15px;
    height: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-card-modern .vendor-stats .stat-divider {
    margin: 0 10px;
    height: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vendor-card-modern .vendor-stats {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-card-modern .vendor-stats {
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .vendor-card-modern .vendor-stats {
    flex-wrap: wrap;
    gap: 15px;
  }
  .vendor-card-modern .vendor-stats .stat-divider {
    display: none;
  }
  .vendor-card-modern .vendor-stats .stat-item {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(33.333% - 10px);
    flex-direction: column;
    gap: 8px;
  }
  .vendor-card-modern .vendor-stats .stat-item .stat-content {
    text-align: center;
  }
}
.vendor-card-modern .vendor-action {
  padding: 25px;
  margin-top: auto;
}

.vendor-card-modern .vendor-action .visit-store-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 14px 25px;
  background: var(--tp-common-white);
  color: #EF233C;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.4s cubic-bezier(0.43, 0.13, 0.23, 0.96);
  border: 2px solid #EF233C;
  position: relative;
  overflow: hidden;
  letter-spacing: 0.3px;
}

.vendor-card-modern .vendor-action .visit-store-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s ease;
}

.vendor-card-modern .vendor-action .visit-store-btn i {
  font-size: 14px;
  transition: transform 0.3s cubic-bezier(0.43, 0.13, 0.23, 0.96);
}

.vendor-card-modern .vendor-action .visit-store-btn:hover::before {
  left: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-card-modern .vendor-action .visit-store-btn {
    font-size: 14px;
    padding: 12px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vendor-card-modern .vendor-action {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .vendor-card-modern .vendor-action {
    padding: 15px;
  }
}
.skeleton-loading .skeleton-header {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
}

.skeleton-loading .skeleton-avatar {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  margin-bottom: 15px;
}

.skeleton-loading .skeleton-text {
  width: 100%;
  max-width: 150px;
}

.skeleton-loading .skeleton-text .skeleton-line {
  height: 16px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  margin-bottom: 8px;
}

.skeleton-loading .skeleton-text .skeleton-line.short {
  width: 70%;
  margin: 0 auto;
}

.skeleton-loading .skeleton-stats {
  display: flex;
  padding: 20px;
  gap: 15px;
}

.skeleton-loading .skeleton-stats .skeleton-stat {
  flex: 1 1;
  height: 60px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 8px;
}

.skeleton-loading .skeleton-action {
  padding: 20px;
}

.skeleton-loading .skeleton-action .skeleton-button {
  height: 44px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 10px;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(10deg);
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.creator-single.vendor-card-modern {
  margin-bottom: 30px;
}

.vendor_card {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
  flex-wrap: wrap;
  box-shadow: 0px 2px 5px 0px var(--clr-common-border);
  border-radius: 5px;
}

.vendor_profile_img {
  height: 150px;
  width: 150px;
}

.vendor_profile_img img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: contain;
  background: #f8f9fa;
  border: 5px solid var(--clr-common-border);
}

.vendor_details_content {
  box-shadow: 0px 2px 5px 0px var(--clr-common-border);
  border-radius: 5px;
  padding: 20px;
}

.vendor_card_with_img img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: contain;
  background: #f8f9fa;
}

.vendor_card_with_img {
  height: 80px;
  width: 80px;
  overflow: hidden;
}

.vendor_description {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-wrap: wrap;
  border-right: 1px solid var(--clr-common-border);
  border-left: 1px solid var(--clr-common-border);
  padding: 20px;
}

.vendor_description p {
  margin-bottom: 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .vendor_description {
    align-items: center;
    border-right: none;
    border-left: none;
    padding-left: 0;
    border: 0px;
    text-align: center;
  }
}
.vendor_social {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  flex-wrap: wrap;
}

.vendor_social .social__links {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.content_vendor {
  background: var(--clr-common-white);
}

.vendor_profile_wrapper {
  margin-top: -80px;
}

.creator-single {
  transition: 0.3s;
  background: var(--clr-bg-footer);
}

.creator-cover-img img {
  width: 100%;
  border-radius: 10px 10px 0 0;
  height: 150px;
  object-fit: cover;
}

.creator-inner {
  border-radius: 10px;
}

.creator-content {
  border: 1px solid var(--clr-bg-footer);
  border-radius: 0 0 10px 10px;
  padding: 0px 30px 30px 30px;
  text-align: center;
  background: var(--clr-bg-footer);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .creator-content {
    padding: 0px 20px 30px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .creator-content {
    padding: 0px 10px 30px 10px;
  }
}
.artist-meta-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 37px;
}

.follow-artist {
  height: 40px;
  background-image: linear-gradient(to right, #2b81ff, #7237ff, #2b81ff);
  background-size: 200% 100%;
  display: inline-block;
  line-height: 40px;
  color: var(--clr-common-white);
  font-size: 14px;
  font-weight: 700;
  border-radius: 5px;
  padding: 0 27px;
  padding-left: 47px;
  position: relative;
  transition: 0.3s;
}

.follow-artist:before {
  position: absolute;
  content: "\f067";
  left: 27px;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 400;
  color: var(--clr-common-white);
}

.follow-artist:hover {
  background-position: 100% 100%;
}

.follow-artist.followed {
  background: var(--clr-common-white);
  color: var(--clr-common-text);
  border: 1px solid var(--clr-common-border);
}

.follow-artist.followed:before {
  content: "\f00c";
  color: var(--clr-common-text);
}

.profile-img img {
  width: 90px;
  border: 5px solid var(--clr-common-white);
  border-radius: 50%;
  background: var(--clr-common-white);
}

.creator-info {
  margin-top: -40px;
  z-index: 2;
  margin-bottom: 37px;
}

.creator-info .artist-name {
  font-size: 18px;
  margin-bottom: 4px;
}

.creator-info .artist-name a:hover {
  color: var(--clr-common-blue);
}

.creator-info .artist-id {
  color: var(--clr-common-blue);
  font-size: 14px;
  font-weight: 600;
}

.creator-info .profile-img {
  margin-bottom: 18px;
}

.artist-meta-type {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 7px;
  color: var(--clr-common-text);
}

.artist-created {
  font-size: 13px;
  font-weight: 700;
  color: var(--clr-common-heading);
  line-height: 1;
}

.artist-likes {
  font-size: 13px;
  font-weight: 700;
  color: var(--clr-common-heading);
  line-height: 1;
}

.artist-follwers {
  font-size: 13px;
  font-weight: 700;
  color: var(--clr-common-heading);
  line-height: 1;
}

.artist-followed {
  font-size: 13px;
  font-weight: 700;
  color: var(--clr-common-heading);
  line-height: 1;
}

.artist-art-collection {
  font-size: 13px;
  font-weight: 700;
  color: var(--clr-common-heading);
  line-height: 1;
}

.artist-art-featured {
  font-size: 13px;
  font-weight: 700;
  color: var(--clr-common-heading);
  line-height: 1;
}

.artist-art-sold {
  font-size: 13px;
  font-weight: 700;
  color: var(--clr-common-heading);
  line-height: 1;
}

.artist-art-bids {
  font-size: 13px;
  font-weight: 700;
  color: var(--clr-common-heading);
  line-height: 1;
}

.artist-meta-item-border {
  position: relative;
}

.artist-meta-item-border:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--clr-common-border);
  top: -1px;
  right: -25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .artist-meta-item-border:after {
    right: -18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .artist-meta-item-border:after {
    right: -20px;
  }
}
@media (max-width: 575px) {
  .artist-meta-item-border:after {
    right: -75px;
  }
}
.tag-featured {
  font-size: 15px;
  font-weight: 600;
  color: var(--clr-common-white);
  background: var(--clr-theme-2);
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  padding: 0px 12px;
  position: absolute;
  left: 10px;
  top: 10px;
  display: inline-flex;
  align-items: center;
  z-index: 1;
}

.tag-featured i {
  margin-right: 5px;
  font-size: 13px;
}

.creator-single-short {
  transition: 0.3s;
  border-radius: 0px;
}

.creator-single-short.creator-single-filled {
  background: var(--clr-common-white);
  padding: 30px 30px;
  border-radius: 10px;
  min-height: calc(100% - 30px);
}

.creator-short-content {
  display: flex;
  column-gap: 15px;
  align-items: center;
  text-align: inherit;
  border-radius: 10px;
  padding: 0 0;
  background: none;
  border: none;
}

.creator-short-content .creator-info .artist-id {
  font-weight: 400;
}

.creator-short-content .creator-info .artist-name {
  padding-right: 18px;
}

.creator-short-content .profile-img img {
  width: 70px;
  border-width: 4px;
}

.creator-short-content .profile-verification {
  right: 0;
  bottom: 4px;
  width: 12px;
  height: 12px;
  border: 0;
  line-height: 12px;
  font-size: 6px;
}

.creator-short-content .creator-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  margin-top: 0;
  align-items: flex-start;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 5px;
}

.creator-short-content .creator-info .follow-artist {
  height: 40px;
  line-height: 38px;
  padding: 0 15px;
  padding-left: 30px;
  background: var(--clr-common-white);
  color: var(--clr-common-white);
  background-image: linear-gradient(to right, #2b81ff, #7237ff, #2b81ff);
  background-size: 200% 100%;
}

.creator-short-content .creator-info .follow-artist:before {
  left: 14px;
  color: var(--clr-common-white);
}

.creator-short-content .creator-info .follow-artist.followed {
  background: var(--clr-common-white);
  color: var(--clr-common-text);
  border: 1px solid var(--clr-common-border);
}

.creator-short-content .creator-info .follow-artist.followed:before {
  content: "";
  color: var(--clr-common-text);
}

.creator-short-content .artist-created {
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-common-text);
  display: inline;
  margin-right: 5px;
}

.creator-short-content .artist-meta-type {
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-common-text);
  display: inline;
}

.creator-short-content .artist-follwers {
  font-size: 14px;
}

.creator-short-content .artist-meta-item-border:after {
  top: 0;
  left: -20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .creator-short-content .artist-meta-item-border:after {
    left: -12px;
  }
}
.creator-short-content .artist-meta-item-follower {
  padding-top: 18px;
  padding-bottom: 10px;
}

.pos-rel {
  position: relative;
}

.profile-verification {
  width: 22px;
  height: 22px;
  border: 3px solid var(--clr-common-white);
  background: var(--clr-common-orange);
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  color: var(--clr-common-white);
  font-size: 8px;
  position: absolute;
  right: 120px;
  bottom: 0;
}

.profile-verification.verified {
  background: var(--clr-common-blue);
}

.artist-name i {
  color: var(--clr-common-orange);
}

.vendor_ratting i {
  color: var(--clr-common-orange);
}

.vendor_card_with_img {
  position: relative;
}

.vendor_card_with_img .profile-verification.verified {
  position: absolute;
  background: var(--clr-common-blue);
  right: 0;
}

.contact-from-input .list {
  width: 100%;
}

.oction-creator-profile-img img {
  background: var(--clr-common-black);
}

.vendor_card_with_img img {
  background: var(--clr-common-black);
  border: 2px solid var(--clr-common-text);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .vendor_logo {
    text-align: center;
  }
  .vendor_logo .vendor_card_with_img {
    display: inline-block;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .vendor_social-wrap {
    text-align: center;
  }
  .vendor_social-wrap .vendor_social {
    display: inline-flex;
  }
}
@media (max-width: 575px) {
  .product-quantity-cart .fill-btn {
    text-align: center;
  }
  .product-quantity-cart .fill-btn .vendor_social {
    padding: 0px 30px;
  }
}
@media (max-width: 575px) {
  .product__modal-wrapper {
    padding: 30px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .controls-right .result-counter {
    margin-left: auto;
  }
  .vendor-content-area.grid .vendor-grid,
  .vendor-content-area.grid .vendor-list, .vendor-content-area.list .vendor-grid,
  .vendor-content-area.list .vendor-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-gap: 1.25rem !important;
    gap: 1.25rem !important;
  }
}
/* ===============================================
   VENDOR DETAILS PAGE STYLES
   =============================================== */
.vendor-profile-header {
  margin-bottom: 3rem;
}

.vendor-profile-header .vendor-banner-container {
  position: relative;
}

.vendor-profile-header .vendor-banner-container .vendor-banner {
  height: 300px;
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

@media (max-width: 767px) {
  .vendor-profile-header .vendor-banner-container .vendor-banner {
    height: 200px;
  }
}
.vendor-profile-header .vendor-banner-container .vendor-banner .banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6));
}

.vendor-profile-header .vendor-header-content {
  background-color: #e55a2b;
  border-radius: 1rem;
  padding: 1rem;
  position: relative;
  margin-top: -100px;
  z-index: 10;
}

@media (max-width: 767px) {
  .vendor-profile-header .vendor-header-content {
    margin-top: -70px;
  }
}
.vendor-profile-header .vendor-info-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 3rem;
}

@media (max-width: 991px) {
  .vendor-profile-header .vendor-info-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.vendor-profile-header .vendor-avatar-container {
  flex-shrink: 0;
}

.vendor-profile-header .vendor-avatar-container .vendor-avatar {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 5px solid #ffffff;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  background-color: #ffffff;
  overflow: hidden;
}

@media (max-width: 767px) {
  .vendor-profile-header .vendor-avatar-container .vendor-avatar {
    width: 120px;
    height: 120px;
  }
}
.vendor-profile-header .vendor-avatar-container .vendor-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vendor-profile-header .vendor-avatar-container .vendor-avatar .verification-badge {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  background: #059669;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #ffffff;
  font-size: 14px;
}

@media (max-width: 767px) {
  .vendor-profile-header .vendor-avatar-container .vendor-avatar .verification-badge {
    width: 25px;
    height: 25px;
    font-size: 12px;
  }
}
.vendor-profile-header .vendor-info {
  flex: 1 1;
  padding-bottom: 1rem;
}

.vendor-profile-header .vendor-info .vendor-name {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.5rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
  .vendor-profile-header .vendor-info .vendor-name {
    font-size: 1.75rem;
  }
}
.vendor-profile-header .vendor-meta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.vendor-profile-header .vendor-meta .rating-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ffffff;
}

.vendor-profile-header .vendor-meta .rating-wrapper .rating-stars {
  color: #ffc107;
}

.vendor-profile-header .vendor-meta .rating-wrapper .rating-count {
  opacity: 0.9;
  font-size: 0.9rem;
}

.vendor-profile-header .vendor-meta .vendor-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

@media (max-width: 767px) {
  .vendor-profile-header .vendor-meta .vendor-stats {
    justify-content: center;
  }
}
.vendor-profile-header .vendor-meta .vendor-stats .stat-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2);
  padding: 0.25rem 1rem;
  border-radius: 50px;
  font-size: 0.9rem;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.vendor-profile-header .vendor-meta .vendor-stats .stat-item i {
  font-size: 0.8rem;
}

.vendor-profile-header .vendor-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media (max-width: 991px) {
  .vendor-profile-header .vendor-actions {
    align-items: center;
    margin-top: 1.5rem;
  }
}
.vendor-profile-header .vendor-actions .btn-call {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 3rem;
  background: #ff6b35;
  color: #ffffff;
  border: none;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-bottom: 1rem;
}

.vendor-profile-header .vendor-actions .btn-call:hover {
  background: #e55a2b;
  transform: translateY(-2px);
  box-shadow: 0 0.25rem 1rem rgba(255, 107, 53, 0.4);
}

.vendor-profile-header .vendor-actions .btn-call i {
  font-size: 0.9rem;
}

.vendor-profile-header .vendor-actions .social-links {
  display: flex;
  gap: 0.5rem;
}

.vendor-profile-header .vendor-actions .social-links a {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.9);
  color: #1a1f3a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
}

.vendor-profile-header .vendor-actions .social-links a:hover {
  background: #ff6b35;
  color: #ffffff;
  transform: translateY(-3px);
}

.vendor-about {
  padding: 3rem 0;
}

.vendor-about .about-card {
  background: white;
  padding: 3rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: all 0.3s ease;
}

.vendor-about .about-card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.vendor-about .about-card .section-title {
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #1a1f3a;
  position: relative;
  display: inline-block;
}

.vendor-about .about-card .section-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 50px;
  height: 3px;
  background: #ff6b35;
}

.vendor-about .about-card .about-text {
  font-size: 1rem;
  line-height: 1.7;
  color: #6b7280;
}

.shop-main-area {
  padding: 3rem 0;
}

.shop-main-area .vendor-shop-header {
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  margin-bottom: 3rem;
  position: relative;
  overflow: hidden;
}

.shop-main-area .vendor-shop-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: #ff6b35;
}

.shop-main-area .vendor-shop-header .vendor-info-inline {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-avatar-small {
  position: relative;
  flex-shrink: 0;
}

.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-avatar-small img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid white;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-avatar-small .verified-badge {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 18px;
  height: 18px;
  background: #059669;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  font-size: 8px;
}

.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details h2, .shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: #1a1f3a;
  position: relative;
  display: inline-block;
}

.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .vendor-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .vendor-meta .meta-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #6b7280;
  font-size: 0.9rem;
}

.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .vendor-meta .meta-item .rating-text {
  color: #6b7280;
}

.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .vendor-meta .meta-item i {
  color: #ff6b35;
}

@media (max-width: 767px) {
  .shop-main-area .vendor-shop-header {
    padding: 1rem;
  }
  .shop-main-area .vendor-shop-header .vendor-info-inline {
    flex-direction: column;
    text-align: center;
  }
  .shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details h2, .shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .h2 {
    font-size: 1.25rem;
  }
  .shop-main-area .vendor-shop-header .vendor-info-inline .vendor-meta {
    justify-content: center;
  }
}
.shop-main-area .shop-sidebar {
  position: relative;
}

.shop-main-area .shop-sidebar .filter-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1049;
  display: none;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  transition: opacity 0.3s ease;
  opacity: 0;
}

.shop-main-area .shop-sidebar .filter-overlay.show {
  display: block;
  opacity: 1;
}

.shop-main-area .shop-sidebar .sidebar-widget {
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  margin-bottom: 3rem;
  position: relative;
  border-top: 3px solid #ff6b35;
}

.shop-main-area .shop-sidebar .sidebar-widget .widget-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #1a1f3a;
  position: relative;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e9ecef;
}

.shop-main-area .shop-sidebar .sidebar-widget .widget-title i {
  color: #ff6b35;
  margin-right: 0.25rem;
}

.shop-main-area .shop-sidebar .sidebar-widget .search-box {
  position: relative;
  margin-bottom: 1rem;
}

.shop-main-area .shop-sidebar .sidebar-widget .search-box input {
  padding: 1rem 3rem 1rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #e9ecef;
  background-color: #f8f9fb;
  width: 100%;
  font-size: 0.95rem;
}

.shop-main-area .shop-sidebar .sidebar-widget .search-box input:focus {
  box-shadow: none;
  border-color: #ff6b35;
  background-color: #ffffff;
}

.shop-main-area .shop-sidebar .sidebar-widget .search-box input::placeholder {
  color: #9ca3af;
  font-size: 0.9rem;
}

.shop-main-area .shop-sidebar .sidebar-widget .search-box i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #ff6b35;
}

.shop-main-area .shop-sidebar .sidebar-widget .category-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.shop-main-area .shop-sidebar .sidebar-widget .category-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.5rem;
  cursor: pointer;
  color: #1a1f3a;
  border-bottom: 1px solid #e9ecef;
  transition: all 0.3s ease;
  font-size: 0.95rem;
}

.shop-main-area .shop-sidebar .sidebar-widget .category-list li:last-child {
  border-bottom: none;
}

.shop-main-area .shop-sidebar .sidebar-widget .category-list li:hover {
  background-color: #f8f9fb;
  color: #ff6b35;
  padding-left: 1rem;
}

.shop-main-area .shop-sidebar .sidebar-widget .category-list li.active {
  background-color: #ffebe3;
  color: #ff6b35;
  padding-left: 1rem;
  font-weight: 500;
}

.shop-main-area .shop-sidebar .sidebar-widget .category-list li.active .count {
  background: #ff6b35;
  color: #ffffff;
}

.shop-main-area .shop-sidebar .sidebar-widget .category-list li .count {
  background: #e8eaed;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 0.8rem;
  color: #6b7280;
  font-weight: 500;
  min-width: 26px;
  text-align: center;
  transition: all 0.3s ease;
}

.shop-main-area .shop-sidebar .sidebar-widget .price-range-box {
  padding: 1rem 0;
}

.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: nowrap;
}

.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs .price-input-group {
  flex: 1 1;
  min-width: 0;
}

.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs input {
  flex: 1 1;
  border-radius: 0.25rem;
  border: 1px solid #e9ecef;
  padding: 0.5rem;
  background-color: #f8f9fb;
  font-size: 0.95rem;
  width: 100%;
  min-width: 0;
}

.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs input:focus {
  border-color: #ff6b35;
  outline: none;
  background-color: #ffffff;
}

.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs span {
  color: #6b7280;
  font-weight: 500;
  flex: 0 0 auto;
  padding: 0 0.25rem;
}

.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget {
  background-color: #f8f9fb;
  border-top: none;
  border-left: 3px solid #ff6b35;
}

.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget .vendor-widget-content .vendor-desc {
  margin-bottom: 1rem;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #1a1f3a;
  font-style: italic;
  position: relative;
}

.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget .vendor-widget-content .vendor-desc::before {
  content: "“";
  font-size: 3rem;
  position: absolute;
  left: -1rem;
  top: -1.5rem;
  color: rgba(255, 107, 53, 0.2);
  font-family: serif;
}

.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget .vendor-widget-content .btn-contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #ff6b35;
  color: #ffffff;
  border-radius: 0.5rem;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget .vendor-widget-content .btn-contact:hover {
  background: #e55a2b;
  transform: translateY(-2px);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.shop-main-area .shop-filter-header {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.shop-main-area .shop-filter-header .showing-results {
  margin: 0;
  color: #6b7280;
  font-size: 0.9rem;
}

.shop-main-area .shop-filter-header .showing-results strong {
  color: #1a1f3a;
  font-weight: 600;
}

.shop-main-area .shop-filter-header .sort-select .form-select {
  border-radius: 0.5rem;
  border-color: #e9ecef;
  padding: 0.25rem 1rem;
  font-size: 0.9rem;
  background-color: #f8f9fb;
  cursor: pointer;
}

.shop-main-area .shop-filter-header .sort-select .form-select:focus {
  box-shadow: none;
  border-color: #ff6b35;
  background-color: #ffffff;
}

@media (max-width: 767px) {
  .shop-main-area .shop-filter-header {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }
  .shop-main-area .shop-filter-header .sort-select {
    width: 100%;
  }
  .shop-main-area .shop-filter-header .sort-select .form-select {
    width: 100%;
  }
}
.shop-main-area .products-grid .row {
  margin-left: -10px;
  margin-right: -10px;
}

.shop-main-area .products-grid .row [class^=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 575px) {
  .shop-main-area .products-grid .row [class^=col-],
  .shop-main-area .products-grid .row [class*=" col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.shop-main-area .products-grid .product-card-wrapper {
  background: #ffffff;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

@media (max-width: 575px) {
  .shop-main-area .products-grid .product-card-wrapper {
    width: 100%;
  }
}
.shop-main-area .products-grid .product-card-wrapper:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}

.shop-main-area .products-grid .product-card-wrapper:hover .product-image-container img {
  transform: scale(1.08);
}

.shop-main-area .products-grid .product-card-wrapper:hover .product-actions {
  opacity: 1;
  transform: translateY(0);
}

.shop-main-area .products-grid .product-card-wrapper .product-badge {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 2;
  padding: 2px 8px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 12px;
}

.shop-main-area .products-grid .product-card-wrapper .product-badge.new {
  background-color: #ff6b35;
  color: #ffffff;
}

.shop-main-area .products-grid .product-card-wrapper .product-badge.sale {
  background-color: #ffc107;
  color: #1a1f3a;
}

.shop-main-area .products-grid .product-card-wrapper .product-badge.out-of-stock {
  background-color: #6b7280;
  color: #ffffff;
}

.shop-main-area .products-grid .product-card-wrapper .product-image-container {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  background-color: #f8f9fb;
}

.shop-main-area .products-grid .product-card-wrapper .product-image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f8f9fa;
  transition: transform 0.5s ease;
}

.shop-main-area .products-grid .product-card-wrapper .product-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.3s ease;
}

.shop-main-area .products-grid .product-card-wrapper .product-actions .action-btn {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: white;
  border: 1px solid #e9ecef;
  color: #1a1f3a;
  cursor: pointer;
  transition: all 0.3s ease;
}

.shop-main-area .products-grid .product-card-wrapper .product-actions .action-btn:hover {
  background: #ff6b35;
  color: #ffffff;
  border-color: #ff6b35;
}

.shop-main-area .products-grid .product-card-wrapper .product-actions .action-btn i {
  font-size: 0.9rem;
}

.shop-main-area .products-grid .product-card-wrapper .product-info {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.shop-main-area .products-grid .product-card-wrapper .product-info .product-category {
  font-size: 0.75rem;
  color: #6b7280;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.shop-main-area .products-grid .product-card-wrapper .product-info h5, .shop-main-area .products-grid .product-card-wrapper .product-info .h5 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #1a1f3a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}

.shop-main-area .products-grid .product-card-wrapper .product-info h5:hover, .shop-main-area .products-grid .product-card-wrapper .product-info .h5:hover {
  color: #ff6b35;
}

.shop-main-area .products-grid .product-card-wrapper .product-info .product-rating {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}

.shop-main-area .products-grid .product-card-wrapper .product-info .product-rating .stars {
  color: #ffc107;
  font-size: 0.8rem;
}

.shop-main-area .products-grid .product-card-wrapper .product-info .product-rating .stars i {
  margin-right: 1px;
}

.shop-main-area .products-grid .product-card-wrapper .product-info .product-rating .rating-count {
  font-size: 0.75rem;
  color: #6b7280;
}

.shop-main-area .products-grid .product-card-wrapper .product-info .price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}

.shop-main-area .products-grid .product-card-wrapper .product-info .price-row .price {
  font-weight: 700;
  color: #ff6b35;
  font-size: 1.1rem;
  margin: 0;
}

.shop-main-area .products-grid .product-card-wrapper .product-info .price-row .old-price {
  font-size: 0.85rem;
  color: #6b7280;
  text-decoration: line-through;
  margin-right: 0.5rem;
}

.shop-main-area .products-grid .product-card-wrapper .product-info .price-row .cart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffebe3;
  color: #ff6b35;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.shop-main-area .products-grid .product-card-wrapper .product-info .price-row .cart-btn:hover {
  background: #ff6b35;
  color: #ffffff;
  transform: scale(1.1);
}

.shop-main-area .products-grid .product-card-wrapper .product-info .price-row .cart-btn i {
  font-size: 0.9rem;
}

.shop-main-area .products-grid .empty-products {
  text-align: center;
  padding: 3rem 0;
  background: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.shop-main-area .products-grid .empty-products i {
  font-size: 3rem;
  color: #9ca3af;
  margin-bottom: 1rem;
}

.shop-main-area .products-grid .empty-products h4, .shop-main-area .products-grid .empty-products .h4 {
  font-size: 1.5rem;
  color: #1a1f3a;
  margin-bottom: 0.5rem;
}

.shop-main-area .products-grid .empty-products p {
  color: #6b7280;
  max-width: 400px;
  margin: 0 auto;
}

.shop-main-area .pagination-wrapper {
  margin-top: 3rem;
}

.shop-main-area .pagination-wrapper .pagination .page-item {
  margin: 0 0.25rem;
}

.shop-main-area .pagination-wrapper .pagination .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 0.25rem;
  color: #1a1f3a;
  border: 1px solid #e9ecef;
  font-size: 0.9rem;
  padding: 0;
  transition: all 0.3s ease;
}

.shop-main-area .pagination-wrapper .pagination .page-item .page-link:hover {
  background: #ffebe3;
  color: #ff6b35;
  border-color: #ffebe3;
}

.shop-main-area .pagination-wrapper .pagination .page-item.active .page-link {
  background: #ff6b35;
  color: #ffffff;
  border-color: #ff6b35;
  font-weight: 600;
}

.shop-main-area .pagination-wrapper .pagination .page-item.disabled .page-link {
  color: #9ca3af;
  background: transparent;
  cursor: not-allowed;
}

.shop-main-area .btn-toggle-filter {
  display: none;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem;
  background: #ff6b35;
  color: #ffffff;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}

.shop-main-area .btn-toggle-filter i {
  color: #ffffff;
}

.shop-main-area .btn-toggle-filter:hover {
  background: #e55a2b;
}

@media (max-width: 991px) {
  .shop-main-area .btn-toggle-filter {
    display: inline-flex;
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .shop-main-area .col-lg-3 {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100%;
    background: #ffffff;
    z-index: 1050;
    overflow-y: auto;
    transition: all 0.3s ease;
    padding: 1.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .shop-main-area .col-lg-3.show-mobile {
    left: 0;
  }
  .shop-main-area .col-lg-3 .mobile-filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
  }
  .shop-main-area .col-lg-3 .mobile-filter-header h4, .shop-main-area .col-lg-3 .mobile-filter-header .h4 {
    margin: 0;
    font-size: 1.2rem;
    color: #1a1f3a;
    font-weight: 600;
  }
  .shop-main-area .col-lg-3 .mobile-filter-header .close-filter {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f8f9fb;
    border: none;
    color: #1a1f3a;
    cursor: pointer;
  }
  .shop-main-area .col-lg-3 .mobile-filter-header .close-filter:hover {
    background: #6b7280;
    color: #ffffff;
  }
}
@media (max-width: 767px) {
  .shop-main-area .products-grid .row > [class*=col-] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 575px) {
  .shop-main-area .col-lg-3 {
    display: none !important;
  }
  .shop-main-area .col-lg-9 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
.fade-in {
  animation: fadeIn 0.3s ease forwards;
}

.slide-in-left {
  animation: slideInLeft 0.3s ease forwards;
}

@media (max-width: 575px) {
  .shop-main-area .products-grid .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .shop-main-area .products-grid .row > [class*=col-] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Exchange Section Styles */
.exchange-section {
  padding: 60px 0;
  background-color: var(--tp-grey-1, #f9f9f9);
}

@media (max-width: 767px) {
  .exchange-section {
    padding: 40px 0;
  }
}
.exchange-area {
  background-color: var(--tp-common-white, #fff);
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  padding: 25px;
  overflow: hidden;
}

/* Header Styles */
.exchange-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  flex-wrap: wrap;
  gap: 15px;
  border-bottom: 1px solid var(--tp-border-1, #eee);
  padding-bottom: 15px;
}

@media (max-width: 767px) {
  .exchange-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.exchange-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  color: var(--tp-theme-primary, #ef233c);
}

.exchange-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .exchange-actions {
    width: 100%;
    justify-content: flex-start;
    gap: 12px;
    row-gap: 10px;
  }
}
.view-toggle {
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--tp-border-1, #eee);
  flex-shrink: 0;
  white-space: nowrap;
}

.view-btn {
  background: var(--tp-common-white, #fff);
  border: none;
  padding: 8px 15px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: var(--tp-common-black, #222);
  flex: 0 0 auto;
  white-space: nowrap;
  min-width: 100px;
}

.view-btn:hover {
  background-color: var(--tp-grey-1, #f5f5f5);
}

.view-btn.active {
  background-color: var(--tp-theme-primary, #ef233c);
  color: var(--tp-common-white, #fff);
}

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

/* --------- Mobile Adjustments for View Toggle --------- */
@media (max-width: 767px) {
  .view-toggle {
    margin-right: auto;
  }
  .view-btn {
    font-size: 13px;
    padding: 6px 12px;
    min-width: 90px;
  }
}
.live-status {
  position: relative;
}

.live-toggle {
  display: flex;
  align-items: center;
  background: var(--tp-grey-1, #f0f0f0);
  border: none;
  padding: 8px 15px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: var(--tp-common-black, #222);
}

.live-toggle:hover {
  background-color: var(--tp-grey-2, #e9e9e9);
}

.live-toggle.active {
  background-color: rgba(255, 92, 0, 0.1);
  color: var(--tp-theme-primary, #ef233c);
}

.live-toggle.active .live-dot {
  background-color: var(--tp-theme-primary, #ef233c);
  box-shadow: 0 0 0 2px rgba(255, 92, 0, 0.3);
  animation: pulse 1.5s infinite;
}

.live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--tp-text-3, #aaa);
  margin-right: 8px;
  transition: all 0.3s ease;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 92, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 6px rgba(255, 92, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 92, 0, 0);
  }
}
.last-update {
  font-size: 13px;
  color: var(--tp-text-2, #777);
  background-color: var(--tp-common-white, #fff);
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid var(--tp-border-1, #eee);
}

/* Tabs Styles */
.exchange-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 25px;
  overflow-x: auto;
  padding-bottom: 5px;
}

.exchange-tabs::-webkit-scrollbar {
  height: 4px;
}

.exchange-tabs::-webkit-scrollbar-track {
  background: var(--tp-grey-1, #f1f1f1);
  border-radius: 4px;
}

.exchange-tabs::-webkit-scrollbar-thumb {
  background: var(--tp-text-3, #c1c1c1);
  border-radius: 4px;
}

@media (max-width: 767px) {
  .exchange-tabs {
    gap: 5px;
  }
}
.exchange-tab {
  background-color: var(--tp-grey-1, #f5f5f5);
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  color: var(--tp-common-black, #222);
}

.exchange-tab:hover {
  background-color: var(--tp-grey-2, #e9e9e9);
}

.exchange-tab.active {
  background-color: var(--tp-theme-primary, #ef233c);
  color: var(--tp-common-white, #fff);
}

.exchange-tab .tab-icon {
  margin-right: 8px;
  font-size: 16px;
}

@media (max-width: 767px) {
  .exchange-tab {
    padding: 8px 15px;
    font-size: 14px;
  }
}
/* Loading and Error Styles */
.exchange-loading,
.exchange-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
  text-align: center;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border-top-color: var(--tp-theme-primary, #ef233c);
  animation: spin 1s ease-in-out infinite;
  margin-bottom: 15px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.reload-btn {
  background-color: var(--tp-theme-primary, #ef233c);
  color: var(--tp-common-white, #fff);
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 15px;
}

.reload-btn:hover {
  background-color: var(--tp-theme-secondary, #e65200);
}

/* Table View Styles */
.exchange-table-wrapper {
  overflow-x: auto;
  position: relative;
  max-width: 100%;
  scrollbar-width: thin;
  scrollbar-color: var(--tp-text-3, #c1c1c1) var(--tp-grey-1, #f1f1f1);
  background-color: var(--tp-common-white, #fff);
  border-radius: 8px;
}

.exchange-table-wrapper::-webkit-scrollbar {
  height: 6px;
}

.exchange-table-wrapper::-webkit-scrollbar-track {
  background: var(--tp-grey-1, #f1f1f1);
  border-radius: 3px;
}

.exchange-table-wrapper::-webkit-scrollbar-thumb {
  background: var(--tp-text-3, #c1c1c1);
  border-radius: 3px;
}

.exchange-table-wrapper.can-scroll-left .scroll-left, .exchange-table-wrapper.can-scroll-right .scroll-right {
  opacity: 1;
  visibility: visible;
}

.scroll-indicator {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 5;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.scroll-indicator.scroll-left {
  left: 5px;
}

.scroll-indicator.scroll-right {
  right: 5px;
}

.scroll-indicator i {
  font-size: 12px;
  color: var(--tp-theme-primary, #ef233c);
}

.exchange-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
}

.exchange-table th,
.exchange-table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid var(--tp-border-1, #eee);
}

.exchange-table th {
  background-color: var(--tp-grey-1, #f9f9f9);
  font-weight: 600;
  font-size: 14px;
  color: var(--tp-common-black, #222);
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}

.exchange-table th:hover {
  background-color: var(--tp-grey-2, #f0f0f0);
}

.exchange-table th .sort-icon {
  margin-left: 5px;
  font-size: 10px;
  color: var(--tp-theme-primary, #ef233c);
}

.exchange-table td {
  font-size: 14px;
  color: var(--tp-common-black, #222);
  background-color: var(--tp-common-white, #fff);
}

.exchange-table tr {
  transition: all 0.2s ease;
}

.exchange-table tr:hover {
  background-color: var(--tp-grey-1, #f9f9f9);
}

.exchange-table tr.price-up {
  background-color: rgba(75, 181, 67, 0.05);
}

.exchange-table tr.price-down {
  background-color: rgba(255, 76, 76, 0.05);
}

.exchange-table .product-name {
  font-weight: 500;
}

.exchange-table .price-value {
  font-weight: 500;
}

.exchange-table .price-value .currency {
  margin-left: 3px;
  font-size: 12px;
  color: var(--tp-text-2, #777);
}

.exchange-table .price-up {
  color: #4bb543;
}

.exchange-table .price-down {
  color: #ff4c4c;
}

.exchange-table .trend-up {
  color: #4bb543;
}

.exchange-table .trend-down {
  color: #ff4c4c;
}

.exchange-table .trend-neutral {
  color: var(--tp-text-3, #95a5a6);
}

.exchange-table .last-update {
  font-size: 12px;
  color: var(--tp-text-2, #777);
  border: none;
  padding: 0;
  background: transparent;
}

/* Card View Styles */
.exchange-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 20px;
  gap: 20px;
}

@media (max-width: 767px) {
  .exchange-cards {
    grid-template-columns: 1fr;
  }
}
.price-card {
  background-color: var(--tp-common-white, #fff);
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  padding: 20px;
  transition: all 0.3s ease;
  border-left: 4px solid var(--tp-border-1, #ddd);
}

.price-card:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.price-card.price-up {
  border-left-color: #4bb543;
  background-color: rgba(75, 181, 67, 0.03);
}

.price-card.price-down {
  border-left-color: #ff4c4c;
  background-color: rgba(255, 76, 76, 0.03);
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15px;
}

.product-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: var(--tp-common-black, #222);
}

.last-update-time {
  font-size: 12px;
  color: var(--tp-text-2, #777);
  background-color: var(--tp-grey-1, #f9f9f9);
  padding: 3px 6px;
  border-radius: 4px;
}

.card-price {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--tp-theme-primary, #ef233c);
}

.card-price .price-value .currency {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-text-2, #777);
}

.card-change {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.card-change .change-value,
.card-change .change-percent {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  font-weight: 500;
}

.price-up .card-change {
  color: #4bb543;
}

.price-down .card-change {
  color: #ff4c4c;
}

.card-details {
  border-top: 1px solid var(--tp-border-1, #eee);
  padding-top: 15px;
}

.detail-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 14px;
}

.detail-row:last-child {
  margin-bottom: 0;
}

.detail-row .detail-label {
  color: var(--tp-text-2, #777);
}

.mobile-account-buttons {
  padding: 0 20px;
}

.mobile-account-buttons .mobile-account-btn {
  display: flex;
  align-items: center;
  color: var(--clr-common-heading);
  font-size: 16px;
  padding: 12px 15px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}

.mobile-account-buttons .mobile-account-btn i {
  margin-right: 10px;
  font-size: 18px;
}

.mobile-account-buttons .mobile-account-btn:hover {
  background: rgba(0, 0, 0, 0.05);
  color: var(--clr-theme-3);
}

.mobile-account-buttons .mobile-login-container {
  position: relative;
}

.mobile-account-buttons .mobile-login-container .mobile-login-btn-wrapper {
  position: relative;
}

.mobile-account-buttons .mobile-login-container .mobile-login-btn-wrapper .mobile-login-btn {
  display: flex;
  align-items: center;
  color: var(--clr-common-heading);
  font-size: 16px;
  padding: 12px 15px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}

.mobile-account-buttons .mobile-login-container .mobile-login-btn-wrapper .mobile-login-btn i {
  margin-right: 10px;
  font-size: 18px;
}

.mobile-account-buttons .mobile-login-container .mobile-login-btn-wrapper .mobile-login-btn:hover {
  background: rgba(0, 0, 0, 0.05);
  color: var(--clr-theme-3);
}

.mobile-account-buttons .mobile-login-container .mobile-login-btn-wrapper .mobile-login-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  background: var(--clr-common-white);
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

.mobile-account-buttons .mobile-login-container .mobile-login-btn-wrapper .mobile-login-dropdown.show {
  display: block;
}

.mobile-account-buttons .mobile-login-container .mobile-login-btn-wrapper .mobile-login-dropdown .login-option {
  padding: 12px 15px;
  color: var(--clr-common-heading);
  font-size: 15px;
  transition: all 0.2s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.mobile-account-buttons .mobile-login-container .mobile-login-btn-wrapper .mobile-login-dropdown .login-option:last-child {
  border-bottom: none;
}

.mobile-account-buttons .mobile-login-container .mobile-login-btn-wrapper .mobile-login-dropdown .login-option i {
  font-size: 16px;
  width: 20px;
  text-align: center;
  margin-right: 10px;
}

.mobile-account-buttons .mobile-login-container .mobile-login-btn-wrapper .mobile-login-dropdown .login-option:hover {
  background: rgba(0, 0, 0, 0.03);
  color: var(--clr-theme-3);
}

:root {
  --clr-primary: #EF233C;
  --clr-primary-light: #EDF2F4;
  --clr-text-primary: #0B090A;
  --clr-text-secondary: #2B2D42;
  --clr-text-light: #8D99AE;
  --clr-bg-light: #EDF2F4;
  --clr-bg-dark: #8D99AE;
  --clr-success: #059669;
  --clr-danger: #EF233C;
  --clr-common-white: #ffffff;
  --clr-common-border: #8D99AE;
  --clr-bg-footer: #EDF2F4;
  --mobile-input-height: 50px;
  --mobile-input-padding: 15px;
  --mobile-font-size: 16px;
  --mobile-border-width: 2px;
  --mobile-border-radius: 8px;
  --mobile-spacing: 16px;
  --mobile-spacing-small: 8px;
  --mobile-spacing-large: 24px;
  --mobile-touch-area: 44px;
  --mobile-card-padding: 16px;
  --mobile-card-gap: 16px;
  --mobile-border-color: #8D99AE;
  --mobile-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  --mobile-shadow-hover: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* ===============================================
   VENDOR DETAILS PAGE STYLES
   =============================================== */
.vendor-profile-header {
  margin-bottom: 3rem;
}
.vendor-profile-header .vendor-banner-container {
  position: relative;
}
.vendor-profile-header .vendor-banner-container .vendor-banner {
  height: 300px;
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .vendor-profile-header .vendor-banner-container .vendor-banner {
    height: 200px;
  }
}
.vendor-profile-header .vendor-banner-container .vendor-banner .banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6));
}
.vendor-profile-header .vendor-header-content {
  background-color: #e55a2b;
  border-radius: 1rem;
  padding: 1rem;
  position: relative;
  margin-top: -100px;
  z-index: 10;
}
@media (max-width: 767px) {
  .vendor-profile-header .vendor-header-content {
    margin-top: -70px;
  }
}
.vendor-profile-header .vendor-info-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 3rem;
}
@media (max-width: 991px) {
  .vendor-profile-header .vendor-info-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.vendor-profile-header .vendor-avatar-container {
  flex-shrink: 0;
}
.vendor-profile-header .vendor-avatar-container .vendor-avatar {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 5px solid #ffffff;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  background-color: #ffffff;
  overflow: hidden;
}
@media (max-width: 767px) {
  .vendor-profile-header .vendor-avatar-container .vendor-avatar {
    width: 120px;
    height: 120px;
  }
}
.vendor-profile-header .vendor-avatar-container .vendor-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vendor-profile-header .vendor-avatar-container .vendor-avatar .verification-badge {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  background: #059669;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #ffffff;
  font-size: 14px;
}
@media (max-width: 767px) {
  .vendor-profile-header .vendor-avatar-container .vendor-avatar .verification-badge {
    width: 25px;
    height: 25px;
    font-size: 12px;
  }
}
.vendor-profile-header .vendor-info {
  flex: 1 1;
  padding-bottom: 1rem;
}
.vendor-profile-header .vendor-info .vendor-name {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.5rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .vendor-profile-header .vendor-info .vendor-name {
    font-size: 1.75rem;
  }
}
.vendor-profile-header .vendor-meta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vendor-profile-header .vendor-meta .rating-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ffffff;
}
.vendor-profile-header .vendor-meta .rating-wrapper .rating-stars {
  color: #ffc107;
}
.vendor-profile-header .vendor-meta .rating-wrapper .rating-count {
  opacity: 0.9;
  font-size: 0.9rem;
}
.vendor-profile-header .vendor-meta .vendor-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 767px) {
  .vendor-profile-header .vendor-meta .vendor-stats {
    justify-content: center;
  }
}
.vendor-profile-header .vendor-meta .vendor-stats .stat-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2);
  padding: 0.25rem 1rem;
  border-radius: 50px;
  font-size: 0.9rem;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.vendor-profile-header .vendor-meta .vendor-stats .stat-item i {
  font-size: 0.8rem;
}
.vendor-profile-header .vendor-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 991px) {
  .vendor-profile-header .vendor-actions {
    align-items: center;
    margin-top: 1.5rem;
  }
}
.vendor-profile-header .vendor-actions .btn-call {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 3rem;
  background: #ff6b35;
  color: #ffffff;
  border: none;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-bottom: 1rem;
}
.vendor-profile-header .vendor-actions .btn-call:hover {
  background: #e55a2b;
  transform: translateY(-2px);
  box-shadow: 0 0.25rem 1rem rgba(255, 107, 53, 0.4);
}
.vendor-profile-header .vendor-actions .btn-call i {
  font-size: 0.9rem;
}
.vendor-profile-header .vendor-actions .social-links {
  display: flex;
  gap: 0.5rem;
}
.vendor-profile-header .vendor-actions .social-links a {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.9);
  color: #1a1f3a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
.vendor-profile-header .vendor-actions .social-links a:hover {
  background: #ff6b35;
  color: #ffffff;
  transform: translateY(-3px);
}

.vendor-about {
  padding: 3rem 0;
}
.vendor-about .about-card {
  background: white;
  padding: 3rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: all 0.3s ease;
}
.vendor-about .about-card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.vendor-about .about-card .section-title {
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #1a1f3a;
  position: relative;
  display: inline-block;
}
.vendor-about .about-card .section-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 50px;
  height: 3px;
  background: #ff6b35;
}
.vendor-about .about-card .about-text {
  font-size: 1rem;
  line-height: 1.7;
  color: #6b7280;
}

.shop-main-area {
  padding: 3rem 0;
}
.shop-main-area .vendor-shop-header {
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  margin-bottom: 3rem;
  position: relative;
  overflow: hidden;
}
.shop-main-area .vendor-shop-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: #ff6b35;
}
.shop-main-area .vendor-shop-header .vendor-info-inline {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-avatar-small {
  position: relative;
  flex-shrink: 0;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-avatar-small img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid white;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-avatar-small .verified-badge {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 18px;
  height: 18px;
  background: #059669;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  font-size: 8px;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details h2, .shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: #1a1f3a;
  position: relative;
  display: inline-block;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .vendor-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .vendor-meta .meta-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #6b7280;
  font-size: 0.9rem;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .vendor-meta .meta-item .rating-text {
  color: #6b7280;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .vendor-meta .meta-item i {
  color: #ff6b35;
}
@media (max-width: 767px) {
  .shop-main-area .vendor-shop-header {
    padding: 1rem;
  }
  .shop-main-area .vendor-shop-header .vendor-info-inline {
    flex-direction: column;
    text-align: center;
  }
  .shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details h2, .shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .h2 {
    font-size: 1.25rem;
  }
  .shop-main-area .vendor-shop-header .vendor-info-inline .vendor-meta {
    justify-content: center;
  }
}
.shop-main-area .shop-sidebar {
  position: relative;
}
.shop-main-area .shop-sidebar .filter-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1049;
  display: none;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  transition: opacity 0.3s ease;
  opacity: 0;
}
.shop-main-area .shop-sidebar .filter-overlay.show {
  display: block;
  opacity: 1;
}
.shop-main-area .shop-sidebar .sidebar-widget {
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  margin-bottom: 3rem;
  position: relative;
  border-top: 3px solid #ff6b35;
}
.shop-main-area .shop-sidebar .sidebar-widget .widget-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #1a1f3a;
  position: relative;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e9ecef;
}
.shop-main-area .shop-sidebar .sidebar-widget .widget-title i {
  color: #ff6b35;
  margin-right: 0.25rem;
}
.shop-main-area .shop-sidebar .sidebar-widget .search-box {
  position: relative;
  margin-bottom: 1rem;
}
.shop-main-area .shop-sidebar .sidebar-widget .search-box input {
  padding: 1rem 3rem 1rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #e9ecef;
  background-color: #f8f9fb;
  width: 100%;
  font-size: 0.95rem;
}
.shop-main-area .shop-sidebar .sidebar-widget .search-box input:focus {
  box-shadow: none;
  border-color: #ff6b35;
  background-color: #ffffff;
}
.shop-main-area .shop-sidebar .sidebar-widget .search-box input::placeholder {
  color: #9ca3af;
  font-size: 0.9rem;
}
.shop-main-area .shop-sidebar .sidebar-widget .search-box i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #ff6b35;
}
.shop-main-area .shop-sidebar .sidebar-widget .category-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.shop-main-area .shop-sidebar .sidebar-widget .category-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.5rem;
  cursor: pointer;
  color: #1a1f3a;
  border-bottom: 1px solid #e9ecef;
  transition: all 0.3s ease;
  font-size: 0.95rem;
}
.shop-main-area .shop-sidebar .sidebar-widget .category-list li:last-child {
  border-bottom: none;
}
.shop-main-area .shop-sidebar .sidebar-widget .category-list li:hover {
  background-color: #f8f9fb;
  color: #ff6b35;
  padding-left: 1rem;
}
.shop-main-area .shop-sidebar .sidebar-widget .category-list li.active {
  background-color: #ffebe3;
  color: #ff6b35;
  padding-left: 1rem;
  font-weight: 500;
}
.shop-main-area .shop-sidebar .sidebar-widget .category-list li.active .count {
  background: #ff6b35;
  color: #ffffff;
}
.shop-main-area .shop-sidebar .sidebar-widget .category-list li .count {
  background: #e8eaed;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 0.8rem;
  color: #6b7280;
  font-weight: 500;
  min-width: 26px;
  text-align: center;
  transition: all 0.3s ease;
}
.shop-main-area .shop-sidebar .sidebar-widget .price-range-box {
  padding: 1rem 0;
}
.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: nowrap;
}
.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs .price-input-group {
  flex: 1 1;
  min-width: 0;
}
.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs input {
  flex: 1 1;
  border-radius: 0.25rem;
  border: 1px solid #e9ecef;
  padding: 0.5rem;
  background-color: #f8f9fb;
  font-size: 0.95rem;
  width: 100%;
  min-width: 0;
}
.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs input:focus {
  border-color: #ff6b35;
  outline: none;
  background-color: #ffffff;
}
.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs span {
  color: #6b7280;
  font-weight: 500;
  flex: 0 0 auto;
  padding: 0 0.25rem;
}
.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget {
  background-color: #f8f9fb;
  border-top: none;
  border-left: 3px solid #ff6b35;
}
.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget .vendor-widget-content .vendor-desc {
  margin-bottom: 1rem;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #1a1f3a;
  font-style: italic;
  position: relative;
}
.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget .vendor-widget-content .vendor-desc::before {
  content: "“";
  font-size: 3rem;
  position: absolute;
  left: -1rem;
  top: -1.5rem;
  color: rgba(255, 107, 53, 0.2);
  font-family: serif;
}
.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget .vendor-widget-content .btn-contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #ff6b35;
  color: #ffffff;
  border-radius: 0.5rem;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}
.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget .vendor-widget-content .btn-contact:hover {
  background: #e55a2b;
  transform: translateY(-2px);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.shop-main-area .shop-filter-header {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.shop-main-area .shop-filter-header .showing-results {
  margin: 0;
  color: #6b7280;
  font-size: 0.9rem;
}
.shop-main-area .shop-filter-header .showing-results strong {
  color: #1a1f3a;
  font-weight: 600;
}
.shop-main-area .shop-filter-header .sort-select .form-select {
  border-radius: 0.5rem;
  border-color: #e9ecef;
  padding: 0.25rem 1rem;
  font-size: 0.9rem;
  background-color: #f8f9fb;
  cursor: pointer;
}
.shop-main-area .shop-filter-header .sort-select .form-select:focus {
  box-shadow: none;
  border-color: #ff6b35;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .shop-main-area .shop-filter-header {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }
  .shop-main-area .shop-filter-header .sort-select {
    width: 100%;
  }
  .shop-main-area .shop-filter-header .sort-select .form-select {
    width: 100%;
  }
}
.shop-main-area .products-grid .row {
  margin-left: -10px;
  margin-right: -10px;
}
.shop-main-area .products-grid .row [class^=col-] {
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 575px) {
  .shop-main-area .products-grid .row [class^=col-],
  .shop-main-area .products-grid .row [class*=" col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.shop-main-area .products-grid .product-card-wrapper {
  background: #ffffff;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
@media (max-width: 575px) {
  .shop-main-area .products-grid .product-card-wrapper {
    width: 100%;
  }
}
.shop-main-area .products-grid .product-card-wrapper:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}
.shop-main-area .products-grid .product-card-wrapper:hover .product-image-container img {
  transform: scale(1.08);
}
.shop-main-area .products-grid .product-card-wrapper:hover .product-actions {
  opacity: 1;
  transform: translateY(0);
}
.shop-main-area .products-grid .product-card-wrapper .product-badge {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 2;
  padding: 2px 8px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 12px;
}
.shop-main-area .products-grid .product-card-wrapper .product-badge.new {
  background-color: #ff6b35;
  color: #ffffff;
}
.shop-main-area .products-grid .product-card-wrapper .product-badge.sale {
  background-color: #ffc107;
  color: #1a1f3a;
}
.shop-main-area .products-grid .product-card-wrapper .product-badge.out-of-stock {
  background-color: #6b7280;
  color: #ffffff;
}
.shop-main-area .products-grid .product-card-wrapper .product-image-container {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  background-color: #f8f9fb;
}
.shop-main-area .products-grid .product-card-wrapper .product-image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f8f9fa;
  transition: transform 0.5s ease;
}
.shop-main-area .products-grid .product-card-wrapper .product-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.3s ease;
}
.shop-main-area .products-grid .product-card-wrapper .product-actions .action-btn {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: white;
  border: 1px solid #e9ecef;
  color: #1a1f3a;
  cursor: pointer;
  transition: all 0.3s ease;
}
.shop-main-area .products-grid .product-card-wrapper .product-actions .action-btn:hover {
  background: #ff6b35;
  color: #ffffff;
  border-color: #ff6b35;
}
.shop-main-area .products-grid .product-card-wrapper .product-actions .action-btn i {
  font-size: 0.9rem;
}
.shop-main-area .products-grid .product-card-wrapper .product-info {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.shop-main-area .products-grid .product-card-wrapper .product-info .product-category {
  font-size: 0.75rem;
  color: #6b7280;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.shop-main-area .products-grid .product-card-wrapper .product-info h5, .shop-main-area .products-grid .product-card-wrapper .product-info .h5 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #1a1f3a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}
.shop-main-area .products-grid .product-card-wrapper .product-info h5:hover, .shop-main-area .products-grid .product-card-wrapper .product-info .h5:hover {
  color: #ff6b35;
}
.shop-main-area .products-grid .product-card-wrapper .product-info .product-rating {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.shop-main-area .products-grid .product-card-wrapper .product-info .product-rating .stars {
  color: #ffc107;
  font-size: 0.8rem;
}
.shop-main-area .products-grid .product-card-wrapper .product-info .product-rating .stars i {
  margin-right: 1px;
}
.shop-main-area .products-grid .product-card-wrapper .product-info .product-rating .rating-count {
  font-size: 0.75rem;
  color: #6b7280;
}
.shop-main-area .products-grid .product-card-wrapper .product-info .price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}
.shop-main-area .products-grid .product-card-wrapper .product-info .price-row .price {
  font-weight: 700;
  color: #ff6b35;
  font-size: 1.1rem;
  margin: 0;
}
.shop-main-area .products-grid .product-card-wrapper .product-info .price-row .old-price {
  font-size: 0.85rem;
  color: #6b7280;
  text-decoration: line-through;
  margin-right: 0.5rem;
}
.shop-main-area .products-grid .product-card-wrapper .product-info .price-row .cart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffebe3;
  color: #ff6b35;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.shop-main-area .products-grid .product-card-wrapper .product-info .price-row .cart-btn:hover {
  background: #ff6b35;
  color: #ffffff;
  transform: scale(1.1);
}
.shop-main-area .products-grid .product-card-wrapper .product-info .price-row .cart-btn i {
  font-size: 0.9rem;
}
.shop-main-area .products-grid .empty-products {
  text-align: center;
  padding: 3rem 0;
  background: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.shop-main-area .products-grid .empty-products i {
  font-size: 3rem;
  color: #9ca3af;
  margin-bottom: 1rem;
}
.shop-main-area .products-grid .empty-products h4, .shop-main-area .products-grid .empty-products .h4 {
  font-size: 1.5rem;
  color: #1a1f3a;
  margin-bottom: 0.5rem;
}
.shop-main-area .products-grid .empty-products p {
  color: #6b7280;
  max-width: 400px;
  margin: 0 auto;
}
.shop-main-area .pagination-wrapper {
  margin-top: 3rem;
}
.shop-main-area .pagination-wrapper .pagination .page-item {
  margin: 0 0.25rem;
}
.shop-main-area .pagination-wrapper .pagination .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 0.25rem;
  color: #1a1f3a;
  border: 1px solid #e9ecef;
  font-size: 0.9rem;
  padding: 0;
  transition: all 0.3s ease;
}
.shop-main-area .pagination-wrapper .pagination .page-item .page-link:hover {
  background: #ffebe3;
  color: #ff6b35;
  border-color: #ffebe3;
}
.shop-main-area .pagination-wrapper .pagination .page-item.active .page-link {
  background: #ff6b35;
  color: #ffffff;
  border-color: #ff6b35;
  font-weight: 600;
}
.shop-main-area .pagination-wrapper .pagination .page-item.disabled .page-link {
  color: #9ca3af;
  background: transparent;
  cursor: not-allowed;
}
.shop-main-area .btn-toggle-filter {
  display: none;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem;
  background: #ff6b35;
  color: #ffffff;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}
.shop-main-area .btn-toggle-filter i {
  color: #ffffff;
}
.shop-main-area .btn-toggle-filter:hover {
  background: #e55a2b;
}
@media (max-width: 991px) {
  .shop-main-area .btn-toggle-filter {
    display: inline-flex;
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .shop-main-area .col-lg-3 {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100%;
    background: #ffffff;
    z-index: 1050;
    overflow-y: auto;
    transition: all 0.3s ease;
    padding: 1.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .shop-main-area .col-lg-3.show-mobile {
    left: 0;
  }
  .shop-main-area .col-lg-3 .mobile-filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
  }
  .shop-main-area .col-lg-3 .mobile-filter-header h4, .shop-main-area .col-lg-3 .mobile-filter-header .h4 {
    margin: 0;
    font-size: 1.2rem;
    color: #1a1f3a;
    font-weight: 600;
  }
  .shop-main-area .col-lg-3 .mobile-filter-header .close-filter {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f8f9fb;
    border: none;
    color: #1a1f3a;
    cursor: pointer;
  }
  .shop-main-area .col-lg-3 .mobile-filter-header .close-filter:hover {
    background: #6b7280;
    color: #ffffff;
  }
}

@media (max-width: 767px) {
  .shop-main-area .products-grid .row > [class*=col-] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 575px) {
  .shop-main-area .col-lg-3 {
    display: none !important;
  }
  .shop-main-area .col-lg-9 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
.fade-in {
  animation: fadeIn 0.3s ease forwards;
}

.slide-in-left {
  animation: slideInLeft 0.3s ease forwards;
}

@media (max-width: 575px) {
  .shop-main-area .products-grid .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .shop-main-area .products-grid .row > [class*=col-] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.modern-product-card {
  position: relative;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  margin-bottom: 25px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modern-product-card:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
  transform: translateY(-5px);
}
.modern-product-card:hover .modern-add-to-cart {
  opacity: 1;
  transform: translateY(0);
}
.modern-product-card:hover .product-title h3, .modern-product-card:hover .product-title .h3 {
  color: #ef233c;
}
.modern-product-card:hover .product-main-image {
  transform: scale(1.05);
}
.modern-product-card .modern-product-image {
  position: relative;
  overflow: hidden;
}
.modern-product-card .modern-product-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.modern-product-card .modern-product-image:hover::after {
  opacity: 1;
}
.modern-product-card .modern-product-image .image-link {
  display: block;
  overflow: hidden;
}
.modern-product-card .modern-product-image .image-link .image-container {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}
.modern-product-card .modern-product-image .image-link .image-container .product-main-image,
.modern-product-card .modern-product-image .image-link .image-container .product-hover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f8f9fa;
  transition: all 0.5s ease;
}
.modern-product-card .modern-product-image .image-link .image-container .product-hover-image {
  opacity: 0;
  transform: scale(1.05);
}
.modern-product-card .modern-product-image .image-link:hover .product-main-image {
  opacity: 0;
  transform: scale(1.1);
}
.modern-product-card .modern-product-image .image-link:hover .product-hover-image {
  opacity: 1;
  transform: scale(1);
}
.modern-product-card .modern-product-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
}
.modern-product-card .modern-product-badge .badge {
  display: inline-block;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.modern-product-card .modern-product-badge .badge.badge-sale {
  background: linear-gradient(135deg, #ef233c, #d90429);
  color: white;
}
.modern-product-card .modern-product-badge .badge.badge-new {
  background: linear-gradient(135deg, #00b67a, #00d48d);
  color: white;
}
.modern-product-card .modern-product-badge .badge.badge-hot {
  background: linear-gradient(135deg, #ff3e3e, #ff6666);
  color: white;
}
.modern-product-card .modern-product-badge .badge.badge-out {
  background: linear-gradient(135deg, #777, #999);
  color: white;
}
.modern-product-card .modern-product-actions {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateX(10px);
}
@media (max-width: 767px) {
  .modern-product-card .modern-product-actions {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}
.modern-product-card .modern-product-actions .action-btn {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: white;
  border: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
  transform: translateX(0);
  opacity: 1;
}
.modern-product-card .modern-product-actions .action-btn svg {
  transition: all 0.25s ease;
}
.modern-product-card .modern-product-actions .action-btn:hover {
  background-color: #ef233c;
  color: white;
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(239, 35, 60, 0.2);
}
.modern-product-card .modern-product-actions .action-btn:hover svg {
  transform: scale(1.1);
}
.modern-product-card .modern-product-actions .action-btn:active {
  transform: translateY(0);
}
.modern-product-card .modern-product-actions .action-btn.active {
  background-color: #ef233c;
  color: white;
}
.modern-product-card .modern-product-actions .action-btn.active:hover {
  background-color: #d90429;
}
.modern-product-card:hover .modern-product-actions {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.modern-product-card:hover .modern-product-actions .action-btn:nth-child(1) {
  transition-delay: 0.05s;
}
.modern-product-card:hover .modern-product-actions .action-btn:nth-child(2) {
  transition-delay: 0.1s;
}
.modern-product-card .modern-add-to-cart {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px;
  background: linear-gradient(135deg, #ef233c, #d90429);
  color: white;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border: none;
  cursor: pointer;
  transition: all 0.4s ease;
  opacity: 0;
  transform: translateY(100%);
  font-size: 14px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  box-shadow: 0 -5px 15px rgba(239, 35, 60, 0.2);
}
.modern-product-card .modern-add-to-cart:hover {
  background: linear-gradient(135deg, #d90429, #ef233c);
  letter-spacing: 0.8px;
}
.modern-product-card .modern-add-to-cart svg {
  stroke-width: 2px;
  transition: all 0.3s ease;
}
.modern-product-card .modern-add-to-cart:hover svg {
  transform: translateX(-3px);
}
.modern-product-card .modern-add-to-cart span {
  transform: translateX(0);
  transition: all 0.3s ease;
}
.modern-product-card .modern-add-to-cart:hover span {
  transform: translateX(3px);
}
.modern-product-card .modern-product-info {
  padding: 16px;
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.modern-product-card .modern-product-info .product-title {
  text-decoration: none;
}
.modern-product-card .modern-product-info .product-title h3, .modern-product-card .modern-product-info .product-title .h3 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0 0 12px;
  line-height: 1.4;
  transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 44px;
}
.modern-product-card .modern-product-info .product-price-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.modern-product-card .modern-product-info .product-price-wrapper .price-section {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modern-product-card .modern-product-info .product-price-wrapper .price-section .current-price {
  font-size: 18px;
  font-weight: 700;
  color: #ef233c;
  letter-spacing: -0.5px;
}
.modern-product-card .modern-product-info .product-price-wrapper .price-section .old-price {
  font-size: 14px;
  font-weight: 400;
  color: #999;
  text-decoration: line-through;
}
.modern-product-card .modern-product-info .product-price-wrapper .discount-percentage {
  font-size: 12px;
  font-weight: 700;
  color: #ef233c;
  padding: 4px 8px;
  background-color: rgba(239, 35, 60, 0.1);
  border-radius: 4px;
  letter-spacing: 0.5px;
}
.modern-product-card .modern-product-info .modern-color-options {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
}
.modern-product-card .modern-product-info .modern-color-options .color-option {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  border: 2px solid transparent;
  padding: 2px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease;
}
.modern-product-card .modern-product-info .modern-color-options .color-option.active {
  border-color: #ef233c;
  transform: scale(1.15);
}
.modern-product-card .modern-product-info .modern-color-options .color-option:hover:not(.active) {
  transform: scale(1.1);
  border-color: rgba(239, 35, 60, 0.3);
}
.modern-product-card .modern-product-info .modern-color-options .color-option .color-preview {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.modern-product-card .modern-product-info .modern-color-options .color-option .color-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f8f9fa;
}
.modern-product-card .modern-product-info .add-to-cart-btn {
  width: 100%;
  padding: 10px 15px;
  background: linear-gradient(135deg, #ef233c, #d90429);
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 15px;
  text-transform: uppercase;
  box-shadow: 0 4px 12px rgba(239, 35, 60, 0.2);
  position: relative;
  overflow: hidden;
}
.modern-product-card .modern-product-info .add-to-cart-btn .cart-icon {
  stroke-width: 2px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.modern-product-card .modern-product-info .add-to-cart-btn .btn-text {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
}
.modern-product-card .modern-product-info .add-to-cart-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: all 0.5s ease;
}
.modern-product-card .modern-product-info .add-to-cart-btn:hover {
  background: linear-gradient(135deg, #d90429, #ef233c);
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(239, 35, 60, 0.3);
}
.modern-product-card .modern-product-info .add-to-cart-btn:hover::before {
  left: 100%;
}
.modern-product-card .modern-product-info .add-to-cart-btn:hover .cart-icon {
  transform: translateX(-5px);
}
.modern-product-card .modern-product-info .add-to-cart-btn:hover .btn-text {
  transform: translateX(5px);
  letter-spacing: 1px;
}
.modern-product-card .modern-product-info .add-to-cart-btn:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(239, 35, 60, 0.2);
}
@media (max-width: 767px) {
  .modern-product-card {
    border-radius: 10px;
  }
  .modern-product-card .modern-product-badge {
    top: 12px;
    left: 12px;
  }
  .modern-product-card .modern-product-badge .badge {
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 5px;
  }
  .modern-product-card .modern-product-actions {
    top: 12px;
    right: 12px;
    gap: 8px;
  }
  .modern-product-card .modern-product-actions .action-btn {
    width: 34px;
    height: 34px;
    border-radius: 6px;
  }
  .modern-product-card .modern-product-info {
    padding: 14px;
  }
  .modern-product-card .modern-product-info .product-title h3, .modern-product-card .modern-product-info .product-title .h3 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .modern-product-card .modern-product-info .product-price-wrapper {
    margin-bottom: 12px;
  }
  .modern-product-card .modern-product-info .product-price-wrapper .current-price {
    font-size: 16px;
  }
  .modern-product-card .modern-product-info .product-price-wrapper .old-price {
    font-size: 13px;
  }
  .modern-product-card .modern-product-info .add-to-cart-btn {
    padding: 9px 12px;
    font-size: 13px;
    gap: 10px;
  }
}

:root {
  --clr-primary: #EF233C;
  --clr-primary-light: #EDF2F4;
  --clr-text-primary: #0B090A;
  --clr-text-secondary: #2B2D42;
  --clr-text-light: #8D99AE;
  --clr-bg-light: #EDF2F4;
  --clr-bg-dark: #8D99AE;
  --clr-success: #059669;
  --clr-danger: #EF233C;
  --clr-common-white: #ffffff;
  --clr-common-border: #8D99AE;
  --clr-bg-footer: #EDF2F4;
  --mobile-input-height: 50px;
  --mobile-input-padding: 15px;
  --mobile-font-size: 16px;
  --mobile-border-width: 2px;
  --mobile-border-radius: 8px;
  --mobile-spacing: 16px;
  --mobile-spacing-small: 8px;
  --mobile-spacing-large: 24px;
  --mobile-touch-area: 44px;
  --mobile-card-padding: 16px;
  --mobile-card-gap: 16px;
  --mobile-border-color: #8D99AE;
  --mobile-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  --mobile-shadow-hover: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.modern-product-card {
  position: relative;
  background: var(--clr-common-white);
  border-radius: 16px;
  overflow: visible;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.modern-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.modern-product-card:hover .modern-product-actions {
  opacity: 1;
  visibility: visible;
}
.modern-product-card:hover .modern-product-actions .action-btn {
  animation: slideInRight 0.3s ease-out forwards;
}
.modern-product-card:hover .modern-product-actions .action-btn:nth-child(1) {
  animation-delay: 0.05s;
}
.modern-product-card:hover .modern-product-actions .action-btn:nth-child(2) {
  animation-delay: 0.1s;
}
.modern-product-card:hover .modern-product-actions .action-btn:nth-child(3) {
  animation-delay: 0.15s;
}
.modern-product-card:hover .modern-add-to-cart {
  transform: translateY(0);
  opacity: 1;
}
.modern-product-card:hover .product-hover-image {
  opacity: 1;
}
.modern-product-card:hover .product-main-image {
  transform: scale(1.05);
}
.modern-product-card--added-to-cart {
  position: relative;
  animation: modernAddToCartPulse 1s ease-in-out;
}

.modern-product-image {
  position: relative;
  overflow: hidden;
  background: #f8f9fa;
  border-radius: 16px 16px 0 0;
}
.modern-product-image .image-link {
  display: block;
  position: relative;
  padding-top: 100%;
}
.modern-product-image .image-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.modern-product-image .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.modern-product-image .image-container .product-main-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.modern-product-image .image-container .product-hover-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.modern-product-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
}
.modern-product-badge .badge {
  display: inline-block;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.modern-product-badge .badge.new {
  background: linear-gradient(135deg, #52c234, #061700);
  color: white;
}
.modern-product-badge .badge.discount {
  background: linear-gradient(135deg, #ff416c, #ff4b2b);
  color: white;
}

.modern-product-actions {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 3;
}
@media (max-width: 575px) {
  .modern-product-actions {
    opacity: 1;
    visibility: visible;
  }
}

.action-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #333;
}
.action-btn:hover {
  background: var(--clr-common-heading);
  color: white;
  transform: scale(1.1);
}
.action-btn.wishlist-btn.active {
  background: #ff4757;
  color: white;
}
.action-btn.wishlist-btn.active svg {
  fill: currentColor;
}
.action-btn svg {
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
}
.action-btn:hover svg {
  transform: scale(1.2);
}

.modern-add-to-cart {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: var(--clr-common-heading);
  color: white;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 575px) {
  .modern-add-to-cart {
    position: relative;
    transform: translateY(0);
    opacity: 1;
    border-radius: 0 0 16px 16px;
    margin-top: auto;
  }
}
.modern-add-to-cart:hover {
  background: #2c2c2c;
}
.modern-add-to-cart:active {
  transform: scale(0.98);
  transition: transform 0.1s ease;
}
.modern-add-to-cart svg {
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
}
.modern-add-to-cart:hover svg {
  animation: pulse 0.5s ease;
}

.modern-product-info {
  padding: 16px;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.modern-product-info .product-title {
  text-decoration: none;
}
.modern-product-info .product-title h3, .modern-product-info .product-title .h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin: 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.3s ease;
}
.modern-product-info .product-title h3:hover, .modern-product-info .product-title .h3:hover {
  color: var(--clr-theme-1);
}

.product-price-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.product-price-wrapper .price-section {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-price-wrapper .price-section .current-price {
  font-size: 20px;
  font-weight: 700;
  color: var(--clr-common-heading);
}
.product-price-wrapper .price-section .old-price {
  font-size: 16px;
  color: #999;
  text-decoration: line-through;
}
.product-price-wrapper .discount-percentage {
  font-size: 12px;
  font-weight: 600;
  color: #ff4757;
  background: rgba(255, 71, 87, 0.1);
  padding: 4px 8px;
  border-radius: 4px;
  align-self: flex-start;
}

.modern-color-options {
  display: flex;
  gap: 6px;
  margin-top: auto;
}
.modern-color-options .color-option {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid transparent;
  padding: 2px;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
  overflow: hidden;
}
.modern-color-options .color-option:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.modern-color-options .color-option.active {
  border-color: var(--clr-common-heading);
  transform: scale(1.1);
}
.modern-color-options .color-option .color-preview {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.modern-color-options .color-option .color-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modern-product-info {
    padding: 14px;
  }
  .modern-product-info .product-title h3, .modern-product-info .product-title .h3 {
    font-size: 15px;
  }
  .modern-product-info .current-price {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .modern-product-card {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }
  .modern-product-card:hover {
    transform: none;
  }
  .modern-product-info {
    padding: 12px;
  }
  .modern-product-info .product-title h3, .modern-product-info .product-title .h3 {
    font-size: 14px;
  }
  .modern-product-info .current-price {
    font-size: 16px;
  }
  .modern-product-info .old-price {
    font-size: 14px;
  }
  .modern-color-options .color-option {
    width: 28px;
    height: 28px;
  }
}
@keyframes modernAddToCartPulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    z-index: 5;
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    z-index: 5;
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    z-index: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.modern-product-card {
  animation: fadeIn 0.5s ease-out;
  animation-fill-mode: both;
}
.modern-product-card:nth-child(1) {
  animation-delay: 0.05s;
}
.modern-product-card:nth-child(2) {
  animation-delay: 0.1s;
}
.modern-product-card:nth-child(3) {
  animation-delay: 0.15s;
}
.modern-product-card:nth-child(4) {
  animation-delay: 0.2s;
}
.modern-product-card:nth-child(5) {
  animation-delay: 0.25s;
}
.modern-product-card:nth-child(6) {
  animation-delay: 0.3s;
}
.modern-product-card:nth-child(7) {
  animation-delay: 0.35s;
}
.modern-product-card:nth-child(8) {
  animation-delay: 0.4s;
}
.modern-product-card:nth-child(9) {
  animation-delay: 0.45s;
}
.modern-product-card:nth-child(10) {
  animation-delay: 0.5s;
}

.product-skeleton {
  background: var(--clr-common-white);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.product-skeleton .skeleton-image {
  width: 100%;
  padding-top: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 1000px 100%;
  animation: shimmer 1.5s infinite;
}
.product-skeleton .skeleton-content {
  padding: 16px;
}
.product-skeleton .skeleton-content .skeleton-title {
  height: 20px;
  background: #f0f0f0;
  border-radius: 4px;
  margin-bottom: 12px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 1000px 100%;
  animation: shimmer 1.5s infinite;
}
.product-skeleton .skeleton-content .skeleton-price {
  height: 24px;
  width: 60%;
  background: #f0f0f0;
  border-radius: 4px;
  margin-bottom: 12px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 1000px 100%;
  animation: shimmer 1.5s infinite;
}
.product-skeleton .skeleton-content .skeleton-colors {
  display: flex;
  gap: 6px;
}
.product-skeleton .skeleton-content .skeleton-colors span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f0f0f0;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 1000px 100%;
  animation: shimmer 1.5s infinite;
}

.empty-product-state {
  grid-column: 1/-1;
  text-align: center;
  padding: 60px 20px;
}
.empty-product-state .empty-state-icon {
  margin-bottom: 24px;
}
.empty-product-state .empty-state-icon svg {
  color: #e0e0e0;
}
.empty-product-state h3, .empty-product-state .h3 {
  font-size: 24px;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin-bottom: 12px;
}
.empty-product-state p {
  font-size: 16px;
  color: var(--clr-common-text);
  margin-bottom: 24px;
}
.empty-product-state .continue-shopping-btn {
  display: inline-block;
  padding: 12px 32px;
  background: var(--clr-common-heading);
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.empty-product-state .continue-shopping-btn:hover {
  background: #2c2c2c;
  transform: translateY(-2px);
}

.add-to-cart-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  transform: translateX(400px);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 900;
}
.add-to-cart-toast.show {
  transform: translateX(0);
  opacity: 1;
}
.add-to-cart-toast .toast-icon {
  width: 40px;
  height: 40px;
  background: #52c234;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  flex-shrink: 0;
}
.add-to-cart-toast .toast-content {
  flex: 1 1;
}
.add-to-cart-toast .toast-content .toast-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-common-heading);
  margin: 0 0 4px 0;
}
.add-to-cart-toast .toast-content .toast-product {
  font-size: 13px;
  color: var(--clr-common-text);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.add-to-cart-toast .toast-close {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #999;
  transition: color 0.3s ease;
}
.add-to-cart-toast .toast-close:hover {
  color: var(--clr-common-heading);
}
@media (max-width: 575px) {
  .add-to-cart-toast {
    bottom: 16px;
    right: 16px;
    left: 16px;
  }
  .add-to-cart-toast .toast-content .toast-product {
    max-width: 150px;
  }
}

/* ===============================================
   VENDOR DETAILS PAGE STYLES
   =============================================== */
.vendor-profile-header {
  margin-bottom: 3rem;
}
.vendor-profile-header .vendor-banner-container {
  position: relative;
}
.vendor-profile-header .vendor-banner-container .vendor-banner {
  height: 300px;
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .vendor-profile-header .vendor-banner-container .vendor-banner {
    height: 200px;
  }
}
.vendor-profile-header .vendor-banner-container .vendor-banner .banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6));
}
.vendor-profile-header .vendor-header-content {
  position: relative;
  margin-top: -100px;
  z-index: 10;
}
@media (max-width: 767px) {
  .vendor-profile-header .vendor-header-content {
    margin-top: -70px;
  }
}
.vendor-profile-header .vendor-info-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 3rem;
}
@media (max-width: 991px) {
  .vendor-profile-header .vendor-info-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.vendor-profile-header .vendor-avatar-container {
  flex-shrink: 0;
}
.vendor-profile-header .vendor-avatar-container .vendor-avatar {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 5px solid white;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  background-color: white;
  overflow: hidden;
}
@media (max-width: 767px) {
  .vendor-profile-header .vendor-avatar-container .vendor-avatar {
    width: 120px;
    height: 120px;
  }
}
.vendor-profile-header .vendor-avatar-container .vendor-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vendor-profile-header .vendor-avatar-container .vendor-avatar .verification-badge {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  background: #059669;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid white;
  font-size: 14px;
}
@media (max-width: 767px) {
  .vendor-profile-header .vendor-avatar-container .vendor-avatar .verification-badge {
    width: 25px;
    height: 25px;
    font-size: 12px;
  }
}
.vendor-profile-header .vendor-info {
  flex: 1 1;
  padding-bottom: 1rem;
}
.vendor-profile-header .vendor-info .vendor-name {
  font-size: 2.5rem;
  font-weight: 700;
  color: white;
  margin-bottom: 0.5rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .vendor-profile-header .vendor-info .vendor-name {
    font-size: 1.75rem;
  }
}
.vendor-profile-header .vendor-meta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vendor-profile-header .vendor-meta .rating-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: white;
}
.vendor-profile-header .vendor-meta .rating-wrapper .rating-stars {
  color: #ffc107;
}
.vendor-profile-header .vendor-meta .rating-wrapper .rating-count {
  opacity: 0.9;
  font-size: 0.9rem;
}
.vendor-profile-header .vendor-meta .vendor-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 767px) {
  .vendor-profile-header .vendor-meta .vendor-stats {
    justify-content: center;
  }
}
.vendor-profile-header .vendor-meta .vendor-stats .stat-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: white;
  background: rgba(255, 255, 255, 0.2);
  padding: 0.25rem 1rem;
  border-radius: 50px;
  font-size: 0.9rem;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.vendor-profile-header .vendor-meta .vendor-stats .stat-item i {
  font-size: 0.8rem;
}
.vendor-profile-header .vendor-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 991px) {
  .vendor-profile-header .vendor-actions {
    align-items: center;
    margin-top: 1.5rem;
  }
}
.vendor-profile-header .vendor-actions .btn-call {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 3rem;
  background: #ff6b35;
  color: white;
  border: none;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-bottom: 1rem;
}
.vendor-profile-header .vendor-actions .btn-call:hover {
  background: rgb(255, 69.6336633663, 2);
  transform: translateY(-2px);
  box-shadow: 0 0.25rem 1rem rgba(255, 107, 53, 0.4);
}
.vendor-profile-header .vendor-actions .btn-call i {
  font-size: 0.9rem;
}
.vendor-profile-header .vendor-actions .social-links {
  display: flex;
  gap: 0.5rem;
}
.vendor-profile-header .vendor-actions .social-links a {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.9);
  color: #1a1f3a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
.vendor-profile-header .vendor-actions .social-links a:hover {
  background: #ff6b35;
  color: white;
  transform: translateY(-3px);
}

.vendor-about {
  padding: 3rem 0;
}
.vendor-about .about-card {
  background: white;
  padding: 3rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: all 0.3s ease;
}
.vendor-about .about-card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.vendor-about .about-card .section-title {
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #1a1f3a;
  position: relative;
  display: inline-block;
}
.vendor-about .about-card .section-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 50px;
  height: 3px;
  background: #ff6b35;
}
.vendor-about .about-card .about-text {
  font-size: 1rem;
  line-height: 1.7;
  color: #6b7280;
}

.shop-main-area {
  padding: 3rem 0;
}
.shop-main-area .vendor-shop-header {
  background: white;
  padding: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  margin-bottom: 3rem;
}
.shop-main-area .vendor-shop-header .vendor-info-inline {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-avatar-small {
  position: relative;
  flex-shrink: 0;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-avatar-small img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid white;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-avatar-small .verified-badge {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 18px;
  height: 18px;
  background: #059669;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
  font-size: 8px;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details h2, .shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .vendor-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .vendor-meta .meta-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #6b7280;
  font-size: 0.9rem;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .vendor-meta .meta-item .rating-text {
  color: #6b7280;
}
.shop-main-area .vendor-shop-header .vendor-info-inline .vendor-details .vendor-meta .meta-item i {
  color: #1a1f3a;
}
.shop-main-area .shop-sidebar .sidebar-widget {
  background: white;
  padding: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  margin-bottom: 3rem;
}
.shop-main-area .shop-sidebar .sidebar-widget .widget-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #1a1f3a;
  position: relative;
  padding-bottom: 0.25rem;
}
.shop-main-area .shop-sidebar .sidebar-widget .widget-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 2px;
  background: #ff6b35;
}
.shop-main-area .shop-sidebar .sidebar-widget .search-box {
  position: relative;
}
.shop-main-area .shop-sidebar .sidebar-widget .search-box input {
  padding-right: 40px;
  border-radius: 0.5rem;
  border: 1px solid #e9ecef;
}
.shop-main-area .shop-sidebar .sidebar-widget .search-box input:focus {
  box-shadow: none;
  border-color: #ff6b35;
}
.shop-main-area .shop-sidebar .sidebar-widget .search-box i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b7280;
}
.shop-main-area .shop-sidebar .sidebar-widget .category-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.shop-main-area .shop-sidebar .sidebar-widget .category-list li {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  cursor: pointer;
  color: #1a1f3a;
  border-bottom: 1px solid #e9ecef;
  transition: all 0.3s ease;
}
.shop-main-area .shop-sidebar .sidebar-widget .category-list li:last-child {
  border-bottom: none;
}
.shop-main-area .shop-sidebar .sidebar-widget .category-list li:hover, .shop-main-area .shop-sidebar .sidebar-widget .category-list li.active {
  color: #ff6b35;
}
.shop-main-area .shop-sidebar .sidebar-widget .category-list li .count {
  background: #f8f9fb;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 0.8rem;
  color: #6b7280;
}
.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs input {
  flex: 1 1;
  border-radius: 0.25rem;
  border: 1px solid #e9ecef;
  padding: 0.25rem 0.5rem;
}
.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs input:focus {
  border-color: #ff6b35;
  outline: none;
}
.shop-main-area .shop-sidebar .sidebar-widget .price-range-box .price-inputs span {
  color: #6b7280;
}
.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget .vendor-widget-content .vendor-desc {
  margin-bottom: 1rem;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #6b7280;
}
.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget .vendor-widget-content .btn-contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  background: #ff6b35;
  color: white;
  border-radius: 0.5rem;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}
.shop-main-area .shop-sidebar .sidebar-widget.vendor-widget .vendor-widget-content .btn-contact:hover {
  background: rgb(255, 69.6336633663, 2);
}
.shop-main-area .shop-filter-header {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
.shop-main-area .shop-filter-header .showing-results {
  margin: 0;
  color: #6b7280;
  font-size: 0.9rem;
}
.shop-main-area .shop-filter-header .sort-select .form-select {
  border-radius: 0.5rem;
  border-color: #e9ecef;
  padding: 0.25rem 1rem;
  font-size: 0.9rem;
}
.shop-main-area .shop-filter-header .sort-select .form-select:focus {
  box-shadow: none;
  border-color: #ff6b35;
}
.shop-main-area .products-grid .product-card-wrapper {
  background: white;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.shop-main-area .products-grid .product-card-wrapper:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}
.shop-main-area .products-grid .product-card-wrapper .product-image-container {
  position: relative;
  overflow: hidden;
}
.shop-main-area .products-grid .product-card-wrapper .product-image-container img {
  transition: all 0.3s ease;
}
.shop-main-area .products-grid .product-card-wrapper .product-image-container:hover img {
  transform: scale(1.05);
}
.shop-main-area .products-grid .product-card-wrapper .product-info {
  padding: 1rem;
}
.shop-main-area .products-grid .product-card-wrapper .product-info h5, .shop-main-area .products-grid .product-card-wrapper .product-info .h5 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #1a1f3a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shop-main-area .products-grid .product-card-wrapper .product-info .price {
  font-weight: 700;
  color: #ff6b35;
  margin: 0;
}
.shop-main-area .products-grid .empty-products {
  text-align: center;
  padding: 3rem 0;
}
.shop-main-area .products-grid .empty-products i {
  font-size: 3rem;
  color: #6b7280;
  opacity: 0.5;
  margin-bottom: 1rem;
}
.shop-main-area .products-grid .empty-products h4, .shop-main-area .products-grid .empty-products .h4 {
  font-size: 1.5rem;
  color: #1a1f3a;
  margin-bottom: 0.5rem;
}
.shop-main-area .products-grid .empty-products p {
  color: #6b7280;
}
.shop-main-area .pagination-wrapper {
  margin-top: 3rem;
}
.shop-main-area .pagination-wrapper .pagination .page-item {
  margin: 0 0.25rem;
}
.shop-main-area .pagination-wrapper .pagination .page-item .page-link {
  border-radius: 0.25rem;
  color: #1a1f3a;
  border: 1px solid #e9ecef;
  font-size: 0.9rem;
  padding: 0.25rem 1rem;
}
.shop-main-area .pagination-wrapper .pagination .page-item .page-link:hover {
  background: #f8f9fb;
  color: #ff6b35;
}
.shop-main-area .pagination-wrapper .pagination .page-item.active .page-link {
  background: #ff6b35;
  color: white;
  border-color: #ff6b35;
}
.shop-main-area .pagination-wrapper .pagination .page-item.disabled .page-link {
  color: #6b7280;
  background: transparent;
}
.shop-main-area .btn-toggle-filter {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: white;
  color: #1a1f3a;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  font-size: 0.9rem;
}
.shop-main-area .btn-toggle-filter i {
  color: #ff6b35;
}
.shop-main-area .btn-toggle-filter:hover {
  background: #f8f9fb;
}
@media (max-width: 991px) {
  .shop-main-area .col-lg-3 {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100%;
    background: white;
    z-index: 1050;
    overflow-y: auto;
    transition: all 0.3s ease;
    padding: 1.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .shop-main-area .col-lg-3.show-mobile {
    left: 0;
  }
}

/* Product Card Action Buttons Active State */
.product-actions .action-btn.active {
  background-color: #ff5252;
  color: #fff;
}

.product-actions .action-btn.active:hover {
  background-color: #e04747;
}

.price-row .cart-btn.active {
  background-color: #ff5252;
  color: #fff;
}

.price-row .cart-btn.active:hover {
  background-color: #e04747;
}

/* Blog Page Styles */
/* Common Styles */
.blog-area {
  position: relative;
  overflow: hidden;
}

/* Section Header */
.section-header {
  margin-bottom: 50px;
  text-align: center;
}
.section-header .header-badge {
  display: inline-flex;
  align-items: center;
  background-color: rgba(var(--clr-theme-1-rgb), 0.1);
  color: var(--clr-theme-1);
  padding: 8px 16px;
  border-radius: 30px;
  margin-bottom: 16px;
  font-weight: 600;
}
.section-header .header-badge i {
  margin-right: 8px;
  font-size: 14px;
}
.section-header .section-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
  color: var(--clr-common-heading);
}
.section-header .section-title .highlight {
  color: var(--clr-theme-1);
}
.section-header .section-subtitle {
  font-size: 16px;
  color: var(--clr-common-text);
  max-width: 600px;
  margin: 0 auto;
}

/* Featured Blog Section */
.featured-blog-wrapper {
  margin-bottom: 50px;
}
.featured-blog-wrapper .featured-blog-card {
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--clr-common-white);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
}
.featured-blog-wrapper .featured-blog-card:hover {
  transform: translateY(-5px);
}
.featured-blog-wrapper .featured-blog-card .featured-blog-image {
  position: relative;
  overflow: hidden;
  height: 400px;
}
.featured-blog-wrapper .featured-blog-card .featured-blog-image .featured-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.featured-blog-wrapper .featured-blog-card .featured-blog-image:hover .featured-img {
  transform: scale(1.03);
}
.featured-blog-wrapper .featured-blog-card .featured-blog-image .featured-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
  padding: 6px 16px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 14px;
  z-index: 2;
}
.featured-blog-wrapper .featured-blog-card .featured-blog-content {
  padding: 25px;
}
.featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-meta {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  flex-wrap: wrap;
  gap: 15px;
}
.featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-meta div {
  display: flex;
  align-items: center;
  color: var(--clr-common-text);
  font-size: 14px;
}
.featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-meta div i {
  margin-right: 6px;
  color: var(--clr-theme-1);
}
.featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-meta .featured-blog-category span {
  background-color: rgba(var(--clr-theme-1-rgb), 0.1);
  color: var(--clr-theme-1);
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: 500;
}
.featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--clr-common-heading);
  transition: color 0.3s ease;
}
.featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-title:hover {
  color: var(--clr-theme-1);
}
.featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-excerpt {
  font-size: 16px;
  line-height: 1.6;
  color: var(--clr-common-text);
  margin-bottom: 20px;
}
.featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-btn {
  display: inline-flex;
  align-items: center;
  color: var(--clr-theme-1);
  font-weight: 600;
  transition: color 0.3s ease;
}
.featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-btn i {
  margin-left: 8px;
  transition: transform 0.3s ease;
}
.featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-btn:hover {
  color: var(--clr-theme-2);
}
.featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-btn:hover i {
  transform: translateX(5px);
}

/* Loading Skeletons */
.featured-blog-skeleton {
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--clr-common-white);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
.featured-blog-skeleton .skeleton-image {
  height: 400px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
}
.featured-blog-skeleton .skeleton-content {
  padding: 25px;
}
.featured-blog-skeleton .skeleton-content .skeleton-title {
  height: 28px;
  width: 80%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  margin-bottom: 16px;
  border-radius: 4px;
}
.featured-blog-skeleton .skeleton-content .skeleton-text {
  height: 16px;
  width: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  margin-bottom: 12px;
  border-radius: 4px;
}
.featured-blog-skeleton .skeleton-content .skeleton-text:last-child {
  width: 60%;
}

/* Blog Cards Grid */
.blog-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
  gap: 25px;
  margin-bottom: 40px;
}
.blog-cards-grid .blog-card {
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--clr-common-white);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
}
.blog-cards-grid .blog-card:hover {
  transform: translateY(-5px);
}
.blog-cards-grid .blog-card .blog-card-image {
  position: relative;
  overflow: hidden;
  height: 200px;
}
.blog-cards-grid .blog-card .blog-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.blog-cards-grid .blog-card .blog-card-image:hover img {
  transform: scale(1.03);
}
.blog-cards-grid .blog-card .blog-card-image .blog-category-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: 500;
  font-size: 12px;
  z-index: 2;
}
.blog-cards-grid .blog-card .blog-card-content {
  padding: 20px;
}
.blog-cards-grid .blog-card .blog-card-content .blog-card-meta {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  gap: 15px;
  flex-wrap: wrap;
}
.blog-cards-grid .blog-card .blog-card-content .blog-card-meta div {
  display: flex;
  align-items: center;
  color: var(--clr-common-text);
  font-size: 13px;
}
.blog-cards-grid .blog-card .blog-card-content .blog-card-meta div i {
  margin-right: 6px;
  color: var(--clr-theme-1);
  font-size: 12px;
}
.blog-cards-grid .blog-card .blog-card-content .blog-card-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.4;
  color: var(--clr-common-heading);
  transition: color 0.3s ease;
}
.blog-cards-grid .blog-card .blog-card-content .blog-card-title:hover {
  color: var(--clr-theme-1);
}
.blog-cards-grid .blog-card .blog-card-content .blog-card-excerpt {
  font-size: 14px;
  line-height: 1.6;
  color: var(--clr-common-text);
  margin-bottom: 15px;
}
.blog-cards-grid .blog-card .blog-card-content .blog-read-more {
  display: inline-flex;
  align-items: center;
  color: var(--clr-theme-1);
  font-weight: 600;
  font-size: 14px;
  transition: color 0.3s ease;
}
.blog-cards-grid .blog-card .blog-card-content .blog-read-more i {
  margin-left: 6px;
  transition: transform 0.3s ease;
}
.blog-cards-grid .blog-card .blog-card-content .blog-read-more:hover {
  color: var(--clr-theme-2);
}
.blog-cards-grid .blog-card .blog-card-content .blog-read-more:hover i {
  transform: translateX(5px);
}
.blog-cards-grid .blog-card-skeleton {
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--clr-common-white);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.blog-cards-grid .blog-card-skeleton .skeleton-image {
  height: 200px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
}
.blog-cards-grid .blog-card-skeleton .skeleton-content {
  padding: 20px;
}
.blog-cards-grid .blog-card-skeleton .skeleton-content .skeleton-meta {
  height: 16px;
  width: 60%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  margin-bottom: 15px;
  border-radius: 4px;
}
.blog-cards-grid .blog-card-skeleton .skeleton-content .skeleton-title {
  height: 22px;
  width: 90%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  margin-bottom: 15px;
  border-radius: 4px;
}
.blog-cards-grid .blog-card-skeleton .skeleton-content .skeleton-text {
  height: 14px;
  width: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  margin-bottom: 10px;
  border-radius: 4px;
}
.blog-cards-grid .blog-card-skeleton .skeleton-content .skeleton-text.short {
  width: 40%;
  margin-bottom: 0;
}

/* Blog Pagination */
.blog-pagination {
  margin-bottom: 30px;
}
.blog-pagination .pagination-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.blog-pagination .pagination-list .pagination-item .pagination-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: var(--clr-common-white);
  color: var(--clr-common-heading);
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.blog-pagination .pagination-list .pagination-item .pagination-link:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.blog-pagination .pagination-list .pagination-item.active .pagination-link {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.blog-pagination .pagination-list .pagination-item.disabled .pagination-link {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.blog-pagination .pagination-list .pagination-ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--clr-common-heading);
}

/* Blog Sidebar */
.blog-sidebar {
  /* Recent Posts Widget */
}
.blog-sidebar .sidebar-widget {
  background-color: var(--clr-common-white);
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}
.blog-sidebar .sidebar-widget .widget-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 12px;
  color: var(--clr-common-heading);
}
.blog-sidebar .sidebar-widget .widget-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background-color: var(--clr-theme-1);
  border-radius: 3px;
}
.blog-sidebar .recent-posts-widget .recent-posts-list .recent-post-item {
  display: flex;
  gap: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eaeaea;
}
.blog-sidebar .recent-posts-widget .recent-posts-list .recent-post-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.blog-sidebar .recent-posts-widget .recent-posts-list .recent-post-item .post-thumb {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
}
.blog-sidebar .recent-posts-widget .recent-posts-list .recent-post-item .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.blog-sidebar .recent-posts-widget .recent-posts-list .recent-post-item .post-thumb:hover img {
  transform: scale(1.05);
}
.blog-sidebar .recent-posts-widget .recent-posts-list .recent-post-item .post-info {
  flex-grow: 1;
}
.blog-sidebar .recent-posts-widget .recent-posts-list .recent-post-item .post-info .post-date {
  display: block;
  font-size: 13px;
  color: var(--clr-common-text);
  margin-bottom: 5px;
}
.blog-sidebar .recent-posts-widget .recent-posts-list .recent-post-item .post-info .post-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0;
}
.blog-sidebar .recent-posts-widget .recent-posts-list .recent-post-item .post-info .post-title a {
  color: var(--clr-common-heading);
  transition: color 0.3s ease;
}
.blog-sidebar .recent-posts-widget .recent-posts-list .recent-post-item .post-info .post-title a:hover {
  color: var(--clr-theme-1);
}
.blog-sidebar .recent-posts-widget .recent-post-skeleton {
  display: flex;
  gap: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eaeaea;
}
.blog-sidebar .recent-posts-widget .recent-post-skeleton:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.blog-sidebar .recent-posts-widget .recent-post-skeleton .skeleton-img {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
}
.blog-sidebar .recent-posts-widget .recent-post-skeleton .skeleton-content {
  flex-grow: 1;
}
.blog-sidebar .recent-posts-widget .recent-post-skeleton .skeleton-content .skeleton-meta {
  height: 13px;
  width: 40%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  margin-bottom: 10px;
  border-radius: 4px;
}
.blog-sidebar .recent-posts-widget .recent-post-skeleton .skeleton-content .skeleton-title {
  height: 15px;
  width: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: 4px;
}

/* Error and Empty States */
.blog-error-message,
.blog-empty-state {
  text-align: center;
  padding: 50px 25px;
  background-color: var(--clr-common-white);
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.blog-error-message .error-icon,
.blog-error-message .empty-icon,
.blog-empty-state .error-icon,
.blog-empty-state .empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: rgba(var(--clr-theme-1-rgb), 0.1);
  color: var(--clr-theme-1);
  font-size: 32px;
  margin-bottom: 20px;
}
.blog-error-message h3, .blog-error-message .h3,
.blog-empty-state h3,
.blog-empty-state .h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--clr-common-heading);
}
.blog-error-message p,
.blog-empty-state p {
  font-size: 16px;
  color: var(--clr-common-text);
  margin-bottom: 20px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.blog-error-message .reload-button,
.blog-empty-state .reload-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  padding: 0 25px;
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.blog-error-message .reload-button:hover,
.blog-empty-state .reload-button:hover {
  background-color: var(--clr-theme-2);
}

/* Loading Animation */
@keyframes loading {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
/* Responsive Styles */
@media (max-width: 1199px) {
  .blog-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .section-header {
    margin-bottom: 40px;
  }
  .section-header .section-title {
    font-size: 28px;
  }
  .featured-blog-wrapper .featured-blog-card .featured-blog-image {
    height: 320px;
  }
  .featured-blog-wrapper .featured-blog-card .featured-blog-content {
    padding: 20px;
  }
  .featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-title {
    font-size: 22px;
  }
  .blog-sidebar {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .blog-cards-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .featured-blog-wrapper .featured-blog-card .featured-blog-image {
    height: 280px;
  }
  .featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-title {
    font-size: 20px;
  }
  .featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-excerpt {
    font-size: 15px;
  }
  .section-header {
    margin-bottom: 30px;
  }
  .section-header .section-title {
    font-size: 24px;
  }
  .section-header .section-subtitle {
    font-size: 15px;
  }
  .blog-pagination .pagination-list {
    flex-wrap: wrap;
    justify-content: center;
  }
  .blog-pagination .pagination-list .pagination-item .pagination-link {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .featured-blog-wrapper .featured-blog-card .featured-blog-image {
    height: 220px;
  }
  .featured-blog-wrapper .featured-blog-card .featured-blog-content {
    padding: 15px;
  }
  .featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-meta {
    gap: 10px;
    margin-bottom: 10px;
  }
  .featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .featured-blog-wrapper .featured-blog-card .featured-blog-content .featured-blog-excerpt {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .blog-card .blog-card-image {
    height: 180px;
  }
  .blog-card .blog-card-content {
    padding: 15px;
  }
  .section-header .header-badge {
    padding: 6px 12px;
    font-size: 13px;
    margin-bottom: 12px;
  }
  .section-header .section-title {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .section-header .section-subtitle {
    font-size: 14px;
  }
  .blog-sidebar .sidebar-widget {
    padding: 20px 15px;
  }
  .blog-pagination .pagination-list {
    gap: 4px;
  }
  .blog-pagination .pagination-list .pagination-item .pagination-link {
    width: 34px;
    height: 34px;
    font-size: 13px;
  }
}
/* Profile Page Styles */
.recent-orders-dashboard .desktop-view {
  display: block;
}
@media (max-width: 768px) {
  .recent-orders-dashboard .desktop-view {
    display: none;
  }
}
.recent-orders-dashboard .mobile-view {
  display: none;
}
@media (max-width: 768px) {
  .recent-orders-dashboard .mobile-view {
    display: block;
  }
}
.recent-orders-dashboard .recent-orders-cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid #e9ecef;
  padding: 20px;
  transition: all 0.3s ease;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-color: #EF233C;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-header .order-number .order-label {
  display: block;
  font-size: 12px;
  color: #777;
  font-weight: 500;
  margin-bottom: 4px;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-header .order-number .order-value {
  font-size: 16px;
  font-weight: 700;
  color: #EF233C;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-header .order-date {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #666;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-header .order-date i {
  color: #999;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .product-section {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .product-section .product-image {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  overflow: hidden;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .product-section .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .product-section .product-details {
  flex: 1 1;
  min-width: 0;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .product-section .product-details .product-name {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 0 0 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .product-section .product-details .item-count {
  font-size: 12px;
  color: #777;
  font-weight: 500;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .order-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .order-meta .order-amount .amount-label {
  display: block;
  font-size: 12px;
  color: #777;
  margin-bottom: 4px;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .order-meta .order-amount .amount-value {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .order-meta .order-status .status-badge {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .order-meta .order-status .status-badge.status-delivered {
  background-color: #e8f5e9;
  color: #2e7d32;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .order-meta .order-status .status-badge.status-processing {
  background-color: #fff3e0;
  color: #f57c00;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .order-meta .order-status .status-badge.status-pending {
  background-color: #fef7e0;
  color: #ed6c02;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .order-meta .order-status .status-badge.status-shipped {
  background-color: #e3f2fd;
  color: #1976d2;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .order-meta .order-status .status-badge.status-cancelled {
  background-color: #ffebee;
  color: #d32f2f;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .order-meta .order-status .status-badge.status-paid {
  background-color: #e8f5e9;
  color: #2e7d32;
}
.recent-orders-dashboard .recent-orders-cards .recent-order-card .order-card-content .order-meta .order-status .status-badge.status-waiting-payment {
  background-color: #fff3e0;
  color: #f57c00;
}
.recent-orders-dashboard .view-all-orders {
  margin-top: 24px;
  text-align: center;
}
.recent-orders-dashboard .view-all-orders .view-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
}
.recent-orders-dashboard .view-all-orders .view-all-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(239, 35, 60, 0.3);
  color: white;
  text-decoration: none;
}
.recent-orders-dashboard .view-all-orders .view-all-btn i {
  font-size: 12px;
}
.recent-orders-dashboard .recent-orders-table .order-product {
  display: flex;
  align-items: center;
  gap: 12px;
}
.recent-orders-dashboard .recent-orders-table .order-product .product-image {
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  border-radius: 6px;
  overflow: hidden;
}
.recent-orders-dashboard .recent-orders-table .order-product .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recent-orders-dashboard .recent-orders-table .order-product .product-info {
  flex: 1 1;
  min-width: 0;
}
.recent-orders-dashboard .recent-orders-table .order-product .product-info .product-name {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recent-orders-dashboard .recent-orders-table .order-product .product-info .product-name .item-count {
  display: block;
  font-size: 12px;
  color: #777;
  font-weight: 500;
  margin-top: 2px;
}
.recent-orders-dashboard .recent-orders-table .order-product .product-info .product-id {
  font-size: 12px;
  color: #999;
}
.recent-orders-dashboard .recent-orders-table .order-amount {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.recent-orders-dashboard .recent-orders-table .status-badge {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.recent-orders-dashboard .recent-orders-table .status-badge.status-delivered {
  background-color: #e8f5e9;
  color: #2e7d32;
}
.recent-orders-dashboard .recent-orders-table .status-badge.status-processing {
  background-color: #fff3e0;
  color: #f57c00;
}
.recent-orders-dashboard .recent-orders-table .status-badge.status-pending {
  background-color: #fef7e0;
  color: #ed6c02;
}
.recent-orders-dashboard .recent-orders-table .status-badge.status-shipped {
  background-color: #e3f2fd;
  color: #1976d2;
}
.recent-orders-dashboard .recent-orders-table .status-badge.status-cancelled {
  background-color: #ffebee;
  color: #d32f2f;
}
.recent-orders-dashboard .recent-orders-table .status-badge.status-paid {
  background-color: #e8f5e9;
  color: #2e7d32;
}
.recent-orders-dashboard .recent-orders-table .status-badge.status-waiting-payment {
  background-color: #fff3e0;
  color: #f57c00;
}

:root {
  --profile-primary-color: #EF233C; /* Brand orange color */
  --profile-primary-rgb: 239, 35, 60;
  --profile-text-color: #484848;
  --profile-heading-color: #171717;
  --profile-subtle-text-color: #707070;
  --profile-background-color: #f3f4f6;
  --profile-card-background: #ffffff;
  --profile-border-color: #eaebee;
  --profile-success-color: #28a745;
  --profile-warning-color: #ffc107;
  --profile-danger-color: #dc3545;
  --profile-info-color: #17a2b8;
  --profile-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  --profile-shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
  --profile-border-radius: 12px;
  --profile-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base Profile Section */
.profile-section {
  background-color: var(--profile-background-color);
  font-family: "Inter", sans-serif; /* A modern, clean font */
}

/* Header */
.profile-header {
  background: white;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  padding: 40px;
  margin-bottom: 32px;
  transition: var(--profile-transition);
  border: 1px solid var(--profile-border-color);
  position: relative;
  overflow: hidden;
}
.profile-header .profile-header-content {
  display: flex;
  align-items: center;
  gap: 30px;
}
.profile-header .profile-header-content .profile-avatar {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 24px;
  background: white;
  padding: 0;
  transition: all 0.3s ease;
  z-index: 2;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.profile-header .profile-header-content .profile-avatar::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(135deg, var(--profile-primary-color), #ff8533);
  border-radius: 24px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.profile-header .profile-header-content .profile-avatar:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.profile-header .profile-header-content .profile-avatar:hover::before {
  opacity: 1;
}
.profile-header .profile-header-content .profile-avatar .profile-image {
  border-radius: 24px;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}
.profile-header .profile-header-content .profile-avatar::after {
  content: "\f00c";
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 32px;
  height: 32px;
  background: #22C55E;
  border: 3px solid #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 5 Pro";
  color: white;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
}
.profile-header .profile-header-content .profile-info {
  flex: 1 1;
}
.profile-header .profile-header-content .profile-info .welcome-text {
  color: var(--profile-subtle-text-color);
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 5px;
}
.profile-header .profile-header-content .profile-info .profile-name {
  color: var(--profile-heading-color);
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.profile-header .profile-header-content .profile-info .profile-name::after {
  content: "Verified";
  background: rgba(239, 35, 60, 0.1);
  color: var(--profile-primary-color);
  font-size: 0.7rem;
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border: 1px solid rgba(239, 35, 60, 0.2);
}
.profile-header .profile-header-content .profile-info .profile-details {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 10px;
}
.profile-header .profile-header-content .profile-info .profile-details .profile-detail-item {
  display: flex;
  align-items: center;
  color: var(--profile-subtle-text-color);
  background: transparent;
  padding: 0;
  font-size: 0.9rem;
  transition: all 0.2s ease;
  position: relative;
}
.profile-header .profile-header-content .profile-info .profile-details .profile-detail-item:not(:last-child)::after {
  content: "•";
  position: absolute;
  right: -13px;
  color: var(--profile-border-color);
  font-size: 0.8rem;
}
.profile-header .profile-header-content .profile-info .profile-details .profile-detail-item:hover {
  color: var(--profile-heading-color);
}
.profile-header .profile-header-content .profile-info .profile-details .profile-detail-item:hover i {
  color: var(--profile-primary-color);
}
.profile-header .profile-header-content .profile-info .profile-details .profile-detail-item i {
  color: var(--profile-subtle-text-color);
  margin-right: 8px;
  font-size: 0.9rem;
  transition: color 0.2s ease;
}
@media (max-width: 768px) {
  .profile-header {
    padding: 25px;
  }
  .profile-header .profile-header-content {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }
  .profile-header .profile-header-content .profile-avatar {
    width: 100px;
    height: 100px;
  }
  .profile-header .profile-header-content .profile-avatar::after {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
  .profile-header .profile-header-content .profile-info .profile-name {
    font-size: 1.6rem;
    justify-content: center;
  }
  .profile-header .profile-header-content .profile-info .profile-details {
    justify-content: center;
    gap: 15px;
  }
  .profile-header .profile-header-content .profile-info .profile-details .profile-detail-item:not(:last-child)::after {
    display: none;
  }
}

/* Modern Interactive Sidebar */
.modern-profile-sidebar {
  background: var(--profile-card-background);
  border-radius: var(--profile-border-radius);
  box-shadow: var(--profile-shadow);
  overflow: visible;
  border: 1px solid var(--profile-border-color);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  /* Collapsed State */
  /* Mobile Styles */
  /* Sidebar Navigation */
  /* Sidebar Footer */
}
.modern-profile-sidebar.collapsed {
  width: 80px;
}
.modern-profile-sidebar.collapsed .sidebar-header h4, .modern-profile-sidebar.collapsed .sidebar-header .h4 {
  display: none;
}
.modern-profile-sidebar.collapsed .nav-link {
  justify-content: center;
  padding: 16px !important;
}
.modern-profile-sidebar.collapsed .nav-label,
.modern-profile-sidebar.collapsed .nav-badge,
.modern-profile-sidebar.collapsed .nav-arrow {
  display: none !important;
}
.modern-profile-sidebar.collapsed .nav-icon {
  margin: 0 !important;
}
.modern-profile-sidebar.collapsed .sidebar-footer {
  display: none;
}
.modern-profile-sidebar.mobile {
  position: fixed;
  top: 100px;
  left: -100%;
  width: 280px;
  height: calc(100vh - 100px);
  z-index: 1050;
  transition: left 0.3s ease;
  border-radius: 0 var(--profile-border-radius) var(--profile-border-radius) 0;
}
.modern-profile-sidebar.mobile.open {
  left: 0;
  box-shadow: 10px 0 40px rgba(0, 0, 0, 0.2);
}
.modern-profile-sidebar .sidebar-header {
  background: linear-gradient(135deg, var(--profile-primary-color) 0%, #e55a2b 100%);
  padding: 25px 20px;
  position: relative;
}
.modern-profile-sidebar .sidebar-header .header-content {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
}
.modern-profile-sidebar .sidebar-header .header-content i {
  font-size: 1.25rem;
}
.modern-profile-sidebar .sidebar-header .header-content h4, .modern-profile-sidebar .sidebar-header .header-content .h4 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
}
.modern-profile-sidebar .sidebar-header .collapse-toggle {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.2);
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modern-profile-sidebar .sidebar-header .collapse-toggle:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-50%) scale(1.1);
}
.modern-profile-sidebar .sidebar-header .collapse-toggle i {
  font-size: 0.875rem;
}
.modern-profile-sidebar .sidebar-nav {
  padding: 15px 0;
}
.modern-profile-sidebar .sidebar-nav .nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.modern-profile-sidebar .sidebar-nav .nav-item {
  margin: 0 10px 5px;
}
.modern-profile-sidebar .sidebar-nav .nav-item.logout-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--profile-border-color);
}
.modern-profile-sidebar .sidebar-nav .nav-link {
  display: block;
  width: 100%;
  background: transparent;
  border: none;
  padding: 14px 20px;
  border-radius: 10px;
  text-align: left;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.modern-profile-sidebar .sidebar-nav .nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background: var(--profile-primary-color);
  transform: scaleY(0);
  transition: transform 0.3s ease;
}
.modern-profile-sidebar .sidebar-nav .nav-link:hover {
  background: rgba(239, 35, 60, 0.05);
  transform: translateX(3px);
}
.modern-profile-sidebar .sidebar-nav .nav-link:hover .nav-icon {
  transform: scale(1.15) rotate(5deg);
}
.modern-profile-sidebar .sidebar-nav .nav-link.active {
  background: linear-gradient(135deg, rgba(239, 35, 60, 0.15) 0%, rgba(239, 35, 60, 0.08) 100%);
}
.modern-profile-sidebar .sidebar-nav .nav-link.active::before {
  transform: scaleY(1);
}
.modern-profile-sidebar .sidebar-nav .nav-link.active .nav-icon {
  color: var(--profile-primary-color) !important;
}
.modern-profile-sidebar .sidebar-nav .nav-link.active .nav-label {
  color: var(--profile-primary-color);
  font-weight: 600;
}
.modern-profile-sidebar .sidebar-nav .nav-link.active .nav-arrow {
  opacity: 1 !important;
  transform: translateX(0) !important;
}
.modern-profile-sidebar .sidebar-nav .nav-link.logout-link:hover {
  background: rgba(220, 53, 69, 0.1);
}
.modern-profile-sidebar .sidebar-nav .nav-link.logout-link:hover .nav-icon {
  color: #dc3545 !important;
}
.modern-profile-sidebar .sidebar-nav .nav-link-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.modern-profile-sidebar .sidebar-nav .nav-link-content {
  display: flex;
  align-items: center;
  gap: 15px;
  flex: 1 1;
}
.modern-profile-sidebar .sidebar-nav .nav-link-content .nav-icon {
  font-size: 1.15rem;
  color: var(--profile-text-color);
  transition: all 0.3s ease;
  width: 20px;
  text-align: center;
}
.modern-profile-sidebar .sidebar-nav .nav-link-content .nav-label {
  font-size: 0.95rem;
  color: var(--profile-text-color);
  transition: all 0.3s ease;
}
.modern-profile-sidebar .sidebar-nav .nav-badge {
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  min-width: 20px;
  text-align: center;
}
.modern-profile-sidebar .sidebar-nav .nav-arrow {
  font-size: 0.75rem;
  color: var(--profile-primary-color);
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s ease;
}
.modern-profile-sidebar .sidebar-footer {
  margin: 20px;
  padding: 15px;
  background: rgba(239, 35, 60, 0.05);
  border-radius: 10px;
}
.modern-profile-sidebar .sidebar-footer .footer-content {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--profile-primary-color);
  font-size: 0.85rem;
  font-weight: 500;
}
.modern-profile-sidebar .sidebar-footer .footer-content i {
  font-size: 1rem;
}

/* Mobile Sidebar Toggle Button */
.mobile-sidebar-toggle {
  width: 100%;
  padding: 16px 20px;
  background: var(--profile-card-background);
  border: 1px solid var(--profile-border-color);
  border-radius: var(--profile-border-radius);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.mobile-sidebar-toggle:hover {
  border-color: var(--profile-primary-color);
  box-shadow: 0 4px 15px rgba(239, 35, 60, 0.15);
}
.mobile-sidebar-toggle .toggle-content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mobile-sidebar-toggle .toggle-content i {
  color: var(--profile-primary-color);
  font-size: 1.25rem;
}
.mobile-sidebar-toggle .toggle-content span {
  font-size: 1rem;
  font-weight: 600;
  color: var(--profile-heading-color);
}
.mobile-sidebar-toggle .toggle-content .mobile-badge {
  background: var(--profile-primary-color);
  color: #fff;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 8px;
}
.mobile-sidebar-toggle .toggle-arrow {
  color: var(--profile-text-color);
  transition: transform 0.3s ease;
}

/* Mobile Backdrop */
.sidebar-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1040;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

/* Responsive Adjustments */
@media (max-width: 991px) {
  .modern-profile-sidebar {
    margin-bottom: 0;
  }
  .col-xl-3.col-lg-4 {
    margin-bottom: 20px;
  }
}
/* Tooltip Support for Collapsed State */
.modern-profile-sidebar.collapsed .nav-link {
  position: relative;
}
.modern-profile-sidebar.collapsed .nav-link:hover::after {
  content: attr(title);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
  padding: 8px 12px;
  background: var(--profile-heading-color);
  color: #fff;
  font-size: 0.875rem;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  animation: tooltipFadeIn 0.3s forwards;
}
.modern-profile-sidebar.collapsed .nav-link:hover::before {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent var(--profile-heading-color) transparent transparent;
  opacity: 0;
  animation: tooltipFadeIn 0.3s forwards;
}

@keyframes tooltipFadeIn {
  to {
    opacity: 1;
  }
}
/* Main Content Area */
.profile-main-content {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
  padding: 0;
  min-height: 600px;
  border: 1px solid rgba(239, 35, 60, 0.08);
  overflow: hidden;
  position: relative;
}
.profile-main-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(180deg, rgba(239, 35, 60, 0.02) 0%, transparent 50%);
  pointer-events: none;
}
.profile-main-content .content-header {
  background: linear-gradient(135deg, rgba(239, 35, 60, 0.03) 0%, rgba(239, 35, 60, 0.01) 100%);
  padding: 30px 40px;
  border-bottom: 1px solid rgba(239, 35, 60, 0.1);
  position: relative;
}
.profile-main-content .content-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 40px;
  right: 40px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--profile-primary-color), transparent);
  opacity: 0.5;
}
.profile-main-content .content-header .content-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--profile-heading-color);
  margin: 0;
  display: flex;
  align-items: center;
}
.profile-main-content .content-header .content-title i {
  color: var(--profile-primary-color);
  margin-right: 10px;
}
.profile-main-content .tab-content {
  padding: 35px;
}
.profile-main-content .content-subheader {
  margin: 30px 0 20px;
}
.profile-main-content .content-subheader h4, .profile-main-content .content-subheader .h4 {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--profile-heading-color);
  margin: 0;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--profile-primary-color);
  position: relative;
}
.profile-main-content .content-subheader h4::after, .profile-main-content .content-subheader .h4::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 50px;
  height: 2px;
  background: var(--profile-primary-color);
}
.profile-main-content .content-subheader h4 i, .profile-main-content .content-subheader .h4 i {
  color: var(--profile-primary-color);
  margin-right: 8px;
}
@media (max-width: 767px) {
  .profile-main-content .content-header {
    padding: 20px 25px;
  }
  .profile-main-content .content-header .content-title {
    font-size: 1.2rem;
  }
  .profile-main-content .tab-content {
    padding: 25px;
  }
}

/* Modern Dashboard Stats */
.modern-dashboard-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 40px;
  /* Skeleton Loading */
  /* Quick Actions */
}
.modern-dashboard-stats .modern-stat-card {
  background: var(--profile-card-background);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
  min-width: 0;
  /* Badge for additional info */
}
.modern-dashboard-stats .modern-stat-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
  border-color: var(--profile-primary-color);
}
.modern-dashboard-stats .modern-stat-card:hover .stat-card-footer {
  color: var(--profile-primary-color);
}
.modern-dashboard-stats .modern-stat-card:hover .stat-card-footer i {
  transform: translateX(5px);
}
.modern-dashboard-stats .modern-stat-card .stat-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}
.modern-dashboard-stats .modern-stat-card .stat-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 25px 25px 0;
}
.modern-dashboard-stats .modern-stat-card .stat-card-header .stat-icon-wrapper {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.modern-dashboard-stats .modern-stat-card .stat-card-header .stat-icon-wrapper i {
  font-size: 1.5rem;
  transition: transform 0.3s ease;
}
.modern-dashboard-stats .modern-stat-card .stat-card-header .stat-trend {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
}
.modern-dashboard-stats .modern-stat-card .stat-card-header .stat-trend.trend-up {
  color: #22C55E;
  background: rgba(34, 197, 94, 0.1);
}
.modern-dashboard-stats .modern-stat-card .stat-card-header .stat-trend.trend-down {
  color: #EF4444;
  background: rgba(239, 68, 68, 0.1);
}
.modern-dashboard-stats .modern-stat-card .stat-card-header .stat-trend i {
  font-size: 0.7rem;
}
.modern-dashboard-stats .modern-stat-card .stat-card-body {
  padding: 20px 25px;
}
.modern-dashboard-stats .modern-stat-card .stat-card-body .stat-value {
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--profile-heading-color);
  line-height: 1;
  margin: 0 0 8px 0;
}
.modern-dashboard-stats .modern-stat-card .stat-card-body .stat-value .loading-dots {
  display: inline-flex;
  gap: 4px;
}
.modern-dashboard-stats .modern-stat-card .stat-card-body .stat-value .loading-dots span {
  animation: loadingDot 1.4s ease-in-out infinite;
  font-size: 2rem;
}
.modern-dashboard-stats .modern-stat-card .stat-card-body .stat-value .loading-dots span:nth-child(1) {
  animation-delay: 0s;
}
.modern-dashboard-stats .modern-stat-card .stat-card-body .stat-value .loading-dots span:nth-child(2) {
  animation-delay: 0.2s;
}
.modern-dashboard-stats .modern-stat-card .stat-card-body .stat-value .loading-dots span:nth-child(3) {
  animation-delay: 0.4s;
}
.modern-dashboard-stats .modern-stat-card .stat-card-body .stat-title {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--profile-subtle-text-color);
  margin: 0;
}
.modern-dashboard-stats .modern-stat-card .stat-card-footer {
  padding: 0 25px 25px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--profile-subtle-text-color);
  font-size: 0.9rem;
  font-weight: 500;
  transition: color 0.3s ease;
}
.modern-dashboard-stats .modern-stat-card .stat-card-footer i {
  font-size: 0.85rem;
  transition: transform 0.3s ease;
}
.modern-dashboard-stats .modern-stat-card .stat-card-badge {
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--profile-primary-color);
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 35, 60, 0.2);
}
.modern-dashboard-stats .stat-card-skeleton {
  background: var(--profile-card-background);
  border-radius: 16px;
  padding: 25px;
  height: 180px;
  position: relative;
  overflow: hidden;
}
.modern-dashboard-stats .stat-card-skeleton .skeleton-shimmer {
  width: 100%;
  height: 100%;
}
.modern-dashboard-stats .stat-card-skeleton .skeleton-shimmer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: shimmer 1.5s infinite;
}
.modern-dashboard-stats .stat-card-skeleton .skeleton-icon {
  width: 56px;
  height: 56px;
  background: #f0f0f0;
  border-radius: 14px;
  margin-bottom: 20px;
}
.modern-dashboard-stats .stat-card-skeleton .skeleton-value {
  width: 80px;
  height: 32px;
  background: #f0f0f0;
  border-radius: 6px;
  margin-bottom: 10px;
}
.modern-dashboard-stats .stat-card-skeleton .skeleton-title {
  width: 120px;
  height: 20px;
  background: #f0f0f0;
  border-radius: 4px;
}
@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes loadingDot {
  0%, 80%, 100% {
    opacity: 0.5;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
.modern-dashboard-stats .quick-actions-wrapper {
  grid-column: 1/-1;
  margin-top: 20px;
}
.modern-dashboard-stats .quick-actions-wrapper .section-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--profile-heading-color);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.modern-dashboard-stats .quick-actions-wrapper .section-title i {
  color: var(--profile-primary-color);
}
.modern-dashboard-stats .quick-actions-wrapper .quick-actions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  grid-gap: 15px;
  gap: 15px;
}
.modern-dashboard-stats .quick-actions-wrapper .quick-actions-grid .quick-action-item {
  background: var(--profile-card-background);
  border: 1px solid var(--profile-border-color);
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  color: var(--profile-text-color);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.modern-dashboard-stats .quick-actions-wrapper .quick-actions-grid .quick-action-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  border-color: var(--profile-primary-color);
  color: var(--profile-primary-color);
}
.modern-dashboard-stats .quick-actions-wrapper .quick-actions-grid .quick-action-item:hover i {
  transform: scale(1.1);
  color: var(--profile-primary-color);
}
.modern-dashboard-stats .quick-actions-wrapper .quick-actions-grid .quick-action-item i {
  font-size: 1.5rem;
  color: var(--profile-primary-color);
  transition: all 0.3s ease;
}
.modern-dashboard-stats .quick-actions-wrapper .quick-actions-grid .quick-action-item span {
  font-size: 0.9rem;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .modern-dashboard-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .modern-dashboard-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .modern-dashboard-stats .quick-actions-wrapper .quick-actions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .modern-dashboard-stats {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .modern-dashboard-stats .modern-stat-card .stat-card-header {
    padding: 20px 20px 0;
  }
  .modern-dashboard-stats .modern-stat-card .stat-card-header .stat-icon-wrapper {
    width: 48px;
    height: 48px;
  }
  .modern-dashboard-stats .modern-stat-card .stat-card-header .stat-icon-wrapper i {
    font-size: 1.25rem;
  }
  .modern-dashboard-stats .modern-stat-card .stat-card-body {
    padding: 15px 20px;
  }
  .modern-dashboard-stats .modern-stat-card .stat-card-body .stat-value {
    font-size: 1.875rem;
  }
  .modern-dashboard-stats .modern-stat-card .stat-card-footer {
    padding: 0 20px 20px;
  }
}

.recent-orders-section {
  margin-top: 40px;
}

/* Modern Dashboard Container */
.modern-dashboard-container {
  padding: 0;
  /* Recent Activities Card */
  /* Chart Card */
  /* Recent Orders Section Update */
}
.modern-dashboard-container .dashboard-grid-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  gap: 30px;
  margin: 40px 0;
}
@media (max-width: 991px) {
  .modern-dashboard-container .dashboard-grid-layout {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}
.modern-dashboard-container .recent-activities-card {
  background: var(--profile-card-background);
  border-radius: var(--profile-border-radius);
  box-shadow: var(--profile-shadow);
  border: 1px solid var(--profile-border-color);
}
.modern-dashboard-container .recent-activities-card .card-header {
  padding: 25px;
  border-bottom: 1px solid var(--profile-border-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modern-dashboard-container .recent-activities-card .card-header .card-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--profile-heading-color);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.modern-dashboard-container .recent-activities-card .card-header .card-title i {
  color: var(--profile-primary-color);
}
.modern-dashboard-container .recent-activities-card .card-header .view-all-link {
  color: var(--profile-primary-color);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: gap 0.3s ease;
}
.modern-dashboard-container .recent-activities-card .card-header .view-all-link:hover {
  gap: 10px;
}
.modern-dashboard-container .recent-activities-card .activities-list {
  padding: 20px;
  /* No activities state */
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item {
  display: flex;
  gap: 15px;
  padding: 15px;
  border-radius: 10px;
  transition: all 0.3s ease;
  /* Activity link for navigation */
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item:hover {
  background: var(--profile-background-color);
  transform: translateX(5px);
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item + .activity-item {
  margin-top: 15px;
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item .activity-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item .activity-icon i {
  font-size: 1.25rem;
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item .activity-content {
  flex: 1 1;
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item .activity-content h5, .modern-dashboard-container .recent-activities-card .activities-list .activity-item .activity-content .h5 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--profile-heading-color);
  margin: 0 0 5px 0;
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item .activity-content p {
  font-size: 0.875rem;
  color: var(--profile-text-color);
  margin: 0 0 8px 0;
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item .activity-content .activity-time {
  font-size: 0.8rem;
  color: var(--profile-subtle-text-color);
  display: flex;
  align-items: center;
  gap: 5px;
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item .activity-content .activity-time i {
  font-size: 0.75rem;
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item .activity-link {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--profile-primary-rgb), 0.05);
  color: var(--profile-primary-color);
  text-decoration: none;
  transition: all 0.3s ease;
  opacity: 0;
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item .activity-link:hover {
  background: var(--profile-primary-color);
  color: #fff;
  transform: translateY(-50%) scale(1.1);
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item .activity-link i {
  font-size: 0.75rem;
}
.modern-dashboard-container .recent-activities-card .activities-list .activity-item:hover .activity-link {
  opacity: 1;
}
.modern-dashboard-container .recent-activities-card .activities-list .no-activities {
  text-align: center;
  padding: 40px 20px;
  color: var(--profile-subtle-text-color);
}
.modern-dashboard-container .recent-activities-card .activities-list .no-activities i {
  font-size: 2.5rem;
  margin-bottom: 15px;
  opacity: 0.3;
}
.modern-dashboard-container .recent-activities-card .activities-list .no-activities p {
  margin: 0;
  font-size: 0.95rem;
}
.modern-dashboard-container .chart-card {
  background: var(--profile-card-background);
  border-radius: var(--profile-border-radius);
  box-shadow: var(--profile-shadow);
  border: 1px solid var(--profile-border-color);
}
.modern-dashboard-container .chart-card .card-header {
  padding: 25px;
  border-bottom: 1px solid var(--profile-border-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modern-dashboard-container .chart-card .card-header .card-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--profile-heading-color);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.modern-dashboard-container .chart-card .card-header .card-title i {
  color: var(--profile-primary-color);
}
.modern-dashboard-container .chart-card .card-header .chart-filter {
  padding: 8px 15px;
  border: 1px solid var(--profile-border-color);
  border-radius: 8px;
  background: var(--profile-background-color);
  color: var(--profile-text-color);
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modern-dashboard-container .chart-card .card-header .chart-filter:hover {
  border-color: var(--profile-primary-color);
}
.modern-dashboard-container .chart-card .card-header .chart-filter:focus {
  outline: none;
  border-color: var(--profile-primary-color);
  box-shadow: 0 0 0 3px rgba(239, 35, 60, 0.1);
}
.modern-dashboard-container .chart-card .chart-placeholder {
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--profile-subtle-text-color);
}
.modern-dashboard-container .chart-card .chart-placeholder i {
  font-size: 4rem;
  margin-bottom: 20px;
  opacity: 0.2;
}
.modern-dashboard-container .chart-card .chart-placeholder p {
  font-size: 1rem;
  margin: 0;
}
.modern-dashboard-container .recent-orders-section {
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  padding: 35px;
  margin-top: 40px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}
.modern-dashboard-container .recent-orders-section::before {
  content: "";
  position: absolute;
  top: -100px;
  right: -100px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(239, 35, 60, 0.05) 0%, transparent 70%);
  border-radius: 50%;
}
.modern-dashboard-container .recent-orders-section .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.modern-dashboard-container .recent-orders-section .section-header .section-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--profile-heading-color);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.modern-dashboard-container .recent-orders-section .section-header .section-title i {
  color: var(--profile-primary-color);
}
.modern-dashboard-container .recent-orders-section .section-header .view-all-link {
  color: var(--profile-primary-color);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: gap 0.3s ease;
}
.modern-dashboard-container .recent-orders-section .section-header .view-all-link:hover {
  gap: 10px;
}

/* Profile Info Grid */
.profile-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 20px;
  gap: 20px;
}
.profile-info-grid .profile-info-card {
  background: var(--profile-card-background);
  border: 1px solid var(--profile-border-color);
  border-radius: var(--profile-border-radius);
  padding: 25px;
  display: flex;
  align-items: center;
  gap: 20px;
  transition: var(--profile-transition);
  position: relative;
  overflow: hidden;
}
.profile-info-grid .profile-info-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: var(--profile-primary-color);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.profile-info-grid .profile-info-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--profile-shadow);
}
.profile-info-grid .profile-info-card:hover::before {
  opacity: 1;
}
.profile-info-grid .profile-info-card:hover .profile-info-icon {
  transform: scale(1.1);
}
.profile-info-grid .profile-info-card .profile-info-icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--profile-transition);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.profile-info-grid .profile-info-card .profile-info-icon i {
  font-size: 1.3rem;
}
.profile-info-grid .profile-info-card .profile-info-content {
  flex: 1 1;
}
.profile-info-grid .profile-info-card .profile-info-content .profile-info-label {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--profile-subtle-text-color);
  margin: 0 0 5px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.profile-info-grid .profile-info-card .profile-info-content .profile-info-value {
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--profile-heading-color);
  line-height: 1.3;
}
@media (max-width: 767px) {
  .profile-info-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .profile-info-grid .profile-info-card {
    padding: 20px;
  }
  .profile-info-grid .profile-info-card .profile-info-icon {
    width: 45px;
    height: 45px;
  }
  .profile-info-grid .profile-info-card .profile-info-icon i {
    font-size: 1.1rem;
  }
}

/* Tables */
.table-responsive {
  border-radius: var(--profile-border-radius);
  overflow: hidden;
  box-shadow: var(--profile-shadow);
  border: 1px solid var(--profile-border-color);
}

.profile-table {
  width: 100%;
  margin: 0;
  background: var(--profile-card-background);
  border-collapse: separate;
  border-spacing: 0;
}
.profile-table thead {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.profile-table thead th {
  font-weight: 600;
  color: var(--profile-heading-color);
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.8px;
  padding: 18px 20px;
  border-bottom: 2px solid var(--profile-border-color);
  white-space: nowrap;
}
.profile-table thead th i {
  color: var(--profile-primary-color);
  font-size: 0.8rem;
}
.profile-table tbody tr {
  transition: var(--profile-transition);
  border-bottom: 1px solid var(--profile-border-color);
}
.profile-table tbody tr:last-child {
  border-bottom: none;
}
.profile-table tbody tr:hover {
  background: linear-gradient(135deg, rgba(239, 35, 60, 0.02) 0%, rgba(239, 35, 60, 0.01) 100%);
}
.profile-table tbody tr td {
  padding: 20px;
  vertical-align: middle;
  border-bottom: none;
}
.profile-table .order-id {
  color: var(--profile-primary-color);
  font-weight: 600;
  font-size: 0.9rem;
}
.profile-table .order-date {
  color: var(--profile-text-color);
  font-size: 0.9rem;
}
.profile-table .order-product {
  display: flex;
  align-items: center;
  gap: 15px;
}
.profile-table .order-product .product-image img {
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.profile-table .order-product .product-info .product-name {
  display: block;
  font-weight: 500;
  color: var(--profile-heading-color);
  font-size: 0.95rem;
  line-height: 1.3;
  margin-bottom: 2px;
}
.profile-table .order-product .product-info .product-id {
  color: var(--profile-subtle-text-color);
  font-size: 0.75rem;
}
.profile-table .order-amount {
  font-weight: 600;
  color: var(--profile-success-color);
  font-size: 1rem;
}
.profile-table .status-badge {
  padding: 8px 16px;
  border-radius: 25px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.profile-table .status-badge.status-delivered {
  background: linear-gradient(135deg, rgba(40, 167, 69, 0.15) 0%, rgba(40, 167, 69, 0.1) 100%);
  color: #1e7e34;
  border: 1px solid rgba(40, 167, 69, 0.3);
}
.profile-table .status-badge.status-processing {
  background: linear-gradient(135deg, rgba(23, 162, 184, 0.15) 0%, rgba(23, 162, 184, 0.1) 100%);
  color: #0c5460;
  border: 1px solid rgba(23, 162, 184, 0.3);
}
.profile-table .status-badge.status-pending {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.15) 0%, rgba(255, 193, 7, 0.1) 100%);
  color: #856404;
  border: 1px solid rgba(255, 193, 7, 0.3);
}
.profile-table .status-badge.status-cancelled {
  background: linear-gradient(135deg, rgba(220, 53, 69, 0.15) 0%, rgba(220, 53, 69, 0.1) 100%);
  color: #721c24;
  border: 1px solid rgba(220, 53, 69, 0.3);
}
.profile-table .action-buttons {
  display: flex;
  gap: 8px;
}
.profile-table .action-buttons .btn-action {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--profile-transition);
  text-decoration: none;
  font-size: 0.9rem;
}
.profile-table .action-buttons .btn-action.btn-track {
  background: linear-gradient(135deg, rgba(23, 162, 184, 0.1) 0%, rgba(23, 162, 184, 0.05) 100%);
  color: #17a2b8;
}
.profile-table .action-buttons .btn-action.btn-track:hover {
  background: #17a2b8;
  color: #fff;
  transform: scale(1.1);
}
.profile-table .action-buttons .btn-action.btn-view {
  background: linear-gradient(135deg, rgba(108, 117, 125, 0.1) 0%, rgba(108, 117, 125, 0.05) 100%);
  color: #6c757d;
}
.profile-table .action-buttons .btn-action.btn-view:hover {
  background: #6c757d;
  color: #fff;
  transform: scale(1.1);
}
@media (max-width: 991px) {
  .profile-table thead th {
    padding: 15px 12px;
    font-size: 0.7rem;
  }
  .profile-table tbody td {
    padding: 15px 12px;
  }
  .profile-table .order-product {
    gap: 10px;
  }
  .profile-table .order-product .product-image img {
    width: 35px;
    height: 35px;
  }
  .profile-table .order-product .product-info .product-name {
    font-size: 0.85rem;
  }
}
@media (max-width: 767px) {
  .profile-table {
    font-size: 0.85rem;
  }
  .profile-table thead th {
    padding: 12px 8px;
  }
  .profile-table thead th i {
    display: none;
  }
  .profile-table tbody td {
    padding: 12px 8px;
  }
  .profile-table .action-buttons {
    flex-direction: column;
    gap: 5px;
  }
  .profile-table .action-buttons .btn-action {
    width: 35px;
    height: 35px;
    font-size: 0.8rem;
  }
}

/* Loading Skeletons */
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.avatar-skeleton, .skeleton-title, .skeleton-text, .skeleton-row {
  position: relative;
  overflow: hidden;
  background-color: #f0f0f0;
}
.avatar-skeleton::after, .skeleton-title::after, .skeleton-text::after, .skeleton-row::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: shimmer 1.5s infinite;
}

.avatar-skeleton {
  border-radius: 50%;
  width: 120px;
  height: 120px;
}

.skeleton-title {
  height: 30px;
  border-radius: 6px;
  margin-bottom: 15px;
}

.skeleton-text {
  height: 20px;
  border-radius: 6px;
}

/* No Data / Error States */
.no-orders, .error-container {
  text-align: center;
  padding: 60px 30px;
  background: var(--profile-card-background);
  border-radius: var(--profile-border-radius);
  border: 2px dashed var(--profile-border-color);
}
.no-orders .no-data-icon, .no-orders .error-icon, .error-container .no-data-icon, .error-container .error-icon {
  font-size: 4rem;
  color: var(--profile-border-color);
  margin-bottom: 25px;
}
.no-orders .no-data-icon i, .no-orders .error-icon i, .error-container .no-data-icon i, .error-container .error-icon i {
  background: linear-gradient(135deg, var(--profile-subtle-text-color) 0%, var(--profile-border-color) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.no-orders h4, .no-orders .h4, .error-container h4, .error-container .h4 {
  color: var(--profile-heading-color);
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 15px;
}
.no-orders p, .error-container p {
  color: var(--profile-subtle-text-color);
  margin-bottom: 30px;
  font-size: 1rem;
  line-height: 1.5;
}
.no-orders .btn-primary, .error-container .btn-primary {
  background: linear-gradient(135deg, var(--profile-primary-color) 0%, #e55a2b 100%);
  border: none;
  padding: 12px 30px;
  border-radius: 25px;
  font-weight: 600;
  transition: var(--profile-transition);
}
.no-orders .btn-primary:hover, .error-container .btn-primary:hover {
  background: linear-gradient(135deg, #e55a2b 0%, var(--profile-primary-color) 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(var(--profile-primary-rgb), 0.3);
}
.no-orders .btn-primary i, .error-container .btn-primary i {
  margin-right: 8px;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
  .profile-header .profile-header-content .profile-avatar {
    width: 100px;
    height: 100px;
  }
  .profile-header .profile-header-content .profile-info .profile-name {
    font-size: 1.5rem;
  }
  .profile-main-content {
    margin-top: 30px;
  }
  .dashboard-counter-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .profile-header .profile-header-content {
    flex-direction: column;
    text-align: center;
  }
  .dashboard-counter-wrapper {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
/* -----------------------------------------------------------
   Mobile Fixes: Profile Page Order Cards & Layout
   -----------------------------------------------------------*/
@media (max-width: 767px) {
  /* Prevent horizontal scroll caused by Bootstrap row gutters */
  .profile-content-wrapper .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .profile-content-wrapper .row > [class*=col-] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* Refine recent order cards so they stay within viewport */
  .recent-orders-dashboard .recent-order-card {
    padding: 16px; /* slightly reduce padding */
  }
  .recent-orders-dashboard .recent-order-card .order-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .recent-orders-dashboard .recent-order-card .status-badge {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* Additional mobile fixes for recent order header overflow */
  .recent-orders-dashboard .recent-order-card .order-card-header {
    flex-wrap: wrap;
  }
  .recent-orders-dashboard .recent-order-card .order-date {
    width: 100%;
    margin-top: 4px;
    justify-content: flex-start;
  }
  .recent-orders-dashboard .recent-order-card .product-details .item-count {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  /* Order number font-size downscale for very small screens */
  .recent-orders-dashboard .recent-order-card .order-number .order-value {
    font-size: 14px;
  }
  /* Ensure product info stays inside card */
  .recent-orders-dashboard .recent-order-card .product-section {
    flex-wrap: nowrap;
    overflow: hidden;
    align-items: flex-start;
  }
  .recent-orders-dashboard .recent-order-card .product-details {
    display: flex;
    flex-direction: column;
  }
  .recent-orders-dashboard .recent-order-card .item-count {
    display: block;
    margin-top: 2px;
  }
}
/* -----------------------------------------------------------
   Desktop (>768px) adjustments for recent orders table
   -----------------------------------------------------------*/
@media (min-width: 769px) {
  /* Remove unnecessary product ID line */
  .recent-orders-dashboard .product-id {
    display: none !important;
  }
  /* Make table horizontally scrollable */
  .recent-orders-dashboard .desktop-view .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* Ensure table keeps its layout and prevents awkward wraps */
  .recent-orders-dashboard .desktop-view .recent-orders-table {
    min-width: 800px;
    white-space: nowrap;
  }
  .recent-orders-dashboard .desktop-view .recent-orders-table td,
  .recent-orders-dashboard .desktop-view .recent-orders-table th {
    white-space: nowrap;
  }
}
/* Restore and style '+x ürün daha' count */
.recent-orders-dashboard {
  /* Mobile card */
  /* Desktop table */
}
.recent-orders-dashboard .recent-order-card .item-count {
  font-size: 12px;
  color: #777;
  font-weight: 500;
}
.recent-orders-dashboard .recent-orders-table .product-name {
  overflow: visible; /* allow extra label to show */
}
.recent-orders-dashboard .recent-orders-table .product-name .item-count {
  display: inline-block;
  margin-left: 4px;
  font-size: 11px;
  color: #777;
  font-weight: 500;
  white-space: nowrap;
}

@media (max-width: 575px) {
  .recent-orders-dashboard .recent-order-card .product-section {
    flex-wrap: wrap;
    overflow: visible;
  }
  .recent-orders-dashboard .recent-order-card .product-details {
    flex: 1 1 100%;
    min-width: 0;
  }
  .recent-orders-dashboard .recent-order-card .item-count {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  /* Ensure product name can wrap and item-count is visible */
  .recent-orders-dashboard .recent-order-card .product-details .product-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }
  .recent-orders-dashboard .recent-order-card .product-details .item-count {
    display: block !important;
    white-space: nowrap !important;
    color: #777;
  }
}
@media (max-width: 768px) {
  .dashboard-view .desktop-only {
    display: none;
  }
}
.dashboard-view .mobile-only {
  display: none;
}
@media (max-width: 768px) {
  .dashboard-view .mobile-only {
    display: block;
  }
}
.dashboard-view .orders-mobile-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--profile-space-md);
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card {
  background: var(--profile-white);
  border-radius: var(--profile-radius-md);
  box-shadow: var(--profile-shadow-sm);
  padding: var(--profile-space-lg);
  transition: all var(--profile-transition-base);
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card:active {
  transform: scale(0.98);
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--profile-space-md);
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-header .order-mobile-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-header .order-mobile-info .order-mobile-id {
  font-weight: 600;
  color: var(--profile-primary);
  font-size: 0.95rem;
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-header .order-mobile-info .order-mobile-date {
  font-size: 0.85rem;
  color: var(--profile-text);
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-product {
  display: flex;
  gap: var(--profile-space-md);
  margin-bottom: var(--profile-space-md);
  padding-bottom: var(--profile-space-md);
  border-bottom: 1px solid var(--profile-bg-light);
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-product .product-mobile-img {
  width: 60px;
  height: 60px;
  border-radius: var(--profile-radius-sm);
  object-fit: cover;
  flex-shrink: 0;
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-product .product-mobile-details {
  flex: 1 1;
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-product .product-mobile-details h4, .dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-product .product-mobile-details .h4 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin: 0 0 4px 0;
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-product .product-mobile-details .product-mobile-meta {
  font-size: 0.85rem;
  color: var(--profile-text);
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-footer .order-mobile-amount {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-footer .order-mobile-amount span {
  font-size: 0.85rem;
  color: var(--profile-text);
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-footer .order-mobile-amount strong {
  font-size: 1.1rem;
  color: var(--profile-primary);
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-footer .order-mobile-actions {
  display: flex;
  gap: var(--profile-space-sm);
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-footer .order-mobile-actions .btn-mobile-action {
  width: 36px;
  height: 36px;
  border-radius: var(--profile-radius-sm);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--profile-text);
  transition: all var(--profile-transition-fast);
}
.dashboard-view .orders-mobile-wrapper .order-mobile-card .order-mobile-footer .order-mobile-actions .btn-mobile-action:active {
  background: var(--profile-primary);
  color: var(--profile-white);
  border-color: var(--profile-primary);
}

.order-history-view .filters-section {
  margin-bottom: var(--profile-space-xl);
}
.order-history-view .filters-section .filter-group,
.order-history-view .filters-section .sort-group {
  margin-bottom: var(--profile-space-lg);
}
.order-history-view .filters-section .filter-group label,
.order-history-view .filters-section .sort-group label {
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-sm);
}
.order-history-view .filters-section .filter-group .filter-buttons,
.order-history-view .filters-section .sort-group .filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--profile-space-sm);
}
.order-history-view .filters-section .filter-group .filter-buttons button,
.order-history-view .filters-section .sort-group .filter-buttons button {
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--profile-text);
  transition: all var(--profile-transition-fast);
  display: flex;
  align-items: center;
  gap: var(--profile-space-xs);
}
.order-history-view .filters-section .filter-group .filter-buttons button:hover,
.order-history-view .filters-section .sort-group .filter-buttons button:hover {
  border-color: var(--profile-primary);
  color: var(--profile-primary);
}
.order-history-view .filters-section .filter-group .filter-buttons button.active,
.order-history-view .filters-section .sort-group .filter-buttons button.active {
  background: var(--profile-primary);
  color: var(--profile-white);
  border-color: var(--profile-primary);
}
.order-history-view .filters-section .filter-group select,
.order-history-view .filters-section .sort-group select {
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border: 1px solid var(--profile-border-color);
  border-radius: var(--profile-radius-sm);
  font-size: 0.9rem;
  color: var(--profile-text-dark);
  background: var(--profile-white);
  min-width: 200px;
}
.order-history-view .filters-section .filter-group select:focus,
.order-history-view .filters-section .sort-group select:focus {
  outline: none;
  border-color: var(--profile-primary);
}
.order-history-view .orders-list .order-card-modern {
  background: var(--profile-white);
  border-radius: var(--profile-radius-lg);
  box-shadow: var(--profile-shadow-sm);
  margin-bottom: var(--profile-space-lg);
  overflow: hidden;
  transition: all var(--profile-transition-base);
  border: 1px solid transparent;
}
.order-history-view .orders-list .order-card-modern:hover {
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-md);
  border-color: var(--profile-primary);
}
.order-history-view .orders-list .order-card-modern .order-card-header {
  padding: var(--profile-space-lg);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-main-info {
  flex: 1 1;
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-main-info .order-id-wrapper {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
  margin-bottom: var(--profile-space-sm);
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-main-info .order-id-wrapper .order-number {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--profile-text-dark);
  margin: 0;
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-main-info .order-id-wrapper .order-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-main-info .order-id-wrapper .order-status-badge i {
  font-size: 0.8rem;
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-main-info .order-id-wrapper .order-status-badge.status-delivered {
  background: rgba(34, 197, 94, 0.1);
  color: #16a34a;
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-main-info .order-id-wrapper .order-status-badge.status-processing {
  background: rgba(59, 130, 246, 0.1);
  color: #2563eb;
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-main-info .order-id-wrapper .order-status-badge.status-processing i {
  animation: spin 2s linear infinite;
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-main-info .order-id-wrapper .order-status-badge.status-pending {
  background: rgba(245, 158, 11, 0.1);
  color: #d97706;
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-main-info .order-id-wrapper .order-status-badge.status-cancelled {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-main-info .order-date-info {
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  color: var(--profile-text);
  font-size: 0.9rem;
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-main-info .order-date-info i {
  opacity: 0.6;
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-quick-actions .btn-expand {
  width: 36px;
  height: 36px;
  border-radius: var(--profile-radius-sm);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--profile-transition-fast);
  color: var(--profile-text);
}
.order-history-view .orders-list .order-card-modern .order-card-header .order-quick-actions .btn-expand:hover {
  background: var(--profile-bg-light);
  transform: rotate(180deg);
}
.order-history-view .orders-list .order-card-modern .order-products-section {
  padding: 0 var(--profile-space-lg) var(--profile-space-lg);
}
.order-history-view .orders-list .order-card-modern .order-products-section .product-row {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
  padding: var(--profile-space-md);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-sm);
  margin-bottom: var(--profile-space-sm);
}
.order-history-view .orders-list .order-card-modern .order-products-section .product-row:last-child {
  margin-bottom: 0;
}
.order-history-view .orders-list .order-card-modern .order-products-section .product-row .product-icon {
  width: 40px;
  height: 40px;
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.order-history-view .orders-list .order-card-modern .order-products-section .product-row .product-icon i {
  color: var(--profile-primary);
  opacity: 0.7;
}
.order-history-view .orders-list .order-card-modern .order-products-section .product-row .product-info {
  flex: 1 1;
}
.order-history-view .orders-list .order-card-modern .order-products-section .product-row .product-info .product-name {
  display: block;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: 2px;
}
.order-history-view .orders-list .order-card-modern .order-products-section .product-row .product-info .product-meta {
  font-size: 0.85rem;
  color: var(--profile-text);
}
.order-history-view .orders-list .order-card-modern .order-products-section .product-row .product-price {
  font-weight: 700;
  color: var(--profile-primary);
}
.order-history-view .orders-list .order-card-modern .order-card-footer {
  padding: var(--profile-space-lg);
  background: var(--profile-bg-lighter);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--profile-space-md);
}
.order-history-view .orders-list .order-card-modern .order-card-footer .order-summary {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.order-history-view .orders-list .order-card-modern .order-card-footer .order-summary .summary-label {
  font-size: 0.85rem;
  color: var(--profile-text);
}
.order-history-view .orders-list .order-card-modern .order-card-footer .order-summary .summary-value {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--profile-primary);
}
.order-history-view .orders-list .order-card-modern .order-card-footer .order-action-buttons {
  display: flex;
  gap: var(--profile-space-sm);
}
.order-history-view .orders-list .order-card-modern .order-card-footer .order-action-buttons .btn-order-action {
  padding: var(--profile-space-sm) var(--profile-space-md);
  border: 1px solid var(--profile-primary);
  background: var(--profile-white);
  color: var(--profile-primary);
  border-radius: var(--profile-radius-sm);
  font-size: 0.85rem;
  font-weight: 500;
  transition: all var(--profile-transition-fast);
  display: flex;
  align-items: center;
  gap: var(--profile-space-xs);
}
.order-history-view .orders-list .order-card-modern .order-card-footer .order-action-buttons .btn-order-action:hover {
  background: var(--profile-primary);
  color: var(--profile-white);
  transform: translateY(-2px);
}
@media (max-width: 480px) {
  .order-history-view .orders-list .order-card-modern .order-card-footer .order-action-buttons .btn-order-action .btn-text {
    display: none;
  }
}
.order-history-view .orders-list .order-card-modern .order-details-expanded {
  border-top: 1px solid var(--profile-border-color);
  background: var(--profile-bg-lighter);
  overflow: hidden;
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid {
  padding: var(--profile-space-lg);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: var(--profile-space-md);
  gap: var(--profile-space-md);
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid .detail-card {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
  padding: var(--profile-space-md);
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid .detail-card .detail-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--profile-radius-sm);
  background: rgba(var(--profile-primary-rgb), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid .detail-card .detail-icon i {
  color: var(--profile-primary);
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid .detail-card .detail-icon.success {
  background: rgba(34, 197, 94, 0.1);
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid .detail-card .detail-icon.success i {
  color: var(--profile-success);
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid .detail-card .detail-icon.info {
  background: rgba(59, 130, 246, 0.1);
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid .detail-card .detail-icon.info i {
  color: var(--profile-info);
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid .detail-card .detail-icon.danger {
  background: rgba(239, 68, 68, 0.1);
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid .detail-card .detail-icon.danger i {
  color: var(--profile-danger);
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid .detail-card .detail-content {
  flex: 1 1;
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid .detail-card .detail-content .detail-label {
  display: block;
  font-size: 0.8rem;
  color: var(--profile-text);
  margin-bottom: 2px;
}
.order-history-view .orders-list .order-card-modern .order-details-expanded .details-grid .detail-card .detail-content .detail-value {
  font-weight: 600;
  color: var(--profile-text-dark);
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.order-history-view .order-stats {
  margin-top: var(--profile-space-2xl);
  padding: var(--profile-space-lg);
  background: var(--profile-white);
  border-radius: var(--profile-radius-lg);
  box-shadow: var(--profile-shadow-sm);
  display: flex;
  justify-content: center;
  gap: var(--profile-space-2xl);
}
.order-history-view .order-stats .stat-item {
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  color: var(--profile-text);
}
.order-history-view .order-stats .stat-item i {
  color: var(--profile-primary);
  font-size: 1.2rem;
}
.order-history-view .order-stats .stat-item span {
  font-weight: 500;
}

.payment-info-view .add-card-button {
  background: var(--profile-primary);
  color: var(--profile-white);
  border: none;
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  transition: all var(--profile-transition-fast);
}
.payment-info-view .add-card-button:hover {
  background: #D90429;
  transform: translateY(-2px);
}
.payment-info-view .add-card-form {
  background: var(--profile-bg-light);
  padding: var(--profile-space-xl);
  margin-bottom: var(--profile-space-xl);
  border-radius: var(--profile-radius-md);
  overflow: hidden;
}
.payment-info-view .add-card-form .form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: var(--profile-space-lg);
  gap: var(--profile-space-lg);
  margin-bottom: var(--profile-space-xl);
}
.payment-info-view .add-card-form .form-grid .full-width {
  grid-column: 1/-1;
}
.payment-info-view .add-card-form .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--profile-space-md);
}
.payment-info-view .add-card-form .form-actions .btn-cancel {
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  color: var(--profile-text);
  transition: all var(--profile-transition-fast);
}
.payment-info-view .add-card-form .form-actions .btn-cancel:hover {
  border-color: var(--profile-danger);
  color: var(--profile-danger);
}
.payment-info-view .cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: var(--profile-space-lg);
  gap: var(--profile-space-lg);
}
.payment-info-view .cards-grid .payment-card {
  background: var(--profile-white);
  border: 2px solid var(--profile-border-color);
  border-radius: var(--profile-radius-lg);
  padding: var(--profile-space-xl);
  position: relative;
  transition: all var(--profile-transition-base);
}
.payment-info-view .cards-grid .payment-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--profile-shadow-lg);
  border-color: var(--profile-primary);
}
.payment-info-view .cards-grid .payment-card.default {
  border-color: var(--profile-primary);
  background: linear-gradient(135deg, var(--profile-white) 0%, rgba(var(--profile-primary-rgb), 0.02) 100%);
}
.payment-info-view .cards-grid .payment-card.add-new {
  border: 2px dashed var(--profile-border-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--profile-space-md);
  cursor: pointer;
  color: var(--profile-text);
}
.payment-info-view .cards-grid .payment-card.add-new:hover {
  border-color: var(--profile-primary);
  color: var(--profile-primary);
}
.payment-info-view .cards-grid .payment-card.add-new i {
  font-size: 2rem;
  opacity: 0.5;
}
.payment-info-view .cards-grid .payment-card.add-new span {
  font-weight: 500;
}
.payment-info-view .cards-grid .payment-card .default-badge {
  position: absolute;
  top: var(--profile-space-md);
  right: var(--profile-space-md);
  background: var(--profile-primary);
  color: var(--profile-white);
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}
.payment-info-view .cards-grid .payment-card .card-icon {
  font-size: 2.5rem;
  margin-bottom: var(--profile-space-md);
  color: var(--profile-text-dark);
}
.payment-info-view .cards-grid .payment-card .card-number {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-lg);
  letter-spacing: 1px;
}
.payment-info-view .cards-grid .payment-card .card-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--profile-space-lg);
}
.payment-info-view .cards-grid .payment-card .card-info .card-holder span,
.payment-info-view .cards-grid .payment-card .card-info .card-expiry span {
  display: block;
  font-size: 0.75rem;
  color: var(--profile-text);
  margin-bottom: 4px;
  text-transform: uppercase;
}
.payment-info-view .cards-grid .payment-card .card-info .card-holder strong,
.payment-info-view .cards-grid .payment-card .card-info .card-expiry strong {
  display: block;
  font-size: 0.9rem;
  color: var(--profile-text-dark);
}
.payment-info-view .cards-grid .payment-card .card-actions {
  display: flex;
  gap: var(--profile-space-sm);
}
.payment-info-view .cards-grid .payment-card .card-actions button {
  width: 36px;
  height: 36px;
  border-radius: var(--profile-radius-sm);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--profile-transition-fast);
  color: var(--profile-text);
}
.payment-info-view .cards-grid .payment-card .card-actions button:hover {
  border-color: var(--profile-primary);
  color: var(--profile-primary);
  transform: scale(1.1);
}
.payment-info-view .cards-grid .payment-card .card-actions button.btn-delete:hover {
  border-color: var(--profile-danger);
  color: var(--profile-danger);
}
.payment-info-view .payment-id {
  color: var(--profile-primary);
  font-weight: 600;
}
.payment-info-view .order-link {
  color: var(--profile-info);
  text-decoration: none;
  font-weight: 500;
}
.payment-info-view .order-link:hover {
  text-decoration: underline;
}
.payment-info-view .payment-amount {
  font-weight: 600;
  color: var(--profile-success);
}
.payment-info-view .payment-methods-info {
  margin-top: var(--profile-space-2xl);
  padding: var(--profile-space-xl);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-lg);
}
.payment-info-view .payment-methods-info h4, .payment-info-view .payment-methods-info .h4 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-lg);
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
}
.payment-info-view .payment-methods-info h4 i, .payment-info-view .payment-methods-info .h4 i {
  color: var(--profile-primary);
}
.payment-info-view .payment-methods-info .methods-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: var(--profile-space-md);
  gap: var(--profile-space-md);
}
.payment-info-view .payment-methods-info .methods-grid .method-item {
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  padding: var(--profile-space-md);
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
}
.payment-info-view .payment-methods-info .methods-grid .method-item i {
  color: var(--profile-primary);
  font-size: 1.2rem;
}
.payment-info-view .payment-methods-info .methods-grid .method-item span {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--profile-text-dark);
}

.comments-view .comments-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: var(--profile-space-lg);
  gap: var(--profile-space-lg);
  margin-bottom: var(--profile-space-2xl);
}
.comments-view .comments-stats .stat-card {
  background: var(--profile-white);
  border-radius: var(--profile-radius-md);
  padding: var(--profile-space-lg);
  box-shadow: var(--profile-shadow-sm);
  border: 1px solid var(--profile-bg-light);
  transition: all var(--profile-transition-base);
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
}
.comments-view .comments-stats .stat-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--profile-shadow-lg);
}
.comments-view .comments-stats .stat-card .stat-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--profile-radius-md);
  background: rgba(var(--profile-primary-rgb), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.comments-view .comments-stats .stat-card .stat-icon i {
  font-size: 1.5rem;
  color: var(--profile-primary);
}
.comments-view .filter-tabs {
  margin-bottom: var(--profile-space-xl);
  display: flex;
  gap: var(--profile-space-sm);
}
.comments-view .filter-tabs button {
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  color: var(--profile-text);
  transition: all var(--profile-transition-fast);
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
}
.comments-view .filter-tabs button:hover {
  border-color: var(--profile-primary);
  color: var(--profile-primary);
}
.comments-view .filter-tabs button.active {
  background: var(--profile-primary);
  color: var(--profile-white);
  border-color: var(--profile-primary);
}
.comments-view .comment-card {
  background: var(--profile-white);
  border-radius: var(--profile-radius-lg);
  box-shadow: var(--profile-shadow-md);
  margin-bottom: var(--profile-space-lg);
  overflow: hidden;
}
.comments-view .comment-card .comment-header {
  padding: var(--profile-space-lg);
  border-bottom: 1px solid var(--profile-bg-light);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.comments-view .comment-card .comment-header .product-info h4, .comments-view .comment-card .comment-header .product-info .h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin: 0 0 4px 0;
}
.comments-view .comment-card .comment-header .product-info .product-id {
  color: var(--profile-text);
  font-size: 0.9rem;
}
.comments-view .comment-card .comment-header .comment-meta {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
}
.comments-view .comment-card .comment-header .comment-meta .comment-date {
  color: var(--profile-text);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: var(--profile-space-xs);
}
.comments-view .comment-card .comment-rating {
  padding: 0 var(--profile-space-lg);
  margin-top: var(--profile-space-md);
}
.comments-view .comment-card .comment-rating i {
  color: #ddd;
  font-size: 1rem;
  margin-right: 2px;
}
.comments-view .comment-card .comment-rating i.filled {
  color: #fbbf24;
}
.comments-view .comment-card .comment-content {
  padding: var(--profile-space-lg);
}
.comments-view .comment-card .comment-content p {
  color: var(--profile-text-dark);
  line-height: 1.6;
  margin: 0;
}
.comments-view .comment-card .comment-content .comment-images {
  display: flex;
  gap: var(--profile-space-md);
  margin-top: var(--profile-space-lg);
}
.comments-view .comment-card .comment-content .comment-images img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: var(--profile-radius-sm);
  cursor: pointer;
  transition: transform var(--profile-transition-fast);
}
.comments-view .comment-card .comment-content .comment-images img:hover {
  transform: scale(1.05);
}
.comments-view .comment-card .comment-reply {
  background: var(--profile-bg-light);
  padding: var(--profile-space-lg);
  margin: 0 var(--profile-space-lg) var(--profile-space-lg);
  border-radius: var(--profile-radius-sm);
}
.comments-view .comment-card .comment-reply .reply-header {
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  margin-bottom: var(--profile-space-sm);
  color: var(--profile-primary);
  font-weight: 500;
  font-size: 0.9rem;
}
.comments-view .comment-card .comment-reply .reply-header .reply-date {
  color: var(--profile-text);
  font-weight: 400;
  margin-left: auto;
}
.comments-view .comment-card .comment-reply p {
  color: var(--profile-text-dark);
  line-height: 1.5;
  margin: 0;
}
.comments-view .comment-card .comment-actions {
  padding: var(--profile-space-lg);
  border-top: 1px solid var(--profile-bg-light);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comments-view .comment-card .comment-actions .helpful-section {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
}
.comments-view .comment-card .comment-actions .helpful-section span {
  color: var(--profile-text);
  font-size: 0.9rem;
}
.comments-view .comment-card .comment-actions .helpful-section .btn-helpful {
  padding: 6px 16px;
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  border-radius: 20px;
  font-size: 0.85rem;
  color: var(--profile-text);
  display: flex;
  align-items: center;
  gap: var(--profile-space-xs);
  transition: all var(--profile-transition-fast);
}
.comments-view .comment-card .comment-actions .helpful-section .btn-helpful:hover {
  border-color: var(--profile-primary);
  color: var(--profile-primary);
}
.comments-view .comment-card .comment-actions .action-buttons {
  display: flex;
  gap: var(--profile-space-sm);
}
.comments-view .comment-card .comment-actions .action-buttons button {
  padding: var(--profile-space-sm) var(--profile-space-md);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
  font-size: 0.85rem;
  color: var(--profile-text);
  transition: all var(--profile-transition-fast);
  display: flex;
  align-items: center;
  gap: var(--profile-space-xs);
}
.comments-view .comment-card .comment-actions .action-buttons button:hover {
  border-color: var(--profile-primary);
  color: var(--profile-primary);
}
.comments-view .comment-card .comment-actions .action-buttons button.btn-delete:hover {
  border-color: var(--profile-danger);
  color: var(--profile-danger);
}
.comments-view .comment-card .reply-form {
  padding: var(--profile-space-lg);
  background: var(--profile-bg-light);
  overflow: hidden;
}
.comments-view .comment-card .reply-form textarea {
  width: 100%;
  min-height: 100px;
  padding: var(--profile-space-md);
  border: 1px solid var(--profile-border-color);
  border-radius: var(--profile-radius-sm);
  resize: vertical;
  font-family: inherit;
  font-size: 0.95rem;
}
.comments-view .comment-card .reply-form textarea:focus {
  outline: none;
  border-color: var(--profile-primary);
}
.comments-view .comment-card .reply-form .reply-actions {
  margin-top: var(--profile-space-md);
  display: flex;
  justify-content: flex-end;
  gap: var(--profile-space-sm);
}
.comments-view .comment-card .reply-form .reply-actions .btn-cancel {
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  color: var(--profile-text);
  transition: all var(--profile-transition-fast);
}
.comments-view .comment-card .reply-form .reply-actions .btn-cancel:hover {
  border-color: var(--profile-danger);
  color: var(--profile-danger);
}
.comments-view .comment-card .reply-form .reply-actions .btn-send {
  padding: var(--profile-space-sm) var(--profile-space-lg);
  background: var(--profile-primary);
  color: var(--profile-white);
  border: none;
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  transition: all var(--profile-transition-fast);
}
.comments-view .comment-card .reply-form .reply-actions .btn-send:hover {
  background: #D90429;
  transform: translateY(-2px);
}
.comments-view .comment-guidelines {
  margin-top: var(--profile-space-2xl);
  padding: var(--profile-space-xl);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-lg);
}
.comments-view .comment-guidelines h4, .comments-view .comment-guidelines .h4 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-lg);
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
}
.comments-view .comment-guidelines h4 i, .comments-view .comment-guidelines .h4 i {
  color: var(--profile-primary);
}
.comments-view .comment-guidelines ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.comments-view .comment-guidelines ul li {
  padding: var(--profile-space-sm) 0;
  padding-left: var(--profile-space-xl);
  position: relative;
  color: var(--profile-text);
}
.comments-view .comment-guidelines ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--profile-success);
  font-weight: bold;
}
.comments-view .empty-state-modern {
  text-align: center;
  padding: var(--profile-space-3xl) var(--profile-space-xl);
  background: var(--profile-white);
  border-radius: var(--profile-radius-lg);
  box-shadow: var(--profile-shadow-sm);
}
.comments-view .empty-state-modern .empty-illustration {
  margin-bottom: var(--profile-space-xl);
}
.comments-view .empty-state-modern .empty-illustration .empty-icon-wrapper {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background: linear-gradient(135deg, rgba(var(--profile-primary-rgb), 0.05) 0%, rgba(var(--profile-primary-rgb), 0.1) 100%);
  border-radius: var(--profile-radius-round);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.comments-view .empty-state-modern .empty-illustration .empty-icon-wrapper i {
  font-size: 3rem;
  color: var(--profile-primary);
  opacity: 0.8;
}
.comments-view .empty-state-modern .empty-illustration .empty-icon-wrapper .empty-badge {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 36px;
  height: 36px;
  background: var(--profile-white);
  border-radius: var(--profile-radius-round);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--profile-shadow-md);
}
.comments-view .empty-state-modern .empty-illustration .empty-icon-wrapper .empty-badge i {
  font-size: 1rem;
  color: #fbbf24;
}
.comments-view .empty-state-modern .empty-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-md);
}
.comments-view .empty-state-modern .empty-desc {
  color: var(--profile-text);
  font-size: 1rem;
  line-height: 1.6;
  max-width: 400px;
  margin: 0 auto var(--profile-space-xl);
}
.comments-view .empty-state-modern .empty-actions .btn-primary-modern {
  background: var(--profile-primary);
  color: var(--profile-white);
  border: none;
  padding: var(--profile-space-md) var(--profile-space-xl);
  border-radius: var(--profile-radius-sm);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--profile-space-sm);
  transition: all var(--profile-transition-fast);
}
.comments-view .empty-state-modern .empty-actions .btn-primary-modern:hover {
  background: #D90429;
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-md);
}
.comments-view .empty-state-modern .empty-actions .empty-hint {
  margin-top: var(--profile-space-lg);
  font-size: 0.85rem;
  color: var(--profile-text);
  opacity: 0.8;
}

.cancelled-orders-view .cancelled-card-modern {
  background: var(--profile-white);
  border-radius: var(--profile-radius-lg);
  box-shadow: var(--profile-shadow-sm);
  margin-bottom: var(--profile-space-lg);
  overflow: hidden;
  transition: all var(--profile-transition-base);
  border: 1px solid transparent;
}
.cancelled-orders-view .cancelled-card-modern:hover {
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-md);
  border-color: var(--profile-danger);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header {
  padding: var(--profile-space-lg);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--profile-space-md);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header .cancelled-main-info {
  flex: 1 1;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header .cancelled-main-info .cancelled-id-wrapper {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
  margin-bottom: var(--profile-space-sm);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header .cancelled-main-info .cancelled-id-wrapper .cancelled-number {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--profile-text-dark);
  margin: 0;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header .cancelled-main-info .cancelled-id-wrapper .cancel-reason-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(239, 68, 68, 0.1);
  color: var(--profile-danger);
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header .cancelled-main-info .cancelled-dates {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header .cancelled-main-info .cancelled-dates .date-item {
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  font-size: 0.85rem;
  color: var(--profile-text);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header .cancelled-main-info .cancelled-dates .date-item i {
  width: 16px;
  text-align: center;
  opacity: 0.6;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header .cancelled-main-info .cancelled-dates .date-item.cancel {
  color: var(--profile-danger);
  font-weight: 500;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header .refund-status-badge .refund-badge {
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  padding: 8px 16px;
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  font-size: 0.9rem;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header .refund-status-badge .refund-badge.completed {
  background: rgba(34, 197, 94, 0.1);
  color: var(--profile-success);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header .refund-status-badge .refund-badge.pending {
  background: rgba(245, 158, 11, 0.1);
  color: var(--profile-warning);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-header .refund-status-badge .refund-badge.pending i {
  animation: spin 2s linear infinite;
}
.cancelled-orders-view .cancelled-card-modern .cancel-reason-detail {
  padding: var(--profile-space-md) var(--profile-space-lg);
  background: rgba(239, 68, 68, 0.05);
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
}
.cancelled-orders-view .cancelled-card-modern .cancel-reason-detail i {
  color: var(--profile-danger);
  opacity: 0.6;
}
.cancelled-orders-view .cancelled-card-modern .cancel-reason-detail p {
  margin: 0;
  color: var(--profile-text-dark);
  font-style: italic;
  font-size: 0.9rem;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-products-section {
  padding: 0 var(--profile-space-lg) var(--profile-space-lg);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-products-section .cancelled-product-row {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
  padding: var(--profile-space-md);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-sm);
  margin-bottom: var(--profile-space-sm);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-products-section .cancelled-product-row:last-child {
  margin-bottom: 0;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-products-section .cancelled-product-row .product-icon {
  width: 40px;
  height: 40px;
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-products-section .cancelled-product-row .product-icon i {
  color: var(--profile-text);
  opacity: 0.5;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-products-section .cancelled-product-row .product-info {
  flex: 1 1;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-products-section .cancelled-product-row .product-info .product-name {
  display: block;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: 2px;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-products-section .cancelled-product-row .product-info .product-meta {
  font-size: 0.85rem;
  color: var(--profile-text);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-products-section .cancelled-product-row .product-price {
  font-weight: 700;
  color: var(--profile-text-dark);
  text-decoration: line-through;
  opacity: 0.7;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-footer {
  padding: var(--profile-space-lg);
  background: var(--profile-bg-lighter);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-footer .refund-summary {
  display: flex;
  align-items: center;
  gap: var(--profile-space-xl);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-footer .refund-summary .refund-amount {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-footer .refund-summary .refund-amount .amount-label {
  font-size: 0.85rem;
  color: var(--profile-text);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-footer .refund-summary .refund-amount .amount-value {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--profile-success);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-footer .refund-summary .refund-date-info {
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  color: var(--profile-text);
  font-size: 0.9rem;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-footer .refund-summary .refund-date-info i {
  color: var(--profile-success);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-footer .btn-expand {
  width: 36px;
  height: 36px;
  border-radius: var(--profile-radius-sm);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--profile-transition-fast);
  color: var(--profile-text);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-card-footer .btn-expand:hover {
  background: var(--profile-bg-light);
  transform: rotate(180deg);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded {
  border-top: 1px solid var(--profile-border-color);
  background: var(--profile-bg-lighter);
  padding: var(--profile-space-lg);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section {
  margin-bottom: var(--profile-space-xl);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-lg);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern {
  position: relative;
  padding-left: var(--profile-space-xl);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 30px;
  bottom: 30px;
  width: 2px;
  background: var(--profile-border-color);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step {
  position: relative;
  margin-bottom: var(--profile-space-xl);
  display: flex;
  align-items: flex-start;
  gap: var(--profile-space-md);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step:last-child {
  margin-bottom: 0;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step .step-icon {
  position: absolute;
  left: calc(-1 * var(--profile-space-xl));
  width: 40px;
  height: 40px;
  border-radius: var(--profile-radius-round);
  background: var(--profile-bg-light);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--profile-white);
  box-shadow: var(--profile-shadow-sm);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step .step-icon i {
  color: var(--profile-text);
  font-size: 1rem;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step .step-icon.cancel {
  background: rgba(239, 68, 68, 0.1);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step .step-icon.cancel i {
  color: var(--profile-danger);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step.completed .step-icon {
  background: var(--profile-success);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step.completed .step-icon i {
  color: var(--profile-white);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step.completed::after {
  content: "";
  position: absolute;
  left: calc(-1 * var(--profile-space-xl) + 19px);
  top: 40px;
  height: calc(100% + var(--profile-space-xl));
  width: 2px;
  background: var(--profile-success);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step.pending {
  opacity: 0.6;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step.pending .step-icon {
  background: var(--profile-white);
  border-style: dashed;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step .step-content strong {
  display: block;
  color: var(--profile-text-dark);
  margin-bottom: 4px;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .timeline-section .timeline-modern .timeline-step .step-content span {
  font-size: 0.85rem;
  color: var(--profile-text);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .support-card {
  background: var(--profile-white);
  border-radius: var(--profile-radius-md);
  padding: var(--profile-space-lg);
  display: flex;
  gap: var(--profile-space-lg);
  align-items: center;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .support-card .support-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--profile-radius-md);
  background: rgba(var(--profile-primary-rgb), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .support-card .support-icon i {
  font-size: 1.5rem;
  color: var(--profile-primary);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .support-card .support-content {
  flex: 1 1;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .support-card .support-content h6, .cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .support-card .support-content .h6 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin: 0 0 var(--profile-space-xs) 0;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .support-card .support-content p {
  font-size: 0.9rem;
  color: var(--profile-text);
  margin: 0 0 var(--profile-space-md) 0;
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .support-card .support-content .support-link {
  color: var(--profile-primary);
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: var(--profile-space-xs);
  transition: gap var(--profile-transition-fast);
}
.cancelled-orders-view .cancelled-card-modern .cancelled-details-expanded .support-card .support-content .support-link:hover {
  gap: var(--profile-space-sm);
}
.cancelled-orders-view .cancelled-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: var(--profile-space-lg);
  gap: var(--profile-space-lg);
  margin-bottom: var(--profile-space-2xl);
}
.cancelled-orders-view .reason-filter {
  margin-bottom: var(--profile-space-xl);
}
.cancelled-orders-view .reason-filter h4, .cancelled-orders-view .reason-filter .h4 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-md);
}
.cancelled-orders-view .reason-filter .filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--profile-space-sm);
}
.cancelled-orders-view .reason-filter .filter-buttons button {
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  color: var(--profile-text);
  transition: all var(--profile-transition-fast);
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
}
.cancelled-orders-view .reason-filter .filter-buttons button .count {
  background: var(--profile-bg-light);
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.8rem;
}
.cancelled-orders-view .reason-filter .filter-buttons button:hover {
  border-color: var(--profile-primary);
  color: var(--profile-primary);
}
.cancelled-orders-view .reason-filter .filter-buttons button.active {
  background: var(--profile-primary);
  color: var(--profile-white);
  border-color: var(--profile-primary);
}
.cancelled-orders-view .reason-filter .filter-buttons button.active .count {
  background: rgba(255, 255, 255, 0.2);
}
.cancelled-orders-view .cancelled-order-card {
  background: var(--profile-white);
  border-radius: var(--profile-radius-lg);
  box-shadow: var(--profile-shadow-md);
  margin-bottom: var(--profile-space-lg);
  overflow: hidden;
}
.cancelled-orders-view .cancelled-order-card .order-header {
  padding: var(--profile-space-lg);
  border-bottom: 1px solid var(--profile-bg-light);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.cancelled-orders-view .cancelled-order-card .order-header .order-dates {
  display: flex;
  flex-direction: column;
  gap: var(--profile-space-xs);
  margin-top: var(--profile-space-xs);
}
.cancelled-orders-view .cancelled-order-card .order-header .order-dates span {
  color: var(--profile-text);
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  gap: var(--profile-space-xs);
}
.cancelled-orders-view .cancelled-order-card .order-header .order-dates span.cancel-date {
  color: var(--profile-danger);
}
.cancelled-orders-view .cancelled-order-card .cancel-reason {
  padding: var(--profile-space-lg);
  background: rgba(var(--profile-danger-rgb, 239, 68, 68), 0.05);
}
.cancelled-orders-view .cancelled-order-card .cancel-reason .reason-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--profile-space-sm);
  padding: 6px 16px;
  background: var(--profile-white);
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--profile-danger);
  margin-bottom: var(--profile-space-sm);
}
.cancelled-orders-view .cancelled-order-card .cancel-reason .reason-detail {
  color: var(--profile-text-dark);
  font-style: italic;
  margin: 0;
}
.cancelled-orders-view .cancelled-order-card .timeline {
  margin-top: var(--profile-space-lg);
}
.cancelled-orders-view .cancelled-order-card .timeline .timeline-item {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
  padding: var(--profile-space-md) 0;
  position: relative;
}
.cancelled-orders-view .cancelled-order-card .timeline .timeline-item:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 16px;
  top: calc(50% + 20px);
  width: 2px;
  height: calc(100% - 20px);
  background: var(--profile-border-color);
}
.cancelled-orders-view .cancelled-order-card .timeline .timeline-item.completed i {
  background: var(--profile-success);
  color: var(--profile-white);
}
.cancelled-orders-view .cancelled-order-card .timeline .timeline-item.completed::after {
  background: var(--profile-success);
}
.cancelled-orders-view .cancelled-order-card .timeline .timeline-item.pending {
  opacity: 0.6;
}
.cancelled-orders-view .cancelled-order-card .timeline .timeline-item.pending i {
  background: var(--profile-bg-light);
  color: var(--profile-text);
}
.cancelled-orders-view .cancelled-order-card .timeline .timeline-item i {
  width: 32px;
  height: 32px;
  border-radius: var(--profile-radius-round);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.cancelled-orders-view .cancelled-order-card .timeline .timeline-item div strong {
  display: block;
  color: var(--profile-text-dark);
  margin-bottom: 2px;
}
.cancelled-orders-view .cancelled-order-card .timeline .timeline-item div span {
  display: block;
  color: var(--profile-text);
  font-size: 0.85rem;
}
.cancelled-orders-view .cancelled-order-card .support-info {
  margin-top: var(--profile-space-xl);
  padding: var(--profile-space-lg);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-md);
  text-align: center;
}
.cancelled-orders-view .cancelled-order-card .support-info i {
  font-size: 2rem;
  color: var(--profile-primary);
  margin-bottom: var(--profile-space-md);
}
.cancelled-orders-view .cancelled-order-card .support-info p {
  color: var(--profile-text);
  margin-bottom: var(--profile-space-md);
}
.cancelled-orders-view .cancelled-order-card .support-info .support-link {
  color: var(--profile-primary);
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: var(--profile-space-xs);
}
.cancelled-orders-view .cancelled-order-card .support-info .support-link:hover {
  gap: var(--profile-space-sm);
}
.cancelled-orders-view .cancellation-info {
  margin-top: var(--profile-space-2xl);
  padding: var(--profile-space-xl);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-lg);
}
.cancelled-orders-view .cancellation-info .info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: var(--profile-space-lg);
  gap: var(--profile-space-lg);
  margin-top: var(--profile-space-lg);
}
.cancelled-orders-view .cancellation-info .info-grid .info-item {
  display: flex;
  gap: var(--profile-space-md);
}
.cancelled-orders-view .cancellation-info .info-grid .info-item i {
  color: var(--profile-primary);
  font-size: 1.5rem;
  flex-shrink: 0;
}
.cancelled-orders-view .cancellation-info .info-grid .info-item div strong {
  display: block;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-xs);
}
.cancelled-orders-view .cancellation-info .info-grid .info-item div p {
  color: var(--profile-text);
  font-size: 0.9rem;
  margin: 0;
}

.settings-view .settings-nav {
  display: flex;
  gap: var(--profile-space-sm);
  margin-bottom: var(--profile-space-xl);
  overflow-x: auto;
  padding-bottom: var(--profile-space-sm);
}
.settings-view .settings-nav button {
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  color: var(--profile-text);
  transition: all var(--profile-transition-fast);
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  white-space: nowrap;
}
.settings-view .settings-nav button:hover {
  border-color: var(--profile-primary);
  color: var(--profile-primary);
}
.settings-view .settings-nav button.active {
  background: var(--profile-primary);
  color: var(--profile-white);
  border-color: var(--profile-primary);
}
.settings-view .settings-section {
  margin-bottom: var(--profile-space-2xl);
}
.settings-view .settings-section h4, .settings-view .settings-section .h4 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-lg);
  padding-bottom: var(--profile-space-sm);
  border-bottom: 1px solid var(--profile-border-color);
}
.settings-view .setting-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--profile-space-lg) 0;
  border-bottom: 1px solid var(--profile-bg-light);
}
.settings-view .setting-item:last-child {
  border-bottom: none;
}
.settings-view .setting-item .setting-info {
  flex: 1 1;
  margin-right: var(--profile-space-xl);
}
.settings-view .setting-item .setting-info label {
  display: block;
  font-weight: 500;
  color: var(--profile-text-dark);
  margin-bottom: 4px;
}
.settings-view .setting-item .setting-info p {
  font-size: 0.85rem;
  color: var(--profile-text);
  margin: 0;
}
.settings-view .setting-item select {
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border: 1px solid var(--profile-border-color);
  border-radius: var(--profile-radius-sm);
  font-size: 0.9rem;
  color: var(--profile-text-dark);
  background: var(--profile-white);
  min-width: 180px;
}
.settings-view .setting-item select:focus {
  outline: none;
  border-color: var(--profile-primary);
}
.settings-view .toggle-switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}
.settings-view .toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.settings-view .toggle-switch input:checked + .toggle-slider {
  background-color: var(--profile-primary);
}
.settings-view .toggle-switch input:checked + .toggle-slider::before {
  transform: translateX(24px);
}
.settings-view .toggle-switch input:focus + .toggle-slider {
  box-shadow: 0 0 0 3px rgba(var(--profile-primary-rgb), 0.2);
}
.settings-view .toggle-switch .toggle-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  transition: all var(--profile-transition-fast);
  border-radius: 24px;
}
.settings-view .toggle-switch .toggle-slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: all var(--profile-transition-fast);
  border-radius: 50%;
}
.settings-view .checkbox-label {
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  cursor: pointer;
}
.settings-view .checkbox-label input[type=checkbox] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.settings-view .checkbox-label span {
  color: var(--profile-text-dark);
}
.settings-view .security-actions {
  display: flex;
  gap: var(--profile-space-md);
  margin-top: var(--profile-space-xl);
}
.settings-view .security-actions .btn-secondary {
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  color: var(--profile-text-dark);
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  transition: all var(--profile-transition-fast);
}
.settings-view .security-actions .btn-secondary:hover {
  border-color: var(--profile-primary);
  color: var(--profile-primary);
}
.settings-view .data-section .data-item {
  display: flex;
  align-items: center;
  gap: var(--profile-space-lg);
  padding: var(--profile-space-xl);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-md);
  margin-bottom: var(--profile-space-lg);
  transition: all var(--profile-transition-fast);
}
.settings-view .data-section .data-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-sm);
}
.settings-view .data-section .data-item.danger {
  background: rgba(var(--profile-danger-rgb, 239, 68, 68), 0.05);
}
.settings-view .data-section .data-item .data-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--profile-radius-md);
  background: var(--profile-white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.settings-view .data-section .data-item .data-icon i {
  font-size: 1.5rem;
  color: var(--profile-primary);
}
.settings-view .data-section .data-item.danger .data-icon i {
  color: var(--profile-danger);
}
.settings-view .data-section .data-item .data-info {
  flex: 1 1;
}
.settings-view .data-section .data-item .data-info h4, .settings-view .data-section .data-item .data-info .h4 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin: 0 0 4px 0;
  border: none;
  padding: 0;
}
.settings-view .data-section .data-item .data-info p {
  font-size: 0.9rem;
  color: var(--profile-text);
  margin: 0;
}
.settings-view .data-section .data-item button {
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  transition: all var(--profile-transition-fast);
}
.settings-view .data-section .data-item .btn-primary {
  background: var(--profile-primary);
  color: var(--profile-white);
  border: none;
}
.settings-view .data-section .data-item .btn-primary:hover {
  background: #D90429;
  transform: translateY(-2px);
}
.settings-view .data-section .data-item .btn-secondary {
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  color: var(--profile-text-dark);
}
.settings-view .data-section .data-item .btn-secondary:hover {
  border-color: var(--profile-primary);
  color: var(--profile-primary);
}
.settings-view .data-section .data-item .btn-danger {
  background: var(--profile-danger);
  color: var(--profile-white);
  border: none;
}
.settings-view .data-section .data-item .btn-danger:hover {
  background: #dc2626;
  transform: translateY(-2px);
}
.settings-view .data-info-box {
  padding: var(--profile-space-lg);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-md);
  display: flex;
  gap: var(--profile-space-md);
  align-items: flex-start;
}
.settings-view .data-info-box i {
  color: var(--profile-info);
  font-size: 1.2rem;
  flex-shrink: 0;
}
.settings-view .data-info-box p {
  color: var(--profile-text);
  font-size: 0.9rem;
  margin: 0;
}
.settings-view .data-info-box p a {
  color: var(--profile-primary);
  text-decoration: none;
  font-weight: 500;
}
.settings-view .data-info-box p a:hover {
  text-decoration: underline;
}
.settings-view .settings-actions {
  margin-top: var(--profile-space-2xl);
  display: flex;
  justify-content: flex-end;
}
.settings-view .settings-actions .btn-save {
  background: var(--profile-primary);
  color: var(--profile-white);
  border: none;
  padding: var(--profile-space-md) var(--profile-space-2xl);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  transition: all var(--profile-transition-fast);
}
.settings-view .settings-actions .btn-save:hover {
  background: #D90429;
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-md);
}

@media (max-width: 768px) {
  .order-history-view .stat-card .stat-icon,
  .payment-info-view .stat-card .stat-icon,
  .comments-view .stat-card .stat-icon,
  .cancelled-orders-view .stat-card .stat-icon,
  .settings-view .stat-card .stat-icon {
    width: 40px;
    height: 40px;
  }
  .order-history-view .stat-card .stat-icon i,
  .payment-info-view .stat-card .stat-icon i,
  .comments-view .stat-card .stat-icon i,
  .cancelled-orders-view .stat-card .stat-icon i,
  .settings-view .stat-card .stat-icon i {
    font-size: 1.2rem;
  }
  .order-history-view .filter-buttons button,
  .payment-info-view .filter-buttons button,
  .comments-view .filter-buttons button,
  .cancelled-orders-view .filter-buttons button,
  .settings-view .filter-buttons button {
    font-size: 0.85rem;
    padding: var(--profile-space-xs) var(--profile-space-md);
  }
  .order-history-view .order-card .order-header,
  .order-history-view .order-card .comment-header,
  .order-history-view .comment-card .order-header,
  .order-history-view .comment-card .comment-header,
  .order-history-view .cancelled-order-card .order-header,
  .order-history-view .cancelled-order-card .comment-header,
  .payment-info-view .order-card .order-header,
  .payment-info-view .order-card .comment-header,
  .payment-info-view .comment-card .order-header,
  .payment-info-view .comment-card .comment-header,
  .payment-info-view .cancelled-order-card .order-header,
  .payment-info-view .cancelled-order-card .comment-header,
  .comments-view .order-card .order-header,
  .comments-view .order-card .comment-header,
  .comments-view .comment-card .order-header,
  .comments-view .comment-card .comment-header,
  .comments-view .cancelled-order-card .order-header,
  .comments-view .cancelled-order-card .comment-header,
  .cancelled-orders-view .order-card .order-header,
  .cancelled-orders-view .order-card .comment-header,
  .cancelled-orders-view .comment-card .order-header,
  .cancelled-orders-view .comment-card .comment-header,
  .cancelled-orders-view .cancelled-order-card .order-header,
  .cancelled-orders-view .cancelled-order-card .comment-header,
  .settings-view .order-card .order-header,
  .settings-view .order-card .comment-header,
  .settings-view .comment-card .order-header,
  .settings-view .comment-card .comment-header,
  .settings-view .cancelled-order-card .order-header,
  .settings-view .cancelled-order-card .comment-header {
    flex-direction: column;
    gap: var(--profile-space-md);
  }
  .settings-view .settings-nav {
    -webkit-overflow-scrolling: touch;
  }
  .settings-view .settings-nav::-webkit-scrollbar {
    height: 4px;
  }
  .settings-view .settings-nav::-webkit-scrollbar-track {
    background: var(--profile-bg-light);
  }
  .settings-view .settings-nav::-webkit-scrollbar-thumb {
    background: var(--profile-primary);
    border-radius: 2px;
  }
  .settings-view .setting-item {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--profile-space-md);
  }
  .settings-view .setting-item .setting-info {
    margin-right: 0;
  }
  .settings-view .setting-item select,
  .settings-view .setting-item .toggle-switch {
    align-self: flex-start;
  }
}
.settings-view .settings-nav-modern {
  margin-bottom: var(--profile-space-2xl);
}
.settings-view .settings-nav-modern .nav-wrapper {
  display: flex;
  gap: var(--profile-space-sm);
  border-bottom: 2px solid var(--profile-bg-light);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.settings-view .settings-nav-modern .nav-wrapper::-webkit-scrollbar {
  display: none;
}
@media (max-width: 768px) {
  .settings-view .settings-nav-modern .nav-wrapper {
    gap: 0;
  }
}
.settings-view .settings-nav-modern .nav-tab {
  flex: 0 0 auto;
  padding: var(--profile-space-md) var(--profile-space-lg);
  border: none;
  background: none;
  color: var(--profile-text);
  font-weight: 500;
  position: relative;
  transition: all var(--profile-transition-base);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  white-space: nowrap;
}
@media (max-width: 768px) {
  .settings-view .settings-nav-modern .nav-tab {
    flex-direction: column;
    padding: var(--profile-space-md);
    gap: 4px;
    font-size: 0.85rem;
  }
}
.settings-view .settings-nav-modern .nav-tab .tab-icon {
  font-size: 1.1rem;
  color: var(--profile-text);
  transition: all var(--profile-transition-base);
}
@media (max-width: 768px) {
  .settings-view .settings-nav-modern .nav-tab .tab-icon {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  .settings-view .settings-nav-modern .nav-tab .tab-label {
    font-size: 0.75rem;
  }
}
.settings-view .settings-nav-modern .nav-tab::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--profile-primary);
  transform: scaleX(0);
  transition: transform var(--profile-transition-base);
}
.settings-view .settings-nav-modern .nav-tab:hover {
  color: var(--profile-primary);
}
.settings-view .settings-nav-modern .nav-tab:hover .tab-icon {
  color: var(--profile-primary);
  transform: translateY(-2px);
}
.settings-view .settings-nav-modern .nav-tab.active {
  color: var(--profile-primary);
}
.settings-view .settings-nav-modern .nav-tab.active .tab-icon {
  color: var(--profile-primary);
}
.settings-view .settings-nav-modern .nav-tab.active::after {
  transform: scaleX(1);
}
.settings-view .settings-content .content-card {
  background: var(--profile-white);
  border-radius: var(--profile-radius-lg);
  box-shadow: var(--profile-shadow-sm);
  overflow: hidden;
}
.settings-view .settings-content .content-card .content-header {
  padding: var(--profile-space-xl);
  border-bottom: 1px solid var(--profile-bg-light);
}
.settings-view .settings-content .content-card .content-header .header-title {
  font-size: 1.25rem;
  color: var(--profile-text-dark);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
  margin: 0;
}
.settings-view .settings-content .content-card .content-header .header-title i {
  color: var(--profile-primary);
}
.settings-view .settings-content .content-card .content-body {
  padding: var(--profile-space-xl);
}
.settings-view .settings-content .settings-group {
  margin-bottom: var(--profile-space-2xl);
}
.settings-view .settings-content .settings-group:last-child {
  margin-bottom: 0;
}
.settings-view .settings-content .settings-group .group-header {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
  margin-bottom: var(--profile-space-lg);
}
.settings-view .settings-content .settings-group .group-header i {
  font-size: 1.1rem;
  color: var(--profile-primary);
}
.settings-view .settings-content .settings-group .group-header h4, .settings-view .settings-content .settings-group .group-header .h4 {
  font-size: 1.1rem;
  color: var(--profile-text-dark);
  font-weight: 600;
  margin: 0;
}
.settings-view .settings-content .settings-group .settings-list {
  display: flex;
  flex-direction: column;
  gap: var(--profile-space-md);
}
.settings-view .settings-content .setting-item-modern {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--profile-space-lg);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-md);
  transition: all var(--profile-transition-base);
}
.settings-view .settings-content .setting-item-modern:hover {
  background: rgba(var(--profile-primary-rgb), 0.05);
  transform: translateX(4px);
}
.settings-view .settings-content .setting-item-modern .setting-content {
  display: flex;
  align-items: center;
  gap: var(--profile-space-lg);
  flex: 1 1;
}
.settings-view .settings-content .setting-item-modern .setting-content .setting-icon {
  width: 40px;
  height: 40px;
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.settings-view .settings-content .setting-item-modern .setting-content .setting-icon i {
  font-size: 1.1rem;
  color: var(--profile-primary);
}
.settings-view .settings-content .setting-item-modern .setting-content .setting-details {
  flex: 1 1;
}
.settings-view .settings-content .setting-item-modern .setting-content .setting-details label {
  display: block;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: 4px;
  font-size: 0.95rem;
}
.settings-view .settings-content .setting-item-modern .setting-content .setting-details p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--profile-text);
  line-height: 1.4;
}
.settings-view .settings-content .toggle-switch-modern, .settings-view .settings-content .settings-section .setting-item .toggle-switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
  flex-shrink: 0;
}
.settings-view .settings-content .toggle-switch-modern input, .settings-view .settings-content .settings-section .setting-item .toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.settings-view .settings-content .toggle-switch-modern input:checked + .toggle-slider, .settings-view .settings-content .settings-section .setting-item .toggle-switch input:checked + .toggle-slider {
  background: var(--profile-primary);
}
.settings-view .settings-content .toggle-switch-modern input:checked + .toggle-slider::after, .settings-view .settings-content .settings-section .setting-item .toggle-switch input:checked + .toggle-slider::after {
  transform: translateX(24px);
}
.settings-view .settings-content .toggle-switch-modern .toggle-slider, .settings-view .settings-content .settings-section .setting-item .toggle-switch .toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
  transition: all var(--profile-transition-base);
  border-radius: 24px;
}
.settings-view .settings-content .toggle-switch-modern .toggle-slider::after, .settings-view .settings-content .settings-section .setting-item .toggle-switch .toggle-slider::after {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background: white;
  transition: all var(--profile-transition-base);
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.settings-view .settings-content .settings-section {
  margin-bottom: var(--profile-space-2xl);
}
.settings-view .settings-content .settings-section h4, .settings-view .settings-content .settings-section .h4 {
  font-size: 1.1rem;
  color: var(--profile-text-dark);
  font-weight: 600;
  margin: 0 0 var(--profile-space-lg) 0;
}
.settings-view .settings-content .settings-section .setting-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--profile-space-lg) 0;
  border-bottom: 1px solid var(--profile-bg-light);
}
.settings-view .settings-content .settings-section .setting-item:last-child {
  border-bottom: none;
}
.settings-view .settings-content .settings-section .setting-item .setting-info {
  flex: 1 1;
}
.settings-view .settings-content .settings-section .setting-item .setting-info label {
  display: block;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: 4px;
}
.settings-view .settings-content .settings-section .setting-item .setting-info p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--profile-text);
}
.settings-view .settings-content .settings-section .setting-item select {
  padding: var(--profile-space-sm) var(--profile-space-md);
  border: 1px solid var(--profile-bg-light);
  border-radius: var(--profile-radius-sm);
  background: var(--profile-white);
  color: var(--profile-text-dark);
  font-size: 0.9rem;
  min-width: 150px;
  cursor: pointer;
  transition: all var(--profile-transition-base);
}
.settings-view .settings-content .settings-section .setting-item select:hover {
  border-color: var(--profile-primary);
}
.settings-view .settings-content .settings-section .setting-item select:focus {
  outline: none;
  border-color: var(--profile-primary);
  box-shadow: 0 0 0 3px rgba(var(--profile-primary-rgb), 0.1);
}
.settings-view .settings-content .security-actions {
  display: flex;
  gap: var(--profile-space-md);
  margin-top: var(--profile-space-xl);
  padding-top: var(--profile-space-xl);
  border-top: 1px solid var(--profile-bg-light);
}
@media (max-width: 768px) {
  .settings-view .settings-content .security-actions {
    flex-direction: column;
  }
}
.settings-view .settings-content .security-actions .btn-secondary {
  padding: var(--profile-space-md) var(--profile-space-lg);
  border: 1px solid var(--profile-bg-light);
  background: var(--profile-white);
  color: var(--profile-text-dark);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  transition: all var(--profile-transition-base);
  cursor: pointer;
}
.settings-view .settings-content .security-actions .btn-secondary i {
  color: var(--profile-primary);
}
.settings-view .settings-content .security-actions .btn-secondary:hover {
  background: var(--profile-bg-light);
  border-color: var(--profile-primary);
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-sm);
}
.settings-view .settings-content .data-section {
  display: flex;
  flex-direction: column;
  gap: var(--profile-space-lg);
}
.settings-view .settings-content .data-section .data-item {
  display: flex;
  align-items: center;
  gap: var(--profile-space-lg);
  padding: var(--profile-space-lg);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-md);
  transition: all var(--profile-transition-base);
}
.settings-view .settings-content .data-section .data-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-sm);
}
.settings-view .settings-content .data-section .data-item.danger {
  border: 1px solid rgba(220, 53, 69, 0.2);
  background: rgba(220, 53, 69, 0.05);
}
.settings-view .settings-content .data-section .data-item.danger .data-icon {
  background: rgba(220, 53, 69, 0.1);
}
.settings-view .settings-content .data-section .data-item.danger .data-icon i {
  color: #dc3545;
}
.settings-view .settings-content .data-section .data-item .data-icon {
  width: 50px;
  height: 50px;
  background: var(--profile-white);
  border-radius: var(--profile-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.settings-view .settings-content .data-section .data-item .data-icon i {
  font-size: 1.25rem;
  color: var(--profile-primary);
}
.settings-view .settings-content .data-section .data-item .data-info {
  flex: 1 1;
}
.settings-view .settings-content .data-section .data-item .data-info h4, .settings-view .settings-content .data-section .data-item .data-info .h4 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin: 0 0 4px 0;
}
.settings-view .settings-content .data-section .data-item .data-info p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--profile-text);
}
.settings-view .settings-content .data-section .data-item .btn-primary,
.settings-view .settings-content .data-section .data-item .btn-secondary,
.settings-view .settings-content .data-section .data-item .btn-danger {
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border: none;
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all var(--profile-transition-base);
  white-space: nowrap;
}
.settings-view .settings-content .data-section .data-item .btn-primary {
  background: var(--profile-primary);
  color: white;
}
.settings-view .settings-content .data-section .data-item .btn-primary:hover {
  background: var(--profile-primary-dark);
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-sm);
}
.settings-view .settings-content .data-section .data-item .btn-secondary {
  background: var(--profile-white);
  color: var(--profile-text-dark);
  border: 1px solid var(--profile-bg-light);
}
.settings-view .settings-content .data-section .data-item .btn-secondary:hover {
  background: var(--profile-bg-light);
  border-color: var(--profile-primary);
}
.settings-view .settings-content .data-section .data-item .btn-danger {
  background: #dc3545;
  color: white;
}
.settings-view .settings-content .data-section .data-item .btn-danger:hover {
  background: #c82333;
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-sm);
}
.settings-view .settings-content .data-info-box {
  margin-top: var(--profile-space-xl);
  padding: var(--profile-space-lg);
  background: rgba(var(--profile-primary-rgb), 0.05);
  border-radius: var(--profile-radius-md);
  display: flex;
  gap: var(--profile-space-md);
  align-items: flex-start;
}
.settings-view .settings-content .data-info-box i {
  font-size: 1.1rem;
  color: var(--profile-primary);
  margin-top: 2px;
}
.settings-view .settings-content .data-info-box p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--profile-text);
  line-height: 1.5;
}
.settings-view .settings-content .data-info-box p a {
  color: var(--profile-primary);
  text-decoration: none;
  font-weight: 500;
}
.settings-view .settings-content .data-info-box p a:hover {
  text-decoration: underline;
}
.settings-view .settings-actions {
  margin-top: var(--profile-space-2xl);
  display: flex;
  justify-content: flex-end;
}
.settings-view .settings-actions .btn-save {
  padding: var(--profile-space-md) var(--profile-space-2xl);
  background: var(--profile-primary);
  color: white;
  border: none;
  border-radius: var(--profile-radius-sm);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  transition: all var(--profile-transition-base);
}
.settings-view .settings-actions .btn-save i {
  font-size: 1.1rem;
}
.settings-view .settings-actions .btn-save:hover {
  background: var(--profile-primary-dark);
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-lg);
}
.settings-view .settings-actions .btn-save:active {
  transform: translateY(0);
}

:root {
  --profile-primary: #EF233C;
  --profile-primary-rgb: 239, 35, 60;
  --profile-secondary: #171717;
  --profile-text: #707070;
  --profile-text-dark: #171717;
  --profile-bg-light: #f3f4f6;
  --profile-bg-lighter: #f6f6f6;
  --profile-white: #ffffff;
  --profile-success: #22c55e;
  --profile-warning: #f59e0b;
  --profile-danger: #ef4444;
  --profile-info: #3b82f6;
  --profile-radius-sm: 8px;
  --profile-radius-md: 12px;
  --profile-radius-lg: 16px;
  --profile-radius-xl: 24px;
  --profile-radius-round: 50%;
  --profile-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --profile-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  --profile-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --profile-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  --profile-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --profile-transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --profile-transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
  --profile-space-xs: 0.25rem;
  --profile-space-sm: 0.5rem;
  --profile-space-md: 1rem;
  --profile-space-lg: 1.5rem;
  --profile-space-xl: 2rem;
  --profile-space-2xl: 3rem;
  --profile-space-3xl: 4rem;
}

.profile-section {
  background: var(--profile-bg-light);
  min-height: calc(100vh - 300px);
  font-family: "Jost", sans-serif;
}
.profile-section .container {
  max-width: 1440px;
  padding: 0 var(--profile-space-md);
}
@media (min-width: 768px) {
  .profile-section .container {
    padding: 0 var(--profile-space-xl);
  }
}

.profile-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  grid-gap: var(--profile-space-xl);
  gap: var(--profile-space-xl);
  margin-top: var(--profile-space-2xl);
}
@media (max-width: 1024px) {
  .profile-layout {
    grid-template-columns: 240px 1fr;
    gap: var(--profile-space-lg);
  }
}
@media (max-width: 768px) {
  .profile-layout {
    grid-template-columns: 1fr;
    gap: var(--profile-space-lg);
  }
}

.profile-header-card {
  background: var(--profile-white);
  border-radius: var(--profile-radius-lg);
  padding: var(--profile-space-2xl);
  box-shadow: var(--profile-shadow-md);
  margin-bottom: var(--profile-space-xl);
  position: relative;
  overflow: hidden;
}
.profile-header-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--profile-primary) 0%, #ff8533 25%, #ffb366 50%, #ff8533 75%, var(--profile-primary) 100%);
  background-size: 200% 100%;
  animation: gradientSlide 3s ease infinite;
}
@keyframes gradientSlide {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
.profile-header-card .header-content {
  display: flex;
  align-items: center;
  gap: var(--profile-space-2xl);
}
@media (max-width: 768px) {
  .profile-header-card .header-content {
    flex-direction: column;
    text-align: center;
    gap: var(--profile-space-xl);
  }
}
.profile-header-card .avatar-section {
  position: relative;
}
.profile-header-card .avatar-section .avatar-wrapper {
  width: 140px;
  height: 140px;
  border-radius: var(--profile-radius-round);
  padding: 4px;
  background: linear-gradient(135deg, var(--profile-primary), #ff8533);
  box-shadow: var(--profile-shadow-lg);
  transition: transform var(--profile-transition-base);
}
.profile-header-card .avatar-section .avatar-wrapper:hover {
  transform: scale(1.05) rotate(5deg);
}
.profile-header-card .avatar-section .avatar-wrapper .avatar-img {
  width: 100%;
  height: 100%;
  border-radius: var(--profile-radius-round);
  object-fit: cover;
  border: 4px solid var(--profile-white);
}
.profile-header-card .avatar-section .status-indicator {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background: var(--profile-success);
  border: 3px solid var(--profile-white);
  border-radius: var(--profile-radius-round);
  box-shadow: var(--profile-shadow-md);
}
.profile-header-card .avatar-section .status-indicator::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: var(--profile-radius-round);
  background: var(--profile-success);
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
.profile-header-card .user-info {
  flex: 1 1;
}
.profile-header-card .user-info .greeting {
  color: var(--profile-text);
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: var(--profile-space-xs);
}
.profile-header-card .user-info .user-name {
  font-size: 2rem;
  font-weight: 700;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-md);
}
@media (max-width: 768px) {
  .profile-header-card .user-info .user-name {
    font-size: 1.5rem;
  }
}
.profile-header-card .user-info .user-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--profile-space-lg);
}
@media (max-width: 768px) {
  .profile-header-card .user-info .user-meta {
    justify-content: center;
    gap: var(--profile-space-md);
  }
}
.profile-header-card .user-info .user-meta .meta-item {
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  color: var(--profile-text);
  font-size: 0.9rem;
}
.profile-header-card .user-info .user-meta .meta-item i {
  color: var(--profile-primary);
  font-size: 1rem;
}
.profile-header-card .quick-stats {
  display: flex;
  gap: var(--profile-space-xl);
  padding: var(--profile-space-lg) 0 0;
  margin-top: var(--profile-space-xl);
  border-top: 1px solid var(--profile-bg-light);
}
@media (max-width: 768px) {
  .profile-header-card .quick-stats {
    justify-content: center;
  }
}
.profile-header-card .quick-stats .stat-item {
  text-align: center;
}
.profile-header-card .quick-stats .stat-item .stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--profile-primary);
  display: block;
}
.profile-header-card .quick-stats .stat-item .stat-label {
  font-size: 0.85rem;
  color: var(--profile-text);
  margin-top: var(--profile-space-xs);
}

.profile-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 768px) {
  .profile-sidebar {
    position: static;
  }
}
.profile-sidebar .sidebar-card {
  background: var(--profile-white);
  border-radius: var(--profile-radius-lg);
  box-shadow: var(--profile-shadow-md);
  overflow: visible;
}
.profile-sidebar .sidebar-card .sidebar-mobile-header {
  display: none;
}
@media (max-width: 768px) {
  .profile-sidebar .sidebar-card .sidebar-mobile-header {
    display: block;
  }
}
.profile-sidebar .sidebar-card .sidebar-mobile-header .sidebar-dropdown-toggle {
  width: 100%;
  padding: var(--profile-space-lg);
  background: var(--profile-white);
  border: none;
  border-radius: var(--profile-radius-lg);
  font-weight: 600;
  color: var(--profile-text-dark);
  transition: all var(--profile-transition-fast);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-sidebar .sidebar-card .sidebar-mobile-header .sidebar-dropdown-toggle:hover {
  background: var(--profile-bg-light);
}
.profile-sidebar .sidebar-card .sidebar-mobile-header .sidebar-dropdown-toggle .dropdown-header {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
}
.profile-sidebar .sidebar-card .sidebar-mobile-header .sidebar-dropdown-toggle .dropdown-header i {
  color: var(--profile-primary);
  width: 20px;
  text-align: center;
}
.profile-sidebar .sidebar-card .sidebar-mobile-header .sidebar-dropdown-toggle .dropdown-header span {
  font-size: 1rem;
}
.profile-sidebar .sidebar-card .sidebar-mobile-header .sidebar-dropdown-toggle .dropdown-arrow {
  transition: transform var(--profile-transition-base);
  color: var(--profile-text);
}
.profile-sidebar .sidebar-card .sidebar-mobile-header .sidebar-dropdown-toggle .dropdown-arrow.open {
  transform: rotate(180deg);
}
.profile-sidebar .sidebar-card .sidebar-nav {
  padding: var(--profile-space-md) 0;
}
@media (max-width: 768px) {
  .profile-sidebar .sidebar-card .sidebar-nav {
    display: none;
    position: absolute;
    top: calc(100% + var(--profile-space-sm));
    left: 0;
    right: 0;
    background: var(--profile-white);
    border-radius: var(--profile-radius-lg);
    box-shadow: var(--profile-shadow-lg);
    z-index: 10;
    padding: var(--profile-space-sm);
  }
  .profile-sidebar .sidebar-card .sidebar-nav.open {
    display: block;
  }
}
.profile-sidebar .sidebar-card .sidebar-nav .nav-item {
  margin: 0;
}
.profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--profile-space-md) var(--profile-space-lg);
  margin: 0 calc(-1 * var(--profile-space-md));
  color: var(--profile-text);
  text-decoration: none;
  font-weight: 500;
  transition: all var(--profile-transition-fast);
  position: relative;
  border: none;
  background: transparent;
  width: calc(100% + 2 * var(--profile-space-md));
  text-align: left;
}
@media (max-width: 768px) {
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link {
    margin: 2px 0;
    width: 100%;
    border-radius: var(--profile-radius-sm);
  }
}
@media (min-width: 769px) {
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: var(--profile-primary);
    opacity: 0;
    transition: opacity var(--profile-transition-fast);
  }
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link:hover {
    background: rgba(var(--profile-primary-rgb), 0.05);
    color: var(--profile-primary);
  }
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link:hover::before {
    opacity: 1;
  }
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link:hover .nav-icon {
    transform: translateX(4px);
  }
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link.active {
    background: rgba(var(--profile-primary-rgb), 0.1);
    color: var(--profile-primary);
    font-weight: 600;
  }
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link.active::before {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link:hover {
    background: var(--profile-bg-light);
  }
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link.active {
    background: var(--profile-primary);
    color: var(--profile-white);
  }
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link.active .nav-icon {
    color: var(--profile-white);
  }
}
.profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link .nav-link-content {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
}
.profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link .nav-link-content .nav-icon {
  width: 20px;
  text-align: center;
  transition: transform var(--profile-transition-fast);
  color: currentColor;
}
.profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link .nav-link-content .nav-text {
  flex: 1 1;
}
.profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link .nav-badge {
  background: var(--profile-primary);
  color: var(--profile-white);
  font-size: 0.75rem;
  padding: 2px 8px;
  border-radius: 12px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .active .profile-sidebar .sidebar-card .sidebar-nav .nav-item .nav-link .nav-badge {
    background: var(--profile-white);
    color: var(--profile-primary);
  }
}
.profile-sidebar .sidebar-card .sidebar-nav .nav-divider {
  height: 1px;
  background: var(--profile-bg-light);
  margin: var(--profile-space-md) var(--profile-space-lg);
}
.profile-sidebar .sidebar-card .sidebar-nav .nav-item-logout .logout-link {
  color: var(--profile-danger);
}
@media (min-width: 769px) {
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item-logout .logout-link:hover {
    background: rgba(239, 68, 68, 0.05);
  }
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item-logout .logout-link:hover::before {
    background: var(--profile-danger);
  }
}
@media (max-width: 768px) {
  .profile-sidebar .sidebar-card .sidebar-nav .nav-item-logout .logout-link:hover {
    background: rgba(239, 68, 68, 0.1);
    color: var(--profile-danger);
  }
}

.profile-content {
  min-height: 600px;
}
.profile-content .content-card {
  background: var(--profile-white);
  border-radius: var(--profile-radius-lg);
  box-shadow: var(--profile-shadow-md);
  overflow: hidden;
}
.profile-content .content-card .content-header {
  padding: var(--profile-space-xl);
  border-bottom: 1px solid var(--profile-bg-light);
}
.profile-content .content-card .content-header .header-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
}
.profile-content .content-card .content-header .header-title i {
  color: var(--profile-primary);
}
.profile-content .content-card .content-body {
  padding: var(--profile-space-xl);
}

.dashboard-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: var(--profile-space-lg);
  gap: var(--profile-space-lg);
  margin-bottom: var(--profile-space-2xl);
}
.dashboard-stats .stat-card {
  background: var(--profile-white);
  border-radius: var(--profile-radius-md);
  padding: var(--profile-space-lg);
  box-shadow: var(--profile-shadow-sm);
  border: 1px solid var(--profile-bg-light);
  transition: all var(--profile-transition-base);
  position: relative;
  overflow: hidden;
}
.dashboard-stats .stat-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--profile-shadow-lg);
  border-color: var(--profile-primary);
}
.dashboard-stats .stat-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--stat-color, var(--profile-primary));
}
.dashboard-stats .stat-card .stat-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--profile-radius-md);
  background: rgba(var(--profile-primary-rgb), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--profile-space-md);
}
.dashboard-stats .stat-card .stat-icon i {
  font-size: 1.5rem;
  color: var(--stat-color, var(--profile-primary));
}
.dashboard-stats .stat-card .stat-content .stat-value {
  font-size: 2rem;
  font-weight: 700;
  color: var(--profile-text-dark);
  line-height: 1;
}
.dashboard-stats .stat-card .stat-content .stat-label {
  color: var(--profile-text);
  font-size: 0.9rem;
  margin-top: var(--profile-space-xs);
}
.dashboard-stats .stat-card.stat-success {
  --stat-color: var(--profile-success);
}
.dashboard-stats .stat-card.stat-success .stat-icon {
  background: rgba(34, 197, 94, 0.1);
}
.dashboard-stats .stat-card.stat-warning {
  --stat-color: var(--profile-warning);
}
.dashboard-stats .stat-card.stat-warning .stat-icon {
  background: rgba(245, 158, 11, 0.1);
}
.dashboard-stats .stat-card.stat-info {
  --stat-color: var(--profile-info);
}
.dashboard-stats .stat-card.stat-info .stat-icon {
  background: rgba(59, 130, 246, 0.1);
}

.profile-info-modern {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: var(--profile-space-lg);
  gap: var(--profile-space-lg);
}
.profile-info-modern .info-item {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
  padding: var(--profile-space-lg);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-md);
  transition: all var(--profile-transition-fast);
}
.profile-info-modern .info-item:hover {
  background: var(--profile-bg-lighter);
  transform: translateX(4px);
}
.profile-info-modern .info-item .info-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--profile-radius-sm);
  background: var(--profile-white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.profile-info-modern .info-item .info-icon i {
  color: var(--profile-primary);
  font-size: 1.25rem;
}
.profile-info-modern .info-item .info-content {
  flex: 1 1;
  min-width: 0;
}
.profile-info-modern .info-item .info-content .info-label {
  font-size: 0.85rem;
  color: var(--profile-text);
  margin-bottom: 2px;
}
.profile-info-modern .info-item .info-content .info-value {
  font-weight: 600;
  color: var(--profile-text-dark);
  font-size: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.table-modern {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.table-modern thead tr th {
  background: var(--profile-bg-light);
  padding: var(--profile-space-md) var(--profile-space-lg);
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--profile-text);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: none;
  white-space: nowrap;
}
.table-modern thead tr th:first-child {
  border-radius: var(--profile-radius-sm) 0 0 var(--profile-radius-sm);
}
.table-modern thead tr th:last-child {
  border-radius: 0 var(--profile-radius-sm) var(--profile-radius-sm) 0;
}
.table-modern tbody tr {
  transition: all var(--profile-transition-fast);
}
.table-modern tbody tr:hover {
  background: var(--profile-bg-light);
}
.table-modern tbody tr td {
  padding: var(--profile-space-lg);
  border-bottom: 1px solid var(--profile-bg-light);
  vertical-align: middle;
}
.table-modern tbody tr td:first-child {
  font-weight: 600;
  color: var(--profile-primary);
}
.table-modern tbody tr:last-child td {
  border-bottom: none;
}
.table-modern .order-product {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
}
.table-modern .order-product .product-img {
  width: 48px;
  height: 48px;
  border-radius: var(--profile-radius-sm);
  object-fit: cover;
  flex-shrink: 0;
}
.table-modern .order-product .product-details .product-name {
  font-weight: 500;
  color: var(--profile-text-dark);
  margin-bottom: 2px;
}
.table-modern .order-product .product-details .product-meta {
  font-size: 0.85rem;
  color: var(--profile-text);
}
.table-modern .status-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
}
.table-modern .status-badge.status-delivered {
  background: rgba(34, 197, 94, 0.1);
  color: #16a34a;
}
.table-modern .status-badge.status-processing {
  background: rgba(59, 130, 246, 0.1);
  color: #2563eb;
}
.table-modern .status-badge.status-pending {
  background: rgba(245, 158, 11, 0.1);
  color: #d97706;
}
.table-modern .status-badge.status-cancelled {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}
.table-modern .table-actions {
  display: flex;
  gap: var(--profile-space-sm);
}
.table-modern .table-actions .btn-action {
  width: 36px;
  height: 36px;
  border-radius: var(--profile-radius-sm);
  border: 1px solid var(--profile-bg-light);
  background: var(--profile-white);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--profile-transition-fast);
  text-decoration: none;
}
.table-modern .table-actions .btn-action:hover {
  background: var(--profile-primary);
  border-color: var(--profile-primary);
  color: var(--profile-white);
  transform: scale(1.1);
}
.table-modern .table-actions .btn-action i {
  font-size: 0.9rem;
}

.empty-state {
  text-align: center;
  padding: var(--profile-space-3xl) var(--profile-space-xl);
}
.empty-state .empty-icon {
  width: 120px;
  height: 120px;
  margin: 0 auto var(--profile-space-xl);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-round);
  display: flex;
  align-items: center;
  justify-content: center;
}
.empty-state .empty-icon i {
  font-size: 3rem;
  color: var(--profile-primary);
  opacity: 0.5;
}
.empty-state .empty-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-sm);
}
.empty-state .empty-desc {
  color: var(--profile-text);
  margin-bottom: var(--profile-space-xl);
}
.empty-state .btn-primary {
  background: var(--profile-primary);
  color: var(--profile-white);
  border: none;
  padding: var(--profile-space-md) var(--profile-space-xl);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--profile-space-sm);
  transition: all var(--profile-transition-fast);
}
.empty-state .btn-primary:hover {
  background: #D90429;
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-md);
}

.loading-skeleton {
  animation: shimmer 1.5s infinite;
  background: linear-gradient(90deg, var(--profile-bg-light) 25%, #e5e7eb 50%, var(--profile-bg-light) 75%);
  background-size: 200% 100%;
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.loading-skeleton.skeleton-circle {
  border-radius: var(--profile-radius-round);
}
.loading-skeleton.skeleton-rect {
  border-radius: var(--profile-radius-sm);
}

@media (max-width: 1024px) {
  .profile-header-card {
    padding: var(--profile-space-xl);
  }
  .profile-content .content-card .content-header,
  .profile-content .content-card .content-body {
    padding: var(--profile-space-lg);
  }
}
@media (max-width: 768px) {
  .profile-section .container {
    padding: 0 var(--profile-space-md);
  }
  .profile-header-card {
    padding: var(--profile-space-lg);
  }
  .dashboard-stats {
    grid-template-columns: 1fr;
  }
  .profile-info-modern {
    grid-template-columns: 1fr;
  }
  .table-modern {
    font-size: 0.9rem;
  }
  .table-modern thead tr th,
  .table-modern tbody tr td {
    padding: var(--profile-space-md);
  }
  .table-modern .table-actions {
    flex-direction: column;
  }
}
.dashboard-view .section-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-lg);
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
}
.dashboard-view .section-title i {
  color: var(--profile-primary);
}
.dashboard-view .stat-trend {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.85rem;
  margin-top: var(--profile-space-xs);
}
.dashboard-view .stat-trend.trend-up {
  color: var(--profile-success);
}
.dashboard-view .stat-trend.trend-down {
  color: var(--profile-danger);
}
.dashboard-view .quick-actions-section {
  margin: var(--profile-space-2xl) 0;
}
.dashboard-view .quick-actions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: var(--profile-space-md);
  gap: var(--profile-space-md);
}
.dashboard-view .quick-actions-grid .quick-action-card {
  background: var(--profile-white);
  border: 1px solid var(--profile-border-color);
  border-radius: var(--profile-radius-md);
  padding: var(--profile-space-lg);
  text-align: center;
  text-decoration: none;
  color: var(--profile-text);
  transition: all var(--profile-transition-base);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--profile-space-sm);
}
.dashboard-view .quick-actions-grid .quick-action-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--profile-shadow-lg);
  border-color: var(--profile-primary);
  color: var(--profile-primary);
}
.dashboard-view .quick-actions-grid .quick-action-card:hover i {
  transform: scale(1.2);
}
.dashboard-view .quick-actions-grid .quick-action-card i {
  font-size: 1.5rem;
  color: var(--profile-primary);
  transition: transform var(--profile-transition-fast);
}
.dashboard-view .quick-actions-grid .quick-action-card span {
  font-weight: 500;
  font-size: 0.9rem;
}
.dashboard-view .recent-orders-section {
  margin-top: var(--profile-space-2xl);
}
.dashboard-view .recent-orders-section .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--profile-space-lg);
}
.dashboard-view .recent-orders-section .section-header .view-all-link {
  color: var(--profile-primary);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: var(--profile-space-xs);
  transition: gap var(--profile-transition-fast);
}
.dashboard-view .recent-orders-section .section-header .view-all-link:hover {
  gap: var(--profile-space-sm);
}
.dashboard-view .recent-orders-section .orders-table-wrapper {
  background: var(--profile-white);
  border-radius: var(--profile-radius-lg);
  box-shadow: var(--profile-shadow-md);
  overflow: hidden;
}
.dashboard-view .activity-section {
  margin-top: var(--profile-space-2xl);
}
.dashboard-view .activity-section .activity-chart {
  background: var(--profile-white);
  border-radius: var(--profile-radius-lg);
  box-shadow: var(--profile-shadow-md);
  padding: var(--profile-space-2xl);
}
.dashboard-view .activity-section .activity-chart .chart-placeholder {
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px dashed var(--profile-border-color);
  border-radius: var(--profile-radius-md);
  color: var(--profile-text);
}
.dashboard-view .activity-section .activity-chart .chart-placeholder i {
  font-size: 3rem;
  margin-bottom: var(--profile-space-md);
  opacity: 0.3;
}
.dashboard-view .activity-section .activity-chart .chart-placeholder p {
  font-size: 0.9rem;
  opacity: 0.7;
}

.profile-info-view .edit-button {
  background: var(--profile-primary);
  color: var(--profile-white);
  border: none;
  padding: var(--profile-space-sm) var(--profile-space-lg);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  transition: all var(--profile-transition-fast);
}
.profile-info-view .edit-button:hover {
  background: #D90429;
  transform: translateY(-2px);
}
.profile-info-view .edit-button.editing {
  background: var(--profile-danger);
}
.profile-info-view .info-input {
  width: 100%;
  padding: var(--profile-space-sm) var(--profile-space-md);
  border: 1px solid var(--profile-primary);
  border-radius: var(--profile-radius-sm);
  font-size: 1rem;
  font-weight: 500;
  color: var(--profile-text-dark);
  transition: all var(--profile-transition-fast);
}
.profile-info-view .info-input:focus {
  outline: none;
  border-color: var(--profile-primary);
  box-shadow: 0 0 0 3px rgba(var(--profile-primary-rgb), 0.1);
}
.profile-info-view .edit-actions {
  margin-top: var(--profile-space-xl);
  display: flex;
  justify-content: flex-end;
}
.profile-info-view .edit-actions .btn-save {
  background: var(--profile-success);
  color: var(--profile-white);
  border: none;
  padding: var(--profile-space-md) var(--profile-space-xl);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: var(--profile-space-sm);
  transition: all var(--profile-transition-fast);
}
.profile-info-view .edit-actions .btn-save:hover {
  background: #1e9b4d;
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-md);
}
.profile-info-view .security-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: var(--profile-space-lg);
  gap: var(--profile-space-lg);
}
.profile-info-view .security-info-grid .security-item {
  display: flex;
  align-items: center;
  gap: var(--profile-space-md);
  padding: var(--profile-space-lg);
  background: var(--profile-bg-light);
  border-radius: var(--profile-radius-md);
  transition: all var(--profile-transition-fast);
}
.profile-info-view .security-info-grid .security-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-sm);
}
.profile-info-view .security-info-grid .security-item .security-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--profile-radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}
.profile-info-view .security-info-grid .security-item .security-icon.verified {
  background: rgba(34, 197, 94, 0.1);
  color: var(--profile-success);
}
.profile-info-view .security-info-grid .security-item .security-icon.active {
  background: rgba(59, 130, 246, 0.1);
  color: var(--profile-info);
}
.profile-info-view .security-info-grid .security-item .security-content {
  flex: 1 1;
}
.profile-info-view .security-info-grid .security-item .security-content h4, .profile-info-view .security-info-grid .security-item .security-content .h4 {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--profile-text-dark);
  margin: 0 0 4px 0;
}
.profile-info-view .security-info-grid .security-item .security-content p {
  font-size: 0.85rem;
  color: var(--profile-text);
  margin: 0;
}
.profile-info-view .security-info-grid .security-item .security-action {
  width: 36px;
  height: 36px;
  border-radius: var(--profile-radius-sm);
  border: 1px solid var(--profile-border-color);
  background: var(--profile-white);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--profile-transition-fast);
}
.profile-info-view .security-info-grid .security-item .security-action:hover {
  background: var(--profile-primary);
  border-color: var(--profile-primary);
  color: var(--profile-white);
  transform: rotate(90deg);
}
.profile-info-view .password-change-form .form-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: var(--profile-space-lg);
  gap: var(--profile-space-lg);
  margin-bottom: var(--profile-space-lg);
}
.profile-info-view .password-change-form .form-group label {
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--profile-text-dark);
  margin-bottom: var(--profile-space-sm);
}
.profile-info-view .password-change-form .form-group .input-wrapper {
  position: relative;
}
.profile-info-view .password-change-form .form-group .input-wrapper i {
  position: absolute;
  left: var(--profile-space-md);
  top: 50%;
  transform: translateY(-50%);
  color: var(--profile-text);
}
.profile-info-view .password-change-form .form-group .input-wrapper input {
  width: 100%;
  padding: var(--profile-space-md);
  padding-left: calc(var(--profile-space-md) * 3);
  border: 1px solid var(--profile-border-color);
  border-radius: var(--profile-radius-sm);
  font-size: 1rem;
  transition: all var(--profile-transition-fast);
}
.profile-info-view .password-change-form .form-group .input-wrapper input:focus {
  outline: none;
  border-color: var(--profile-primary);
  box-shadow: 0 0 0 3px rgba(var(--profile-primary-rgb), 0.1);
}
.profile-info-view .password-change-form .form-group .input-wrapper input::placeholder {
  color: var(--profile-text);
  opacity: 0.6;
}
.profile-info-view .password-change-form .btn-change-password {
  background: var(--profile-primary);
  color: var(--profile-white);
  border: none;
  padding: var(--profile-space-md) var(--profile-space-xl);
  border-radius: var(--profile-radius-sm);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: var(--profile-space-sm);
  transition: all var(--profile-transition-fast);
}
.profile-info-view .password-change-form .btn-change-password:hover {
  background: #D90429;
  transform: translateY(-2px);
  box-shadow: var(--profile-shadow-md);
}

.faq-form-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  position: relative;
  overflow: hidden;
}
.faq-form-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="%23EF233C" opacity="0.1"/></svg>');
  background-size: 50px 50px;
  pointer-events: none;
}
.faq-form-section .faq-form-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.faq-form-section .faq-form-header {
  text-align: center;
  margin-bottom: 60px;
}
.faq-form-section .faq-form-header .header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(239, 35, 60, 0.1);
  color: #ef233c;
  padding: 8px 16px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
.faq-form-section .faq-form-header .header-badge i {
  font-size: 16px;
}
.faq-form-section .faq-form-header .section-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 16px;
  line-height: 1.2;
}
.faq-form-section .faq-form-header .section-title .highlight {
  color: #ef233c;
  position: relative;
}
.faq-form-section .faq-form-header .section-title .highlight::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #ef233c, #d90429);
  border-radius: 2px;
}
.faq-form-section .faq-form-header .section-description {
  font-size: 1.1rem;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}
.faq-form-section .faq-form-content-wrapper {
  display: grid;
  grid-template-columns: 1fr 400px;
  grid-gap: 40px;
  gap: 40px;
  margin-bottom: 60px;
}
@media (max-width: 1024px) {
  .faq-form-section .faq-form-content-wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.faq-form-section .faq-form-card {
  background: white;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}
.faq-form-section .faq-form-card .card-decoration {
  height: 5px;
  background: linear-gradient(90deg, var(--clr-theme-3) 0%, #ff8533 50%, var(--clr-theme-3) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}
.faq-form-section .faq-form-card .form-content {
  padding: 40px;
}
.faq-form-section .faq-form-card .form-content .form-section .section-title {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #f0f0f0;
}
.faq-form-section .faq-form-card .form-content .form-section .section-title .section-icon {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #ef233c, #d90429);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
}
.faq-form-section .faq-form-card .form-content .form-section .section-title h2, .faq-form-section .faq-form-card .form-content .form-section .section-title .h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.faq-form-section .faq-form-card .form-content .form-section .section-title p {
  font-size: 0.9rem;
  color: #666;
  margin: 0;
}
.faq-form-section .faq-info-card {
  background: white;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
.faq-form-section .faq-info-card .card-decoration {
  height: 5px;
  background: linear-gradient(90deg, var(--clr-theme-3) 0%, #ff8533 50%, var(--clr-theme-3) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}
.faq-form-section .faq-info-card .info-content {
  padding: 30px;
}
.faq-form-section .faq-info-card .info-content .info-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.3rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 25px;
}
.faq-form-section .faq-info-card .info-content .info-title i {
  color: #ef233c;
  font-size: 1.5rem;
}
.faq-form-section .faq-info-card .info-content .info-list {
  margin-bottom: 30px;
}
.faq-form-section .faq-info-card .info-content .info-list .info-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 20px;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.faq-form-section .faq-info-card .info-content .info-list .info-item:hover {
  background: #e9ecef;
  transform: translateY(-2px);
}
.faq-form-section .faq-info-card .info-content .info-list .info-item .info-icon {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #ef233c, #d90429);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
  flex-shrink: 0;
}
.faq-form-section .faq-info-card .info-content .info-list .info-item .info-details {
  flex: 1 1;
}
.faq-form-section .faq-info-card .info-content .info-list .info-item .info-details .info-label {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 5px;
}
.faq-form-section .faq-info-card .info-content .info-list .info-item .info-details .info-value {
  font-size: 1rem;
  font-weight: 600;
  color: #333;
}
.faq-form-section .faq-info-card .info-content .info-list .info-item .info-details .info-value a {
  color: #ef233c;
  text-decoration: none;
  transition: all 0.3s ease;
}
.faq-form-section .faq-info-card .info-content .info-list .info-item .info-details .info-value a:hover {
  color: #d90429;
  text-decoration: underline;
}
.faq-form-section .faq-info-card .info-content .quick-links .quick-links-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
}
.faq-form-section .faq-info-card .info-content .quick-links .quick-links-title i {
  color: #ef233c;
}
.faq-form-section .faq-info-card .info-content .quick-links .quick-links-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  gap: 10px;
}
.faq-form-section .faq-info-card .info-content .quick-links .quick-links-grid .quick-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 15px;
  background: #f8f9fa;
  border-radius: 8px;
  text-decoration: none;
  color: #333;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
.faq-form-section .faq-info-card .info-content .quick-links .quick-links-grid .quick-link:hover {
  background: #ef233c;
  color: white;
  transform: translateY(-2px);
}
.faq-form-section .faq-info-card .info-content .quick-links .quick-links-grid .quick-link i {
  font-size: 14px;
}
.faq-form-section .faq-trust-section {
  margin-bottom: 60px;
}
.faq-form-section .faq-trust-section .trust-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 30px;
  gap: 30px;
  margin-top: 30px;
}
.faq-form-section .faq-trust-section .trust-items .trust-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 25px;
  background: white;
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.faq-form-section .faq-trust-section .trust-items .trust-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.faq-form-section .faq-trust-section .trust-items .trust-item .trust-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #ef233c, #d90429);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white !important;
  font-size: 24px;
  flex-shrink: 0;
}
.faq-form-section .faq-trust-section .trust-items .trust-item .trust-icon i {
  color: white !important;
}
.faq-form-section .faq-trust-section .trust-items .trust-item .trust-content {
  flex: 1 1;
}
.faq-form-section .faq-trust-section .trust-items .trust-item .trust-content h4, .faq-form-section .faq-trust-section .trust-items .trust-item .trust-content .h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  margin: 0 0 8px 0;
}
.faq-form-section .faq-trust-section .trust-items .trust-item .trust-content p {
  font-size: 0.9rem;
  color: #666;
  margin: 0;
}

.faq-form .form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
  gap: 25px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .faq-form .form-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.faq-form .form-grid .form-group.full-width {
  grid-column: 1/-1;
}
.faq-form .form-grid .form-group label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}
.faq-form .form-grid .form-group label i {
  color: #ef233c;
  font-size: 16px;
}
.faq-form .form-grid .form-group label .required {
  color: #dc3545;
}
.faq-form .form-grid .form-group label .optional {
  color: #6c757d;
  font-weight: 400;
  font-size: 0.8rem;
}
.faq-form .form-grid .form-group .input-wrapper {
  position: relative;
}
.faq-form .form-grid .form-group .input-wrapper input,
.faq-form .form-grid .form-group .input-wrapper select,
.faq-form .form-grid .form-group .input-wrapper textarea {
  width: 100%;
  padding: 15px 20px;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  font-size: 1rem;
  transition: all 0.3s ease;
  background: white;
}
.faq-form .form-grid .form-group .input-wrapper input:focus,
.faq-form .form-grid .form-group .input-wrapper select:focus,
.faq-form .form-grid .form-group .input-wrapper textarea:focus {
  outline: none;
  border-color: #ef233c;
  box-shadow: 0 0 0 3px rgba(239, 35, 60, 0.1);
}
.faq-form .form-grid .form-group .input-wrapper input.has-value,
.faq-form .form-grid .form-group .input-wrapper select.has-value,
.faq-form .form-grid .form-group .input-wrapper textarea.has-value {
  border-color: #28a745;
}
.faq-form .form-grid .form-group .input-wrapper input:disabled,
.faq-form .form-grid .form-group .input-wrapper select:disabled,
.faq-form .form-grid .form-group .input-wrapper textarea:disabled {
  background: #f8f9fa;
  cursor: not-allowed;
}
.faq-form .form-grid .form-group .input-wrapper .input-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d;
  font-size: 16px;
  pointer-events: none;
}
.faq-form .form-grid .form-group .input-wrapper .character-count {
  position: absolute;
  bottom: 10px;
  right: 15px;
  font-size: 0.8rem;
  color: #6c757d;
}
.faq-form .form-grid .form-group .input-wrapper .character-count .invalid {
  color: #dc3545;
}
.faq-form .form-grid .form-group .input-wrapper .character-count .valid {
  color: #28a745;
}
.faq-form .form-grid .form-group .input-wrapper .character-count .min-required {
  color: #6c757d;
}
.faq-form .form-grid .form-group .helper-text {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.8rem;
  color: #6c757d;
  margin-top: 5px;
}
.faq-form .form-grid .form-group .helper-text i {
  color: #17a2b8;
}
.faq-form .form-actions {
  text-align: center;
}
.faq-form .form-actions .btn-submit {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 40px;
  background: linear-gradient(135deg, #ef233c, #d90429);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 20px;
}
.faq-form .form-actions .btn-submit:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(239, 35, 60, 0.3);
}
.faq-form .form-actions .btn-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.faq-form .form-actions .btn-submit i {
  font-size: 16px;
}
.faq-form .form-actions .form-info {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .faq-form .form-actions .form-info {
    flex-direction: column;
    gap: 15px;
  }
}
.faq-form .form-actions .form-info .info-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  color: #666;
}
.faq-form .form-actions .form-info .info-item i {
  color: #ef233c;
  font-size: 16px;
}
.faq-form.form-loading {
  opacity: 0.7;
  pointer-events: none;
}

@media (max-width: 768px) {
  .faq-form-section {
    padding: 60px 0;
  }
  .faq-form-section .faq-form-container {
    padding: 0 15px;
  }
  .faq-form-section .faq-form-header {
    margin-bottom: 40px;
  }
  .faq-form-section .faq-form-header .section-title {
    font-size: 2rem;
  }
  .faq-form-section .faq-form-content-wrapper {
    margin-bottom: 40px;
  }
  .faq-form-section .faq-form-card .form-content,
  .faq-form-section .faq-form-card .info-content,
  .faq-form-section .faq-info-card .form-content,
  .faq-form-section .faq-info-card .info-content {
    padding: 25px;
  }
  .faq-form-section .faq-trust-section {
    margin-bottom: 40px;
  }
  .faq-form-section .faq-trust-section .trust-items {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .faq-form-section .faq-trust-section .trust-items .trust-item {
    padding: 20px;
  }
}
.modern-settings-container {
  animation: fadeIn 0.5s ease-out;
}
.modern-settings-container .settings-header {
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  border-radius: 16px;
  padding: 32px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}
.modern-settings-container .settings-header::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: pulse 3s ease-in-out infinite;
}
.modern-settings-container .settings-header .settings-header-content {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  z-index: 1;
}
.modern-settings-container .settings-header .settings-header-content .settings-icon {
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: white;
  animation: rotate 20s linear infinite;
}
.modern-settings-container .settings-header .settings-header-content .settings-title h2, .modern-settings-container .settings-header .settings-header-content .settings-title .h2 {
  color: white;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 4px 0;
}
.modern-settings-container .settings-header .settings-header-content .settings-title p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  margin: 0;
}
.modern-settings-container .modern-tab-navigation {
  background: white;
  border-radius: 16px;
  padding: 8px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  margin-bottom: 24px;
}
.modern-settings-container .modern-tab-navigation .tab-nav-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 8px;
  gap: 8px;
}
.modern-settings-container .modern-tab-navigation .modern-tab-button {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: #f8f9fa;
  border: 2px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.modern-settings-container .modern-tab-navigation .modern-tab-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, rgba(239, 35, 60, 0.1) 0%, rgba(239, 35, 60, 0.05) 100%);
  transition: width 0.3s ease;
}
.modern-settings-container .modern-tab-navigation .modern-tab-button:hover {
  background: white;
  border-color: #EF233C;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(239, 35, 60, 0.15);
}
.modern-settings-container .modern-tab-navigation .modern-tab-button:hover::before {
  width: 100%;
}
.modern-settings-container .modern-tab-navigation .modern-tab-button:hover .tab-icon {
  background: #EF233C;
  color: white;
  transform: scale(1.1);
}
.modern-settings-container .modern-tab-navigation .modern-tab-button:hover .tab-arrow {
  transform: translateX(4px);
}
.modern-settings-container .modern-tab-navigation .modern-tab-button.active {
  background: white;
  border-color: #EF233C;
  box-shadow: 0 4px 12px rgba(239, 35, 60, 0.15);
}
.modern-settings-container .modern-tab-navigation .modern-tab-button.active::before {
  width: 100%;
}
.modern-settings-container .modern-tab-navigation .modern-tab-button.active .tab-icon {
  background: #EF233C;
  color: white;
}
.modern-settings-container .modern-tab-navigation .modern-tab-button.active .tab-title {
  color: #EF233C;
  font-weight: 600;
}
.modern-settings-container .modern-tab-navigation .modern-tab-button .tab-icon {
  width: 48px;
  height: 48px;
  background: #e9ecef;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #666;
  transition: all 0.3s ease;
}
.modern-settings-container .modern-tab-navigation .modern-tab-button .tab-content {
  flex: 1 1;
  text-align: left;
}
.modern-settings-container .modern-tab-navigation .modern-tab-button .tab-content .tab-title {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-bottom: 4px;
  transition: all 0.3s ease;
}
.modern-settings-container .modern-tab-navigation .modern-tab-button .tab-content .tab-subtitle {
  display: block;
  font-size: 14px;
  color: #777;
}
.modern-settings-container .modern-tab-navigation .modern-tab-button .tab-arrow {
  font-size: 14px;
  color: #999;
  transition: all 0.3s ease;
}
.modern-settings-container .modern-settings-content {
  min-height: 400px;
}
.modern-settings-container .modern-profile-section .profile-header-card {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  margin-bottom: 24px;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-cover-section .modern-cover-image {
  height: 200px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-cover-section .modern-cover-image .cover-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 20px;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-cover-section .modern-cover-image .modern-edit-cover-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: none;
  border-radius: 8px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-cover-section .modern-cover-image .modern-edit-cover-btn:hover {
  background: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-cover-section .modern-cover-image .modern-edit-cover-btn i {
  font-size: 16px;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding: 0 32px 32px;
  margin-top: -60px;
  position: relative;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .avatar-wrapper .avatar-container {
  position: relative;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .avatar-wrapper .avatar-container .modern-avatar-skeleton {
  width: 120px;
  height: 120px;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .avatar-wrapper .avatar-container .modern-avatar-skeleton .skeleton-circle {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: 50%;
  border: 4px solid white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .avatar-wrapper .avatar-container .modern-avatar-image {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 4px solid white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  object-fit: cover;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .avatar-wrapper .avatar-container .modern-edit-avatar-btn {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 36px;
  height: 36px;
  background: #EF233C;
  border: 3px solid white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .avatar-wrapper .avatar-container .modern-edit-avatar-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(239, 35, 60, 0.4);
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .profile-basic-info {
  flex: 1 1;
  padding-top: 16px;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .profile-basic-info .profile-name {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  margin: 0 0 8px 0;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .profile-basic-info .profile-email {
  font-size: 16px;
  color: #666;
  margin: 0 0 12px 0;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .profile-basic-info .profile-status .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  background: #e8f5e9;
  color: #2e7d32;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .profile-basic-info .profile-status .status-badge i {
  font-size: 8px;
}
.modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .profile-basic-info .profile-status .status-badge.active {
  background: #e8f5e9;
  color: #2e7d32;
}
.modern-settings-container .modern-profile-section .profile-form-card {
  background: white;
  border-radius: 16px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.modern-settings-container .modern-profile-section .profile-form-card .form-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  border-bottom: 1px solid #f0f0f0;
}
.modern-settings-container .modern-profile-section .profile-form-card .form-card-header .form-header-icon {
  width: 48px;
  height: 48px;
  background: rgba(239, 35, 60, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #EF233C;
  font-size: 20px;
}
.modern-settings-container .modern-profile-section .profile-form-card .form-card-header .form-header-content h4, .modern-settings-container .modern-profile-section .profile-form-card .form-card-header .form-header-content .h4 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0 0 4px 0;
}
.modern-settings-container .modern-profile-section .profile-form-card .form-card-header .form-header-content p {
  font-size: 14px;
  color: #777;
  margin: 0;
}
.modern-settings-container .modern-profile-section .profile-form-card .form-card-body {
  padding: 24px;
}
.modern-settings-container .modern-password-section .security-header-card {
  background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
  border-radius: 16px;
  padding: 32px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}
.modern-settings-container .modern-password-section .security-header-card::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: pulse 3s ease-in-out infinite;
}
.modern-settings-container .modern-password-section .security-header-card .security-icon {
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: white;
}
.modern-settings-container .modern-password-section .security-header-card .security-content {
  position: relative;
  z-index: 1;
}
.modern-settings-container .modern-password-section .security-header-card .security-content h4, .modern-settings-container .modern-password-section .security-header-card .security-content .h4 {
  color: white;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 4px 0;
}
.modern-settings-container .modern-password-section .security-header-card .security-content p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  margin: 0;
}
.modern-settings-container .modern-password-section .password-form-card {
  background: white;
  border-radius: 16px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin-bottom: 24px;
}
.modern-settings-container .modern-password-section .password-form-card .form-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  border-bottom: 1px solid #f0f0f0;
}
.modern-settings-container .modern-password-section .password-form-card .form-card-header .form-header-icon {
  width: 48px;
  height: 48px;
  background: rgba(30, 136, 229, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1e88e5;
  font-size: 20px;
}
.modern-settings-container .modern-password-section .password-form-card .form-card-header .form-header-content h4, .modern-settings-container .modern-password-section .password-form-card .form-card-header .form-header-content .h4 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0 0 4px 0;
}
.modern-settings-container .modern-password-section .password-form-card .form-card-header .form-header-content p {
  font-size: 14px;
  color: #777;
  margin: 0;
}
.modern-settings-container .modern-password-section .password-form-card .form-card-body {
  padding: 24px;
}
.modern-settings-container .modern-password-section .security-tips-card {
  background: #f8f9fa;
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #e9ecef;
}
.modern-settings-container .modern-password-section .security-tips-card .tips-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.modern-settings-container .modern-password-section .security-tips-card .tips-header i {
  font-size: 24px;
  color: #ffc107;
}
.modern-settings-container .modern-password-section .security-tips-card .tips-header h5, .modern-settings-container .modern-password-section .security-tips-card .tips-header .h5 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.modern-settings-container .modern-password-section .security-tips-card .tips-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.modern-settings-container .modern-password-section .security-tips-card .tips-list .tip-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: white;
  border-radius: 8px;
  border: 1px solid #e9ecef;
  transition: all 0.3s ease;
}
.modern-settings-container .modern-password-section .security-tips-card .tips-list .tip-item:hover {
  border-color: #EF233C;
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(239, 35, 60, 0.1);
}
.modern-settings-container .modern-password-section .security-tips-card .tips-list .tip-item i {
  font-size: 14px;
  color: #4caf50;
}
.modern-settings-container .modern-password-section .security-tips-card .tips-list .tip-item span {
  font-size: 14px;
  color: #555;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.4;
  }
}
@keyframes loading {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@media (max-width: 768px) {
  .modern-settings-container .settings-header {
    padding: 24px;
  }
  .modern-settings-container .settings-header .settings-header-content .settings-icon {
    width: 48px;
    height: 48px;
    font-size: 24px;
  }
  .modern-settings-container .settings-header .settings-header-content .settings-title h2, .modern-settings-container .settings-header .settings-header-content .settings-title .h2 {
    font-size: 24px;
  }
  .modern-settings-container .settings-header .settings-header-content .settings-title p {
    font-size: 14px;
  }
  .modern-settings-container .modern-tab-navigation .tab-nav-wrapper {
    grid-template-columns: 1fr;
  }
  .modern-settings-container .modern-tab-navigation .modern-tab-button {
    padding: 16px 20px;
  }
  .modern-settings-container .modern-tab-navigation .modern-tab-button .tab-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .modern-settings-container .modern-tab-navigation .modern-tab-button .tab-content .tab-title {
    font-size: 15px;
  }
  .modern-settings-container .modern-tab-navigation .modern-tab-button .tab-content .tab-subtitle {
    font-size: 13px;
  }
  .modern-settings-container .modern-profile-section .profile-header-card .profile-cover-section .modern-cover-image {
    height: 150px;
  }
  .modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 24px 24px;
  }
  .modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .avatar-wrapper .avatar-container .modern-avatar-image,
  .modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .avatar-wrapper .avatar-container .modern-avatar-skeleton {
    width: 100px;
    height: 100px;
  }
  .modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .profile-basic-info .profile-name {
    font-size: 20px;
  }
  .modern-settings-container .modern-profile-section .profile-header-card .profile-avatar-section .profile-basic-info .profile-email {
    font-size: 14px;
  }
  .modern-settings-container .modern-password-section .security-header-card {
    padding: 24px;
  }
  .modern-settings-container .modern-password-section .security-header-card .security-icon {
    width: 48px;
    height: 48px;
    font-size: 24px;
  }
  .modern-settings-container .modern-password-section .security-header-card .security-content h4, .modern-settings-container .modern-password-section .security-header-card .security-content .h4 {
    font-size: 20px;
  }
  .modern-settings-container .modern-password-section .security-header-card .security-content p {
    font-size: 14px;
  }
  .modern-settings-container .modern-password-section .security-tips-card .tips-list .tip-item {
    padding: 10px 14px;
  }
  .modern-settings-container .modern-password-section .security-tips-card .tips-list .tip-item span {
    font-size: 13px;
  }
}
.modern-profile-form .modern-form-group {
  margin-bottom: 20px;
}
.modern-profile-form .modern-form-group .form-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}
.modern-profile-form .modern-form-group .form-label i {
  font-size: 16px;
  color: #EF233C;
}
.modern-profile-form .modern-form-group .modern-form-input {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  background: #f8f9fa;
  border: 2px solid transparent;
  border-radius: 10px;
  font-size: 15px;
  color: #333;
  transition: all 0.3s ease;
}
.modern-profile-form .modern-form-group .modern-form-input:focus {
  outline: none;
  background: white;
  border-color: #EF233C;
  box-shadow: 0 0 0 4px rgba(239, 35, 60, 0.1);
}
.modern-profile-form .modern-form-group .modern-form-input::placeholder {
  color: #999;
}
.modern-profile-form .modern-form-group .modern-form-input.error {
  border-color: #dc3545;
  background: #fff5f5;
}
.modern-profile-form .modern-form-group .modern-form-input.error:focus {
  box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.1);
}
.modern-profile-form .modern-form-group .modern-form-input.readonly {
  background: #e9ecef;
  color: #777;
  cursor: not-allowed;
}
.modern-profile-form .modern-form-group .modern-form-input.readonly:focus {
  border-color: #dee2e6;
  box-shadow: none;
}
.modern-profile-form .modern-form-group .modern-error-message {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #dc3545;
  margin-top: 6px;
}
.modern-profile-form .modern-form-group .modern-error-message i {
  font-size: 12px;
}
.modern-profile-form .modern-form-group .input-note {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #777;
  margin-top: 6px;
}
.modern-profile-form .modern-form-group .input-note i {
  font-size: 12px;
  color: #999;
}
.modern-profile-form .modern-submit-section {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}
.modern-profile-form .modern-submit-section .modern-submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 32px;
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.modern-profile-form .modern-submit-section .modern-submit-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s ease;
}
.modern-profile-form .modern-submit-section .modern-submit-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(239, 35, 60, 0.3);
}
.modern-profile-form .modern-submit-section .modern-submit-btn:hover:not(:disabled)::before {
  left: 100%;
}
.modern-profile-form .modern-submit-section .modern-submit-btn:active:not(:disabled) {
  transform: translateY(0);
}
.modern-profile-form .modern-submit-section .modern-submit-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.modern-profile-form .modern-submit-section .modern-submit-btn i {
  font-size: 16px;
}

.modern-password-input-wrapper {
  position: relative;
}
.modern-password-input-wrapper .password-toggle-btn {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #666;
  cursor: pointer;
  padding: 4px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.modern-password-input-wrapper .password-toggle-btn:hover {
  color: #EF233C;
}
.modern-password-input-wrapper .password-toggle-btn:focus {
  outline: none;
}
.modern-password-input-wrapper .modern-form-input {
  padding-right: 48px;
}

.modern-submit-btn.secondary {
  background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
}
.modern-submit-btn.secondary:hover:not(:disabled) {
  box-shadow: 0 6px 20px rgba(30, 136, 229, 0.3);
}

.modern-password-form .form-group {
  position: relative;
  margin-bottom: 24px;
}
.modern-password-form .form-group label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}
.modern-password-form .form-group label i {
  font-size: 16px;
  color: #1e88e5;
}
.modern-password-form .form-group .form-control {
  width: 100%;
  height: 48px;
  padding: 0 48px 0 16px;
  background: #f8f9fa;
  border: 2px solid transparent;
  border-radius: 10px;
  font-size: 15px;
  color: #333;
  transition: all 0.3s ease;
}
.modern-password-form .form-group .form-control:focus {
  outline: none;
  background: white;
  border-color: #1e88e5;
  box-shadow: 0 0 0 4px rgba(30, 136, 229, 0.1);
}
.modern-password-form .form-group .form-control.is-invalid {
  border-color: #dc3545;
  background: #fff5f5;
}
.modern-password-form .form-group .input-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #999;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modern-password-form .form-group .input-icon:hover {
  color: #666;
}
.modern-password-form .form-group .invalid-feedback {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #dc3545;
  margin-top: 6px;
}
.modern-password-form .form-group .invalid-feedback i {
  font-size: 12px;
}
.modern-password-form .password-requirements {
  background: #f8f9fa;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 24px;
}
.modern-password-form .password-requirements h6, .modern-password-form .password-requirements .h6 {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.modern-password-form .password-requirements h6 i, .modern-password-form .password-requirements .h6 i {
  color: #ffc107;
}
.modern-password-form .password-requirements ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.modern-password-form .password-requirements ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #666;
  margin-bottom: 8px;
}
.modern-password-form .password-requirements ul li:last-child {
  margin-bottom: 0;
}
.modern-password-form .password-requirements ul li i {
  font-size: 12px;
  color: #999;
  transition: all 0.3s ease;
}
.modern-password-form .password-requirements ul li.valid {
  color: #28a745;
}
.modern-password-form .password-requirements ul li.valid i {
  color: #28a745;
}
.modern-password-form .submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 32px;
  background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.modern-password-form .submit-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s ease;
}
.modern-password-form .submit-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(30, 136, 229, 0.3);
}
.modern-password-form .submit-btn:hover:not(:disabled)::before {
  left: 100%;
}
.modern-password-form .submit-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.modern-password-form .submit-btn i {
  font-size: 16px;
}

@media (max-width: 768px) {
  .modern-profile-form .row {
    flex-direction: column;
    gap: 1rem;
  }
  .modern-profile-form .row > [class*=col-] {
    width: 100% !important;
  }
  .modern-profile-form .modern-form-group {
    margin-bottom: 16px;
  }
  .modern-profile-form .modern-submit-section {
    justify-content: center;
  }
  .modern-profile-form .modern-submit-section .modern-submit-btn {
    width: 100%;
    max-width: 340px;
    padding-left: 32px;
    padding-right: 32px;
    justify-content: center;
    margin: 0 auto;
  }
  .profile-form-card .form-card-body {
    padding: 16px 12px;
  }
}
.mobile-sidebar-toggle-modern {
  display: none;
  width: 100%;
  padding: 16px 20px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border: 2px solid #e9ecef;
  border-radius: 16px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.mobile-sidebar-toggle-modern::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(239, 35, 60, 0.1), transparent);
  transition: left 0.6s ease;
}
.mobile-sidebar-toggle-modern:hover {
  border-color: #EF233C;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(239, 35, 60, 0.15);
}
.mobile-sidebar-toggle-modern:hover::before {
  left: 100%;
}
.mobile-sidebar-toggle-modern:hover .toggle-icon-wrapper {
  background: #EF233C;
  color: white;
}
.mobile-sidebar-toggle-modern .toggle-inner {
  display: flex;
  align-items: center;
  gap: 16px;
}
.mobile-sidebar-toggle-modern .toggle-icon-wrapper {
  width: 48px;
  height: 48px;
  background: #f8f9fa;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #666;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-sidebar-toggle-modern .toggle-content {
  flex: 1 1;
  text-align: left;
}
.mobile-sidebar-toggle-modern .toggle-content .toggle-title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 2px;
}
.mobile-sidebar-toggle-modern .toggle-content .toggle-subtitle {
  display: block;
  font-size: 14px;
  color: #777;
}
.mobile-sidebar-toggle-modern .toggle-arrow {
  font-size: 16px;
  color: #999;
  transition: transform 0.3s ease;
}
@media (max-width: 991px) {
  .mobile-sidebar-toggle-modern {
    display: flex;
  }
}

.sidebar-backdrop-modern {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 1040;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .sidebar-backdrop-modern {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}

.modern-profile-sidebar-pro {
  width: 320px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  padding: 24px;
  border: 1px solid #f0f0f0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  height: -moz-fit-content;
  height: fit-content;
  overflow: visible;
}
.modern-profile-sidebar-pro.collapsed {
  width: 88px;
  padding: 24px 12px;
  overflow: visible;
}
.modern-profile-sidebar-pro.collapsed .sidebar-user-card {
  padding: 16px 8px;
}
.modern-profile-sidebar-pro.collapsed .sidebar-user-card .user-info,
.modern-profile-sidebar-pro.collapsed .sidebar-user-card .user-badge {
  display: none;
}
.modern-profile-sidebar-pro.collapsed .sidebar-user-card .user-avatar-wrapper {
  justify-content: center;
}
.modern-profile-sidebar-pro.collapsed .sidebar-user-card .user-avatar {
  width: 56px;
  height: 56px;
}
.modern-profile-sidebar-pro.collapsed .sidebar-user-card .user-avatar .avatar-image {
  width: 56px !important;
  height: 56px !important;
  border-radius: 16px;
}
.modern-profile-sidebar-pro.collapsed .sidebar-user-card .user-avatar .avatar-status {
  width: 12px;
  height: 12px;
  bottom: 2px;
  right: 2px;
}
.modern-profile-sidebar-pro.collapsed .nav-link-modern {
  padding: 12px;
  justify-content: center;
}
.modern-profile-sidebar-pro.collapsed .nav-link-modern .nav-link-inner {
  justify-content: center;
}
.modern-profile-sidebar-pro.collapsed .nav-link-modern .nav-icon-wrapper {
  margin-right: 0;
}
.modern-profile-sidebar-pro.collapsed .nav-link-modern .nav-content,
.modern-profile-sidebar-pro.collapsed .nav-link-modern .nav-badge-modern {
  display: none !important;
}
.modern-profile-sidebar-pro.collapsed .sidebar-footer-modern {
  display: none;
}
.modern-profile-sidebar-pro.collapsed .nav-divider {
  margin: 12px 0;
}
.modern-profile-sidebar-pro.mobile {
  position: fixed;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100vh;
  height: 100dvh;
  z-index: 1050;
  border-radius: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  padding-top: 20px;
  padding-bottom: env(safe-area-inset-bottom, 20px);
  transition: left 0.3s ease;
  overflow-y: auto;
  overflow-x: hidden;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}
.modern-profile-sidebar-pro.mobile::-webkit-scrollbar {
  width: 4px;
}
.modern-profile-sidebar-pro.mobile::-webkit-scrollbar-track {
  background: transparent;
}
.modern-profile-sidebar-pro.mobile::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.modern-profile-sidebar-pro.mobile.open {
  left: 0;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.4);
}
.modern-profile-sidebar-pro.mobile .sidebar-user-card {
  margin-bottom: 16px;
  flex-shrink: 0;
}
.modern-profile-sidebar-pro.mobile .sidebar-nav-modern {
  flex: 1 1;
  overflow-y: auto;
  min-height: 0;
}
.modern-profile-sidebar-pro.mobile .nav-list-modern {
  padding-bottom: 20px;
}
.modern-profile-sidebar-pro.mobile .sidebar-footer-modern {
  flex-shrink: 0;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #f0f0f0;
}

.mobile-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #f0f0f0;
  margin: -20px -20px 20px -20px;
  background: #fef8f5;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}
.mobile-sidebar-header h3, .mobile-sidebar-header .h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.mobile-sidebar-header .mobile-close-btn {
  width: 36px;
  height: 36px;
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: #666;
  font-size: 18px;
}
.mobile-sidebar-header .mobile-close-btn:hover {
  background: #EF233C;
  border-color: #EF233C;
  color: white;
  transform: scale(1.05);
}
.mobile-sidebar-header .mobile-close-btn:active {
  transform: scale(0.95);
}

.sidebar-user-card {
  background: linear-gradient(135deg, #fef8f5 0%, #ffffff 100%);
  border-radius: 16px;
  padding: 20px;
  padding-top: 24px;
  margin-bottom: 24px;
  border: 1px solid #ffe8d9;
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: visible;
}
.sidebar-user-card .user-avatar-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.sidebar-user-card .user-avatar {
  position: relative;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
.sidebar-user-card .user-avatar .avatar-image {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.sidebar-user-card .user-avatar .avatar-status {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
  background: #22c55e;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.sidebar-user-card .user-info {
  flex: 1 1;
  min-width: 0;
}
.sidebar-user-card .user-info .user-name {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin: 0 0 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-user-card .user-info .user-email {
  font-size: 14px;
  color: #666;
  margin: 0 0 8px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-user-card .user-info .user-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: linear-gradient(135deg, #EF233C 0%, #D90429 100%);
  color: white;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}
.sidebar-user-card .user-info .user-badge i {
  font-size: 12px;
}
.sidebar-user-card .collapse-toggle-modern {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 28px;
  height: 28px;
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: #666;
  font-size: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.sidebar-user-card .collapse-toggle-modern:hover {
  background: #EF233C;
  border-color: #EF233C;
  color: white;
  transform: scale(1.1);
}

.sidebar-nav-modern .nav-list-modern {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar-nav-modern .nav-item-modern {
  margin-bottom: 4px;
  position: relative;
}
.sidebar-nav-modern .nav-item-modern.logout-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e9ecef;
}
.sidebar-nav-modern .nav-divider {
  height: 1px;
  background: #e9ecef;
  margin: 16px 0;
}
.sidebar-nav-modern .nav-link-modern {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.sidebar-nav-modern .nav-link-modern::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(239, 35, 60, 0.1), transparent);
  transition: left 0.6s ease;
}
.sidebar-nav-modern .nav-link-modern:hover {
  background: #f8f9fa;
}
.sidebar-nav-modern .nav-link-modern:hover::before {
  left: 100%;
}
.sidebar-nav-modern .nav-link-modern:hover .nav-icon-modern {
  background: rgba(239, 35, 60, 0.1);
  color: #EF233C;
}
.sidebar-nav-modern .nav-link-modern:hover .nav-label-modern {
  color: #EF233C;
}
.sidebar-nav-modern .nav-link-modern.active {
  background: linear-gradient(135deg, rgba(239, 35, 60, 0.1) 0%, rgba(239, 35, 60, 0.05) 100%);
  border: 1px solid rgba(239, 35, 60, 0.2);
}
.sidebar-nav-modern .nav-link-modern.active .nav-icon-modern {
  background: #EF233C;
  color: white;
  box-shadow: 0 4px 12px rgba(239, 35, 60, 0.3);
}
.sidebar-nav-modern .nav-link-modern.active .nav-label-modern {
  color: #EF233C;
  font-weight: 600;
}
.sidebar-nav-modern .nav-link-modern.active .nav-description {
  color: #D90429;
}
.sidebar-nav-modern .nav-link-modern.logout-link:hover {
  background: rgba(220, 53, 69, 0.1);
}
.sidebar-nav-modern .nav-link-modern.logout-link:hover .logout-icon {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
}
.sidebar-nav-modern .nav-link-modern.logout-link:hover .nav-label-modern {
  color: #dc3545;
}
.sidebar-nav-modern .nav-link-inner {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
  position: relative;
}
.sidebar-nav-modern .nav-icon-wrapper {
  position: relative;
  flex-shrink: 0;
}
.sidebar-nav-modern .nav-icon-wrapper .icon-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 8px;
  height: 8px;
  background: #EF233C;
  border-radius: 50%;
  border: 2px solid white;
}
.sidebar-nav-modern .nav-icon-wrapper .icon-badge.new {
  animation: pulse 2s infinite;
}
.sidebar-nav-modern .nav-icon-modern {
  width: 44px;
  height: 44px;
  background: #f8f9fa;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #666;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
.sidebar-nav-modern .nav-content {
  flex: 1 1;
  min-width: 0;
  text-align: left;
}
.sidebar-nav-modern .nav-content .nav-label-modern {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-nav-modern .nav-content .nav-description {
  display: block;
  font-size: 13px;
  color: #999;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-nav-modern .nav-badge-modern {
  padding: 4px 10px;
  background: #EF233C;
  color: white;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 2px 8px rgba(239, 35, 60, 0.3);
}
.sidebar-nav-modern .nav-tooltip {
  position: absolute;
  left: calc(100% + 16px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1060;
  pointer-events: none;
}
.sidebar-nav-modern .nav-tooltip .tooltip-content {
  background: #333;
  color: white;
  padding: 12px 16px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  max-width: 250px;
}
.sidebar-nav-modern .nav-tooltip .tooltip-content .tooltip-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
  white-space: nowrap;
}
.sidebar-nav-modern .nav-tooltip .tooltip-content .tooltip-description {
  display: block;
  font-size: 12px;
  opacity: 0.8;
  white-space: normal;
}
.sidebar-nav-modern .nav-tooltip .tooltip-arrow {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #333 transparent transparent;
}

.sidebar-footer-modern {
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid #e9ecef;
}
.sidebar-footer-modern .footer-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.sidebar-footer-modern .footer-content .security-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #777;
}
.sidebar-footer-modern .footer-content .security-badge i {
  font-size: 16px;
  color: #22c55e;
}
.sidebar-footer-modern .footer-content .version-info {
  font-size: 12px;
  color: #999;
  padding: 4px 8px;
  background: #f8f9fa;
  border-radius: 6px;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@media (max-width: 1199px) {
  .modern-profile-sidebar-pro {
    width: 280px;
    padding: 20px;
  }
  .modern-profile-sidebar-pro.collapsed {
    width: 80px;
    padding: 20px 12px;
  }
}
@media (min-width: 1200px) {
  .modern-profile-sidebar-pro {
    max-height: none;
    overflow: visible;
  }
}
.modern-profile-sidebar-pro.collapsed .nav-item-modern {
  position: relative;
}
.modern-profile-sidebar-pro.collapsed .nav-item-modern:hover .nav-tooltip {
  display: block;
}
.modern-profile-sidebar-pro.collapsed .nav-tooltip {
  display: none;
}

@media (max-width: 991px) {
  .mobile-sidebar-toggle-modern {
    background: #ffffff;
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    margin-bottom: 16px;
  }
  .mobile-sidebar-toggle-modern:hover {
    background: #fef8f5;
  }
  .modern-profile-sidebar-pro:not(.mobile) {
    display: none;
  }
  .col-xl-3.col-lg-4 {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mobile-sidebar-toggle-modern {
    max-width: 400px;
    margin: 0 auto 20px;
  }
}
@media (max-width: 575px) {
  .modern-profile-sidebar-pro.mobile {
    width: 75%;
  }
  .modern-profile-sidebar-pro.mobile .sidebar-user-card {
    padding: 16px;
    margin-top: 10px;
  }
  .modern-profile-sidebar-pro.mobile .sidebar-user-card .user-avatar {
    width: 64px;
    height: 64px;
  }
  .modern-profile-sidebar-pro.mobile .sidebar-user-card .user-avatar .avatar-image {
    width: 64px;
    height: 64px;
  }
  .modern-profile-sidebar-pro.mobile .sidebar-user-card .user-info .user-name {
    font-size: 16px;
  }
  .modern-profile-sidebar-pro.mobile .sidebar-user-card .user-info .user-email {
    font-size: 13px;
  }
  .modern-profile-sidebar-pro.mobile .nav-link-modern {
    padding: 10px 12px;
  }
  .modern-profile-sidebar-pro.mobile .nav-link-modern .nav-icon-modern {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  .modern-profile-sidebar-pro.mobile .nav-link-modern .nav-content .nav-label-modern {
    font-size: 14px;
  }
  .modern-profile-sidebar-pro.mobile .nav-link-modern .nav-content .nav-description {
    font-size: 12px;
  }
}