:root {
  --body-bg: #121212;
  --body-bg2: #121212; 
  --nav-bg: #121212;  
  --nav-bg2: #0d0d0d;
  --nav-bg3: #535353;
  --white-text: #3a3a3a; 
  --text-justWhite: #eae8ea;
  --text-whiteBlack: #e0e0e0;
  --bg-sectionWhiteBlack: #000000;
  --border-blackWhite: #464646; 
  --bg-slateButton: #1a8cd8; 
  --text-slateButton: #464646;  
  --text-hyperLink: #1d9bf0;
  --sign-in-logo: hsl(0, 0%, 90%); 
  --border-slate-red: rgb(173, 178, 189); 
  --login-button-bg: #141414;  
  --login-button-text: #E0E0E0;
  --mobile-bar: #eae8ea; 
  --mobile-menu-bg: #000000; 
  --bg-sectionDealsPage: #1f1e1f; 
  --searchBar-bg: #121212;  
  --searchBar-outline: black; 
  --dealCard-bg: #373737; 
  --searchButton-bg: #191919; 
  --nav-suggestColor: rgb(173, 178, 189);
  --text-black: #1f1e1f;
  --box-shadowLightDark:  rgba(255, 255, 255, 0.1) 0px 20px 25px -5px, rgba(255, 255, 255, 0.04) 0px 10px 10px -5px;
  --nav-mobileX: rgb(239, 244, 255); 
  --coupon-highlight: red;
  --color-blackLightGreen: #30d158; 
  --color-heartHighlight: #30d158;
  --color-fillInput: #86868b; 
  --bg-navSmallScreen: #0f0f0f;
  --dark-text: #ececec;
  --darkText-light: #ececec; 
  --darkText-light2: hsl(0, 0%, 90%); 
  --grey-text: hsl(0, 0%, 90%);
  --light-grey-text: hsl(0, 0%, 95%);
  --headingDeals-clamp: 1rem; 
  --refine-text: hsl(0, 0%, 74%);
  --refine-text2: #474747; 
  --heart-NavColor: hsl(0, 0%, 95%); 
  --mobile-nav-buttBg: #000000; 
  --mobile-footer: #000000;
  --indiv-deal-bg: #070707; 
  --indiv-deal-bgHover: #191919;
  --indiv-deal-picBg: #e2e2e2; 
  --login-bg: #070707;   
  --bottom-nav-color: #000000; 
  --searchBar-bg: #121212;
  --bottom-navPostBG: blue; 
  --log-bg: #070707; 
  --subHead-gray: #d1d7e2; 
  
}

.dark-mode {
  --body-bg2: white; 
  --body-bg: #f2f1f7; 
  --nav-bg: #155a8a; 
  --nav-bg2: #fefefe; 
  --nav-bg3: #f2f1f7;
  --white-text: #eae8ea; 
  --bg-slate: #334155;
  --text-justWhite: #f1f1f1; 
  --text-black: #111827; 
  --sign-in-logo: #1a8cd8; 
  --text-whiteBlack: #111827; 
  --bg-sectionWhiteBlack: #f1f1f1;
  --bg-sectionDealsPage: #e2e2e2;  
  --border-blackWhite: #d1d1d1; 
  --bg-slateButton: #1a8cd8; 
  --text-slateButton: #f1f1f1; 
  --text-hyperLink: #1d9bf0; 
  --border-slate-red: rgb(51, 65, 85);
  --login-button-bg: #e2e2e2; 
  --login-button-text: #1d1d1d; 
  --mobile-bar: #1f1e1f; 
  --mobile-menu-bg: #155a8a; 
  --searchBar-bg: #ffffff;
  --searchButton-bg: white; 
  --searchBar-outline: black; 
  --dealCard-bg: #ffffff; 
  --nav-suggestColor: rgb(111, 115, 123);
  --box-shadowLightDark:  rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --nav-mobileX: rgb(239, 244, 255); 
  --font-size-xs: 0.75rem; /* 12px */
  --coupon-highlight: red; 
  --color-blackLightGreen: #1a8cd8; 
  --color-heartHighlight: #1a8cd8;
  --color-fillInput: #86868b;
  --bg-navSmallScreen: #ffffff;
  --dark-text: #1A2526;
  --darkText-light: #1A2526; 
  --darkText-light2: #006add; 
  --grey-text: hsl(0, 0%, 29%);
  --light-grey-text: hsl(0, 0%, 45%);
  --refine-text: hsl(0, 0%, 41%); 
  --refine-text2: #dee2e6; 
  --heart-NavColor: hsl(0, 0%, 13%); 
  --mobile-nav-buttBg: #ffffff; 
  --mobile-footer: #f2f1f7;
  --indiv-deal-bg: #ffffff;
  --indiv-deal-bgHover: #f2f1f7;
  --indiv-deal-picBg: #f2f2f2;   
  --login-bg: #ffffff; 
  --bottom-nav-color: #f8f8f8; 
  --bottom-navPostBG: rbg(182,255,219); 
  --log-bg: #ffffff; 
  --subHead-gray: #1A2526; 
}



blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

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

a {
    text-decoration: none; 
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
}

html, body {
  height: 100%;
  margin: 0;
}

.text-bl {
  color: var(--text-black); 
}

body {
    font-family: 'Poppins';
    background-color: var(--body-bg); 
    -webkit-font-smoothing: antialiased; /* For Chrome/Safari */
    -moz-osx-font-smoothing: grayscale; /* For Firefox */
}   

.flex {
    display: flex; 
}

.justify-center {
    justify-content: center; 
}

.items-center {
    align-items: center; 
}

.bg-slate {
    background-color: var(--bg-slate); 
}

.bg-sectionWhiteBlack {
  background-color: var(--bg-sectionWhiteBlack); 
}

.text-w {
  color: var(--white-text); 
}

.text-b {
  color: var(--text-whiteBlack); 
}

.text-bw {
  color:var(--text-whiteBlack); 
}

.text-wb {
  color: var(--text-justWhite); 
  line-height: 1; 
  font-size: 1.2rem; 
  font-weight: 600; 
  font-family: 'Inter'; 
}

.text-wblack {
  color: var(--text-whiteBlack); 
}

.fw-bold {
  font-weight: 600; 
}

.grid {
  display: grid; 
}

#mapBtn {
    border: none; 
    background-color: var(--bg-slate); 
    color: white; 
    font-weight: 600; 
    width: 5rem; 
    padding-top: 0.3rem; 
    padding-bottom: 0.3rem;  
    opacity: 1; 
    transition: opacity 0.33s ease-in-out; 
    border-radius: 15px; 
}

.map_cardTopSpan {
  display: flex;
  justify-content: center;
  align-items: center;
}

.map_mt8 {
  margin-top: 8px;
}

.w-1120 {
  width: 1232px; 
}

.toolTipHead {
  width:100%; 
  font-weight: 600; 
  color: var(--text-whiteBlack); 
  padding: .5rem; 
}

.bg-slate-gradient {
  background: linear-gradient(to top, #252f3d, #334155);
}

.margAut {
  margin: 0 auto; 
}

@media screen and (max-width: 768px) {
  .navbarMainContainer {
     display: none; 
  }
}