/** Shopify CDN: Minification failed

Line 84:8 Expected identifier but found whitespace
Line 84:10 Unexpected "{"
Line 84:19 Expected ":"
Line 92:8 Expected identifier but found whitespace
Line 92:10 Unexpected "{"
Line 92:19 Expected ":"
Line 109:8 Expected identifier but found whitespace
Line 109:10 Unexpected "{"
Line 109:19 Expected ":"
Line 110:15 Expected identifier but found whitespace
... and 26 more hidden warnings

**/
/* External CSS Styles */
.custom-landing-page-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden; /* Prevent overflow issues */
}

.custom-landing-page-container {
  display: flex;
  align-items: stretch; /* Ensure equal height columns */
  width: 100%;
}

.custom-landing-page-container .left-container,
.custom-landing-page-container .right-container {
  flex: 1 1 50%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; /* Allow content to stretch */
  position: relative;
}

.custom-landing-page-container .left-container {
  display: flex;
  flex-direction: column;
  overflow: hidden; /* Prevent content from overflowing */
}

.custom-landing-page-container .left-container .image-box {
  width: 100%;
  height: 100%;
  position: relative;
}

.custom-landing-page-container .left-container .image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.custom-landing-page-container .left-container .content-box {
  position: absolute;
  top: 10%;
  left: 10%;
  width: calc(100% - 20%);
  padding-right: 55px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Ensure content starts at the top */
  z-index: 10; /* Ensure content-box is above image */
  overflow: visible; /* Allow content to be visible */
}

.left-image-right-text .right-side .content-box,
.right-image-left-text .left-side .content-box {
  display: flex;
  flex-direction: column;
  position: relative;
  left: 10%;
  top: 10%;
  width: 80%;
}

.custom-landing-page-container .left-container .content-box .heading {
  font-size: 58px;
  line-height: 1.2;
  margin: 0;
  color: {{ section.settings.heading_color }}; /* Ensure the heading color is applied */
}

.custom-landing-page-container .left-container .content-box .desc {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  margin: 40px 0;
  color: {{ section.settings.desc_color }}; /* Ensure the description color is applied */
}

.custom-landing-page-container .left-container .content-box .learn-more-btn {
  display: block;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: normal;
  border: 1px solid;
  max-width: 294px;
  min-height: 50px;
  padding: 13px 25px;
  position: relative;
  z-index: 11; /* Ensure button is above other content */
  overflow: hidden;
  transition: all 0.3s ease;
  color: {{ section.settings.btn_color }}; /* Button text color */
  border-color: {{ section.settings.btn_color }}; /* Button border color */
}

.custom-landing-page-container .left-container .content-box .learn-more-btn:hover {
  color: #fff;
  border: 1px solid #F36969;
}

.custom-landing-page-container .left-container .content-box .learn-more-btn::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 100%;
  background-color: #F36969;
  transition: all 0.3s ease;
}

.custom-landing-page-container .left-container .content-box .learn-more-btn:hover::after {
  width: 100%;
}

.custom-landing-page-container .right-container {
  background-color: #282828;
  display: flex;
  flex-direction: column; /* Ensure content stretches correctly */
  align-items: center; /* Center content vertically */
}

.custom-landing-page-container .right-container .custom-form-wrapper {
  margin-top: 10%;
  width: 100%; /* Ensure it fills the container */
}

.custom-landing-page-container .left-container .heading.mobile {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 20px;
}

@media screen and (min-width: 767px) {
  .custom-landing-page-container .left-container .heading.mobile {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .custom-landing-page-container .left-container .content-box .heading {
    font-size: 42px;
  }
  .custom-landing-page-container .left-container .content-box .desc {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .custom-landing-page-container .left-container .content-box .heading,
  .custom-landing-page-container .left-container .content-box .desc {
    color: #000 !important; /* Set text color to black */
  }
  
  /* The rest of your mobile-specific styles */
  .custom-landing-page-container .left-container .content-box .heading.desktop {
    display: none;
  }
  .custom-landing-page-container .left-container .heading.mobile {
    display: block;
  }
  .custom-landing-page-container {
    flex-direction: column;
  }
  .custom-landing-page-container .left-container {
    width: 100%;
  }
  .custom-landing-page-container .left-container .content-box {
    position: relative;
    padding: 20px 15px 30px;
    top: auto;
    left: auto;
    width: auto;
  }
  .custom-landing-page-container .left-container .content-box .heading {
    font-size: 42px;
  }
  .custom-landing-page-container .left-container .content-box .desc {
    font-size: 20px;
    color: #282828;
    margin-top: 0;
  }
  .custom-landing-page-container .left-container .content-box .learn-more-btn {
    max-width: 100%;
    background-color: #F36969;
    color: #fff;
    border: none;
  }
  .custom-landing-page-container .left-container .content-box .learn-more-btn:hover {
    border: none;
  }
  .custom-landing-page-container .left-container .content-box .learn-more-btn::after {
    display: none;
  }
  .custom-landing-page-container .right-container {
    width: 100%;
  }
  .custom-landing-page-container .right-container .custom-form-wrapper {
    margin-top: 0;
  }
}

.left-image-right-text,
.right-image-left-text {
  display: flex;
  width: calc (100% - 20%);
  /* box-sizing: border-box; */
}

.left-image-right-text .left-side,
.left-image-right-text .right-side,
.right-image-left-text .left-side, 
.right-image-left-text .right-side {
  flex: 1;
  /* padding: 20px; */
}

.left-image-right-text .left-side img,
.right-image-left-text .right-side img {
  width: 100%;
  height: 100%;
}

.left-image-right-text .right-side,
.right-image-left-text .left-side {
  background-color: {{ block.settings.backgroundColor }};
  color: {{ block.settings.textColor }};
}

.left-image-right-text .right-side h2,
.right-image-left-text .left-side h2 {
  font-family: Arial, sans-serif; /* Match the font-family of the main heading */
  font-size: 58px; /* Match the font-size of the main heading */
  line-height: 1.2; /* Match the line-height of the main heading */
  text-transform: none;
  color: {{ block.settings.rightHeadingColor }}; /* Ensure the right heading color is applied */
}

.left-image-right-text .right-side p,
.right-image-left-text .left-side p {
  font-family: Arial, sans-serif; /* Match the font-family of the description */
  font-size: 22px; /* Match the font-size of the description */
  font-weight: 500;
  line-height: 1.5;
  color: {{ block.settings.textColor }}; /* Ensure the right side text color is applied */
}

.left-image-right-text .right-side .learn-more-btn,
.right-image-left-text .left-side .learn-more-btn {
  display: block;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: normal;
  border: 1px solid;
  max-width: 294px;
  min-height: 50px;
  padding: 13px 25px;
  position: relative;
  z-index: 11; /* Ensure button is above other content */
  overflow: hidden;
  transition: all 0.3s ease;
  color: {{ block.settings.btn_color }}; /* Button text color */
  border-color: {{ block.settings.btn_color }}; /* Button border color */
}

.left-image-right-text .right-side .learn-more-btn:hover,
.right-image-left-text .left-side .learn-more-btn:hover {
  color: #fff;
  border: 1px solid #F36969;
}

.left-image-right-text .right-side .learn-more-btn::after,
.right-image-left-text .left-side .learn-more-btn::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 100%;
background-color: #F36969;
transition: all 0.3s ease;
}

.left-image-right-text .right-side .learn-more-btn:hover::after,
.right-image-left-text .left-side .learn-more-btn:hover::after {
width: 100%;
}

@media (max-width: 768px) {
.left-image-right-text,
.right-image-left-text {
flex-direction: column;
}

.left-image-right-text .left-side,
.left-image-right-text .right-side,
.right-image-left-text .left-side,
.right-image-left-text .right-side {
width: 100%;
}
}

/* Ensure correct box-sizing globally */
*,
*::before,
*::after {
box-sizing: border-box;
}

/* Clear floats and handle overflow */
.custom-landing-page-container::after {
content: “”;
display: table;
clear: both;
}

.full-width-image-with-text {
position: relative;
width: 100%;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}

.full-width-image-with-text .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
/* background: rgba(255, 0, 0, 0.5); /* Adjust the background overlay color and opacity as needed */
padding: 20px;
}

.full-width-image-with-text h2 {
font-size: 42px; /* Adjust font-size as needed */
margin: 0 0 20px;
}

.full-width-image-with-text p {
font-size: 18px; /* Adjust font-size as needed */
margin: 20;
}

.full-width-image-with-text .overlay .learn-more-btn {
  display: block;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: normal;
  border: 1px solid;
  max-width: 294px; /* Adjust max-width as needed */
  min-height: 50px;
  padding: 13px 25px;
  position: relative;
  z-index: 11; /* Ensure button is above other content */
  overflow: hidden;
  transition: all 0.3s ease;
  color: {{ section.settings.btn_color }}; /* Button text color */
  border-color: {{ section.settings.btn_color }}; /* Button border color */
}

.full-width-image-with-text .overlay .learn-more-btn:hover {
  color: #fff;
  border: 1px solid #F36969;
}

.full-width-image-with-text .overlay .learn-more-btn::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 100%;
  background-color: #F36969;
  transition: all 0.3s ease;
}

.full-width-image-with-text .overlay .learn-more-btn:hover::after {
  width: 100%;
}