/** 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=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* @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"; */
  font-family: "Barlow Condensed", sans-serif;
}
html, body, input, textarea, button, select, p, span, label {
  /* font-family: 'Poppins', sans-serif;
  font-weight: 400; */
  font-family: "Barlow Semi Condensed", sans-serif;
}
.page-width{
    width:100%;
    max-width:100%;
    padding: 0 1.6rem;
}
.inner-container, .site-header .inner-container{
    max-width:1440px;
    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;
}
.product-btn .btn.btn--collection-buy[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}
.product-btn .btn.btn--collection-buy[disabled]:hover{
    color: #717171;
    background: transparent;
}
.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-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;
}
.site-header .wrapper.inner-container, .site-footer .wrapper.main_footer_row {
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 1.6rem !important;
}
.product-image .custom-badge{
    position: absolute;
    right: 0px;
    top: 0;
}
p.prod-tag {
    font-size: 15.192px;
    font-style: normal;
    font-weight: 750;
    line-height: 83%;
    text-transform: uppercase;
    max-width: 50px;
    text-align: center;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/***** media query **********/
@media screen and (min-width: 750px){
    .inner-container, .site-header .inner-container{
    padding: 0 2rem;
}
.site-header .wrapper.inner-container, .site-footer .wrapper.main_footer_row {
    padding: 0 2rem !important;
}
}
@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;
}
.site-header .wrapper.inner-container, .site-footer .wrapper.main_footer_row {
    padding: 0 5rem !important;
}
}
@media screen and (min-width: 1300px){
    .inner-container, .site-header .inner-container{
    padding: 0 8rem;
}
.site-header .wrapper.inner-container, .site-footer .wrapper.main_footer_row {
    padding: 0 8rem !important;
}
}