@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");
.fw-9 {
  font-weight: 900 !important;
}
.fw-8 {
  font-weight: 800 !important;
}
.fw-7 {
  font-weight: 700 !important;
}
.fw-6 {
  font-weight: 600 !important;
}
.fw-5 {
  font-weight: 500 !important;
}
.fw-4 {
  font-weight: 400 !important;
}
.fw-3 {
  font-weight: 300 !important;
}
.fs-4 {
  font-size: 1em !important;
}
.fs-5 {
  font-size: 1.5em !important;
}
.fs-6 {
  font-size: 2rem !important;
}
.fs-7 {
  font-size: 2.5em !important;
}
.fs-8 {
  font-size: 4em !important;
}
@media only screen and (max-width: 768px) {
  .fs-8 {
    font-size: 2.5em !important;
  }
}

.mt-6 {
  margin-top: 2rem;
}
.mt-7 {
  margin-top: 2.5em;
}
.mt-8 {
  margin-top: 4em;
}
.mt-9 {
  margin-top: 7em;
}

.pt-6 {
  padding-top: 2rem;
}
.pt-7 {
  padding-top: 2.5em;
}
.pt-8 {
  padding-top: 4em;
}
.pt-9 {
  padding-top: 7em;
}
.pt-10 {
  padding-top: 13.5em;
}
.pb-6 {
  padding-bottom: 2rem;
}
.pb-7 {
  padding-bottom: 2.5em;
}
.pb-8 {
  padding-bottom: 4em;
}
.pb-9 {
  padding-bottom: 7em;
}
.pb-10 {
  padding-bottom: 13.5em;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem; /* 16px */
}
.text-sm {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
}
.text-base {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
}
.text-lg {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
}
.text-xl {
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem; /* 28px */
}
.text-2xl {
  font-size: 1.5rem; /* 24px */
  line-height: 2rem; /* 32px */
}
.text-3xl {
  font-size: 1.875rem; /* 30px */
  line-height: 2.25rem; /* 36px */
}
.text-4xl {
  font-size: 2.25rem; /* 36px */
  line-height: 2.5rem; /* 40px */
}
.text-5xl {
  font-size: 3rem; /* 48px */
  line-height: 1;
}

.op-0 {
  opacity: 0 !important;
}
.op-1 {
  opacity: 0.1 !important;
}
.op-2 {
  opacity: 0.2 !important;
}
.op-3 {
  opacity: 0.3 !important;
}
.op-4 {
  opacity: 0.4 !important;
}
.op-5 {
  opacity: 0.5 !important;
}
.op-6 {
  opacity: 0.6 !important;
}
.op-7 {
  opacity: 0.7 !important;
}
.op-8 {
  opacity: 0.8 !important;
}
.op-9 {
  opacity: 0.9 !important;
}
.op-10 {
  opacity: 1 !important;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    left: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 38px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.breadcrumb-hyper {
  display: flex;
  flex-wrap: wrap;
  border-radius: 10px;
  margin: auto;
  text-align: center;
  top: 50%;
  width: 100%;
  height: 40px;
  transform: translateY(-50%);
  z-index: 1;
  justify-content: center;
}

.breadcrumb__link, .breadcrumb__link:hover {
  color: inherit;
  text-decoration: none;
}

.breadcrumb__item {
  height: 100%;
  background-color: white;
  color: #252525;
  font-family: "Oswald", sans-serif;
  border-radius: 7px;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transform: skew(-21deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  margin: 5px;
  padding: 0 40px;
  cursor: pointer;
}

.breadcrumb__item:hover {
  background: #490099;
  color: #FFF;
}

.breadcrumb__inner {
  display: flex;
  flex-direction: column;
  margin: auto;
  z-index: 2;
  transform: skew(21deg);
}

.breadcrumb__title {
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.container-fluid {
  position: relative;
}

.goback {
  position: absolute;
  top: 10px;
  left: 10px;
}

@media all and (max-width: 1000px) {
  .breadcrumb {
    height: 35px;
  }
  .breadcrumb__title {
    font-size: 11px;
  }
  .breadcrumb__item {
    padding: 0 30px;
  }
}
@media all and (max-width: 710px) {
  .breadcrumb {
    height: 30px;
  }
  .breadcrumb__item {
    padding: 0 20px;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}

html {
  scroll-behavior: smooth;
  transition: all 300ms ease-in;
}

:root {
  --body-background: #f7f7f7;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--body-background);
}

body.dark {
  --body-background: #333;
}

#main {
  flex: 1;
}

.alert-danger {
  text-align: left !important;
  background: red !important;
  color: #fff !important;
  font-weight: 300 !important;
  border: 0 !important;
}
.alert-success {
  text-align: left !important;
  background: green !important;
  color: #fff !important;
  font-weight: 300 !important;
  border: 0 !important;
}

.border-725 {
  border-radius: 0.725rem !important;
}

.header-0 ul > li > a {
  --color: rgb(0,0,0,.8);
  color: var(--color);
  text-decoration: none;
  transition: all 0.2s linear;
}
.header-0 ul > li > a:hover {
  --color: var(--mainThemeColor);
}

.header-top-nav-item {
  color: rgb(255, 255, 255);
}
.header-top-nav-item:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
}

.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  background-color: #f7f7f7;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: rgb(100, 116, 139) !important;
  display: block;
  transition: 0.3s;
  text-align: left;
}

.sidebar .nav-item {
  width: 100%;
}

.sidebar .nav-item .nav-link.active {
  background: rgba(255, 255, 255, 0.8);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 0.725rem;
}

.sidebar > ul {
  list-style-type: none;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  font-size: 36px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

.container-fluid {
  z-index: 1;
}

.container-fluid .absolute-wave {
  z-index: -1;
}

@media screen and (max-height: 450px) {
  .sidebar {
    padding-top: 15px;
  }
  .sidebar a {
    font-size: 18px;
  }
}
.nav-item .categoryBarItem {
  position: relative;
}
.nav-item .categoryBarItem:hover:before {
  opacity: 1;
}
.nav-item .categoryBarItem:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 2px;
  background: var(--mainThemeColor);
  transition: all 0.3s linear;
}

.header-dropdown {
  position: static;
  margin: 0 0 0 0.5rem;
  padding: 0;
  background: none;
  border: 1px solid #94a3b8;
}
.header-dropdown .dropdown-item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  gap: 0.4rem;
}
.header-dropdown .dropdown-item:hover {
  background: none;
}

.dropdown:hover .header-dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.dropdown:hover .dropdown-menu:not(.header-dropdown) {
  display: block;
  border-left: 0.3rem solid hsl(220, 83%, 45%);
}

.btn-primary:focus {
  box-shadow: none !important;
}

.btn:focus {
  outline: none !important;
  box-shadow: unset !important;
}

.list-group {
  border-radius: 0;
}

.list-group-item {
  border: 0;
}
.list-group-item.active {
  background: none;
}
.list-group-item.active a {
  color: #000;
  font-weight: 500;
}
.list-group-item:not(:last-child) {
  border-bottom: 1px solid rgba(33, 50, 91, 0.1);
}
.list-group-item a {
  color: #777;
  display: block;
}
.list-group-item a:hover {
  text-decoration: none;
}

.list-group-item:last-child {
  border-bottom-right-radius: 0.725rem;
  border-bottom-left-radius: 0.725rem;
}

.form-control {
  appearance: none;
  border: 0.06rem solid rgba(33, 50, 91, 0.1);
  border-radius: 0.725rem;
  padding: 1rem;
  transition: all 100ms ease-in;
}
.form-control:focus, .form-control:hover {
  border: 1px solid #1C6EA4;
  box-shadow: none;
}

.breadcrumb {
  background: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

body::-webkit-scrollbar {
  background: #fff;
  width: 16px;
}

/* scrollbar itself */
body::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 4px solid #fff;
}

body::-webkit-scrollbar-track {
  background-color: #fff;
}

/* set button(top and bottom of the scrollbar) */
body::-webkit-scrollbar-button {
  display: none;
}

:is(.nav-link, .nav-link:hover) {
  color: black;
}


/* Duyuru yazısını taşıyan container */
.announcement-container {
  white-space: nowrap; /* Metnin alt alta değil yan yana kaymasını sağlar */
  height: 20px;
  margin-left: 10px;
  font-weight: 700;
  font-size: 15px;
  position: relative; /* Pozisyonu relative yapalım */
  z-index: 1; /* Diğer öğelerin önünde olmasını sağla */
}

/* Kayan duyuru metni */
.scrolling-text {
  width: fit-content;
  animation: scrolling 20s linear infinite;
  position: absolute; /* Konumlandırmayı absolute yapalım */
  left: 100%; /* Metin başlangıçta sağdan başlar */
}

/* Kayan animasyonu tanımı */
@keyframes scrolling {
  from {
    transform: translateX(100%); /* Sağdan başlayacak */
  }
  to {
    transform: translateX(-100%); /* Sol tarafa kayacak */
  }
}

/* 576px'den küçük ekranlarda dil bayrağı ve duyuru metni arasındaki mesafeyi sıfırlayalım */
@media (max-width: 576px) {
  .announcement-container {
    display: none; /* Küçük ekranlarda duyuru yazısını gizle */
  }
}

@media (min-width: 576px) {
  /* Ekran büyüdükçe duyuru yazısının yeri değişir */
  .announcement-wrapper .announcement-container {
    margin-left: 0; /* Duyuru yazısının yerini değiştirme */
    padding-left: 1rem; /* Boşluk ekle */
  }
}


.header-top-bostersr {
    margin-right: 360px;
}

.header-top-bostersl {
    margin-left: 340px;
}

@media (max-width: 767px) {
  .header-top-bostersr {
      margin-right: 0px;
      margin-top: 10px;
      font-size: 14px;
  }
  .header-top-bostersl {
      margin-left: 4px;
  }
}

.header-top {
    background: #2b5ae9;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: white;
    padding: 0.5rem 1rem;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}
.header-top-divider {
  width: 2px;
  height: 10px;
  background: #4F5155;
  margin: 0.5rem 0.5rem;
}

.header-divider {
  width: 50%;
  height: 1px;
  background: #4F5155;
  margin: 0 auto;
}

.header {
  z-index: 9;
}

.navbar {
  background: #fff;
}

.navbar-nav {
  gap: 0.7rem;
}

.nav-item {
  transition: all 50ms ease-in;
}

@media (max-width: 767px) {
  .nav-item {
    justify-content: center;
  }
}

/* Nav item hover durumu */
.nav-item .nav-link:hover::after {
  content: '';
  width: 100%;
  height: 5px;
  background-color: #0e6491; /* Dilediğiniz rengi buraya yazabilirsiniz */
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scale(1, 1); /* Alt çizgi görünür hale gelir */
  transform-origin: left center;
  transition: transform 500ms ease;
  border-radius: 2.5px; /* Çizgi kenarlarını yuvarlatmak için */
}

/* Aktif olan nav item için alt çizgi ekleme */
.nav-item.active .nav-link::after {
  content: '';
  width: 100%;
  height: 5px;
  background-color: #0e6491;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scale(1, 1); /* Alt çizgi görünür */
  transform-origin: left center;
  transition: transform 500ms ease;
  border-radius: 2.5px;
}

.nav-link {
    font-size: 16.5px;
    font-weight: 600;
    color: #0e6491 !important;
    display: block;
    transition: 500ms;
    position: relative;
    text-decoration: none; /* Metnin altını çizmeyi kaldır */
}

.nav-item.dropdown .nav-link:hover::after {
  content: none !important; /* Hover efekti göstermemek için */
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 0px !important;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    transform: translateX(-39px);
}

@media (max-width: 767px) {
  .navbar-brand {
      display: inline-block;
      padding-top: .3125rem;
      padding-bottom: .3125rem;
      margin-right: 0px !important;
      font-size: 1.25rem;
      line-height: inherit;
      white-space: nowrap;
      transform: translateX(0px);
  }
}

#swiper-container {
  min-height: 70vh;
}

.swiper {
  height: 350px;
  min-height: 70vh;
}
.swiper h1, .swiper small, .swiper p, .swiper a {
  color: var(--sliderTextColor) !important;
}

.swiper * {
  user-select: none;
}

@media screen and (max-width: 576px) {
  .swiper {
    min-height: 70vh;
  }
}
.btn-hero-contactme {
  padding: 1rem 2rem;
  background: var(--btn-bg);
  color: var(--btn-TextColor);
  border: 0;
  border-radius: 0.725rem;
  box-shadow: -8px 10px 19px -4px rgba(0, 0, 0, 0.51);
}
.btn-hero-contactme i {
  transition: all 300ms ease-in;
}
.btn-hero-contactme:hover {
  color: var(--btn-TextColor);
}
.btn-hero-contactme:hover > i {
  transform: translateX(5px);
}

.btn-hero-portfolio {
  padding: 1rem 2rem;
  background: none;
  border: 1px solid var(--btn-border);
  border-radius: 0.725rem;
  transition: all 300ms ease-in;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.btn-hero-portfolio:hover {
  background: var(--btn-bg);
  color: var(--btn-TextColor);
}

.btn-customerpanel {
  --btnColor: #6366f1;
  padding: 0.5rem 1rem;
  background: var(--btnColor);
  border-radius: 0.725rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.btn-addToCart {
  border-radius: 0.725rem;
  outline: 1px solid var(--btn-border);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: all 200ms ease-in;
}
.btn-addToCart:hover {
  background: var(--btn-border);
  outline: 1px solid var(--btn-border);
  color: #fff;
}

.hero-description:first-letter {
  font-size: 1.3rem;
}

.home-sectionTitle {
  position: relative;
  color: #c026d3;
  text-align: center;
}

.home-sectionTitle:before {
  content: "";
  position: absolute;
  bottom: -5px;
  margin-left: -1rem;
  background: #c026d3;
  width: 5%;
  height: 2px;
}

.home-sectionTitle:after {
  content: "";
  position: absolute;
  top: -5px;
  margin-left: -1.9rem;
  background: #c026d3;
  width: 5%;
  height: 2px;
}

.home-sectionTitle:hover {
  -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --onix-primary-color-opacity: 1;
  --onix-bs-border-color: rgb(0, 0, 0, .125);
  --onix-bs-border-text-color: #5a5b75;
  --onix-border-radius: .725rem;
  --mainThemeColor: #9333ea;
}

.gap-1 {
  gap: 0.4rem;
}

.onix-primary {
  border: 1px solid rgb(255, 255, 255, var(--onix-primary-color-opacity));
  color: rgb(255, 255, 255, var(--onix-primary-color-opacity));
  border-radius: var(--onix-border-radius);
  padding: 0.5rem 0.8rem;
  transition: all 0.15s ease-in-out;
}
.onix-primary svg {
  fill: var(--onix-bs-border-text-color);
}
.onix-primary:hover {
  color: var(--mainThemeColor);
  border-color: var(--mainThemeColor);
}
.onix-primary:hover svg {
  fill: rgb(255, 255, 255, var(--onix-primary-color-opacity)) !important;
}

.onix-goProduct {
  color: var(--home-productListingButtonBackground);
  background: transparent;
  border: 1px solid var(--home-productListingButtonBackground);
}
.onix-goProduct:hover {
  color: var(--home-productListingButtonColor);
  background: transparent;
  border: 1px solid var(--home-productListingButtonBackground);
}

.onix-myCartButton {
  border: 1px solid var(--onix-bs-border-color);
  color: var(--onix-bs-border-text-color);
  border-radius: var(--onix-border-radius);
  padding: 0.5rem 0.8rem;
  transition: all 0.15s ease-in-out;
}
.onix-myCartButton svg {
  fill: var(--onix-bs-border-text-color);
}
.onix-myCartButton:hover {
  color: var(--mainThemeColor);
  border-color: var(--mainThemeColor);
}
.onix-myCartButton:hover svg {
  fill: var(--onix-bs-border-text-color) !important;
}
.onix-myCartButton svg {
  fill: var(--onix-bs-border-text-color);
}
.onix-myCartButton .total {
  font-size: 0.8rem;
}
.onix-myCartButton:hover {
  color: var(--mainThemeColor);
  border-color: var(--mainThemeColor);
}
.onix-myCartButton:hover svg {
  fill: var(--mainThemeColor) !important;
}

.slider-button {
  border: 1px solid var(--onix-bs-border-color);
  color: var(--onix-bs-border-text-color);
  border-radius: var(--onix-border-radius);
  padding: 0.5rem 0.8rem;
  transition: all 0.15s ease-in-out;
}
.slider-button svg {
  fill: var(--onix-bs-border-text-color);
}
.slider-button:hover {
  color: var(--mainThemeColor);
  border-color: var(--mainThemeColor);
}
.slider-button:hover svg {
  fill: var(--onix-bs-border-text-color) !important;
}
.slider-button:hover {
  border-color: var(--sliderTextColor);
}

.onix-readMore {
  border: 1px solid var(--onix-bs-border-color);
  color: var(--onix-bs-border-text-color);
  border-radius: var(--onix-border-radius);
  padding: 0.5rem 0.8rem;
  transition: all 0.15s ease-in-out;
}
.onix-readMore svg {
  fill: var(--onix-bs-border-text-color);
}
.onix-readMore:hover {
  color: var(--mainThemeColor);
  border-color: var(--mainThemeColor);
}
.onix-readMore:hover svg {
  fill: var(--onix-bs-border-text-color) !important;
}

.onix-payBalance {
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
  border-radius: var(--onix-border-radius);
  padding: 0.5rem 0.8rem;
  transition: all 0.15s ease-in-out;
}
.onix-payBalance svg {
  fill: var(--onix-bs-border-text-color);
}
.onix-payBalance:hover {
  color: var(--mainThemeColor);
  border-color: var(--mainThemeColor);
}
.onix-payBalance:hover svg {
  fill: #1d4ed8 !important;
}

.onix-payCard {
  border: 1px solid #16a34a;
  color: #16a34a;
  border-radius: var(--onix-border-radius);
  padding: 0.5rem 0.8rem;
  transition: all 0.15s ease-in-out;
}
.onix-payCard svg {
  fill: var(--onix-bs-border-text-color);
}
.onix-payCard:hover {
  color: var(--mainThemeColor);
  border-color: var(--mainThemeColor);
}
.onix-payCard:hover svg {
  fill: #16a34a !important;
}

.onix-discord {
  border: 1px solid #fff;
  color: #fff;
  border-radius: var(--onix-border-radius);
  padding: 0.5rem 0.8rem;
  transition: all 0.15s ease-in-out;
}
.onix-discord svg {
  fill: var(--onix-bs-border-text-color);
}
.onix-discord:hover {
  background: #6198ff;
  color: #fff;
  border-color: #6198ff;
}
.onix-discord:hover svg {
  fill: #fff !important;
}

.onix-dashboard {
  border: 1px solid var(--onix-bs-border-color);
  color: crimson;
  border-radius: var(--onix-border-radius);
  padding: 0.5rem 0.8rem;
  transition: all 0.15s ease-in-out;
}
.onix-dashboard svg {
  fill: var(--onix-bs-border-text-color);
}
.onix-dashboard:hover {
  color: crimson;
  border-color: crimson;
}
.onix-dashboard:hover svg {
  fill: crimson !important;
}

@media (min-width: 768px) {
  :is(#search .input-group, #storeSearch .input-group) {
    width: 35%;
  }
}
.come-discord {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='visual' viewBox='0 0 900 600' width='900' height='600'%3E%3Cpath d='M0 37L13.7 42C27.3 47 54.7 57 82 64C109.3 71 136.7 75 163.8 81C191 87 218 95 245.2 98C272.3 101 299.7 99 327 96C354.3 93 381.7 89 409 85C436.3 81 463.7 77 491 75C518.3 73 545.7 73 573 74C600.3 75 627.7 77 654.8 76C682 75 709 71 736.2 74C763.3 77 790.7 87 818 89C845.3 91 872.7 85 886.3 82L900 79L900 0L886.3 0C872.7 0 845.3 0 818 0C790.7 0 763.3 0 736.2 0C709 0 682 0 654.8 0C627.7 0 600.3 0 573 0C545.7 0 518.3 0 491 0C463.7 0 436.3 0 409 0C381.7 0 354.3 0 327 0C299.7 0 272.3 0 245.2 0C218 0 191 0 163.8 0C136.7 0 109.3 0 82 0C54.7 0 27.3 0 13.7 0L0 0Z' fill='%236198ff'%3E%3C/path%3E%3Cpath d='M0 103L13.7 112C27.3 121 54.7 139 82 155C109.3 171 136.7 185 163.8 188C191 191 218 183 245.2 185C272.3 187 299.7 199 327 202C354.3 205 381.7 199 409 185C436.3 171 463.7 149 491 148C518.3 147 545.7 167 573 173C600.3 179 627.7 171 654.8 158C682 145 709 127 736.2 125C763.3 123 790.7 137 818 149C845.3 161 872.7 171 886.3 176L900 181L900 77L886.3 80C872.7 83 845.3 89 818 87C790.7 85 763.3 75 736.2 72C709 69 682 73 654.8 74C627.7 75 600.3 73 573 72C545.7 71 518.3 71 491 73C463.7 75 436.3 79 409 83C381.7 87 354.3 91 327 94C299.7 97 272.3 99 245.2 96C218 93 191 85 163.8 79C136.7 73 109.3 69 82 62C54.7 55 27.3 45 13.7 40L0 35Z' fill='%233c80ff'%3E%3C/path%3E%3Cpath d='M0 337L13.7 337C27.3 337 54.7 337 82 329C109.3 321 136.7 305 163.8 316C191 327 218 365 245.2 370C272.3 375 299.7 347 327 340C354.3 333 381.7 347 409 330C436.3 313 463.7 265 491 251C518.3 237 545.7 257 573 263C600.3 269 627.7 261 654.8 251C682 241 709 229 736.2 243C763.3 257 790.7 297 818 311C845.3 325 872.7 313 886.3 307L900 301L900 179L886.3 174C872.7 169 845.3 159 818 147C790.7 135 763.3 121 736.2 123C709 125 682 143 654.8 156C627.7 169 600.3 177 573 171C545.7 165 518.3 145 491 146C463.7 147 436.3 169 409 183C381.7 197 354.3 203 327 200C299.7 197 272.3 185 245.2 183C218 181 191 189 163.8 186C136.7 183 109.3 169 82 153C54.7 137 27.3 119 13.7 110L0 101Z' fill='%230066ff'%3E%3C/path%3E%3Cpath d='M0 481L13.7 479C27.3 477 54.7 473 82 479C109.3 485 136.7 501 163.8 513C191 525 218 533 245.2 533C272.3 533 299.7 525 327 514C354.3 503 381.7 489 409 486C436.3 483 463.7 491 491 490C518.3 489 545.7 479 573 483C600.3 487 627.7 505 654.8 514C682 523 709 523 736.2 509C763.3 495 790.7 467 818 461C845.3 455 872.7 471 886.3 479L900 487L900 299L886.3 305C872.7 311 845.3 323 818 309C790.7 295 763.3 255 736.2 241C709 227 682 239 654.8 249C627.7 259 600.3 267 573 261C545.7 255 518.3 235 491 249C463.7 263 436.3 311 409 328C381.7 345 354.3 331 327 338C299.7 345 272.3 373 245.2 368C218 363 191 325 163.8 314C136.7 303 109.3 319 82 327C54.7 335 27.3 335 13.7 335L0 335Z' fill='%230059dd'%3E%3C/path%3E%3Cpath d='M0 601L13.7 601C27.3 601 54.7 601 82 601C109.3 601 136.7 601 163.8 601C191 601 218 601 245.2 601C272.3 601 299.7 601 327 601C354.3 601 381.7 601 409 601C436.3 601 463.7 601 491 601C518.3 601 545.7 601 573 601C600.3 601 627.7 601 654.8 601C682 601 709 601 736.2 601C763.3 601 790.7 601 818 601C845.3 601 872.7 601 886.3 601L900 601L900 485L886.3 477C872.7 469 845.3 453 818 459C790.7 465 763.3 493 736.2 507C709 521 682 521 654.8 512C627.7 503 600.3 485 573 481C545.7 477 518.3 487 491 488C463.7 489 436.3 481 409 484C381.7 487 354.3 501 327 512C299.7 523 272.3 531 245.2 531C218 531 191 523 163.8 511C136.7 499 109.3 483 82 477C54.7 471 27.3 475 13.7 477L0 479Z' fill='%23004cbb'%3E%3C/path%3E%3C/svg%3E");
}

.blogs .card {
  border-radius: var(--onix-border-radius);
}
.blogs .card .card-body h4 {
  transition: all 0.15s ease-in-out;
}
.blogs .card:hover .card-img img {
  filter: brightness(0.8);
  scale: 1.2;
  rotate: 5deg;
}
.blogs .card:hover .card-img-details {
  display: block;
}
.blogs .card:hover .card-img {
  border-top-left-radius: 0.725rem;
  border-top-right-radius: 0.725rem;
}
.blogs .card:hover .card-body h4 {
  color: #9333ea;
}
.blogs .card:hover .onix-readMore {
  color: #9333ea;
  border-color: #9333ea;
}
.blogs .card:hover .onix-readMore svg {
  fill: #9333ea !important;
}
@media (min-width: 992px) {
  .blogs .card {
    min-height: 578px;
  }
}
.blogs .card .card-title {
  font-weight: 300;
}
.blogs .card .card-img-details {
  display: none;
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 2;
  transition: all 0.15s ease-in-out;
  font-weight: 300;
}
.blogs .card .card-img {
  overflow: hidden;
  border-radius: 0;
  position: relative;
}
.blogs .card .card-img img {
  border-top-left-radius: 0.725rem;
  border-top-right-radius: 0.725rem;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.blogs .card .card-img img:hover {
  filter: brightness(0.8);
  scale: 1.2;
  rotate: 5deg;
}

.whatido {
  background: var(--whatido_background);
  color: var(--whatido_TextColor);
}

.badge-whatido {
  background: var(--badge_whatidoBackground);
  color: var(--badge_whatidoColor);
  padding: 0.5rem;
  border-radius: 0.725rem;
  font-weight: 500;
  font-size: 13px;
}

.whatido-title {
  font-weight: 300;
}

.whatido_box {
  display: flex;
  justify-content: start;
  flex-direction: column;
  opacity: 0.6;
  color: white;
  border: 1px solid gray;
  border-radius: 0.275rem;
  padding: 3rem 2rem;
  overflow: hidden;
  transition: all 200ms ease-in;
}
.whatido_box__icon {
  font-size: 2rem;
  margin: 1rem 0;
}
.whatido_box:hover {
  opacity: 1;
}

.card-category {
  transition: all 300ms ease-in;
  cursor: pointer;
  min-height: 300px;
}
.card-category:hover {
  transform: translateY(-10px);
}
.card-category:hover h4 {
  color: #f97316;
}

.card-faq:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 20%;
  width: 2px;
  height: 80%;
  background: rgba(0, 0, 0, 0.125);
  z-index: -1;
}
.card-faq:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 20%;
  width: 2px;
  height: 80%;
  background: rgba(0, 0, 0, 0.125);
  z-index: -1;
}

.card-thread p {
  transition: all 300ms ease-in;
  white-space: normal;
  word-break: break-word;
}
.card-thread:hover {
  cursor: pointer;
}
.card-thread:hover p {
  color: #f97316;
}

.myReferences {
  cursor: pointer;
}

.myreferences_box {
  display: flex;
  justify-content: start;
  flex-direction: column;
  opacity: 0.6;
  color: white;
  overflow: hidden;
  transition: all 200ms ease-in;
  max-height: 300px;
}
.myreferences_box__img {
  object-fit: cover;
  width: 50px;
  height: 50px;
  margin: 0.5rem 0;
}
.myreferences_box__body {
  word-break: break-all;
}
.myreferences_box:hover {
  opacity: 1;
}

.discounted {
  outline: 3px solid #64748b;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.portfolio-title {
  font-weight: 300;
}

.portfolio-img {
  object-fit: cover;
  transition: all 300ms ease-in;
}
.portfolio-img:hover {
  scale: 1.1;
}

.portfolio-skills {
  background: var(--portfolio_background);
  color: var(--portfolio_color);
  padding: 3rem 2rem;
  border-radius: 0.725rem;
  box-shadow: -8px 10px 19px -4px rgba(0, 0, 0, 0.51);
}

.blog-title {
  font-weight: 300;
}

.blog-box {
  position: relative;
  overflow: hidden;
  border-radius: 0.725rem;
}

.blog-img {
  overflow: hidden;
}
.blog-img img {
  transition: all 300ms ease-in;
}

.blog-box .card:hover > .blog-img img {
  scale: 1.1;
}

.blog-img img:hover {
  cursor: pointer;
}

.blog .card {
  border: 0;
}

.blog .card-body, .blogs_section .card-body {
  min-height: 323px;
}

.btn-blog__readmore {
  padding: 0.5rem 1rem;
  background: var(--btn-bg);
  color: var(--btn-TextColor);
  border: 0;
  border-radius: 0.275rem;
}
.btn-blog__readmore i {
  transition: all 300ms ease-in;
}
.btn-blog__readmore:hover {
  color: var(--btn-TextColor);
}
.btn-blog__readmore:hover > i {
  transform: translateX(5px);
}

:is(.single_blog-hero, .single_product-hero) {
  position: relative;
  text-align: center;
}

.single_blog-title {
  font-weight: 300;
}

.single_blog-footer ul {
  list-style-type: none;
}

.single_blog-share ul {
  list-style-type: none;
}
.single_blog-share ul li a {
  font-size: 2rem;
}

.single_blog-comment-body {
  background: #fff;
  padding: 2rem;
  border-radius: 0.725rem;
}

.single_blog-right-side .card {
  position: relative;
  border-radius: 0.725rem;
  color: white;
  overflow: hidden;
}
.single_blog-right-side .card .card-img:hover > .card-img-top {
  scale: 1.2;
}
.single_blog-right-side .card .card-img-top {
  border-radius: 0.725rem;
  transition: all 300ms ease-in;
  object-fit: cover;
}
.single_blog-right-side .card .card-details-top {
  position: absolute;
  top: 5px;
  left: 10px;
}
.single_blog-right-side .card .card-details-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: linear-gradient(to bottom, transparent, #000, #000);
  padding: 4px;
  border-radius: 0.725rem;
}

.comment-box {
  border-radius: 0 0.725rem 0.725rem 0.725rem;
  background: white;
}
.comment-box .comment-header {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.comment-box .comment-body {
  padding: 1rem;
}
.comment-box .comment-author {
  color: #7289da;
}

.single_product-box {
  position: relative;
  margin-top: -2rem;
  padding: 0.5rem 1rem;
}

.single_product-otherBox {
  cursor: pointer;
  transition: all 300ms ease-in;
}
.single_product-otherBox:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transform: translateY(-10px);
}

.single_product-detail img {
  max-width: 100%;
  height: auto;
}
.single_product-detail :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 300;
}
.single_product-detail ul {
  padding-left: 1rem;
}

.products {
  background: var(--products_heroBackground);
  padding: 3rem 2rem;
  color: var(--products_heroTextColor);
}
.products h1 {
  font-weight: 300;
}

.products_section .card {
  border-radius: 0.725rem;
  border: 0;
}
.products_section .card-header {
  color: var(--products_cardTextColor);
  background-color: var(--products_cardBackground);
  border: 0;
  border-radius: 0.725rem 0.725rem 0 0;
}

.product_test .category-box {
  position: relative;
  border-radius: 0.725rem;
  text-align: center;
  margin-bottom: 1.25rem;
}
.product_test .category-box .category-title {
  position: absolute;
  bottom: 20px;
  left: 1.5rem;
  color: white;
  text-align: left;
}
.product_test .category-box .category-img {
  position: relative;
  overflow: hidden;
  border-radius: 0.725rem;
}
.product_test .category-box .category-img img {
  object-fit: cover;
  opacity: 1;
  border-radius: 0.725rem;
  cursor: pointer;
  transition: all 300ms ease-in;
  filter: brightness(90%);
}
.product_test .category-box .category-img img:hover {
  scale: 1.2;
}
.product_test .category-box .img-back {
  transition: all 300ms ease-in;
  opacity: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  color: white;
  cursor: pointer;
}

.product_list_item:hover h4 {
  color: var(--mainThemeColor);
}
.product_list_item h4 {
  transition: all 0.3s linear;
}

.product_list_item .card-body {
  min-height: 265px;
}

.category-box:hover > .category-img .img-back {
  opacity: 1;
}

.category-box:hover > .category-img img {
  filter: brightness(30%);
}

.products-box {
  position: relative;
  border-radius: 0.725rem;
  text-align: center;
  overflow: hidden;
}
.products-box .products-img {
  overflow: hidden;
}
.products-box .products-img img {
  object-fit: cover;
  border-radius: 0.725rem 0.725rem 0 0;
  cursor: pointer;
  transition: all 300ms ease-in;
}
.products-box .products-img img:hover {
  scale: 1.2;
}
.products-box .btn-categorygo {
  background: var(--btn-bg);
  color: var(--btn-TextColor);
}

.products_list .card {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: all 300ms ease-in;
  border: 0;
  border-radius: 0.725rem;
  cursor: pointer;
}
.products_list .card h4 {
  font-weight: 500;
}
.products_list .card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transform: translateY(-10px);
}
.products_list .card-img-top {
  border-radius: 0.5rem;
}

.customer_hero {
  background: var(--cp__background);
  color: var(--cp_TextColor);
  padding: 3rem 2rem;
}
.customer_hero h1 {
  font-weight: 300;
}

.customer_inform {
  background: var(--cp_boxBackground);
  color: var(--cp_boxTextColor);
  height: 100%;
  padding: 1.5rem 1.3rem;
  border-radius: 0.725rem;
  cursor: pointer;
  transition: all 300ms ease-in;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.customer_inform h5 {
  font-weight: 300;
  text-transform: uppercase;
  user-select: none;
}
.customer_inform h3 {
  font-weight: 500;
}
.customer_inform:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transform: translateY(-10px);
}
.customer_inform-flex {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
}

.customer_tickets {
  --borderColor: #ddd;
  --borderRadius: .725rem;
}
.customer_tickets table {
  border-collapse: separate;
  border-spacing: 0 0.7rem;
}
.customer_tickets tbody {
  border-radius: 0.725rem;
}
.customer_tickets th {
  font-weight: 300;
  text-align: left;
  padding: 1rem 1rem;
  border-bottom: 1px solid var(--borderColor);
}
.customer_tickets .card_tr {
  position: relative;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0;
  transition: all 300ms ease-in;
  cursor: pointer;
}
.customer_tickets .card_tr td {
  vertical-align: middle;
}
.customer_tickets .card_tr:hover {
  --borderColor: #ccc;
  transform: translateY(-3px);
}
.customer_tickets .card_tr > td:first-child {
  border-top-left-radius: var(--borderRadius);
  border-bottom-left-radius: var(--borderRadius);
}
.customer_tickets .card_tr > td:last-child {
  border-top-right-radius: var(--borderRadius);
  border-bottom-right-radius: var(--borderRadius);
}

.customer_section {
  --bgPrimary: #1d4ed8;
}
.customer_section .rounded {
  border-radius: 0.725rem !important;
}
.customer_section .nav-head {
  display: block;
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: 13px;
  text-transform: uppercase;
  user-select: none;
}
.customer_section .bg-primary {
  background: var(--bgPrimary) !important;
}
.customer_section .nav-item:hover > .nav-link:not(.bg-primary) {
  outline: 1px solid var(--bgPrimary);
  color: var(--bgPrimary);
  border-radius: 0.725rem;
}
.customer_section .card {
  border: 0;
  border-radius: 0.725rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: all 300ms ease-in;
}
.customer_section .card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.customer_section .card-header {
  color: black;
  border: 0;
  border-radius: 0.725rem 0.725rem 0 0;
  font-weight: 600;
}

:is(.auth.login, .auth.register, .auth.verifyMail) {
  position: relative;
  background: var(--login__Background);
  color: var(--login__TextColor);
  padding: 3rem 2rem;
}
:is(.auth.login, .auth.register, .auth.verifyMail) h1 {
  font-weight: 300;
}

.auth.verify h4, .auth.verify h5, .auth.verify h6 {
  font-weight: 300;
}

.authWithSocial {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex: 1 1 auto;
  min-width: 100%;
}
.authWithSocial ul {
  list-style-type: none;
  gap: 1rem;
}
.authWithSocial li {
  --opacity: 1;
  border: 0;
  border-radius: 0.725rem;
  cursor: pointer;
  padding: 0.7rem;
  transition: all 300ms ease-in;
  outline: 0;
}
.authWithSocial li:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.authWithSocial li[discord] {
  background: #7289da;
}
.authWithSocial li[discord] i {
  font-size: 32px;
  color: rgb(255, 255, 255, var(--opacity));
}
.authWithSocial li[discord] span {
  color: rgb(255, 255, 255, var(--opacity));
}
.authWithSocial li[google] span {
  color: rgb(0, 0, 0, var(--opacity));
}
.authWithSocial li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  text-decoration: none;
}

.authSeperate {
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  user-select: none;
  opacity: 0.6;
}
.authSeperate:before {
  content: "";
  width: 100%;
  height: 2px;
  background: gray;
}
.authSeperate:after {
  content: "";
  width: 100%;
  height: 2px;
  background: gray;
}

.auth .card.card-auth {
  border: 0;
  border-radius: 0.725rem;
  padding: 2rem 1rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: all 300ms ease-in;
}
.auth .card.card-auth:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.payment.hero {
  background: var(--payment__Background);
  padding: 3rem 2rem;
  color: var(--payment__TextColor);
}
.payment.hero h1 {
  font-weight: 300;
}

.payment.section .card {
  border: 0;
  border-radius: 0.725rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: all 300ms ease-in;
}
.payment.section .card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.payment.section .card-header {
  color: var(--payment__TextColor);
  background: var(--payment__Background);
  border: 0;
  border-radius: 0.725rem 0.725rem 0 0;
}
.payment.section .card-body {
  padding: 2rem;
}
.payment.section .form-group.row {
  align-items: center;
}

.payment-divider {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  text-transform: uppercase;
  flex-direction: row;
  opacity: 0.5;
}
.payment-divider:before {
  content: "";
  width: 40%;
  height: 1px;
  background: black;
  display: inline-block;
}
.payment-divider:after {
  content: "";
  width: 40%;
  height: 1px;
  background: black;
  display: inline-block;
}

.payment.status.success .card {
  background: green;
  color: white;
  border: 0;
}
.payment.status.success i {
  position: absolute;
  top: -25px;
  left: -25px;
  font-size: 3rem;
  border: 10px solid #f7f7f7;
  background: #f7f7f7;
  color: green;
  border-radius: 50%;
}
.payment.status.success h2 {
  font-weight: 500;
}

.payment.status.error .card {
  background: crimson;
  color: white;
  border: 0;
}
.payment.status.error i {
  position: absolute;
  top: -25px;
  left: -25px;
  font-size: 3rem;
  border: 10px solid #f7f7f7;
  background: #f7f7f7;
  color: crimson;
  border-radius: 50%;
}
.payment.status.error h2 {
  font-weight: 500;
}

.page.hero {
  background: var(--products_heroBackground);
  padding: 3rem 2rem;
  color: var(--products_heroTextColor);
}
.page.hero h1 {
  font-weight: 300;
}

.contact-hero {
  background: var(--cp__background);
  color: var(--cp_TextColor);
  padding: 3rem 2rem;
}
.contact-hero h1 {
  font-weight: 300;
}

.contact-left {
  background: #000;
  color: white;
  padding: 3rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contact-right {
  background: #fff;
  color: black;
  padding: 3rem 2rem;
}

.modal-content {
  border-radius: 0.725rem;
}

.mostselled-title {
  font-weight: 300;
}

.footer-bestselled {
  padding: 2rem 3rem;
  color: var(--lastsell_TextColor);
}

.footer-bestselled .container {
  background: var(--lastsell_Background);
  color: var(--lastsell_TextColor);
  padding: 2rem 3rem;
  border-radius: 0.725rem;
}

.best-left {
  position: relative;
}
.best-left p {
  font-weight: 300;
}
.best-left h4 {
  font-weight: 300;
}
.best-left h4 span {
  font-weight: 400;
}
.best-left img {
  position: absolute;
  bottom: -20px;
  right: 10px;
}

@media (max-width: 768px) {
  .best-left {
    text-align: center;
  }
  .best-right .d-flex {
    flex-wrap: wrap;
  }
}
@media (max-width: 1050px) {
  .best-left img {
    display: none;
  }
}
.best-item {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding-left: 10px;
}
.best-item:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 10%;
  left: 0;
  background: #333;
  width: 2px;
  height: 80%;
}
.best-item img {
  width: 32px;
  height: 32px;
  object-fit: cover;
}

.statistics-box {
  padding: 2rem 3rem;
  background: #fff;
  border: 0;
  border-radius: 0.725rem;
  gap: 2rem;
}

.statistics-item {
  position: relative;
}

.statistics-icon i {
  position: absolute;
  top: -30px;
  left: -25px;
  background: #f7f7f7;
  font-size: 3rem;
  border: 10px solid #f7f7f7;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .statistics-item:nth-child(-n+2)::after {
    content: "";
    position: absolute;
    bottom: 0;
    top: 20%;
    right: -15%;
    background: #1f2937;
    opacity: 0.5;
    width: 2px;
    height: 50%;
  }
}
.shoppingCart {
  background: var(--products_heroBackground);
  padding: 3rem 2rem;
  color: var(--products_heroTextColor);
}
.shoppingCart h1 {
  font-weight: 300;
}

.shoppingCart_section .card {
  border-radius: 0.725rem 0.725rem 0 0;
  border: 0;
}
.shoppingCart_section .card-header {
  color: var(--products_cardTextColor);
  background-color: var(--products_cardBackground);
  border: 0;
  border-radius: 0.725rem 0.725rem 0 0;
}

.shoppingCart_cart .shoppingCart_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}
.shoppingCart_cart .shoppingCart_header .heading {
  font-size: 20px;
}
.shoppingCart_cart .shoppingCart_header .action {
  font-size: 14px;
  color: #E44C4C;
  cursor: pointer;
  border-bottom: 1px solid #E44C4C;
}
.shoppingCart_cart .shoppingCart_img {
  cursor: pointer;
  width: 75px;
  height: 75px;
}
.shoppingCart_cart .shoppingCart_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shoppingCart_cart .shoppingCart_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}
.shoppingCart_cart .shoppingCart_center .fs-5, .shoppingCart_cart .shoppingCart_center .h5, .shoppingCart_cart .shoppingCart_price .fs-5, .shoppingCart_cart .shoppingCart_price .h5 {
  font-size: 0.875rem !important;
}
.shoppingCart_cart .shoppingCart_center .text-body, .shoppingCart_cart .shoppingCart_price .text-body {
  color: rgb(103, 119, 136) !important;
}

.footer {
  background: var(--footer_Background);
  color: var(--footer_TextColor);
}
.footer-top {
  padding-top: 2rem;
}

.footer :is(h3, h2, ul li), .contact-social-list :is(li, a) {
  --opacity: 0.7;
  opacity: var(--opacity);
  font-weight: 300;
  transition: all 200ms ease-in;
}
.footer :is(h3, h2, ul li):hover, .contact-social-list :is(li, a):hover {
  --opacity: 1;
}

.footer-bottom {
  --opacity: 0.7;
  opacity: var(--opacity);
}

.footer-bottom :is(a, p):hover {
  --opacity: 1;
}

@media (max-width: 768px) {
  .footer h3 {
    margin-top: 0.5rem;
  }
}
.footer ul, .contact-social-list {
  list-style-type: none;
}
.footer ul li, .contact-social-list li {
  cursor: pointer;
}

.footer a, .contact-social-list a {
  color: inherit;
}
.footer a:hover, .contact-social-list a:hover {
  text-decoration: none;
  opacity: 1;
}

/*# sourceMappingURL=main.css.map */