/** Shopify CDN: Minification failed

Line 221:18 Expected identifier but found whitespace
Line 221:20 Unexpected "{"
Line 221:29 Expected ":"
Line 221:66 Expected ":"
Line 224:10 Expected identifier but found whitespace
Line 224:12 Unexpected "{"
Line 224:21 Expected ":"
Line 224:51 Expected identifier but found "%"
Line 227:14 Expected identifier but found whitespace
Line 227:16 Unexpected "{"
... and 18 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:custom-four-column-desktop (INDEX:12) */
.custom-four-column {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px; /* Fixed spacing between elements */
}

.custom-four-column .element {
  text-align: center;
  transition: color 0.3s;
}

.custom-four-column img {
  width: 20% !important; /* Fixed desktop size */
  transition: transform 0.3s;
}

@media (max-width: 768px) {
  .custom-four-column img {
    width: 45% !important; /* Fixed mobile size */
  }
}

.custom-four-column a, .custom-four-column p {
  color: #000000; /* Sets default color for links and paragraphs */
  text-decoration: none; /* Removes underline from links */
  transition: color 0.3s; /* Smooth transition for color changes */
}

.custom-four-column p {
  font-size: 18px; /* Fixed font size for paragraphs */
  padding-top: 1%; /* Fixed top padding for paragraphs */
  margin-top: 0 !important; /* Fixed top margin for paragraphs */
}
  
@media (max-width: 768px) {
.custom-four-column p {
  font-size: 14px; /* Fixed font size for paragraphs */
  padding-top: 1%; /* Fixed top padding for paragraphs */
  margin-top: 0 !important; /* Fixed top margin for paragraphs */
}
}
  
.custom-four-column .element:hover img {
  transform: scale(1.1);
}

.custom-four-column .element:hover a,
.custom-four-column .element:hover p { /* Targets both links and paragraphs on hover */
  color: #FF6043 !important; /* Changes text color on hover */
  text-decoration: none; /* Ensures no underline appears on hover */
}
/* END_SECTION:custom-four-column-desktop */

/* START_SECTION:custom-four-column (INDEX:13) */
.custom-four-column {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px; /* Fixed spacing between elements */
}

.custom-four-column .element {
  text-align: center;
  transition: color 0.3s;
}

.custom-four-column img {
  width: 15% !important; /* Fixed desktop size */
  transition: transform 0.3s;
}

@media (max-width: 768px) {
  .custom-four-column img {
    width: 35% !important; /* Fixed mobile size */
  }
}

.custom-four-column a, .custom-four-column p {
  color: #000000; /* Sets default color for links and paragraphs */
  text-decoration: none; /* Removes underline from links */
  transition: color 0.3s; /* Smooth transition for color changes */
}

.custom-four-column p {
  font-size: 18px; /* Fixed font size for paragraphs */
  padding-top: 1%; /* Fixed top padding for paragraphs */
  margin-top: 0 !important; /* Fixed top margin for paragraphs */
}
  
@media (max-width: 768px) {
.custom-four-column p {
  font-size: 14px; /* Fixed font size for paragraphs */
  padding-top: 1%; /* Fixed top padding for paragraphs */
  margin-top: 0 !important; /* Fixed top margin for paragraphs */
}
}
  
.custom-four-column .element:hover img {
  transform: scale(1.1);
}

.custom-four-column .element:hover a,
.custom-four-column .element:hover p { /* Targets both links and paragraphs on hover */
  color: #FF6043 !important; /* Changes text color on hover */
  text-decoration: none; /* Ensures no underline appears on hover */
}
/* END_SECTION:custom-four-column */

/* START_SECTION:custom-full-width-img (INDEX:14) */
.full-width-image-banner {
  position: relative; /* Allows absolute positioning for child elements */
  overflow: hidden; /* Ensures no spillover */
}

.full-width-image-banner img.main-banner-image {
  display: block; /* Ensures the image is a block-level element */
  width: 100%; /* Ensures the image spans the full width */
  height: auto; /* Maintains the aspect ratio */
  position: relative; /* Explicit positioning */
  z-index: 1; /* Lower z-index than the top image */
}

.full-width-image-banner img.top-image {
  position: absolute; /* Ensures positioning over the main image */
  width: auto; /* Width set to auto to maintain aspect ratio */
  height: auto; /* Height set to auto to maintain aspect ratio */
  max-width: 100px; /* Example max-width, adjust as needed */
  top: 10px; /* Initial position from the top, adjust as needed */
  right: 10px; /* Initial position from the right, adjust as needed */
  z-index: 2; /* Higher z-index to ensure it's on top */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .full-width-image-banner img.top-image {
    top: 50%; /* Central vertically */
    left: 50%; /* Central horizontally */
    transform: translate(-50%, -50%); /* Correctly center the image */
    max-width: 50px; /* Smaller size for mobile */
  }
}

/* Desktop adjustments */
@media (min-width: 769px) {
  .full-width-image-banner img.top-image {
    top: 15%; /* 5% from the top */
    right: 15%; /* 5% from the right */
  }
}
/* END_SECTION:custom-full-width-img */

/* START_SECTION:custom-image-banner (INDEX:15) */
p .desktop-only-text {
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 3% 50px 0% 50px;
}
  
.custom-image-banner img {
  display: block; /* Ensures the image is a block-level element */
  margin-left: auto; /* Centers image for 'center' alignment */
  margin-right: auto; /* Centers image for 'center' alignment */
}

.desktop-only-text {
  display: none; /* Hide text on mobile devices by default */
}

@media (min-width: 992px) { /* Adjusts the width as needed */
  .desktop-only-text {
    display: block; /* Only show text on desktop screens */
  }
}
/* END_SECTION:custom-image-banner */

/* START_SECTION:custom-two-column (INDEX:21) */
/* Global Styles */
.custom-two-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.custom-two-column .element {
  text-align: center;
  box-sizing: border-box;
}

#custom-two-column-header {
  text-align: center;
  width: 100%;
  margin-bottom: 20px; 
  font-size: 4rem;
  padding-bottom: 5%;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .custom-two-column .element {
    width: calc(50% - 10px);
    margin-bottom: {{ section.settings.element_spacing_mobile }}px;
  }
  .custom-two-column img {
    width: {{ section.settings.image_size_mobile }}%;
  }
  .custom-two-column h2 {
    font-size: {{ section.settings.header_font_size_mobile }}px;
  }
  .custom-two-column p {
    font-size: {{ section.settings.paragraph_font_size_mobile }}px;
  }
}

/* Desktop Styles */
@media (min-width: 769px) {
  .custom-two-column .element {
    width: calc(33.33% - 10px);
    margin-bottom: {{ section.settings.element_spacing }}px;
  }
  .custom-two-column img {
    width: 15% !important;
  }
  .custom-two-column h2 {
    font-size: {{ section.settings.header_font_size }}px;
  }
  .custom-two-column p {
    font-size: {{ section.settings.paragraph_font_size }}px;
  }
}
/* END_SECTION:custom-two-column */