/* @font-face {
  font-family: "anchor-web";
  src: url("https://use.typekit.net/af/4d2c08/000000000000000077536008/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
       url("https://use.typekit.net/af/4d2c08/000000000000000077536008/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),
       url("https://use.typekit.net/af/4d2c08/000000000000000077536008/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
.new__design {
  font-family: "anchor-web", sans-serif;
} */

/* GLOBAL CSS STARTS FROM HERE */

:root {
    --nd-theme-white: #ffffff;
    --nd-theme-light-yellow: #EDE8E1;
    --nd-theme-dark: #333333;
    --nd-theme-yellow: #F3CB41;
    --nd-sections-bg: #F7F6F1;
    --nd-section-gray: #E7E7E7;
    --nd-theme-overlay: #00000040;
    --nd-theme-black: #000000;
    --nd-theme-offwhite: #f4f4f4;

    --nd-scrollbar-thumb: var(--nd-theme-dark);
    --nd-scrollbar-track: var(--nd-theme-white);

    --nd-shadow-1: 0px 3px 5.3px rgba(0, 0, 0, 0.25)
}

/* common use colors */
.common-use-intimacy,
.main-image-container .product-label.intimacy {
    background: #B8332F;
}
.common-use-focus,
.main-image-container .product-label.focus {
    background: #E26D32;
}
.common-use-sleep,
.main-image-container .product-label.sleep {
    background: #345A99;
}
.common-use-relaxation,
.main-image-container .product-label.relaxation {
    background: #1D5C3A;
}
.common-use-social,
.main-image-container .product-label.social {
    background: #8B4DB8;
}
.common-use-energy,
.main-image-container .product-label.energy {
    background: #F3CB41;
    color:var(--nd-theme-dark) !important;
}

/* scrollbar */
.custom-slider::-webkit-scrollbar {
    height: 8px;
}
.custom-slider::-webkit-scrollbar-thumb {
    background: var(--nd-scrollbar-thumb);
    border-radius: 100px;
}
.custom-slider::-webkit-scrollbar-track {
    background: var(--nd-scrollbar-track);
    border-radius: 0px;
}
.custom-slider {
    padding-bottom: 32px;
}
.custom-slider::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}
@-moz-document url-prefix() {
    .custom-slider {
        scrollbar-width: thin;
        scrollbar-color: var(--nd-scrollbar-thumb) var(--nd-scrollbar-track);
    }
}

/* font families */
@font-face {
    font-family: "anchor-web";
    src: url("https://use.typekit.net/af/4d2c08/000000000000000077536008/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
        url("https://use.typekit.net/af/4d2c08/000000000000000077536008/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),
        url("https://use.typekit.net/af/4d2c08/000000000000000077536008/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

.new__design h1,
.new__design h2,
.new__design h3,
.new__design h4,
.new__design h5 {
    font-family: "anchor-web";
}
.new__design span, 
.new__design label,
.new__design div {
    font-family:'Montserrat';
}
.new__design p, 
.new__design h1,
.new__design h2,
.new__design h3,
.new__design h4,
.new__design h5,
.new__design span, 
.new__design label
{  
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.new__design {
    font-family: "anchor-web", sans-serif;
}

/* font sizes */
.clamp-text-41-61 {
    font-size: clamp(41px, 4vw + 25px, 61px);
}
.clamp-text-41-49 {
    font-size: clamp(41px, 4vw + 25px, 49px);
}
.clamp-text-18-20 {
    font-size: clamp(18px, 1vw + 1px, 20px);
}
.clamp-text-39-61 {
    font-size: clamp(39px, 5vw, 61px);
}
.clamp-text-16-20
{
    font-size: clamp(16px, 2vw, 20px);
}
.clamp-text-15-20
{
    font-size: clamp(15px, 2vw, 20px);
}
.clamp-text-20-16 {
    font-size: clamp(20px, 2vw, 16px);
}
.clamp-text-31-49 {
    font-size: clamp(31px, 5vw, 49px);
}
.clamp-text-39-41 {
    font-size: clamp(39px, 5vw, 41px);
}

/* buttons */
.new__design-btn:hover {
    opacity: 0.8;
}
.new__design-btn {
    transition: 0.2s;
    border:none;
    outline:none;
    border-radius: 100px;
    background: var(--nd-theme-yellow);
    background:#F3CB41;
    font-weight: 700;
    color:var(--nd-theme-dark) !important;
}

/* spacings */
.p-12-32 {
    padding: 12px 32px;
}
.p-12-40 {
    padding: 12px 40px;
}

/* GLOBAL CSS ENDS HERE */