/** Shopify CDN: Minification failed

Line 164:20 Unexpected "{"
Line 164:29 Expected ":"
Line 164:36 Unexpected "{"
Line 167:0 Unexpected "{"
Line 167:1 Expected identifier but found "%"
Line 169:22 Unexpected "{"
Line 169:31 Expected ":"
Line 169:38 Unexpected "{"
Line 171:0 Unexpected "{"
Line 171:1 Expected identifier but found "%"
... and 21 more hidden warnings

**/
.instagram-warp {
  background-color: var(--background-color);
}

/* .insta-text-wrap {
    margin-bottom: 10px;
    position: absolute;
    bottom: 30px;
} */


.gradient-box {
  width: 100%;
  min-height: 300px;
  background: linear-gradient(
    195deg,
    rgba(86, 54, 29, 1) 0%,
    rgba(86, 54, 29, 0) 100%
  );
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.insta-text-wrap {
  margin-bottom: 10px;
  position: absolute;
  bottom: 10px;
  z-index:1;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
}

.insta-heading {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    margin: 0 !important;
    font-size: 28px;
     background: linear-gradient(195deg, rgba(248, 186, 106, 100%) 100%, rgb(255 255 255 / 100%) 100%);
     /* background: linear-gradient(0deg ,rgba(173, 102, 31, 0.43) 10%, #F8BA6A 100%); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    
   /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    color: transparent; */
}

.insta-subtitle {
  font-family: 'Noto Serif Gurmukhi', serif !important;
  font-size: 28px;
  font-weight: bold;
  padding:10px;
  margin: 0px !important;
  background: linear-gradient(195deg, rgba(248, 186, 106, 100%) 100%, rgb(255 255 255 / 100%) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  color: #fff;
}

.instagram-warp .insta-slider a{
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--sti-img-border-radius);
  
}
.instagram-warp .insta-slider a svg {
  width: 100%;
}

.instagram-warp .insta-slider a:before{
   content: "";
  position: absolute;
  top: 200px;
  inset: 0;
  z-index:1;
  margin-top: 180px;
  background: linear-gradient(
  0deg, rgba(86, 54, 29, 1) 0%, rgba(86, 54, 29, 0) 100%);
  webkit-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.instagram-warp .insta-slider a img{
  -webkit-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}
.instagram-warp .insta-slider a:hover img{
  transform: scale(1.1);
}

/* Alice font for main heading/subtitle */
.alice-heading {
  font-family: 'Alice', serif !important;
  /* font-size: 2.2rem; */
  color:#58381F;
  font-weight: 900;
  margin-bottom:0px;
}
.alice-subtitle {
  font-family: 'Alice', serif !important;
  /* font-size: 1.2rem; */
  margin-bottom: 15px;
  color: #58381F;
}

/* Divider spacing */
.divider {
  margin: 10px auto;
  text-align: center;
}


.divider-icon{
  width: clamp(50%, 15vw, 15%);
  padding-bottom:20px;
}

/* Title & Subtitle fonts inside slider section */
.categroy-silder .section-title h2 {
  font-family: Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  transition: transform 0.3s ease;
}
.categroy-silder  .section-title .sub-title {
  font-family: 'Noto Serif Gurmukhi', serif !important;
  transition: transform 0.3s ease;
}

/* Hover effect text moves up */
.categroy-silder  .section-title h2.animate-up:hover,
.categroy-silder .section-title .sub-title.animate-up:hover {
  transform: translateY(-6px);
}

/* Device visibility toggles */
.device-visibility-{{ section.id }} {
  display: block;
}
{% unless section.settings.show_desktop %} 
@media (min-width: 1200px) {
  .device-visibility-{{ section.id }} { display: none !important; }
}
{% endunless %}
{% unless section.settings.show_laptop %}
@media (min-width: 992px) and (max-width: 1199px) {
  .device-visibility-{{ section.id }} { display: none !important; }
}
{% endunless %}
{% unless section.settings.show_tablet %}
@media (min-width: 768px) and (max-width: 991px) {
  .device-visibility-{{ section.id }} { display: none !important; }
}
{% endunless %}
{% unless section.settings.show_mobile %}
@media (max-width: 767px) {
  .device-visibility-{{ section.id }} { display: none !important; }

  .insta-heading, .insta-subtitle{
    font-size: 22px;
    padding-top: 0px;
  }

  .instagram-warp .insta-slider a:before{
    margin-top:100px;
  }
}
{% endunless %}