/** Shopify CDN: Minification failed

Line 673:2 Expected "}" to go with "{"

**/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body, h1, h2, h3, h4, h5, h6, button{
    font-family: Open Sans;
}

.list-menu__item {
    font-size: 16px;
    color: #202020;
  font-weight: 600;
  font-family: Open Sans;
  
}

.list-menu__item:hover {
    color: #ED5B2D;
}

.header__active-menu-item {
    color: #ED5B2D;
}

.header__icons {
    display: flex;
    /* gap: 30px; */
}

.account-icon > span{
  text-decoration: none !important;
}

/* .header__icons account-icon{
  color: #ED5B2D;
    border: 1px solid #ED5B2D;
    padding: 3px 10px;
    border-radius: 100px;
    font-size: 16px;
  font-weight: 600;
} */

.footer-block .footer-block__heading{
  color: #0AA59B;
    font-weight: bold;
    font-size: 20px;
}

.footer-block__details-content .link--text{
  font-size: 16px !important;
    color: #202020 !important;
  text-decoration: none !important;
}

.footer-block__details-content .list-menu__item--active{
 color: #ED5B2D !important;
  text-decoration: underline;
}

.footer-block__brand-info .list-social__item{
  background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ED5B2D;
}

.footer-block__brand-info .footer__list-social.list-social{
  justify-content: flex-start;
    gap: 20px;
}


.custom-class .image-with-text__heading{
  font-family: Open Sans;
    font-weight: bold;
    color: #0AA59B;
    font-size: 44px;
}

.custom-class .image-with-text__text{
  font-family: Open Sans;
    font-weight: 500;
    color: #202020;
    font-size: 18px;
  line-height: 22px;
}

.custom-class .page-width{
 max-width: unset;
}

@media only screen and (max-width: 450px){
  .custom-class .image-with-text__heading{
    font-size: 32px;
}

.custom-class .image-with-text__text{
    font-size: 16px;
}
}

@media only screen and (max-width: 750px){

.custom-class .image-with-text__content {
        padding: 6rem 2rem !important;
}
}

.custom-class .image-with-text__content {
        padding: 6rem 2rem 6rem 5rem;
}

.custom-class .button:after{
  box-shadow: none;
     border: none;
    outline: none;
}

.custom-class .button{
  border-radius: 30px;
  background-color: #FFFFFF;
    color: #ED5B2D;
    opacity: inherit;
    border: 1px solid #ED5B2D;
      font-weight: 600;
    font-size: 16px;
    font-family: Open Sans;
}

.custom-class .button:hover:after{
      border: none;
    outline: none;
    box-shadow: none !important;
  
}

.custom-class .button:hover{
  background-color: #ED5B2D;
  color: #FFFFFF;
  transition: 0.9 ease-in;
  
}


.new_class .announcement-bar__message {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
}

.new_class .localization-form__select {
  color: #FFFFFF;
}

.new_class .utility-bar__grid {
  display: flex;
  justify-content: space-between;
}

.new_class .utility-bar__grid .announcement-bar {
  width: unset;
  height: unset;
}


@media only screen and (max-width: 990px){
  .new_class .utility-bar__grid {
    display: flex;
    justify-content: center;
}

.header {
    padding: 10px 1.5rem 10px 1.5rem !important;
}
  
}

.new_class .disclosure__button {
     color: #FFFFFF !important;
}

.new_class .page-width {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
}



  
.custom-class-new .contact{
display: flex;
justify-content: space-between;
align-items: center;
  
} 

.custom-class-new{
padding: 20px 50px;
  
} 

.custom-class-new .left-content-wrapper h2{
    margin: 0;
    margin-bottom: 30px;
 font-weight: bold;
 font-size: 3.5rem;
    color: #202020;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: anchor-center;
    gap: 10px;
    font-family: Open Sans;
} 


.left-content-wrapper span{
    display: flex;
   align-items: center;
    gap: 20px;
    color: #202020;
    font-size: 20px;
  font-weight: 500;
    margin-bottom: 20px;
}

.left-content-wrapper span p{
margin: 0;
}

.left-content-wrapper .subheading{
    color: #202020;
    font-size: 14px;
  font-weight: 500;
}

.custom-class-new .form-wrapper .contact__fields span svg{
margin-left: 7px;
    margin-bottom: 5px;
}

.custom-class-new .form-wrapper .title{
color: #0AA59B;
    opacity: 111;
    font-weight: bold;
}

.custom-class-new .form-wrapper{
border: 1px solid #0AA59B;
    border-radius: 30px;
    padding: 25px;
}

.custom-class-new .field:after{
   border-radius: 30px;
  border: none;
   box-shadow: none;
  
}

.custom-class-new .field__input{
border: 1px solid #000;
    border-radius: 30px;
  
}

.custom-class-new .field__input:focus{
border: 1px solid #000;
  
}

.custom-class-new .field:hover:after{
    box-shadow: none;
  border: none;
  outline: none ;
}
/* 
.custom-class-new .field:focus{
border: none !important;
  outline: none !important;
  box-shadow: none !important;
} */

.custom-class-new .button  {
     min-width: 100%;
    border-radius: 30px;
   background-color: #ED5B2D;
  border: 1px solid #ED5B2D;
  font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
  gap: 10px;
}

.custom-class-new .button:hover path  {
   fill: #ED5B2D;
}

.custom-class-new .button:hover  {

   background-color: transparent;
  color: #ED5B2D;
}

.custom-class-new .button svg:hover  {
  fill: #ED5B2D;
}

.custom-class-new .button:after  {
     box-shadow: none;
}

.custom-class-new .button:hover:after  {
     box-shadow: none;
}


@media only screen and (max-width: 870px){
  .custom-class-new .contact{
    flex-direction: column;
    gap: 30px;
  }

 .custom-class-new .left-content-wrapper h2{   
  font-size: 2.5rem;
    gap: 5px;
   text-align: center;
   justify-content: center;
 }

  .left-content-wrapper span {
    font-size: 16px;
}

.custom-class-new .form-wrapper {
    width: 100%;
}

  .custom-class-new {
    padding: 20px 20px;
}
}




@media only screen and (max-width: 990px){
#our-products .product-buttons{
  flex-direction: column;
    width: 100%;
}

#our-products .product-buttons span {
    width: 100% !important;
} 
  
#our-products .product-buttons .pdp-btn {
    width: 100% !important;
}
  
#our-products .product-title {
   font-size: 18px;
}  
}  

.product__title h1{
  font-size: 32px;
  font-weight: 600;
    color: #202020;
}


.product__info-wrapper .price .price-item {
  font-size: 28px;
    font-weight: bold;
    color: #202020;
}


.product-form__input{
  flex: 0 0 25% !important;
  margin: 0 !important;
}


.product-form__buttons {
    max-width: 100% !important;
}


.product-form__quantity .form__label {
    display: none;
}


.great {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}


.custom__new {
    order: 1;
    margin-top: 10px !important;
}


.custom__new.button:after {
 border: 1px solid #ED5B2D;
  border-radius: 30px;
  box-shadow: none;
  color:  #ED5B2D;
  font-weight: 600;
}

/* .custom__new.button:hover:after {
background-color: #ED5B2D ;
} */

.custom__new.button span {
  color:  #ED5B2D;
  font-weight: 600;
  display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.custom__new.button:hover {
border: none !important;
  box-shadow: none !important;

}

.quantity{
  color: #ED5B2D;
}

.quantity:after{
  box-shadow: none;
   border: 1px solid #ED5B2D;
  border-radius: 30px;
}


.left-btn-quantity{
  border-right: 1px solid #ED5B2D;
  color: #ED5B2D;
}

.right-btn-quantity{
  border-left: 1px solid #ED5B2D;
  color: #ED5B2D;
}


.shopify-payment-button__button{
  border-radius: 30px !important;
    background-color: #ED5B2D !important;
}

.shopify-payment-button__button--unbranded:after {
  box-shadow: none !important;
}

.custom__new.button:after {
  box-shadow: none !important;
}




/* ======= */

.accordion-container {
  width: 100%;
  max-width: 400px;
  max-height: 250px; /* Restrict height so scrollbar appears */
  overflow-y: auto; /* Enables vertical scrolling */
  scrollbar-width: thin;
  scrollbar-color: #d67252 #f0f0f0;
  padding-right: 10px; /* Adds space for scrollbar */
  border-radius: 8px;
}

/* Custom scrollbar for Webkit browsers */
.accordion-container::-webkit-scrollbar {
  width: 6px;
}

.accordion-container::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 8px;
}

.accordion-container::-webkit-scrollbar-thumb {
  background-color: #d67252;
  border-radius: 8px;
}





.my-custom-arrows {
   position: relative;
    bottom: 230px;
    display: flex !important;
    justify-content: space-between !important;
    transform: translateY(-50%);
    pointer-events: none; /* Ensures slider remains clickable */
}

.my-custom-arrows .my-custom-prev, .custom-next {
    background: none;
    border: none;
    font-size: 24px;
    color: #0AA59B; /* Adjust color */
    cursor: pointer;
    pointer-events: all; /* Allows clicks */
}

.my-custom-arrows .my-custom-prev {
    margin-left: 20px;
  border: 1px solid #0AA59B;
    padding: 20px 18px;
    border-radius: 30px;
}

.my-custom-arrows .custom-next {
    margin-right: 20px;
  border: 1px solid #0AA59B;
    padding: 30px 20px;
    border-radius: 30px;
}

.my-custom-arrows .custom-next:hover  {
background-color: #0AA59B ;
  color: #FFFFFF;
}

.my-custom-arrows .my-custom-prev:hover  {
background-color: #0AA59B ;
  color: #FFFFFF;
}


@media only screen and (max-width: 870px){


.my-custom-arrows{
  display: none !important;
}
}  


@media screen and (min-width: 990px) {
    .header:not(.drawer-menu).page-width {
        padding-left: 2rem;
        padding-right: 2rem ;
    }
}



.header__icon.header__icon--account{
  width: 10rem;
  border: 1px solid #ED5B2D;
    margin-left: 20px;
    border-radius: 30px;
    padding: 15px;
  text-decoration: none;
}
/* 
.header__icon.header__icon--account:hover{
  background-color: #ED5B2D;
}

.header__icon.header__icon--account span:hover{
  color: #FFFFFF;
}

.header__icon.header__icon--account span svg:hover{
  fill: cyan;
} */

.header__icon.header__icon--account span{
    font-weight: 600;
    color: #ED5B2D;
}

.header__icon.header__icon--account .icon {
    height: 1.7rem;
    width: 1.7rem;
}

.header__heading .header__heading-link{
  padding: 0;
}





  .thumbnail-slider {
            position: relative;
            width: 100%;
            overflow: hidden;
        }

        .thumbnail-list-container {
            overflow-x: auto;
            white-space: nowrap;
            scrollbar-width: none; /* Hide default scrollbar */
            -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
        }

        .thumbnail-list-container::-webkit-scrollbar {
            display: none; /* Hide scrollbar for Chrome, Safari */
        }

        .thumbnail-list {
            display: flex;
            gap: 10px;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .thumbnail-list__item {
            flex: 0 0 auto;
        }

        .thumbnail img {
            width: 60px;
            height: 60px;
            object-fit: cover;
            border-radius: 5px;
        }

        /* Custom Scroll Indicator */
        .scroll-bar-container {
            position: absolute;
            bottom: -20px;
            left: 0;
            width: 100%;
            height: 8px;
            background-color: #ddd;
            border-radius: 10px;
          border: 1px solid #ED5B2D;
            overflow: hidden;
        }

        .scroll-bar {
          display: block !important;
            height: 100%;
            width: 20%;
            background-color: #ED5B2D;
            transition: width 0.2s ease-out;
        }



@media only screen and (max-width: 750px){
  .scroll-bar-container {
            display: none;
            
}
  