@media (max-width: 768px) {
  .search {
    visibility: hidden !important;
  }
}

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400&family=Poppins:wght@200;300&display=swap');

* {
  font-family: 'Outfit', sans-serif;
  font-family: 'Poppins', sans-serif;

}


.addcolor {
  background: #93258f;
  border: 0;
  color: #fff;
  border: 1px solid #93258f;
}


body {
  background-color: #fafbfc !important;
  overflow-x: hidden;
}

.nav-container {
  height: 70px;
  font-size: 13px;

}

.Register-Free {
  border: 2px solid #f64285 !important;
  color: #f64285 !important;
}

.navbar .dropdown-menu {
  z-index: 1000 !important;
  /* Adjust the value as needed */
}

a.dropdown-toggle {
  text-decoration: none;
  font-size: 15px;
  color: #000;
}

a.dropdown-toggle:hover {
  color: blue;
}

/* Custom CSS to position the search icon */
/* .search-icon {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #800080;
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  margin-top: 4px;
  margin-right: 5px;
} */


/* nav-link cart */
.cart {
  background-color: #28a745;
  color: #fff;
}

/* Optional: To reduce the gap before the "User Dashboard" dropdown */
.navbar-nav-custom .nav-item.dropdown {
  margin-right: 0;
  /* Remove margin for this specific dropdown item */
}

@media (min-width: 1024px) {
  .logo-nav {
    display: none;
  }
}

@media(max-width:425px) {
  .menu-icon {
    background-color: #fff;
    position: relative;
    bottom: 22.2rem !important;
  }
}

@media (max-width: 768px) {

  .menu-icon {
    background-color: #fff;
    position: relative;
    bottom: 22.2rem;
  }

  .logo-nav {
    width: 8em;
  }

  .logo {
    visibility: hidden;
  }

  .logo-nav-1 {
    /* display: none; */
    visibility: hidden;
  }
}

@media (max-width: 320px) {
  .menu-icon {
    bottom: 23.8rem !important;
  }
}


p a {
  text-decoration: none;
  font-size: 12px;
  color: #000;
}

p a:hover {

  color: blue;
}

.col li {
  list-style: none;
}

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

.border-12 {
  border-bottom: 2px solid #d8b1db;
}

.border-11 {
  border-top: 2px solid #d8b1db;
  border-bottom: 2px solid #d8b1db;
}







@media (max-width: 768px) {
  .nav-container {
    font-size: 12px;
  }

  .box-border {
    border: 1px solid transparent !important;
  }
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px !important;
  }
}

.b {
  font-weight: 400;
}



/* .container-fluid{
  background-color:#bb82bb;
} */
body {
background-color: #fafbfc;
overflow-x: hidden;
}

.nav-container {
height: 70px;
font-size: 13px;

}

.Register-Free {
border: 2px solid #f64285 !important;
color: #f64285 !important;
}

.navbar .dropdown-menu {
z-index: 1000 !important;
}

a.dropdown-toggle {
text-decoration: none;
font-size: 15px;
color: #000;
}

a.dropdown-toggle:hover {
color: blue;
}


/* nav-link cart */
.cart{
background-color: #28a745; color: #fff;
}
/* Optional: To reduce the gap before the "User Dashboard" dropdown */
.navbar-nav-custom .nav-item.dropdown {
margin-right: 0;
/* Remove margin for this specific dropdown item */
}

@media (min-width: 1024px) {
.logo-nav {
  display: none;
}
}

@media (max-width: 768px) {

.menu-icon {
  background-color: #fff;
  position: relative;
  bottom: 22rem;
}

.logo-nav {
  width: 8em;
}

.logo {
  visibility: hidden;
}

.logo-nav-1 {
  /* display: none; */
  visibility: hidden;
}
}

@media (max-width: 320px) {
.menu-icon {
  bottom: 23.8rem !important;
}
}


p a {
text-decoration: none;
font-size: 12px;
color: #000;
}

p a:hover {

color: blue;
}

.col li {
list-style: none;
}



.border-12 {
border-bottom: 2px solid #d8b1db;
}

.border-11 {
border-top: 2px solid #d8b1db;
border-bottom: 2px solid #d8b1db;
}


@media (max-width: 768px) {
.nav-container {
  font-size: 12px;
}
}



@media (max-width:768px){    

.middle-column{
    margin-top: -25rem !important;
  }
}


.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;
  color: #000!important;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
@media (min-width: 992px) {
  .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);
  }
}
.fw-bold {
  font-weight: 400 !important;
}
.ft-font{
  font-size: 15px !important;

}

.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);
}