@font-face {
  font-family: 'Space Grotesk';
  src: url("/theme/fonts/SpaceGrotesk-Light.ttf") format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url("/theme/fonts/SpaceGrotesk-Regular.ttf") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url("/theme/fonts/SpaceGrotesk-Medium.ttf") format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url("/theme/fonts/SpaceGrotesk-SemiBold.ttf") format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url("/theme/fonts/SpaceGrotesk-Bold.ttf") format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
  background-color: #F7F0F3 !important;
}

body, h1, h2, h3, h4, h5, h6, p, span, a, input, li, strong, button, textarea, div {
  font-family: 'Space Grotesk', sans-serif !important;
  color: black;
}

a {
  transition: color 0.3s;
  text-decoration: none;
}

a:hover, a:hover * {
  color: #3936bc;
  transition: color 0.3s;
  text-decoration: none;
}

/* body{font-family:'MetropolisThin' !important;}
h1,h2,h3,h4,h5{font-family:'MetropolisThin' !important;} */

h5{font-weight:300 !impirtant;}
#images-list{text-align:center;display: flex;justify-content: center;}
#images-list a{margin:0 10px;}
#images-list a:not(.spotlight-button) img{height:45px;width:auto;}
a.btn.spotlight-button.button {
  font-size: 17px;
  width: 100%;
  max-width: 320px;
  border-radius: 16px;
  height: 45px !important;
}
a.btn.spotlight-button.button img {
  width: 50px;
}
.spotlight-button:after, .spotlight-button:before {
    display: none;
}
.header__icons .header__search{display:none !important;}

.header__icon--cart .cart-count-bubble{height: 1.9rem;width: 1.9rem;font-size: 1rem;top: 13px;left:3px;}

.header__menu-item.link, .header__menu-item:hover span{text-decoration:none !important;}
.header__menu-item.link:hover, .header__menu-item .header__active-menu-item{font-weight: bold;color:#3936bc;text-decoration:none !important;}
span.button-border {
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    padding: 2px 2px;
}
.field__buttonn {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    width: 100% !important;
    background: black !important;
    color: white !important;
    height: 45px !important;
    margin-top: 12px !important;
    border-radius: 12px;
      font-size: 20px;
}
.kt_cart_wrapper * {
  color: #FBF43B;
}
@media (min-width: 300px) and (max-width: 768px) {

.header__heading-logo-wrapper {
    display: none !important;
}
 #shopify-section-template--18048432373981__rich_text_CxDath .rich-text__wrapper {
    margin: 0 0 0px 47px;
}
  .section-template--18048432373981__custom_columns_f78aeB-padding {
    margin-top: 50px;
}
  a.btn.spotlight-button.button {
    margin: 0 !important;
}
.custom-column {
    min-width: 33.3333% !important;
}
      .custom-column.image .text-outside {
        font-size: 8px !important;
    }
      .custom-column.image p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
      .custom-columns-grid .image-div {
        height: 75px !important;
        max-height: 100px !important;
    }
      .image-column.actual-column  {
        height: auto !important;
    }
    .custom-column.image p {
        color: var(--text-color) !important;
       font-size: 9px !important;
    }
  .custom-column {
    margin: 5px !important;
}
}