/** Shopify CDN: Minification failed

Line 69:0 Unexpected "{"
Line 69:1 Expected identifier but found "%"
Line 70:2 Unexpected "#"
Line 70:4 Unexpected "{"
Line 70:11 Expected ":"
Line 79:2 Unexpected "#"
Line 79:4 Unexpected "{"
Line 79:11 Expected ":"
Line 83:20 Expected identifier but found whitespace
Line 83:22 Unexpected "{"
... and 6 more hidden warnings

**/
.full-width-slides {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
  background:#f7f7f7;
}
.slides-container {
  display: flex;
  transition: transform 0.5s ease;
  width: 100%;
  height: 600px;
  position: relative;
}
.slide {
  min-width: 100%;
  height: 100%;
  display: flex;
  background-size: cover;
  background-position: center;
}
.pagination-dots {
  position: absolute;
  bottom: 6%;
  left: 62%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 10;
}
.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(0,0,0,.16);
  cursor: pointer;
}
.dot.active {
  background-color: #337AB7;
}
.image-column {
  flex: 1.5;
  background-size: cover;
  background-position: center;
}
.text-column-content {
  display: flex;
  flex-direction:column;
  justify-content: center;
  width: 80%;
}

{% for block in section.blocks %}
  #{{ block.id }} .text-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 3em;
    color: #323232;
  }
  .text-column h1, h2 {font-size: 45px;margin-bottom: 1rem;color: #323232}
  .text-column p {margin-bottom: 2rem;}
  #{{ block.id }} .full-width-slide-img {
    height:100%;
    width: 100%;
    object-fit: cover;
    object-position: {{ block.settings.slide-image-focus }};
  }
  @media screen and (max-width: 1400px){ 
    #{{ block.id }} .text-column {
      flex: 1;
    }
  }
{% endfor %}

@media screen and (max-width: 600px){
  .image-column {flex: .5}
  .text-column {padding: 2em}
  .text-column-content {width: 100%}
  .slide {flex-direction: column;}
  .pagination-dots {bottom: 3%;left: 18%;}
  .dot {width: 5px; height: 5px;}
  .full-width-slides, .slides-container, .slide {height: auto}
  .full-width-slide-img {
    height: 200px;
  }
  .text-column h1, .text-column h2 {font-size: 26px;}
}
@media screen and (max-width: 1400px){
  .btn-mb-2 {margin-bottom: 2em}
}