/** Shopify CDN: Minification failed

Line 101:0 Unexpected "<"

**/

  .home-main-banner-wrapper {
    display: flex;
    width: 100%;
        position: relative;
  }
  .banner-main-image {
    width: 100%;
  }
  .banner-main-image img{
    width:100%;
    height: auto;
  }
  .banner-main-image{
   line-height:0;
  }
  .banner-button{
    border: none;
    border-radius: 32px;
    padding: 15px 45px 15px 45px;
    background: #6CBF30;
    color: white;
  }
  .banner-text-main-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.banner-text-main-right h2{
    margin:0;
    color:#FFFFFF;
    font-weight:500;
}
.banner-text-main-right p{
    color:#F5F4F2ff;
}
  .banner-button p{
    font-weight:500;
    color:#FFFFFF;
  }
.mobile-banner{
    display:none;
}
.banner-pagination .swiper-pagination-bullet{
width: 27px;
height: 3px;
border-radius: inherit;
background: #ffff;
}
.banner-pagination {
    padding-bottom:20px;
}
/* .banner-text-main-right p{
   font-size: 16px;
} */
@media screen and (max-width: 1180px) {
 .banner-text-main-right h2 {
          font-size:clamp(25px, calc(30 * (100vw / 1180)), 30px);
}
.banner-text-main-right p{
   font-size:clamp(16px, calc(18 * (100vw / 1180)), 18px);
}
}
@media screen and (max-width: 749px) {
    .decktop-banner{
        display:none;
    }
  .banner-text-main-right h2 {
    font-size: 25px;
}
    .mobile-banner{
        display:block;
    }
    .banner-main-image {
        width: 100%;
    }
    .banner-text-main {
        text-align: center;
        padding: 0 20px;
        background: transparent; 
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }
    .banner-pagination{
       display:none;
    }
    .banner-button p{
      font-size:17px;
      }
}
</style><style>
  .home-main-banner-wrapper {
    display: flex;
    width: 100%;
        position: relative;
  }
  .banner-main-image {
    width: 100%;
  }
  .banner-main-image img{
    width:100%;
    height: auto;
  }
  .banner-text-main {
    text-align: right;
    padding: 0 80px 0 50px;
    display:flex;
    align-items:center;
    position: absolute;
        width: 40%;
        top: 50%;
        left: %;
    transform: translate(-%, -50%);
    z-index: 2;
  }
  .banner-main-image{
   line-height:0;
  }
  .banner-button{
    border: none;
    border-radius: 32px;
    padding: 15px 45px 15px 45px;
    background: #6CBF30;
    color: white;
  }
  .banner-text-main-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.banner-text-main-right h2{
    margin:0;
    color:#FFFFFF;
    font-weight:500;
}
.banner-text-main-right p{
    color:#F5F4F2ff;
}
  .banner-button p{
    font-weight:500;
    color:#FFFFFF;
  }
.mobile-banner{
    display:none;
}
.banner-pagination .swiper-pagination-bullet{
width: 27px;
height: 3px;
border-radius: inherit;
background: #ffff;
}
.banner-pagination {
    padding-bottom:20px;
}
@media screen and (max-width: 1000px){
  .banner-text-main {
    padding: 0;
}
} 
@media screen and (max-width: 749px) {
    .decktop-banner{
        display:none;
    }
  .banner-text-main-right h2 {
    font-size: 25px;
}
    .mobile-banner{
        display:block;
    }
    .banner-main-image {
        width: 100%;
    }
    .banner-text-main {
        text-align: center;
        padding: 0 20px;
        background: transparent; 
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }
    .banner-pagination{
       display:none;
    }
    .banner-button p{
      font-size:17px;
      }
}
 @media screen and (max-width: 360px) { 
   .banner-text-main-right {
    gap: 5px;
}
   .banner-text-main-right p {
    font-size: 15px;
}
   .banner-text-main-right h2 {
    font-size: 15px;
}
    }