/** Shopify CDN: Minification failed

Line 10:0 All "@import" rules must come first

**/
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  src: url("//opopop.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2?h1=b3BvcG9wLmNvbQ&h2=cXIub3BvcG9wLmNvbQ&h3=b3BvcG9wc2hvcC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h4=cG9wY29ybi5vcG9wb3AuY29t&h5=aGVscC5vcG9wb3AuY29t&hmac=e5bf804142e8238c08bec074ad7b6dce58c839abce2c1733c75196b661d45b37") format("woff2"),
       url("//opopop.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff?h1=b3BvcG9wLmNvbQ&h2=cXIub3BvcG9wLmNvbQ&h3=b3BvcG9wc2hvcC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h4=cG9wY29ybi5vcG9wb3AuY29t&h5=aGVscC5vcG9wb3AuY29t&hmac=abe0cc7ffddc17a5b47c3fe52bee372547036e62fcd9645aa78ca3477b0e56ba") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: normal;
  src: url("//opopop.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2?h1=b3BvcG9wLmNvbQ&h2=cXIub3BvcG9wLmNvbQ&h3=b3BvcG9wc2hvcC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h4=cG9wY29ybi5vcG9wb3AuY29t&h5=aGVscC5vcG9wb3AuY29t&hmac=ff1084b0b2de71f834964e4cddcdc9cbbbd58cba1d287c01770ac89693c7f194") format("woff2"),
       url("//opopop.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff?h1=b3BvcG9wLmNvbQ&h2=cXIub3BvcG9wLmNvbQ&h3=b3BvcG9wc2hvcC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h4=cG9wY29ybi5vcG9wb3AuY29t&h5=aGVscC5vcG9wb3AuY29t&hmac=4e615e00d370f97075bc47688963c3b0ef58be7be8d0943e6cd05486354c427a") format("woff");
}
.dm-sans{
   font-family: "DM Sans", sans-serif; 
}
.roc-grotesk, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family:"roc-grotesk-condensed";
}
html, body, input, textarea, button, select, p, span, label {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
.page-width{
    width:100%;
    max-width:100%;
    padding: 0 1.6rem;
}
.inner-container, .site-header .inner-container{
    width:1440px;
    max-width:100%;
    margin: 0 auto;
    padding: 0 1.6rem;
}
.cstm-img{
    display:block;
    max-width:100%;
    margin:0 auto;
}
.btn.primary-btn{
    border-radius: 100px;
    background: #232323;
    padding:16px;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.66px;
    width:328px;
    max-width:100%;
}
.product-btn .btn.btn--collection-buy:hover {
    color: #ffdd00;
    background: #232323;
    opacity: 1;
}
.text-center{
    text-align:center;
}
.text-right{
    text-align:right;
}
.d-flex{
    display:flex;
}
.f_12{
    font-size:12px;
}
.f_13{
    font-size:13px;
}
.f_14{
    font-size:14px;
}
.f_16{
    font-size:16px;
}
.f_18{
    font-size:18px;
}
.f_20{
    font-size:20px;
}
.f_22{
    font-size:22px;
}
.f_24{
    font-size:24px;
}
.f_28{
    font-size:28px;
}
.f_30{
    font-size:30px;
}
.f_36{
    font-size:36px;
}
.f_40{
    font-size:40px;
}
.f_42{
    font-size:42px;
}
.f_48{
    font-size:48px;
}
.f_50{
    font-size:50px;
}
.font_300{
    font-weight:300;
}
.font_400{
    font-weight:400;
}
.font_500{
    font-weight:500;
}
.font_600{
    font-weight:600;
}
.font_700{
    font-weight:700;
}
.font_800{
    font-weight:800;
}
.font_900{
    font-weight:900;
}
.text-yellow{
    color: #ffdd00;
}
.text-black{
    color: #232323;
}
.text-light-black{
    color:#808080;
}
.text-white{
    color: #ffffff;
}
.m-0{
    margin:0px;
}
/* .slick-slide,
.slick-slider .slick-track,
.slick-slider .slick-list {
    height: auto !important;
    max-height: unset !important;
    min-height: auto !important;
} */
.slick-next::before, .slick-prev::before{
    content:unset;
}
.slick-next, .slick-prev {
    transform: translate(0, -100%);
}
.with-mobile-desc .mobile-desc{
    display:none;
}
.product-btn .btn.btn--collection-buy {
    border: 2px solid #232323;
    background: transparent;
}
.template-collection .main-content {
    padding-bottom: 0px;
}
.page-container {
    margin-top: 112px;
}
/***** media query **********/
@media screen and (min-width: 750px){
    .inner-container, .site-header .inner-container{
    padding: 0 2rem;
}

}
@media(max-width:749px){
    .with-mobile-desc .desktop-desc{
    display:none;
}
.with-mobile-desc .mobile-desc{
    display:block;
}
}
@media screen and (min-width: 990px){
    .inner-container, .site-header .inner-container{
    padding: 0 5rem;
}
}
@media screen and (min-width: 1300px){
    .inner-container, .site-header .inner-container{
    padding: 0 8rem;
}
}