/** Shopify CDN: Minification failed

Line 136:20 Unexpected "{"
Line 136:29 Expected ":"
Line 139:25 Unexpected "{"
Line 139:34 Expected ":"
Line 290:22 Unexpected "{"
Line 290:31 Expected ":"
Line 293:25 Unexpected "{"
Line 293:34 Expected ":"

**/
.text-image-show-wrapper .text-image-info-outer {
  width: 100%;
  padding: 0;
}

.text-image-show-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.text-image-float-box {
  display: flex;
  flex-direction: column;
}
.wpimageoverho-text.has-content {
  padding-top: var(--pc-padding-1textpicture, 40px);

  @media screen and (max-width: 767px) {
     
    padding-top: var(--mob-padding-1textpicture, 32px);
  }
}
.a10-show-image-content {
  display: flex;
  position: absolute;
  left:47px;
  top: 35px;
  flex-wrap: wrap;
  padding: 26px 40px;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.15);
  background: rgba(19, 85, 143, 0.05) !important;
  backdrop-filter: blur(7.5px);
}
.a10-show-image1 {
  width:129px;
  background-color: transparent !important;
}
.a10-show-image2 {
  width:129px;
  background-color: transparent !important;
}
.a10-show-image3{
  background-color: transparent !important;
}
.a10-show-image3 .image-inner{
  width:129px;
  background-color: transparent !important;
}
.a10-show-image-content .image-inner{
  background-color: transparent !important;
}
.a10-show-image3 
.image-inner{
  display:flex;
    background-color: transparent !important;
}
.a10-show-image {
  width: 129px;
  height: 74px;
  background-color: transparent !important;
}
.a10-show-image-top {
  color:rgba(255, 255, 255, 0.90);
  font-size: 25px;
  font-style: normal;
  font-weight: 630;
  min-height: 40px; 
  display: block;
  white-space: nowrap;
  overflow: visible;
    background-color: transparent !important;
}
.a10-show-image-bottom {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  width: 129px;
  font-weight: 330;
  line-height: 140%; /* 25.2px */
    background-color: transparent !important;
}
@media screen and (max-width: 1279px) {
  .text-image-show-container .text-image-show-image {
    height: unset;
  }
}
.wpimageoverho-text .heropointfb-box.heropointfb-box-v2 .heropointfb-item {
  background: linear-gradient(to right, #f1ece6, #dfd5cc);
  padding: 8px;
  flex: 1;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
.wpimageoverho-text .heropointfb-box.heropointfb-box-v2 {
  padding: 24px 0;
  gap: 20px;
}
.text-image-show-container .heropointfb-box.heropointfb-box-v2 {
  @media screen and (max-width: 767px) {
    left: 0;
    width: calc(100vw - 48px);
  }
}
.text-image-show-image-box img,
.text-image-show-image-box-v1 img {
  border-radius: 8px;
  display: block;
  width: 100%;
  height:auto;
  @media screen and (max-width: 767px) {
   
    border-radius: 8px;

  }
}
 @media screen and (max-width: 767px) {
  #shopify-section-{{ section.id }} .image-mob{
        display:block
        }
       #shopify-section-{{ section.id }} .image-pc{
         display:none !important

        }
      }

@media screen and (min-width: 1280px) {
  .text-image-info-box-float .text-image-info-box {
    --padding-inline: 32;
    flex-direction: row;
    gap: 80px;
    padding-inline: var(--padding-inline) px;
  }

  .text-image-float-box {
    flex-basis: calc(528 / (1200 - var(--padding-inline) * 2) * 100%);
    flex-shrink: 0;
    gap: 10px;
  }

  .text-image-float-box.float_left {
    order: 2;
    margin-left: 40px;
  }

  .text-image-float-box.float_right {
    margin-right: 40px;
  }
}

@media screen and (max-width: 1279px) {
  .text-image-show-wrapper {
    padding-inline: 0;
  }

  /* .text-image-show-wrapper .text-image-info-outer {
        order: 2;
    } */

  .text-image-float-box {
    gap: 8px;
  }
}

@media screen and (max-width: 767px) {
  .text-image-show-wrapper {
    padding-inline: 16px;
    gap: 16px;
  }
  .text-image-info-title {
    /* font-weight: 520 !important; */
  }
  .text-image-info-title br,
  .text-image-info-text br {
    display: none;
  }

  .text-image-show-wrapper .text-image-info-outer {
    padding-inline: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .full-on-mobile {
    padding-inline: 0;
  }

  .full-on-mobile.text-image-show-wrapper .text-image-info-outer {
    padding-inline: 32px;
  }

  .wpimageoverho-text .heropointfb-box.heropointfb-box-v2 .heropointfb-item {
    padding: 28px 16px;
    gap: 16px;
    width: calc(50% - 8px);
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 0;
    flex: none;
    /* margin-bottom: 20px; */
    border-radius: 8px;
  }

  .wpimageoverho-text
    .heropointfb-box.heropointfb-box-v2
    .heropointfb-item:nth-of-type(2n) {
    /* margin-left: 10px; */
  }
  .wpimageoverho-text
    .heropointfb-box.heropointfb-box-v2
    .heropointfb-item:nth-of-type(2n + 1) {
    /* margin-right: 10px; */
  }

  .wpimageoverho-text .heropointfb-box.heropointfb-box-v2 {
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 28px 0 18px 0;
    &.one-line {
      padding-bottom: 0;
    }
  }
   .a10-show-image-content {
      width: 43.6vw;
      left:16px;
      top: 15px;
      padding: 14px 16px;
  }
  .a10-show-image {
    width: 15vw !important; 
    height: unset;
    aspect-ratio: 62 / 35;
    border-radius: 3px !important;
  }

 .a10-show-image1 {
    /* width:62px; */
      width: 15vw !important; 
     margin-right: 11px !important;
 }
  .a10-show-image2 {
    /* width:62px; */
    width: 15vw !important; 
    margin-right: 0px !important;
  }
  .a10-show-image3 {
    margin-top: 14px;
  }
  .a10-show-image3 .image-inner{
    /* width:62px; */
    width: 15vw !important; 
  }

  .a10-show-image-top {
    font-size: 14px; 
    min-height: 20px; 
  }

  .a10-show-image-bottom {
    font-size: 10px;
    width:62px;
    text-align: center; 
  }
}

.text-image-show-container.dark-theme {
  background: var(--dark-base-grey-100-base);
}
@media screen and (min-width: 768px) {
    #shopify-section-{{ section.id }} .image-mob{
        display:none !important
        }
       #shopify-section-{{ section.id }} .image-pc{
         display:block

        }
  .imageoverho-bottomtext.has-content {
    padding-top: 20px;
  }
}
