:root {
  --primary-color: #98002a91;;
  --secondary-color: #98002a91;
  --secondary-color-2: #98002a91;
  --secondary-color-3: #98002a91;
  --secondary-color-4: #98002a91;
  --secondary-color-5: #98002a91;
  --secondary-color-6: #98002a91;
  --neutral-white: #ffffff;
  --border-gray: #98002a91;
  --hover-outline: #98002a91;
}

/* Start Applying Variables */

.topnavbar {
  background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 20%, var(--primary-color) 80%, var(--primary-color) 100%);
}

.search-container .input-group .form-select,
input#search_box,
.btn {
  border: solid 1px var(--primary-color) !important;
}

.BG {
  background: linear-gradient(45deg, var(--primary-color), var(--primary-color));
}

.cart-count {
  background-color: var(--primary-color);
}

.ph.ph-magnifying-glass:before {
  color: var(--primary-color);
}

.navbottom li:hover {
  background-color: var(--primary-color) !important;
}

.navbottom .categoryname {
  color: var(--primary-color);
}

h1, h2, h3, h4, h5 {
  color: var(--primary-color) !important;
}

.category-item {
  border: 1px solid var(--primary-color);
}

.category-item:hover {
  border-color: var(--primary-color);
  transform: translateY(-10px);
}

.discountpoint {
  color: var(--primary-color) !important;
}

.theme-button-outline {
  color: var(--primary-color);
  background-color: #50b8e700;
}

.metric {
  border: 1px solid var(--primary-color);
}

.ph.ph-credit-card:before,
.ph.ph-arrow-u-down-left:before,
.ph.ph-headset:before,
.ph.ph-truck:before,
.ph.ph-list:before,
.ph-light.ph-shopping-cart:before,
.dashboard-link i,
.bag-remove-icon {
  color: var(--primary-color);
}

.ph-light.ph-house:before {
  color: var(--secondary-color-2);
}

.ph-light.ph-magnifying-glass:before {
  color: var(--secondary-color-3);
}

.ph-light.ph-user:before {
  color: var(--secondary-color-4);
}

.svgContainer .ph.ph-headset:before {
  color: var(--neutral-white);
}

.footer {
  background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 20%, var(--primary-color) 80%, var(--primary-color) 100%);
}

.footer-section h3 {
  color: var(--neutral-white) !important;
}

footer-section, b, strong {
  font-weight: bolder;
  color: #000000;
}

.navbottom .menu-column a:hover {
  color: var(--primary-color) !important;
}

.border {
  border-color: var(--border-gray);
}

.filter-container {
  border: 1px solid var(--primary-color) !important;
}

.rangeprice {
  border: 1px solid var(--secondary-color);
}

.filter-title {
  color: var(--primary-color) !important;
}

.apply-button button {
  background-color: var(--primary-color);
}

.cyberpunk-radio {
  border: 1px solid var(--primary-color);
}

.cyberpunk-radio:before {
  background-color: var(--primary-color);
}

.left-side a,
.register-now a:hover,
.small-grid a:hover p,
.color-pricing-grid a:hover {
  color: var(--primary-color) !important;
}

.left-side .active {
  color: var(--secondary-color-6) !important;
}

.items-info,
.sort-wrapper .shot-by,
.filter-tag,
.sort-bar select,
.pagination-item-top,
.pro-dt-p,
.tc-wallet,
.forgot-password a,
.register-now a {
  color: var(--primary-color);
}

.filter-tag {
  border: 1px solid var(--primary-color);
}

.ph.ph-x:before {
  color: var(--primary-color);
}

.breadcrumb li a {
  color: var(--primary-color);
}

.sort-bar select,
.sort-bar select:focus {
  border-color: var(--primary-color);
}

.sort-bar {
  border: 1px solid var(--hover-outline) !important;
}

.pagination-item-top.active {
  background-color: var(--primary-color);
  color: var(--neutral-white);
  border-color: var(--primary-color);
}

.pagination-item-top:hover {
  background-color: var(--neutral-white);
  color: var(--primary-color);
}

.range-input input {
  background: var(--primary-color);
}

.range-input input[type="range"]::-webkit-slider-thumb,
.range-input input[type="range"]::-moz-range-thumb {
  background-color: var(--primary-color);
}

.addToCart,
.quantity button,
.tab-button.active,
.remove-btn,
.theme-button,
.view-cart-btn,
.checkout-btn,
.card-btn,
.apply-btn,
.Place-btn,
.scroll-button,
.mobile-filter-btn {
  background-color: var(--primary-color);
  color: var(--neutral-white);
}

.sizeChartBtn,
.tab-button {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.option-item.selected,
.grid-item.selected,
.selected-price,
.tab-button,
.dashboard-item,
.profile-picture,
.payment-method-circle,
.main-chekout input[type="text"],
.main-chekout input[type="email"],
.main-chekout input[type="tel"],
.main-chekout input[type="number"],
select,
textarea,
.order-summary-table th,
.item-details-table th,
.ui-checkbox {
  border: 1px solid var(--primary-color);
}

.payment-method-circle::after {
  background: var(--primary-color);
}

.theme-button-outline:hover,
.outline-button:hover {
  background-color: var(--primary-color) !important;
  color: var(--neutral-white) !important;
  border: 1px solid var(--primary-color) !important;
}

.outline-button {
  border: solid 1px var(--primary-color);
  color: var(--primary-color) !important;
}

.mobile-filter-btn {
  background-color: var(--primary-color);
}

.theme-color {
  color: var(--primary-color) !important;
}

.ph.ph-x:before {
  color: var(--neutral-white);
}

@media only screen and (max-width: 768px) {
  .mobilemenusection a {
    color: var(--primary-color) !important;
  }
}

@media (max-width: 992px) {
  .left-side-header i {
    background-color: var(--primary-color);
  }
}

table.a-keyvalue th {
  background-color: var(--primary-color) !important;
}

.ui-checkbox {
  --primary-color: var(--primary-color);
}

.topnav-links a,
.welcome,
.sale-info,
.sale-container marquee {
  color: var(--neutral-white);
}

.img-thumbnail {
  padding: 16px;
  border-radius: 30px;
}

/* Misc */
.filter-tab.active {
  background-color: #eb0c1900;
  border: solid 1px #764520;
}
