/** Shopify CDN: Minification failed

Line 67:61 Expected identifier but found whitespace
Line 67:63 Unexpected "{"
Line 67:72 Expected ":"

**/
    .dt-sc-hotspot { position: relative; max-width: 100%; margin: auto;  margin-bottom: 0px; height:100%; }
    .dt-sc-hotspot-heading { position: absolute; height: 100%; width: 100%; left: 0; top: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 30px;
      flex-wrap: wrap; }
    .dt-sc-hotspot-heading *, .dt-sc-hotspot-heading *:not(:only-child) { margin: 0; }
    .dt-sc-hotspot-heading *:not(:last-child) { margin: 0 0 20px 0; }
    .dt-sc-hotspot-heading.text-center { align-items: center; align-content: flex-start; }
    .dt-sc-hotspot-heading.text-end { align-items: flex-end; align-content: flex-start; }
    .dt-sc-hotspot-heading.top-left { align-items: flex-end; }
    .dt-sc-hotspot-heading.top-center, .dt-sc-hotspot-heading.center, .dt-sc-hotspot-heading.bottom-center { align-items: center; }
    .dt-sc-hotspot-heading.center { justify-content: center; }
    .dt-sc-hotspot-heading.top-right, .dt-sc-hotspot-heading.center-right, .dt-sc-hotspot-heading.bottom-right { align-items: flex-end; }
    .dt-sc-hotspot.with-overlay:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; }
    .dt-sc-hotspot img.dt-sc-hotspot-image { width: 100%; height:100%;}
    .dt-sc-hotspot-item { position: absolute; z-index:2; }
    .dt-sc-hotspot-item .dt-sc-hotspot-marker { top: auto; left: auto; }
    .dt-sc-hotspot.numbered, .dt-sc-hotspot.alphabets { counter-reset: dt-sc-hotspot-counter; }
    .dt-sc-hotspot.numbered .dt-sc-hotspot-item, .dt-sc-hotspot.alphabets .dt-sc-hotspot-item { counter-increment: dt-sc-hotspot-counter; }
    .dt-sc-hotspot.numbered .dt-sc-hotspot-item .dt-sc-hotspot-icon span,
    .dt-sc-hotspot.alphabets .dt-sc-hotspot-item .dt-sc-hotspot-icon span { font-family: inherit; transform: none; font-weight: 700; }
    .dt-sc-hotspot.numbered .dt-sc-hotspot-item .dt-sc-hotspot-icon span:before { content: counter(dt-sc-hotspot-counter, decimal); }
    .dt-sc-hotspot.alphabets .dt-sc-hotspot-item .dt-sc-hotspot-icon span:before { content: counter(dt-sc-hotspot-counter, upper-alpha); }
    .dt-sc-hotspot-popup { position: absolute; padding: 2em; transition:all var(--duration-default) linear; opacity: 0; visibility: hidden; z-index: 2;border-radius: var(--buttons-radius);/* box-shadow: 0 0 7px 0 #808080e3;*/ }
    .dt-sc-hotspot-popup:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; }
    .dt-sc-hotspot-popup.on-right { left: 20px; top: 50%; transform: translateY(-50%); }
    .dt-sc-hotspot-popup.on-right:before { left: -10px; border-width: 10px 10px 10px 0; top: 50%; transform: translateY(-50%); }
    .dt-sc-hotspot-popup.on-right.dt-sc-popup-open { left: 34px; }
    .dt-sc-hotspot-popup.on-left { right: 20px; top: 50%; transform: translateY(-50%); }
    .dt-sc-hotspot-popup.on-left:before { right: -10px; border-width: 10px 0 10px 10px; top: 50%; transform: translateY(-50%); }
    .dt-sc-hotspot-popup.on-left.dt-sc-popup-open { right: 34px; }
    .dt-sc-hotspot-popup.on-bottom { top: 20px; left: 50%; transform: translateX(-50%); }
    .dt-sc-hotspot-popup.on-bottom:before { top: -10px; border-width: 0 10px 10px 10px; left: 50%; transform: translateX(-50%); }
    .dt-sc-hotspot-popup.on-bottom.dt-sc-popup-open { top: 34px; }
    .dt-sc-hotspot-popup.on-top { bottom: 20px; left: 50%; transform: translateX(-50%); }
    .dt-sc-hotspot-popup.on-top:before { bottom: -10px; border-width: 10px 10px 0 10px; left: 50%; transform: translateX(-50%); }
    .dt-sc-hotspot-popup.on-top.dt-sc-popup-open { bottom: 34px; }
/*     .dt-sc-hotspot-content * { display: inline-block; } */
/*     .dt-sc-hotspot-content *, .dt-sc-hotspot-content *:not(:only-child) { margin: 0; } */
/*     .dt-sc-hotspot-content *:not(:last-child) { margin: 0 0 15px 0; }
    .dt-sc-hotspot-content *:not(.dt-sc-btn) { width: 100%; } */
    .dt-sc-hotspot-popup.dt-sc-popup-open { opacity: 1; visibility: visible;  }
    .dt-sc-hotspot-marker, .dt-sc-hotspot-icon span { position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; }
    .dt-sc-hotspot-icon { height: 100%; }
    .dt-sc-hotspot-icon span { left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 50%; transition: var(--DTBaseTransition); }
    .dt-sc-hotspot.simple-round .dt-sc-hotspot-icon span:before { display: none; }
    .dt-sc-popup-open + .dt-sc-hotspot-icon span[class*="fa-plus"],
   /* .dt-sc-hotspot-icon:hover span[class*="fa-plus"] { transform: rotate(45deg); } */
    .dt-sc-hotspot-item .dt-sc-hotspot-icon span:after { display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%; opacity: 0;transform-origin: 50% 50%;
      -webkit-animation: pulsate-animation 3s ease-out infinite; animation: pulsate-animation 3s ease-out infinite; content: ""; transition: var(--DTBaseTransition);
        }
    .dt-sc-hotspot-item .dt-sc-hotspot-icon.style-2 span:after { opacity: 1; -webkit-animation: rotate-animation 10s ease-out infinite;
      animation: rotate-animation 10s ease-out infinite; }
    .dt-sc-hotspot-item .dt-sc-hotspot-icon.style-3 span:after,
    .dt-sc-hotspot-item .dt-sc-hotspot-icon.style-4 span:after { display: none; }
    .dt-sc-hotspot-item:hover .dt-sc-hotspot-icon span:after, .dt-sc-popup-open + .dt-sc-hotspot-icon span:after,
    .dt-sc-hotspot-item:hover .dt-sc-hotspot-icon.style-2 span:after, .dt-sc-popup-open + .dt-sc-hotspot-icon.style-2 span:after {
      animation-play-state: paused; -webkit-animation-play-state: paused; }
    /* Animation */
    @keyframes pulsate-animation {
      0% { transform: scale(1); opacity: 0.8; }
      45% { transform: scale(1.75); opacity: 0; border-width: {{ section.settings.hotspot_outer_size | times: 5 }}; }
    }
    @keyframes rotate-animation {
      from { transform: rotate(0); }
      to { transform: rotate(360deg); }
    }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-right { left: 34px; }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-left { right: 34px; }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-bottom { top: 34px; }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-top { bottom: 34px; }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup { opacity: 1; visibility: visible; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-right { left: 20px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-left { right: 20px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-bottom { top: 20px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-top { bottom: 20px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-right { left: 34px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-left { right: 34px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-bottom { top: 34px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-top { bottom: 34px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-icon{ cursor:pointer;}
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup { opacity: 1; visibility: visible;  }
  /* .dt-sc-hotspot.style-3.icon .dt-sc-hotspot-item:hover .dt-sc-hotspot-icon span[class*="fa-plus"] { transform: rotate(45deg); left:1px; } */
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-marker, .dt-sc-hotspot.style-2 .dt-sc-hotspot-icon,
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-marker, .dt-sc-hotspot.style-3 .dt-sc-hotspot-icon { /*pointer-events: none;*/ }
    .hotspot-block .dt-sc-hotspot-content.text-center{text-align: center;} 
    .hotspot-block .dt-sc-hotspot-content.text-start{text-align: left;} 
    .hotspot-block .dt-sc-hotspot-content.text-end{text-align: right;} 
    .hotspot-product-contant .hotspot-product-lists .variant-option-color{display:none;}


   .mfp-content .dt-sc-hotspot-popup,
   .dt-sc-hotspot-popup{background: rgb(var(--color-background)); background: var(--gradient-background);}
   .dt-sc-hotspot-popup.on-right:before{color: var(--gradient-background);border-color: transparent currentcolor transparent transparent;}
   .dt-sc-hotspot-popup.on-left:before{color: var(--gradient-background);border-color: transparent transparent transparent currentcolor;}
   .dt-sc-hotspot-popup.on-bottom:before{color: var(--gradient-background);border-color: transparent transparent currentcolor transparent;}
   .dt-sc-hotspot-popup.on-top:before{color: var(--gradient-background);border-color: currentcolor transparent transparent transparent;}
   .hotspot-block .dt-sc-hotspot-content > *{margin-top:15px;}
   .dt-sc-hotspot-item1.block-type-product.open{z-index: 999;}
   .fa-plus:before {content: "+";font-size: 24px; font-weight:bold;}
   .dt-sc-hotspot-icon span {    transition: all var(--duration-default) linear;}
.demo_2customhotspot .hotspot-product-lists .card__information .card__heading{ width:22rem;}
 .demo_2customhotspot .hotspot-product-lists .card__information .card__heading:after{content: "";  height: 2px; width: 10px; background: var(--color-icon); right: -10px; top: 1px; bottom: 0; margin: auto; position: absolute;}
 .demo_2customhotspot  .hotspot-product-lists .card__information .card__heading {font-weight: 400; font-family: var(--font-additional-family); font-size: 2.2rem; line-height: 2.6rem;  position: relative;}
 .demo_2customhotspot .hotspot-product-lists .card__information .varient{    font-weight: 400; font-family: var(--font-additional-family); font-size: 2.2rem; line-height: 2.6rem;}
 .demo_2customhotspot .hotspot-product-lists .price.product-price-current{grid-column-start: 1; grid-column-end: 3; display: grid;    font-family: var(--font-additional-family);  font-weight: bold;  font-size: 1.8rem;}
 .demo_2customhotspot .hotspot-product-contant .hotspot-product-lists .card--card.card--media>.card__content .card__information{display: grid;      justify-items: start;
    align-items: center;   grid-template-columns: 1fr 2fr;}
.demo_2customhotspot .hotspot-product-lists .card__information .card__heading{ text-align:left;}
.demo_2customhotspot .hotspot-product-images .dt-sc-hotspot img{   /*  border-radius: 10px 0 10px 10px; */ }
 .demo_2customhotspot  .hotspot-product-contant .title { font-weight: 600; margin-bottom: 20px; font-size:40px; }
 .demo_5customhotspot  .hotspot-product-contant .title { font-weight: 600; margin-bottom: 20px; font-size:56px; }
 .demo_7customhotspot .dt-sc-hotspot-content .card-wrapper .card__inner{display:none;}
 .demo_7customhotspot .dt-sc-hotspot-content  .card__content ul[class*=variant-option-color]{display:none;}
 .demo_7customhotspot .card--card.card--media>.card__content{padding:0; margin:0;}
 .hotspot-block.demo_7customhotspot  .dt-sc-hotspot-content>*{margin-top:0;}
 .hotspot-block.demo_7customhotspot .dt-sc-hotspot-popup.on-right:before{left: -15px; border-width: 15px 15px 15px 0; top: 50%; transform: translateY(-50%); color:var(--color-icon);}
 .hotspot-block.demo_7customhotspot .dt-sc-hotspot-popup.on-right.dt-sc-popup-open,
 .hotspot-block.demo_7customhotspot .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-right{left:60px;}
.hotspot-block.demo_7customhotspot .hotspot-block .dt-sc-hotspot-popup{  width: 250px;}
 .hotspot-block.demo_7customhotspot  .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-right, 
 .hotspot-block.demo_7customhotspot  .dt-sc-hotspot-content .card,
 .hotspot-block.demo_7customhotspot .dt-sc-hotspot-popup{background:var(--color-icon);}
 .hotspot-block.demo_7customhotspot .dt-sc-hotspot-content .card__information .price.product-price-current,
 .hotspot-block.demo_7customhotspot .dt-sc-hotspot-content .card__information .card__heading{  color: var(--gradient-background);}

 .hotspot-block.demo_7customhotspot .title-wrapper-with-link{    position: absolute; z-index: 2; max-width: 550px; margin-left: 324px; margin-right: auto; display: flex; justify-content: center; height: 100%; margin-bottom: 0; margin-top: 0;}
 .hotspot-block.demo_7customhotspot .title-wrapper-with-link .title{    font-size: 6.4rem; line-height: 72px; margin-bottom: 4rem;}
 .hotspot-block.demo_7customhotspot .title-wrapper-with-link p.description{margin-bottom: 6rem;    font-family: var(--font-heading-family);}
 .hotspot-block.demo_7customhotspot  a.link{    font-family: var(--font-heading-family);  font-weight: 500; font-size: 1.6rem;  text-decoration: none; position:relative;}
 .hotspot-block.demo_7customhotspot a.link:after { position: absolute; width: 10px; height: 2px; content: ""; background:currentColor;  bottom: 0; left: 0; right: 0; transition:all 0.3s linear;}
.hotspot-block.demo_7customhotspot a.link:hover:after{width:100%;}
.dt-sc-hotspot.icon-hide.style-2 .dt-sc-hotspot-item.dt-sc-hotspot-item1.block-type-product{background:none;}
.dt-sc-hotspot.icon-hide.style-2  .dt-sc-hotspot-icon{display:none;}


/*demo1*/
 .hotspot-block.demo_1customhotspot .title-wrapper-with-link{    position: absolute; z-index: 2; max-width: 571px; margin-left: 188px; margin-right: auto; display: flex; justify-content: center; height: 100%;    margin-bottom: 0; margin-top: 0;}
 .hotspot-block.demo_1customhotspot .title-wrapper-with-link .title{    font-size: 4rem; line-height: 50px; margin-bottom: 3rem;}
 .hotspot-block.demo_1customhotspot .title-wrapper-with-link p.description{margin-bottom: 7rem;    font-family: var(--font-heading-family);}
 .hotspot-block.demo_1customhotspot .dt-sc-hotspot-popup.on-right:before{display:none;}
.hotspot-block.demo_1customhotspot .card__content{text-align:center;}
.hotspot-block.demo_1customhotspot  .card__content ul[class*=variant-option-color]{display:none;}
.hotspot-block.demo_1customhotspot .banner__buttons a.button.button--primary{margin-top:0;}
.hotspot-block.demo_1customhotspot .row{position:relative;}
@media screen and (max-width: 990px) {
.hotspot-product-section{ flex-direction:column;} }
@media screen and (min-width: 991px) {
.demo_2customhotspot .hotspot-product-images{     width: calc(53% - 60px); }
.demo_2customhotspot .hotspot-product-contant{     width: 100%; } }
/*demo8*/
 .hotspot-block.demo_8customhotspot .title-wrapper-with-link {
    position: absolute;
    z-index: 2;
    max-width: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    padding: 140px 370px 140px 200px;
    background: rgba(var(--color-base-accent-1), 0.3);
    backdrop-filter: blur(2px) brightness(1);
    fill-opacity: 0;
}
.hotspot-block.demo_1customhotspot  .dt-sc-hotspot-content .card__information .card__heading{ font-size:2.2rem;}
.hotspot-block.demo_1customhotspot .banner__buttons a.button.button--secondary{ font-weight:500; background:transparent; border:2px solid;}
.hotspot-block.demo_1customhotspot .banner__buttons a.button.button--secondary:hover{ background:var(--color-icon);  border:2px solid;}

 .hotspot-block.demo_8customhotspot .title-wrapper-with-link .title{    font-size: 6.4rem; line-height: 75px; margin-bottom: 3rem;    color: var(--gradient-background);}
 .hotspot-block.demo_8customhotspot .title-wrapper-with-link p.description{margin-bottom: 6rem;    font-family: var(--font-heading-family);    color: var(--gradient-background);}
 .hotspot-block.demo_8customhotspot .dt-sc-hotspot-popup.on-right:before{display:none;}
.hotspot-block.demo_8customhotspot .card__content{text-align:center;}

.hotspot-block.demo_8customhotspot .banner__buttons a.button.button--primary{margin-top:0; padding:0 5rem;}
.hotspot-block.demo_8customhotspot .row{position:relative;}
.hotspot-block.demo_8customhotspot .title_content {  max-width: 550px;}
.hotspot-block.demo_8customhotspot .card__content ul[class*=variant-option-color]{    margin: 0 auto;}
.demo_2customhotspot .hotspot-product-images{ overflow:hidden;}

@media screen and (max-width: 767px){ .demo_2customhotspot .hotspot-product-lists .card__information .varient{ width:fit-content;}  .demo_2customhotspot .card-wrapper .card .card__content .price{ width:fit-content;}  }
@media screen and (max-width: 1540px){
.hotspot-block.demo_8customhotspot .title-wrapper-with-link{    padding: 140px 200px 140px 150px;}
}

@media screen and (min-width: 1200px){
  .hotspot-block.demo_8customhotspot  .dt-sc-hotspot-popup{ width:350px;}
.hotspot-block.demo_8customhotspot .banner__buttons a.button.button--primary{     background-color: var(--gradient-background);
    color: var(--gradient-base-accent-1);}
.hotspot-block.demo_8customhotspot .banner__buttons a.button.button--primary:hover{    color: var(--gradient-background);
    background-color: var(--gradient-base-accent-1);} }
@media screen and (max-width: 1600px)  and (min-width: 1201px){
   .hotspot-block.demo_7customhotspot .title-wrapper-with-link{margin-left: 150px;}
  .hotspot-block.demo_1customhotspot .title-wrapper-with-link{margin-left: 100px;}
}
@media screen and (max-width: 1200px)  and (min-width: 991px){
   .hotspot-block.demo_7customhotspot .title-wrapper-with-link{margin-left: 50px;}
   .hotspot-block.demo_1customhotspot .title-wrapper-with-link{margin-left: 50px;}
}
@media screen and (max-width: 1199px){
  .demo_2customhotspot .hotspot-product-lists .card__information .card__heading:after{display:none;}
  .hotspot-block.demo_7customhotspot .dt-sc-hotspot-popup{width:180px;}
  .hotspot-block.demo_8customhotspot .title-wrapper-with-link{ position: unset; z-index: 2; max-width: 100%; margin-left: 0; margin-right: 0;  height: 100%; top:unset; transform:unset; background:none;   padding: 0 50px 50px 50px;}
  .hotspot-block.demo_8customhotspot .title-wrapper-with-link .title{color:var(--color-foreground);}
   .hotspot-block.demo_8customhotspot .title-wrapper-with-link .title{    font-size: 4.4rem; line-height: normal;}
  .hotspot-block.demo_8customhotspot .title-wrapper-with-link p.description{color:var(--color-foreground);}
  .hotspot-block.demo_8customhotspot .title_content {  max-width: 100%;}
}
@media screen and (max-width: 767px){
.hotspot-block.demo_8customhotspot .title-wrapper-with-link p.description{ margin-bottom:3rem;} }
@media screen and (max-width: 990px){
  .demo_2customhotspot .hotspot-product-contant .title{font-size:4rem;}
  .demo_5customhotspot  .hotspot-product-contant .title{font-size:4rem;}
  .hotspot-block.demo_7customhotspot .title-wrapper-with-link{ position: unset; z-index: 2; max-width: 100%; margin-left: 0; margin-right: 0;  height: 100%;    padding: 50px;}
  .hotspot-block.demo_7customhotspot .title-wrapper-with-link .title{    font-size: 4.4rem; line-height: normal;}
  .hotspot-block.demo_1customhotspot .title-wrapper-with-link{ position: unset; z-index: 2; max-width: 100%; margin-left: 0; margin-right: 0;  height: 100%;    padding: 50px;}
 .hotspot-block.demo_1customhotspot  .dt-sc-hotspot img.dt-sc-hotspot-image{height:100vh;}
 .hotspot-block.demo_7customhotspot  .dt-sc-hotspot img.dt-sc-hotspot-image{  height: 100vh; object-position: 70%;}
/*   .hotspot-block.demo_1customhotspot .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-right{left:auto; right:0; margin:auto;}
 .hotspot-block.demo_1customhotspot .dt-sc-hotspot-popup.on-right.mfp-hide{display:block !important;} */
    .hotspot-block.demo_7customhotspot .dt-sc-hotspot.icon-hide.style-2 .dt-sc-hotspot-item.dt-sc-hotspot-item1.block-type-product{background:var(--gradient-background);}
   .hotspot-block.demo_7customhotspot .dt-sc-hotspot.icon-hide.style-2 .dt-sc-hotspot-icon{display:block;}
  .hotspot-block.demo_1customhotspot .dt-sc-hotspot.icon-hide.style-2 .dt-sc-hotspot-item.dt-sc-hotspot-item1.block-type-product{background:var(--gradient-background);}
   .hotspot-block.demo_1customhotspot .dt-sc-hotspot.icon-hide.style-2 .dt-sc-hotspot-icon{display:block;}
  .hotspot-block.demo_8customhotspot .dt-sc-hotspot.icon-hide.style-2 .dt-sc-hotspot-item.dt-sc-hotspot-item1.block-type-product{background:var(--gradient-background);}
   .hotspot-block.demo_8customhotspot .dt-sc-hotspot.icon-hide.style-2 .dt-sc-hotspot-icon{display:block;}
 
}
  .hotspot-block.demo_7customhotspot .dt-sc-hotspot-popup{ width:200px;}
.hotspot-block.demo_7customhotspot  .price__regular .price-item--regular{ font-weight:500;}
.demo_5customhotspot .hotspot-product-contant .hotspot-product-lists .card--card img.motion-reduce.loaded-image{ background:transparent;}
.hotspot-product-contant .hotspot-product-lists .card--card img.motion-reduce.loaded-image{ object-fit:cover;}
.demo_5customhotspot  .hotspot-product-contant .hotspot-product-lists .card__inner{ width:120px; height:100px;}
.demo_5customhotspot .hotspot-product-contant .hotspot-product-lists .card--card.card--media>.card__content .card__information{ display:grid;    align-items: center;
    grid-template-columns: 1fr 0.5fr; }
.hotspot-product-contant #hotspot-product-submit{     text-transform:capitalize; }


@media screen and (min-width: 401px){
.hotspot-block.demo_1customhotspot .banner__buttons a.button{ padding:0 5.5rem;} }
@media screen and (max-width: 575px){
  .hotspot-block.demo_7customhotspot .title-wrapper-with-link .title,
  .hotspot-block.demo_7customhotspot .title-wrapper-with-link p.description{    margin-bottom: 3rem;}
  .hotspot-block.demo_1customhotspot .title-wrapper-with-link .title{    font-size: 2.6rem; line-height: normal;}
  .hotspot-block.demo_1customhotspot .title-wrapper-with-link{    padding: 20px;}
  .hotspot-block.demo_7customhotspot .title-wrapper-with-link .title{    font-size: 2.6rem; line-height: normal;}
  .hotspot-block.demo_7customhotspot .title-wrapper-with-link{    padding: 20px;}
   .hotspot-block.demo_8customhotspot .title-wrapper-with-link .title{    font-size: 2.6rem; line-height: normal;}
  .hotspot-block.demo_8customhotspot .title-wrapper-with-link{    padding: 20px;}
}
@media screen and (max-width: 400px){
  .hotspot-block.demo_1customhotspot .banner__buttons a.button{ padding:0 3rem;}
 .hotspot-block.demo_1customhotspot .banner__buttons{  display:flex;    margin: 0 auto;}
}

 .hotspot-block.demo_8customhotspot .dt-sc-hotspot-content>*{ margin-top:0;}
.demo_8customhotspot .dt-sc-hotspot-content img.motion-reduce.loaded-image{     object-fit: cover !important; }
@media screen and (max-width: 1023px){
  .demo_2customhotspot .hotspot-product-contant .hotspot-product-lists{ position:relative;}
.demo_2customhotspot .hotspot-product-contant .hotspot-product-lists .sub-heading{ top:-75px;  position: absolute;
    font-size: 17rem;
    right: 30%;
    margin-top: 0;
    color: #fbfbfb; z-index:-1; } }

.product-image{ width:120px; height:100px; }
.product-content{ padding:0 0 0 30px;}
@media screen and (min-width: 1024px){
.demo_2customhotspot .hotspot-product-contant .hotspot-product-lists{ position:relative; display:flex;}
.demo_2customhotspot .hotspot-product-contant .hotspot-product-lists .sub-heading{ position: absolute;
    font-size: 17rem;
    right: 30%;
    margin-top: 0;
    color: #fbfbfb;
    top: -100px; z-index:-1;} }
@media screen and (min-width: 1024px){
.demo_2customhotspot .hotspot-product-contant .hotspot-product-lists{ position:relative;}
.demo_2customhotspot .hotspot-product-contant .hotspot-product-lists .sub-heading{ position: absolute;
    font-size: 17rem;
    right: 30%;
    margin-top: 0;
    color: #fbfbfb;
    top: -100px; z-index:-1;} }

@media screen and (min-width: 991px){
.demo_5customhotspot .hotspot-product-contant .title{ font-size:46px;}
}
 .demo_2customhotspot .hotspot-product-contant .hotspot-product-lists .card--card{ background:transparent;}
@media screen and (max-width: 767px){
 .demo_2customhotspot  .card-wrapper{ z-index:1;}
.demo_2customhotspot .hotspot-product-contant .hotspot-product-lists .card--card{ background:transparent;}
.demo_2customhotspot .hotspot-product-contant .hotspot-product-lists .sub-heading{ display:none;} }
.demo_2customhotspot .hotspot-product-contant .hotspot-product-lists .sub-heading{ transition:all 0.3s linear; }
@media screen and (max-width: 768px) and (max-width: 1023px){
.demo_2customhotspot .hotspot-product-contant .title{ font-size:3.4rem;} }
@media screen and (max-width: 320px) and (max-width: 767px){
.demo_2customhotspot .hotspot-product-contant .title{ font-size:2.8rem;} }
.shopify-section.reveal .demo_2customhotspot .hotspot-product-contant .hotspot-product-lists :where(.sub-heading){   opacity:1;     transform: translateX(0) translateY(0);  }
.demo_2customhotspot .hotspot-product-contant .hotspot-product-lists .sub-heading { opacity:0; transform: translateX(0) translateY(50px);
    transition: opacity .37s ease-out,transform .6s cubic-bezier(.18,.79,.48,.99); }
.demo_2customhotspot .hotspot-product-contant .hotspot-product-lists:hover .sub-heading{ color:var(--gradient-base-background-2); }