/** Shopify CDN: Minification failed

Line 91:0 Unexpected "{"
Line 91:1 Expected identifier but found "%"
Line 96:0 Unexpected "{"
Line 96:1 Expected identifier but found "%"
Line 281:0 Unexpected "{"
Line 281:1 Expected identifier but found "%"
Line 299:0 Unexpected "{"
Line 299:1 Expected identifier but found "%"

**/
.collection-list {
  margin-top: 0;
  margin-bottom: 0;
}

.collection-list-title {
  margin: 0;
}

@media screen and (max-width: 749px) {
  .collection-list:not(.slider) {
    padding-left: 0;
    padding-right: 0;
  }

}

.collection-list__item:only-child {
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .slider.collection-list--1-items {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider.collection-list--1-items,
  .slider.collection-list--2-items,
  .slider.collection-list--3-items,
  .slider.collection-list--4-items {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 750px) {
  .collection-list__item a:hover {
    box-shadow: none;
  }
}

@media screen and (max-width: 989px) {
  .collection-list.slider .collection-list__item {
    max-width: 100%;
  }
}

.collection-list-view-all {
  margin-top: 2rem;
}
 /*  ----------------------------------------dt-sc-2.0----------------------------------------*/
/* .card__content .card__information.content-align--right{margin-right: 30px;margin-left: auto;}
.card__content .card__information.content-align--left{margin-left: 30px;margin-right: auto;} */

.dt-sc-collection3 .card > .card__content .card__information h3.card__heading{
    font-size: calc(var(--font-heading-scale) * 2rem);margin-bottom: 0;letter-spacing: 0;
}

.dt-sc-collection3 .card > .card__content .card__information h3.card__heading a{
    line-height: 34px;transition: var(--duration-long);letter-spacing: 0;
}
.dt-sc-collection3 .card > .card__content .card__information h3.card__heading a:hover{color: var(--gradient-base-accent-2);}

.dt-sc-collection3 .card > .card__content .card__information h3.card__heading span.tab-count.block{
  font-size: calc(var(--font-body-scale) * 1.6rem);
    color: var(--gradient-base-accent-2);
}

.dt-sc-collection3 .card__content .card__information.content-align--right,
.dt-sc-collection3 .card__content .card__information.content-align--left{padding-left: 20px;padding-right: 20px;}

/* -------------------------c3------content alignment---left/right/center----------------- */

.dt-sc-collection3 .card__content .card__information.content-align--right > *{text-align:right;}
.dt-sc-collection3 .card__content .card__information.content-align--left > *{text-align:left;}

{%- if section.settings.collection-count -%}
    .dt-sc-collection3 .card__content .card__information h3.card__heading{width: fit-content}
    .dt-sc-collection3 .card__content .card__information.content-align--center h3.card__heading{margin: auto;}
    .dt-sc-collection3 .card__content .card__information.content-align--right h3.card__heading{margin-left: auto;}
    .dt-sc-collection3 .card__content .card__information.content-align--left h3.card__heading{margin-right: auto;color:var(--gradient-base-background-1)}
{%- endif -%}
/* -------------------------c3-----grid style---content padding-------------------- */

.dt-sc-collection3 .collection-list__item.content-style--grid .card__content .card__information.content-align--right,
.dt-sc-collection3 .collection-list__item.content-style--grid .card__content .card__information.content-align--left{padding-left: 0px;padding-right: 0px;}
.dt-sc-collection3 .collection-list__item.content-style--grid .card__content .card__information {
    padding-bottom: 1.5rem;
    padding-top: 2rem;
}

/* -------------------------c3-----overlay style------content-position----top/center/bottom------------- */
.dt-sc-collection3 .collection-list__item.content-style--overlay .card__content{ 
    position: absolute;
    z-index: 1;
}
.dt-sc-collection3 .collection-list__item.content-style--overlay .card__content.bottom {
    left: 0;
    bottom: 20px;top:auto;
}
.dt-sc-collection3 .collection-list__item.content-style--overlay .card__content.top {
    left: 0;
    top: 20px; bottom:auto;
}
.dt-sc-collection3 .collection-list__item.content-style--overlay .card__content.center {
    left: 0;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}
          /* ------------------------swiper arrows---------------------------------- */

        .dt-sc-collection3  .swiper-button-lock {
            display: flex;
        }
        .dt-sc-collection3 .swiper-button-next:after, .dt-sc-collection3 .swiper-button-prev:after {
            font-size: 1.2rem;
        }
        .dt-sc-collection3 .swiper .swiper-button-next, .dt-sc-collection3 .swiper .swiper-button-prev {
            background: var(--gradient-base-background-1);
            color: var(--gradient-base-accent-1);
            box-shadow: 0 5px 10px 5px #0000000a;
            font-weight: bold;
            border-radius: 50%;
        }
       .dt-sc-collection3 .swiper .swiper-button-next:hover, .dt-sc-collection3 .swiper .swiper-button-prev:hover {
            color : var(--gradient-background);
            background: var(--gradient-base-accent-1);
       } 
          /* -----------------------center-position-swiper arrows---------------------------------- */
          .dt-sc-collection3 .swiper.nav-position--center .swiper-button-next,
          .dt-sc-collection3 .swiper.nav-position--center .swiper-button-prev{
            transition:var(--duration-default);
            opacity:0;
          }
          .dt-sc-collection3 .swiper.nav-position--center:hover .swiper-button-next,
          .dt-sc-collection3 .swiper.nav-position--center:hover .swiper-button-prev{opacity:1;}



/* ----------------------------c3------list-style----------------------------  */

@media screen and (min-width: 580px)
{
    .dt-sc-collection3 .collection-list__item.content-style--list.row-reverse .card-wrapper .card {
        flex-direction: row-reverse;
        align-items: center;
    }
    .dt-sc-collection3 .collection-list__item.content-style--list .card-wrapper .card {
        flex-direction: row;
        align-items: center;
    }
}
/* -------------------------c3----- custom-text----------------------- */
.dt-sc-collection3 p.card-custom-text {
  font-size: clamp(1.6rem, 1.6rem + 0vw, 1.6rem);
    text-transform: uppercase;
    letter-spacing: 2px;
    color:var(--gradient-base-background-1);
    position: absolute;
    top: 25px;
    right: 30px;
    writing-mode: tb;font-weight:500;
}
/* .dt-sc-collection3 .collection-list.grid {
    column-gap: 0;
    row-gap: 0;
} */
.dt-sc-collection3 .card__content span.icon-wrap {
    display: none;
}
/* -------------------------c3----- number of columns----------------------- */
.dt-sc-collection3 .grid--3-col-desktop .collection-list__item.grid__item {width: 100%;max-width: 100%;}
.dt-sc-collection3 .grid--4-col-desktop .collection-list__item.grid__item {width: 100%;max-width: 100%;}
.dt-sc-collection3 .grid--5-col-desktop .collection-list__item.grid__item {width: 100%;max-width: 100%;} 

/* .dt-sc-collection3 .grid--3-col-desktop .collection-list__item.content-style--list {width: 100%;max-width: 100%;} */

@media screen and (min-width: 750px)/* and (max-width:990px)*/
{
.dt-sc-collection3 .grid--3-col-desktop .collection-list__item.grid__item {width: calc(50% - var(--grid-desktop-horizontal-spacing));max-width: calc(50% - var(--grid-desktop-horizontal-spacing));}
.dt-sc-collection3 .grid--4-col-desktop .collection-list__item.grid__item {width: calc(50% - var(--grid-desktop-horizontal-spacing));max-width: calc(50% - var(--grid-desktop-horizontal-spacing));}
.dt-sc-collection3 .grid--5-col-desktop .collection-list__item.grid__item {width: calc(50% - var(--grid-desktop-horizontal-spacing));max-width: calc(50% - var(--grid-desktop-horizontal-spacing));}
}
@media screen and (min-width: 991px) /*and (max-width:1199px)*/
{
.dt-sc-collection3 .grid--3-col-desktop .collection-list__item.grid__item {width: calc(33.33% - var(--grid-desktop-horizontal-spacing));max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing));}
.dt-sc-collection3 .grid--4-col-desktop .collection-list__item.grid__item {width: calc(33.33% - var(--grid-desktop-horizontal-spacing));max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing));}
.dt-sc-collection3 .grid--5-col-desktop .collection-list__item.grid__item {width: calc(33.33% - var(--grid-desktop-horizontal-spacing));max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing));}
}
@media screen and (min-width: 1200px) 
{
.dt-sc-collection3 .grid--4-col-desktop .collection-list__item.grid__item {width: calc(25% - var(--grid-desktop-horizontal-spacing));max-width: calc(25% - var(--grid-desktop-horizontal-spacing));}
.dt-sc-collection3 .grid--5-col-desktop .collection-list__item.grid__item {width: calc(20% - var(--grid-desktop-horizontal-spacing));max-width: calc(20% - var(--grid-desktop-horizontal-spacing));}
}


/* -------------------------c3-----collection-count--& inline & block style--------------------- */

.dt-sc-collection3 h3.card__heading {
    position: relative;
}
.dt-sc-collection3 span.tab-count.block {
  display:block;
}
.dt-sc-collection3 .card__information.content-align--left span.tab-count.block {text-align:left;}
.dt-sc-collection3 .card__information.content-align--right span.tab-count.block {text-align:right;}

.dt-sc-collection3 span.tab-count.block .count-text{margin-left:6px;}
.dt-sc-collection3 span.tab-count.inline .count-text{display:none;}

.dt-sc-collection3 span.tab-count.inline {
    position: absolute;
    top: 14px;
    right: -15px;
    width: fit-content;
    height: fit-content;
    line-height: 0;
    font-size: calc(var(--font-heading-scale) * 1.6rem);
}

/* -------------------------c3-----viewmore button--& button & arrow style--------------------- */
.dt-sc-collection3 a.collection-list-button {
    background: transparent;
    padding: 0 0 5px;
    width: fit-content;
    min-width: fit-content;
    position: relative;
    display: block;
    height: fit-content;
    min-height: fit-content;
}
.dt-sc-collection3 a.collection-list-button:hover {
    background: transparent;
}
.dt-sc-collection3 a.collection-list-button:after{display:none}

.dt-sc-collection3 .card__content .card__information{position:relative;}
.dt-sc-collection3 a.collection-list-button.view-more__button {width:100%;}
.dt-sc-collection3 .card__content .card__information.content-align--right a.collection-list-button.view-more__button{justify-content:right;}
.dt-sc-collection3 .card__content .card__information.content-align--left a.collection-list-button.view-more__button{justify-content:left;}
.dt-sc-collection3 a.collection-list-button.view-more__arrow {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    left: auto;
    color: var(--gradient-base-accent-1);
    background: var(--gradient-base-background-1);
    width: 40px;
    height: 40px;
    padding: 0;
    margin: auto;
    border-radius: 50%;
}
.dt-sc-collection3 a.collection-list-button.view-more__arrow span.view-collection {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.dt-sc-collection3 a.collection-list-button.view-more__arrow:hover {
background: var(--gradient-base-accent-1);
  color  : var(--gradient-base-background-1);
}
/* -------------------------c3-----banner css--------------------- */
{%- if section.settings.enable-banner -%}
    .dt-sc-collection-wrapper {
        display: flex;justify-content: space-between;
    }
    
    .dt-sc-collection-wrapper .dt-sc-collection-main {
        width: calc(100% - var(--grid-desktop-horizontal-spacing));
    }
    .dt-sc-collection-wrapper .collection-banner {
        width: calc(30% - var(--grid-desktop-horizontal-spacing));
    }
    .dt-sc-collection-wrapper .collection-banner .grid-banner-wrapper {
        position: relative;
    }
    .dt-sc-collection-wrapper .collection-banner .grid-banner-block-image {
        position: absolute;
        z-index: -1;
    }
{%- endif -%}

/* -------------------------style1--------------------- */

.dt-sc-collection3.style1 .collection-list{justify-content: center;}

.dt-sc-collection3.style1 .card--card,
.dt-sc-collection3.style1 .card--standard .card__inner {
	 width: 85px;
    border-radius: 50%;
    overflow: hidden;
}

.dt-sc-collection3.style1 .grid--4-col-desktop .collection-list__item.grid__item {width: 100%;max-width: 100%;}
.dt-sc-collection3.style1 .grid--5-col-desktop .collection-list__item.grid__item {width: 100%;max-width: 100%;} 

.dt-sc-collection3.style1 .collection-list .collection-list__item.grid__item .card:not(.ratio) {
    align-items: center;justify-content:center;
}
.dt-sc-collection3.style1 .collection-list .collection-list__item.grid__item .card > .card__content {
    justify-content: center;
}

@media screen and (min-width: 480px)
{
.dt-sc-collection3.style1 .grid--4-col-desktop .collection-list__item.grid__item {width: calc(50% - var(--grid-desktop-horizontal-spacing));max-width: calc(50% - var(--grid-desktop-horizontal-spacing));}
.dt-sc-collection3.style1 .grid--5-col-desktop .collection-list__item.grid__item {width: calc(50% - var(--grid-desktop-horizontal-spacing));max-width: calc(50% - var(--grid-desktop-horizontal-spacing));}
}
@media screen and (min-width: 750px)
{
.dt-sc-collection3.style1 .grid--4-col-desktop .collection-list__item.grid__item {width: calc(33.33% - var(--grid-desktop-horizontal-spacing));max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing));}
.dt-sc-collection3.style1 .grid--5-col-desktop .collection-list__item.grid__item {width: calc(33.33% - var(--grid-desktop-horizontal-spacing));max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing));}
}
@media screen and (min-width: 991px) /*and (max-width:1199px)*/
{
.dt-sc-collection3.style1 .grid--4-col-desktop .collection-list__item.grid__item {width: calc(33.33% - var(--grid-desktop-horizontal-spacing));max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing));}
.dt-sc-collection3.style1 .grid--5-col-desktop .collection-list__item.grid__item {width: calc(25% - var(--grid-desktop-horizontal-spacing));max-width: calc(25% - var(--grid-desktop-horizontal-spacing));}
}
@media screen and (min-width: 1200px) 
{
.dt-sc-collection3.style1 .grid--4-col-desktop .collection-list__item.grid__item {width: calc(25% - var(--grid-desktop-horizontal-spacing));max-width: calc(25% - var(--grid-desktop-horizontal-spacing));}
.dt-sc-collection3.style1 .grid--5-col-desktop .collection-list__item.grid__item {width: calc(20% - var(--grid-desktop-horizontal-spacing));max-width: calc(20% - var(--grid-desktop-horizontal-spacing));}
}

/* -------------------------style2--------------------- */

.dt-sc-collection3.style2 .card__content .card__information.content-align--center h3.card__heading a {
    padding: 1rem 3rem;
    background: var(--gradient-base-accent-2);
    border-radius: var(--buttons-radius);transition: .3s;
  position: relative;
}
.dt-sc-collection3.style2 .card__content span.icon-wrap {
    display: inline-block;position:relative;top:8px;
}
.dt-sc-collection3.style2 .card__content .card__information.content-align--center h3.card__heading a span.icon-wrap {
    color: var(--color-icon);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: 0.35s;
    width: fit-content;
    height: 2.5rem;
    margin: auto;
    opacity:0;
}
.dt-sc-collection3.style2 .card__content .card__information.content-align--center h3.card__heading a span.icon-wrap svg{
    width: calc(var(--font-heading-scale) * 2.5rem);
}
.dt-sc-collection3.style2 .card__content .card__information.content-align--center h3.card__heading a:hover {
    color: transparent;
}
.dt-sc-collection3.style2 .card__content .card__information.content-align--center h3.card__heading a:hover span.icon-wrap {
  opacity:1;
}

/* --------------ViewMore-Arrow----fadein/zoom--css---------------------------------- */

  .dt-sc-collection3 .collection-list .collection-list__item.content-style--overlay .card__content .card__information.content-align--left a.collection-list-button.FadeIn {
      opacity:0;
      transition:var(--duration-long);
      bottom: -40px;
  }
  .dt-sc-collection3 .collection-list .collection-list__item.content-style--overlay .card:hover .card__content .card__information.content-align--left a.collection-list-button.FadeIn,
  .dt-sc-collection3 .collection-list .collection-list__item.content-style--overlay .card-wrapper:hover .card__content .card__information.content-align--left a.collection-list-button.FadeIn {
      opacity:1;
      bottom: 0px;
  }
  .dt-sc-collection3 .collection-list .collection-list__item.content-style--grid .card__content .card__information a.collection-list-button {
      opacity:0;
      transition:var(--duration-long);
      bottom: 100%;right: 20px;
  }
  .dt-sc-collection3 .collection-list .collection-list__item.content-style--grid .card:hover .card__content .card__information a.collection-list-button,
  .dt-sc-collection3 .collection-list .collection-list__item.content-style--grid .card-wrapper:hover .card__content .card__information a.collection-list-button {
      opacity:1;
      transform: translateY(-50px);
  }


.dt-sc-collection3 .collection-list .collection-list__item.content-style--overlay .card .card__content .card__information.content-align--left a.collection-list-button.view-more__arrow.Zoom{
    transition:var(--duration-long); 
  }
  .dt-sc-collection3 .collection-list .collection-list__item.content-style--overlay .card .card__content .card__information.content-align--left a.collection-list-button.view-more__arrow.Zoom:hover{
     transform: scale(1.08) translateZ(0);
  }

.dt-sc-collection3 .collection-list .collection-list__item.content-style--overlay .card:hover .card__content .card__information.content-align--left a.collection-list-button.view-more__arrow.Zoom,
.dt-sc-collection3 .collection-list .collection-list__item.content-style--overlay .card-wrapper:hover .card__content .card__information.content-align--left a.collection-list-button.view-more__arrow.Zoom {
    transition: var(--duration-long);
    background: var(--gradient-base-accent-1);
    color: var(--gradient-background);
}
/*------------------------image-hover-effect----ZoomI/ZoomOut----------  */

.dt-sc-collection3 .card:hover .media.media--hover-effect.ZoomIn >img:first-child:only-child,
.dt-sc-collection3 .card-wrapper:hover .media.media--hover-effect.ZoomIn >img:first-child:only-child {
    transform: scale(1.13);
}
.dt-sc-collection3 .card:hover .media.media--hover-effect.ZoomOut >img:first-child:only-child,
.dt-sc-collection3 .card-wrapper:hover .media.media--hover-effect.ZoomOut >img:first-child:only-child {
    transition: var(--duration-long);
    transform: scale(.95) translateZ(0);
}

/* -------------------------------collection5 image hover effect----------------------  */

@media screen and (min-width: 1200px) 
{
    .dt-sc-collection3.zoom-block .swiper-slide {padding-bottom: 30px;}
    .dt-sc-collection3.zoom-block .card-wrapper .card__inner,
    .dt-sc-collection3.zoom-block .card .card__inner,
    .dt-sc-collection3.zoom-block .card:hover .card__inner .card__media .media,
    .dt-sc-collection3.zoom-block .card:hover .card__inner .card__media .media img{transition: var(--duration-long);}
  
    .dt-sc-collection3.zoom-block .card-wrapper:hover .card__inner,
    .dt-sc-collection3.zoom-block .card:hover .card__inner {transform: scale(1.08) translateZ(0);}
/*     .dt-sc-collection3.zoom-block .card:hover .card__inner .card__media .media img {
        animation: .5s cubic-bezier(.26,.54,.32,1) 0s forwards;
        animation-name: image-fade-in;
    } */
}
@keyframes image-fade-in
{
  0% {
      opacity: 0;
      transform: scale(1.1);
  }
  10% {
      opacity: .1;
  }
  20% {
      opacity: .2;
  }
  100% {
      opacity: 1;
      transform: scale(0.9);
  }
  
}
.dt-sc-collection3 .card .card__inner .card__media:before{    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--gradient-base-accent-1);
    z-index: 1;transition:var(--duration-long);
    opacity: 0.4;}
.dt-sc-collection3 .card:hover .card__inner .card__media:before{opacity:0.5}
/* 
.section-collection-list3.reveal .collection-list__item:nth-child(odd){animation: fadeInDown var(--anim-time) ease both;}
.section-collection-list3.reveal .collection-list__item:nth-child(even){animation: fadeInUp var(--anim-time) ease both;} */