/** Shopify CDN: Minification failed

Line 1232:25 Unexpected "-->"
Line 2875:0 Unexpected "}"

**/
@media screen and (max-width:800px){
  .site-header__search-form {
    padding: 10px 30px;
  }
.site-header__search-btn--submit .icon{
        margin-right:40px;
      }
}
@media screen and (max-width:500px){
  .site-header__search-form {
    padding: 10px 0px;
  }
  .site-header__search-btn--submit .icon{
        margin-right:0px;
  } 
}

.footer-info-last{
  width: 50%;
  display: flex;
  margin: auto;
    border-top: 2px solid #ffff;
  justify-content: center;
  margin-top:-20px ;
}
.options{
  width: 95%;
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
}
.blog-layout__sidebar {
  width: 100%;
}

html body .grid-product__price--savings {
    display: none;
}
.grid-product_tag--discount {
     background-color: #ea7924;
    color: #fff;
    padding: 2px 4px 2px 20px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 5px;
    text-transform: uppercase;
}

span.grid-product__price--from span {
    display: none;
}

.custom-input-holder input {
    
    width: 50%;
}


/* Style for the variant container */
.variant-input-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Space between options */
    justify-content: flex-start;
    margin-top: 10px;
}

/* Style for each input (radio buttons hidden) */
.variant-input input[type="radio"] {
    display: none; /* Hide the default radio buttons */
}

/* Style for the labels */
.variant-input label {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    background-color: #f9f9f9;
    border: 2px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    flex: 1 1 calc(25% - 15px); /* Default size (desktop): 4 items per row */
}

/* Hover effect */
.variant-input label:hover {
    background-color: #ed7923; /* Change to your preferred hover color */
    color: #fff;
    border-color: #ed7923;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

/* Selected (checked) state styling */
.variant-input input[type="radio"]:checked + label {
    background-color: #ed7923;
    color: #fff;
    border-color: #ed7923;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Responsive layout: 2 rows, 2 columns for mobile */
@media (max-width: 768px) {
    .variant-input-wrap {
        justify-content: center; /* Center items on smaller screens */
    }
    .variant-input label {
        flex: 1 1 calc(50% - 15px); /* Make 2 columns */
        text-align: center;
    }
}















/* .grid-product__tags .grid-product_tag.grid-product_tag--sale {
    color: #ed7a24;
    left: 12px;
    position: relative;
}
 */
body.template-collection.loaded button.text-link.quick-add-btn.js-quick-add-btn {
    margin-top: 20px;
}

.grid-product__tags .grid-product_tag.grid-product_tag--sale {
   
    float: left;
    clear: left;
    line-height: 1;
    padding: 5px 7px;
    margin-top: 5px;
    border-radius: 0 2px 2px 0;
    background-color: #ed7923;
    /* background-color: var(--colorBtnPrimary); */
    color: #fff;
    color: var(--colorBtnPrimaryText);
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    z-index: 1;
    transition: opacity 0.4s ease;
    margin-left: 12px;
}



/* General styling for the image container */
.grid-product__image-wrap {
  position: relative;
  overflow: hidden;
}


/* Secondary image setup, initially hidden */
.grid-product__secondary-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Primary image setup */
.grid-product__image {
  transition: transform 0.5s ease;
}

/* When hovering, enlarge and flip the secondary image */
.grid-product__image-wrap:hover .grid-product__secondary-image {
  opacity: 1;
  transform: scale(1.3); /* Increase size of the secondary image */
}

/* Hide primary image when secondary image is displayed */
.grid-product__image-wrap:hover .grid-product__image {
  opacity: 0; /* Primary image disappears */
}

/* For single image products, enlarge the image on hover */
.grid-product__image-wrap:hover .grid-product__image {
  transform: scale(1.3); /* Increase size of the primary image for single-image products */
}

/* Keep the primary image visible for single image products */
.grid-product__image-wrap:not(:has(.grid-product__secondary-image)) .grid-product__image {
  opacity: 1; /* Ensure primary image stays visible for single image products */
}












/* .collection-sidebar__group--3 {
    display: none;
}
 */

div#shopify-section-template--17550902853795__rich_text_RxqbPa .theme-block {
    margin-top: 30px;
}
div#shopify-section-template--17550902853795__rich_text_RxqbPa .index-section.color-scheme-1.text-center {
    background-color: #f2f2f2;
}

.social-icons {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 0px; /* Adjust the spacing between icons */
}

.grid-new span.btn.btn--circle.btn--icon {
  margin-top: 30px;
}

.social-icons li {
  display: inline;
}

.social-icons a img {
  width: 24px; /* Adjust the size of the icons */
  height: 24px;
  transition: transform 0.3s;
}

.social-icons a img:hover {
  transform: scale(1.1); /* Slightly enlarge the icon on hover */
}











.product-tabs {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
}

.tab {
  display: flex;
  flex-direction: column;
}

.tab-input {
  display: none;
}

.tab-label {
  padding: 12px 16px;
  background-color: #f0f0f0;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.tab-label:hover {
  background-color: #e0e0e0;
}

.tab-content {
  display: none;
  padding: 16px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: none;
}

.tab-content.active {
  display: block;
}




















ul.no-bullets.inline-list.text-right li:nth-child(3) {
    display: none;
}
.page-width.page-width--narrow {
    width: 100%;
    max-width: 1050px;
}


 input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus {
    border: none;
    
}

.page-width.page-width--tiny.custome1-page-content {
    width: 100%;
    max-width: 880px;
}
.custome1-page-content {
    background: #fff;
    border-radius: 10px;
    padding: 40px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 800px;
    width: 100%;
    margin: 20px auto;
}

.custome1-section-header__title {
    color: #333;
    text-align: center;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: bold;
}

.custome1-form-vertical {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.custome1-form-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.custome1-input-holder {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    background: #f9f9f9;
    transition: border-color 0.3s;
    flex: 1;
    margin-bottom: 20px;
}

.custome1-input-holder i {
    color: #777;
}

.custome1-input-full {
    border: none;
    outline: none;
    flex: 1;
    padding: 10px;
    font-size: 16px;
    background: transparent;
}

.custome1-input-holder:hover {
    border-color: #ff5722;
}

.custome1-input-full.custome1-error {
    border-color: #ff0000;
}

.custome1-error-message {
    color: #ff0000;
    font-size: 12px;
    margin-top: 5px;
}

.custome1-btn {
    background: #4caf50;
    color: #fff;
    padding: 15px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
    transition: background 0.3s;
}

.custome1-btn:hover {
    background: #e64a19;
}
@media (max-width: 768px) {

.custome1-page-content {
margin-bottom:20px;
    }
html body .custom-container {
   
    margin-bottom: 33px;
}

}

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

.page-width.page-width--narrow {
    width: 100%;
    max-width: 70%;
}
}


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

.page-width.page-width--tiny.custome1-page-content {
    width: 100%;
    max-width: 700px;
    padding: 40px !important;
}
}
@media only screen and (min-width: 769px) {
    html body .main-content {
        min-height: 530px;
    }
}

@media (max-width: 768px) {

.custome1-page-content {
margin-bottom:20px;
    }
html body .custom-container {
   
    margin-bottom: 33px;
}

}

@media (max-width: 600px) {
    .custome1-page-content {
        padding: 20px;
    }
    .custome1-form-row {
        flex-direction: column;
    }
    .custome1-input-holder {
align-items: baseline;
    }
    .custome1-input-holder i {
        margin-bottom: 10px;
    }
    .page-width.page-width--narrow {
        width: 100%;
        max-width: 95%;
    }
}

@media (max-width: 500px) {

ul.social-icons.foot {
    justify-content: center;
}

.grid-new span.btn.btn--circle.btn--icon {
 
  margin-top: 0px;
}
}

/* 21 MAY 2024
 */
.custom-container {
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.custom-form-pera {
    background: #e0f7fa;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px; 
    font-size: 14px;
    text-align: center;
}

.custom-section-header__title {
    color: #333;
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
}

.custom-input-holder {
    display: inherit;
    align-items: center;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 2px 6px;
    background: #f9f9f9;
}

.custom-input-holder i {
    color: #777;
}

.custom-input-holder input {
    border: none;
    outline: none;
    flex: 1;
    padding: 10px;
    font-size: 16px;
    background: transparent;
}

.custom-btn {
    background: #4caf50;
    color: #fff;
    padding: 15px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
    transition: background 0.3s;
}

.custom-btn--secondary {
    background: #757575;
    margin-top: 10px;
}

.custom-btn:hover {
    background: #e64a19;
}

.custom-note--success {
    background: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    text-align: center;
}

.custom-label-info a {
    color: #ff5722;
    text-decoration: none;
    transition: color 0.3s;
}

.custom-label-info a:hover {
    color: #e64a19;
}

.custom-grid {
    display: flex;
    justify-content: space-between;
}

.custom-grid__item {
    flex: 1;
}

.custom-recover-password-container {
    background: #e0f7fa;
    border-radius: 10px;
    padding: 20px;
}

.custom-account-buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 20px;
}

.custom-btn-create-account {
    background: #4caf50;
    color: #fff;
    padding: 15px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    width: 48%;
    cursor: pointer;
    transition: background 0.3s;
    text-decoration: none;
}

.custom-btn-create-account:hover {
    background: #c9da2a;
}

.custom-btn-join-b2b {
    background: #4caf50;
    color: #fff;
    padding: 15px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    width: 48%;
    cursor: pointer;
    transition: background 0.3s;
    text-decoration: none;
}

.custom-btn-join-b2b:hover {
    background: #c9da2a;
}


.chk {
    width: 160px;
}
@media (max-width: 600px) {
.chk {
    width: 100%;
}
    .custom-container {
        padding: 20px;
    }
    .custom-input-holder {
        flex-direction: column;
        align-items: flex-start;
    }
    .custom-input-holder i {
        margin-bottom: 10px;
    }
    .custom-account-buttons {
        flex-direction: column;
        gap: 10px;
    }
    .custom-btn-create-account, .custom-btn-join-b2b {
        width: 100%;
    }
}










/* .custom_image_tag img {
    position: relative;
    top: -10px;
    left: -10px;
}
body.template-product.loaded .custom_image_tag img {
    position: relative;
    top: 4px;
    left: -7px;
}
 */















body.template-collection.loaded .grid-new {
    margin: 25px;
  height:100px;
}


.product-origin {
    color: #ea7924;
    font-weight: bold;
    margin: 0px;
}
.product-origin:hover {
    color: #db6208;
    font-weight: bold;
   
}

span.btn.btn--circle.btn--icon {
    font-size: 16px;
}

html body .site-nav--has-dropdown:hover>a {
    
    background-color: #f2f2f2;
 
}

/* 15 MAY working */
li.tag.tag--inline a.article-tag {
    border-radius: 15px;
}
.explore-more-heading {
 display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 10px;
    margin: 0 auto;
    justify-content: space-between;
    background-color: #ea7924;
    color: white;
    border-radius: 15px;
   margin-bottom: 15px;
}

.explore-more-heading i {
  transition: transform 0.3s ease;
}

.explore-more-heading.active i {
  transform: rotate(180deg);
}

.tag-list {
  margin-top: 10px;
  margin: 0 auto;
  height: 2200px;
  overflow-y: scroll;
}

.tag-list .tag--inline {
  margin-bottom: 8px;
}



/* 13 MAY working */

.new-icon span {
    height: 0px;
}


ul.whats_app_holdeer a {
    color: white;
}
p.blink {
    margin-top: 28px;
}
.toolbar__content.top-bar.new {
    background: #ea7924;
    height: 36px;
}


html body .footer__section {
    padding: 0 0 30px !important;
   
}
/* 7 MAY working */

.custom-content {
    max-width: 95%;
    margin: 0 auto;
}


/* 6 MAY working */
html body .megamenu__cols a:hover {
    text-decoration: none;
}

ul.site-nav.site-navigation.site-navigation--below.small--hide {
    text-align: center;
}
.site-nav__dropdown-animate.megamenu__wrapper .megamenu__col:nth-child(5) {
    background: yellow;
    display: none;
}
p.text-center.clr_wht {
    color: wheat;
    font-weight: bold;
}


/* 3rd MAY working */

.grid-item__meta {
    height: 100px;
}

/* 2nd MAY working */

.text-with-icons__blocks.has-3-per-row {
    margin-bottom: 65px;
    background: #ed7923;
    width: 100%;
    max-width: 95%;
    margin: 0 auto 65px;
    border-radius: 40px;
}
html body .container1 {
    width: 100%;
    margin: 0 auto;
}

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

html body div#shopify-section-template--17086019862691__featured-collections {
    margin-bottom: 10px !important;
}
.footer__subscribe {
    font-weight: 700;
    font-size: 14px;
}
    .scrollable-grid--small .grid-item {
        flex: 0 0 30% !important;
    }

   html body .page-full, .page-width {
        padding: 0 0px;
    }

.page-width.page-width--flush-small {
    padding: 0;
}
.new-grid.product-grid.scrollable-grid--small {
    padding: 0;
}
html body .new-grid.product-grid.scrollable-grid--small {
    padding: 0;
}
.page-width.page-width--flush-small {
    max-width: 100%;
    margin: 0 auto;
}
page-full, .page-width {
        padding: 0 0px !important;
    }
}

@media screen and (max-width: 540px) {
    .scrollable-grid--small .grid-item {
        flex: 0 0 45% !important;
    }
}


/* 30 april working */
.grid-product_tag.grid-product_tag--sold-out {
    display: none;
}

body.template-index.loaded .new-grid.scrollable-grid--small {
    background: #f2f2f2;
    margin-bottom: 40px;
}

/* ul.social-icons {
    padding-top: 4px;
}
 */
.custom-col img {
    border-radius: 20px;
}
.article-tag__wrapper span.label {
    color: #02ac56;
}



/* using min width for now after need to fix this
 */

@media screen and (min-width: 1300px) {


 
    body.template-product.loaded .grid-item.grid-product {
        flex: 0 0 18% !important;
    }
/* body.template-product.loaded .index-section.index-section--sub-product .new-grid.product-grid.scrollable-grid--small {
    justify-content: space-between;
} */

body.template-article.loaded .blog-layout {
  display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

body.template-product.loaded .grid-new {
    margin: 25px auto;
}
  

    .blog-layout { 
  display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }


.new-grid.product-grid.scrollable-grid--small .grid-item.grid-product{
}
/* .grid-item.grid-product {
    flex: 0 0 15% !important;
} */
.page-width.page-content.blog-layout {
    max-width: 95%;
    margin: 0 auto;
}
div#HeaderWrapper .page-width {
    max-width: 95%;
    margin: 0 auto;
}

html body .index-section.index-section--sub-product .new-grid.product-grid.scrollable-grid--small {
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
}
.new-grid.product-grid.scrollable-grid--small {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
html body .container1 {
    width: 100%;
    max-width: 95% !important;
    margin: 0 auto;
}
html body .page-width { 
    max-width: 100%;
    margin: 0 auto;
}
html body .grid-item.grid-product {
    flex: 0 0 18%;
}
}
 

@media screen and (min-width: 1074px) and (max-width: 1299px) {
  body.template-product.loaded .page-width.page-width--flush-small {
    max-width: 95%;
    margin: 0 auto;
  }
  body.template-product.loaded .grid-item.grid-product {
    flex: 0 0 23% !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1073px) {

 body.template-product.loaded .grid-item.grid-product {
    flex: 0 0 22% !important;
}
  body.template-product.loaded .page-width.page-width--flush-small {
    max-width: 95%;
    margin: 0 auto;
  }

}


/* 29 april working */














/* .grid-new span.btn.btn--circle.btn--icon {
    border-radius: 8px;
    padding: 10px 19px;
    margin-top: -10px;
} */ 
.grid-new span.btn.btn--circle.btn--icon {
    border-radius: 50px;
    padding: 8px 12px;
    
    background-color: #01ab56;

}
.grid-new span.btn.btn--circle.btn--icon:hover{
  color: #ea7924;
  background-color: transparent;
}
.grid-new {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 25px auto 25px;
}
span.btn.btn--circle.btn--icon.sold {
    background: gray;
    color: white;
}
span.btn.btn--circle.btn--icon.sold:hover {
    background: gray;
    color: white;
}




/* 27 april working */

/* Width */
::-webkit-scrollbar {
  width: 4px;
  height:4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* Change this to your desired track color */
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #01ab56; /* Change this to your desired handle color */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; /* Change this to your desired handle color on hover */
}



/* 26 april */


span.shopify-product-reviews-badge {
    display: none;
}











button.text-link.quick-add-btn.js-quick-add-btn.but {
    height: 90px;
}

html body .grid-product_tag.grid-product_tag--sale.\32 {
   
    float: left;
    clear: left;
    line-height: 1;
    padding: 5px 7px;
    margin-top: 5px;
    border-radius: 0 2px 2px 0;
    background-color: #ed7923;
    /* background-color: var(--colorBtnPrimary); */
    color: #fff;
    color: var(--colorBtnPrimaryText);
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    z-index: 1;
    transition: opacity 0.4s ease;
}



span.btn.btn--circle.btn--icon.cls-1.\32 {
    border-radius: 8px;
    padding: 10px 19px;
    margin-top: -10px;
}


/* 19 april tracking page
 */
/* For Border animation 
 */
h2.section-header__title {
    color: #666;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    position: relative;
}
 
h2.section-header__title:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: -5px;
    height: calc(100% + 2px);
    width: calc(100% + 6px);
    background-color: transparent;
    border-left: 3px ridge #02ac56;
    border-bottom: 3px ridge #02ac56;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 800ms ease-in-out;
}
h2.section-header__title:hover:after {
    transform: scaleX(1);
}


.h3.section-header__title{
color: #666;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    position: relative;
}
.h3.section-header__title:after{
 content: '';
    position: absolute;
    bottom: -6px;
    left: -5px;
    height: calc(100% + 2px);
    width: calc(100% + 6px);
    background-color: transparent;
    border-left: 3px ridge #02ac56;
    border-bottom: 3px ridge #02ac56;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 800ms ease-in-out;
}

.h3.section-header__title:hover:after{
    transform: scaleX(1);

}














html body a:focus, a:hover {
    text-decoration: none;
}

body.template-index.loaded .new-grid.scrollable-grid--small {
    background: #f2f2f2;
}
body.template-product.loaded .new-grid.scrollable-grid--small {
    background: #f2f2f2;
}



<!-- Progress with steps -->


/* Progress tracker styles */
.progress-tracker {
    margin-bottom: 20px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.progtrckr {
    list-style-type: none;
    counter-reset: step;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 70%;
    margin: 0 auto;
}

.progtrckr li {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    color: #ccc;
    transition: color 0.3s, border-bottom-color 0.3s;
    margin-right: 5px; /* Added margin between steps */
}

.progtrckr li::before {
    content: "\2713"; /* Checkmark icon */
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 50%;
    display: block;
    background-color: white;
    margin: 0 auto 5px auto;
    font-size: 18px; /* Adjust icon size */
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
}

.progtrckr li.progtrckr-done {
    color: #ed7923;
    border-bottom: 4px solid #ed7923;
    transition: color 0.3s, border-bottom-color 0.3s;
}

.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;
    transition: color 0.3s, border-bottom-color 0.3s;
}

.progtrckr li.progtrckr-done::before {
   border-color: #ed7923;
    background-color: #ed7923;
    color: white;
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
}

.progtrckr li:nth-child(3).progtrckr-done::before,
.progtrckr li:nth-child(4).progtrckr-done::before,
.progtrckr li:nth-child(5).progtrckr-done::before {
    border-color: green;
    background-color: green;
    color: white;
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
}

.progtrckr li:nth-child(3).progtrckr-done,
.progtrckr li:nth-child(4).progtrckr-done,
.progtrckr li:nth-child(5).progtrckr-done {
    border-bottom-color: green;
    color: green;
    transition: color 0.3s, border-bottom-color 0.3s;
}

/* Default styles */
/* Responsive styles */

@media screen and (max-width: 1440px) {
.grid-new {
    margin: 25px auto 25px;
}
}
@media screen and (max-width: 768px) {
/* form.site-header__search-form {
    margin-bottom: 20px;
}
 */

.grid-new span.btn.btn--circle.btn--icon{
 padding: 18px 17px;
}

.progtrckr li {
        font-size: 12px; /* Adjust font size for smaller screens */
    }
ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    overflow-x: auto; /* Enable horizontal scrolling on small screens */
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
}
ol.progtrckr li {
    flex: 1;
    text-align: center;
    line-height: 3em;
}

    ol.progtrckr {
        flex-wrap: wrap; /* Wrap items to new line on small screens */
        padding: 0 20px;
        display: flex;
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    }
    ol.progtrckr li {
        flex-basis: 100%; /* Set full width for each item */
        margin-bottom: 10px; /* Add some space between items */
    }
.progtrckr li {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
   
}

.progtrckr li::before {
    content: "\2713";
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 10px 8px 20px;
}
}


@media screen and (max-width: 641px) {
.explore-more-heading {
 display: flex;
    align-items: center;
    width: 100%;
   
}
}
@media screen and (max-width: 500px) {

html body .custom-col {
  
  padding: 5px;
}
 ol.progtrckr {
        flex-wrap: wrap; /* Wrap items to new line on small screens */
        padding: 0 20px;
        display: flex;
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    } 
    html body .section-header__title {
        font-size: 22px;
    }

.grid-new span.btn.btn--circle.btn--icon{
    padding: 15px 8px;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 700px;
}

}

/* end code
 */


.new-grid.scrollable-grid--small {
    background: white;
    border-radius: 20px;
}



.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    z-index: 1000;
    padding: 20px;
    border-radius: 5px;
    max-width: 90%;
    max-height: 90%;
    overflow: auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.popup-content {
    text-align: center;
    position: relative;
}

.close-btn {
    position: absolute;
    top: 5px;
    right: 0px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: black;
    font-size: 20px;
    z-index: 1001;
}

.popup img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}


h2.section-header__title.right-bottom.underline-animation {
    left: 25px;
    position: relative;
}
@media only screen and (max-width: 768px) {
    .popup {
        padding: 10px;
    }

    .popup img {
        max-width: 100%;
        height: auto;
    }

    .close-btn {
        top: 5px;
        right: 5px;
        font-size: 16px;
    }
}

 @media screen and (max-width: 700px) {
    .popup {
        width: 95%;
    }
}

/* 8 april css */
button#scrollToTopBtn {
    display: none;
}
.cent-con {
    text-align: center;
}

.rte h3 {
    font-family: system-ui;
    font0w: bold;
    font-weight: bold;
    color: #02ac56;
}
.rte h3:hover{
color: #ed7923 !important;
}

.tex-rul h3 {
    margin: 18px 0px;
    font-size: 24px;
}

p.img { 
    background-color: #ed7923;
    color: white;
    font-family: cursive;
    font-size: 20px;
}


p.h3 {
    font-family: system-ui;
    font0w: bold;
    font-weight: bold;
    color: #02ac56;
}
.theme-block h2 {
 font-family: system-ui;
    font0w: bold;
    font-weight: bold;
    color: #02ac56;
}
p.h3:hover {
       color: #ed7923 !important;
}
.theme-block h2:hover {
    color: #ed7923 !important;
}

html body .index-section:not(.index-section--sub-product):first-child {
    margin-top: 0;
    padding: 30px 0px 30px;
    background: white;
}
.image-wrap img:not([role=presentation]) {
    display: block;
}



html body .grid__image-ratio.grid__image-ratio--square {
     margin: 0px !important; 
}

body, html {
    background-color: #f2f2f2 !important;
    
}
.cat-hed h2 {
    text-align: center;
    color: #ed7923;
    margin: 20px 0px;
}
.index-section.color-scheme-2.text-center {
    background: #f2f2f2;
}

html body .product-single__meta {
    background-color: white;
    padding: 26px;
    border-radius: 20px;
}
 /* 8 march Footer icons css
 */
.social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
}

.social-icons li {
  display: inline-block;
  margin-right: 10px;
}

.social-icons li:last-child {
  margin-right: 0;
}

.social-icons a {
  display: block;
  height: 30px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
}



.social-icons i {
  font-size: 14px;
}

/* 9 march work  */



div#shopify-section-template--16979053248675__e8862f0c-b0c0-4c71-ae9d-8c2b646ea7dd {
    background: #ed7923;
    border-radius: 20px;
    width: 100%;
    max-width: 1430px;
    margin: 30px auto;
}
.text-with-icons__block-title {
    display: none;
}

.text-with-icons__blocks .text-with-icons__block {
    padding: 10px 0px 10px;
}
ul.no-bullets.social-icons.inline-list.toolbar__social svg.icon {
    margin-top: -8px;
}
.index-section+.index-section, .index-section+.index-section--hidden, .main-content+.index-section {
  
    margin-bottom: 0px;
}
div#shopify-section-template--16979053248675__fb901f3e-bacb-4609-bc2e-7a2bd9e7bf63 {
    margin-top: 10px;
}

.index-section--hero:first-child .hero--padded {
     padding-top: 0px;
}

/* 11 March working theme */

input.site-header__search-input {
    background-color: #02ac56;
    color: white;
    border-radius: 20px;
}
.site-header__search-btn--submit .icon {
    
    color: white;
}

ul.social-icons.foot {
    margin: 15px auto;
}


.collection-item {
    overflow: hidden;
    display: inline-block; 
}

.collection-item__title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    padding: 10px;
    box-sizing: border-box;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Add a cubic bezier for a smoother animation */
    transform: translateY(0%);
    font-weight: bold;
    color: black;
    background: #ffffff;
    border-radius: 20px;
    font-size: 13px;
}

.collection-item:hover .collection-item__title {
    transform: translateY(-90%) scale(1.1); /* Move the text more (-90%) and add a slight scale effect */
}
 
/* 14 march updates
 */




.section-header__link {
     display: inline-block;
    padding: 8px 32px;
    background-color: #02ac56;
    color: white;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    margin: 0;
    top: -7px;
}

.section-header__link::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  transition: left 0.3s;
}

.section-header__link:hover::after {
  left: 0;
}



.lef-sid-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}





/* 27 March styling for the border
 */




/* h2.section-header__title::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #02ac56;
    transition: width .3s;
}

.section-header.section-header--with-link {
    position: relative;
}

h2.section-header__title:hover::after {
    width: 250px;
}

      
    
header.section-header {
    position: relative;
}
.h3.section-header__title::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #02ac56;
    transition: width .3s;
}
.h3.section-header__title:hover::after{
    width: 250px;
}
h2.log-hed::after{
 content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #02ac56;
    transition: width .3s;
}
h2.log-hed:hover::after{
    width: 250px;

} */

.section-header__title a {
    text-decoration: none !important;
}


@media(max-width: 1060px){
.toolbar__content.top-bar ul.whats_app_holdeer {
    display: none;
}
.toolbar__content.top-bar .toolbar__item.small--hide {
    display: none;
}
.toolbar__content {
    justify-content: center !important;
}

}
@media(max-width: 1025px){
  .collection-item__title {
    position: relative;
   
}
}


@media(max-width: 768px){
div#shopify-section-template--16979053248675__e8862f0c-b0c0-4c71-ae9d-8c2b646ea7dd {
  
    width: auto;
    
} 
  div#shopify-section-template--16979053248675__e8862f0c-b0c0-4c71-ae9d-8c2b646ea7dd {
  
    margin: 10px;
}

}







html body h2.section-header__title {
    color: #05ac56 !important;

}
html body h2.section-header__title:hover {
    color: #ed7923 !important;
}
.h3.section-header__title {
    color: #02ac56;
}
.h3.section-header__title:hover {
    color: #ed7923 !important;
}
html body li.site-nav__item.site-nav__expanded-item.site-nav--has-dropdown.site-nav--is-megamenu a.site-nav__link.site-nav__link--underline.site-nav__link--has-dropdown {
    color: #ed7923;
    font-weight: 700px;
    font-weight: 700;
}

li.site-nav__item.site-nav__expanded-item a.site-nav__link.site-nav__link--underline {
    color: #ed7923;
    font-weight: 700;
}

html body .site-nav__item:last-child a.site-nav__link.site-nav__link--underline {
    color: white;
}

li.site-nav__item.site-nav__expanded-item a.site-nav__link.site-nav__link--underline:hover {
    color: black;
}
h2.log-hed {
    color: #02ac56;
}
h2.log-hed:hover {
    color: #ed7923;
}

.easter-egg {
  cursor: pointer;
  color: white;
}

.easter-egg > .hidden {
  display: none;
}

.easter-egg:hover > .hidden {
  display: inline;
}

.easter-egg:hover > .visible {
  display: none;
}
/* this code added 26 jan 2024 by asad
 */
html body .product__thumbs--beside.product__thumbs-placement--left {
    order: 0; 
}
 
.shop_by_collections .swiper-button-prev::before, .shop_by_collections .swiper-button-next::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    /* border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg); */
    height: 50px;
    width: 37px;
    z-index: 99;
    background-image: url('/cdn/shop/files/Group_11_d67db296-8f8f-4ff0-bb09-aa52e4460880.webp?v=1664427884');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
} 
.shop_by_collections .swiper-button-prev::before{
    /* transform: rotate(-140deg); */
    background-image: url('/cdn/shop/files/Group_12_75216d45-65b3-4966-a74b-2f08d9017d91.webp?v=1664427884');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.pro_card *{
    text-align: center;
}
.swiper-button-next, .swiper-button-prev{
    top: 60%;
}
.pro_card .collection-item__title{
    padding: 0;
    font-weight: 400;
}
.pro_card img{
    max-height: 240px;
    object-fit: contain;
}
.collectrions_tabing_titles ul{
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 0;
    padding: 0;
}
.collectrions_tabing_titles ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
        background-color: #03ad57;
    border: 2px solid #03ad57;
    color: #fff;
    transition: all 0.4s ease;
    border-radius: 15px;
}
.collectrions_tabing_titles ul li a:hover,
.collectrions_tabing_titles ul li a.active_btn{
    background-color: transparent;
    color: #000;
}
.shop_by_collections{
    padding: 0px 0;
}
html{
    padding-bottom: 0 !important;
}
footer.site-footer{
    padding: 40px 0;
}
.login_links{
    list-style: none;
    background-color: #fff;
    padding: 20px;
    box-shadow: #0000003d 2px 1px 11px;
    position: relative;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
/*     top: 80px; */
    z-index: 3;
    transition: all 0.4s ease;
}
.cus_wrapper:hover .login_links{
    opacity: 1;
    visibility: visible;
}
.login_links:after{
    content: " ";
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
}
.cus_wrapper ul li a i{
    padding-right: 5px;
}
ul.whats_app_holdeer {
    margin: 0;
    list-style: none;
    align-items: center;
    gap: 20px;
}
.toolbar__content{
   justify-content:space-evenly;
}
.page-width.page-width--tiny.page-content.cus_set_container{
    max-width: 800px !important;
    width: 100% !important;
}
.cus_set_container form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.cus_set_container form .input_holder{
    flex: 0 0 calc(50% - 10px);
    border: 1px solid #e8e8e1;
    display: flex;
    align-items: center;
    padding: 10px 20px;
}
.cus_set_container form .input_holder i{
    padding-right: 10px;
}
.cus_set_container form .input_holder input{
    border: none !important;
    outline: none !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.cus_set_container.show_column form{
    flex-direction: column;
}
/* ============= Social Icons For Footer ========= */
.no-bullets.social-icons li {
    margin: 0px 4px;
/*     font-size: 25px; */
}
ul.no-bullets.social-icons.foot {
    display: flex;
    flex-wrap: wrap;
}
.stores a.js-no-transition {
    height: 42px;
    display: flex;
    margin: 0px 4px;
}
.stores {
    display: flex;
    flex-wrap: wrap;
}
html body .chat-header.chat-header--black.text-button {
    background: #01ac55 !important;
}
html body li.chat-messages__message.chat-messages__message--outgoing-message {
    background: #01ac55 !important;
}
html body .chat-app--close-button--black, .chat-header--black, .chat-toggle--black {
    background-color: #ed7923 !important;
}
.site-footer__linklist-item i.fa-solid {
    margin-right: 3px;
}
p.blink {
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: monospace;
    position:relative;
    top:3px;
}
a.adres {
    display: inline-flex;
}
p.footer-pera {
    width: 26em;
    margin: 10px 0px;
}
.pro_card * {
    text-align: center;
    height: auto;
}
div#collection_data_drinks {
    display: none;
}
div#collection_data_Babies_Kids {
    display: none;
}
div#collection_data_Dairy {
    display: none;
}
/* html body .section-header__title {
    margin-bottom: 0;
    font-family: 'FontAwesome';
    letter-spacing: 0px;
    font-size: 28px;
} */
html body .section-header__title {
    margin-bottom: 0;
    font-family: system-ui;
    letter-spacing: 0px;
    font-size: 35px;
    font-weight: bold;
}




.index-section:not(.index-section--sub-product):first-child {
    margin-top: 0;
  
}
body.template-index.loaded.swym-ready .blog-layout__sidebar ul.no-bullets.tag-list {
    display: none;
} 
.h4.exp {
    display: none;
}
button.btn.btn--full.add-to-cart.btn--secondary:hover {
    background: #01ac55;
    color: white;
    border: 1px solid #01ac55;
}
.product__quantity {
    display: flex;
    
}
.js-qty__wrapper {
  
    margin-left: 20px !important;
}

/* ============= Footer Color Change ========= */


.copy_ft {
    padding: 6px 0px;
    background: #eb7822;
}

/* .modal__centered-content.modal__centered-content--padded.color-scheme-2.newsletter--has-image {
    display: none;
}
 */

.site-header__element--top {
    padding: 0px;
    transition: background-color .2s ease;
}
html body .toolbar {
    position: relative;
    position: fixed;
    width: 100%;
    overflow: hidden; 
    height:auto;
}

.tab-box.couponapp-position-right .tab-box-wrap {
    margin-top: -122px;
    margin-left: 20px !important;
}

/* .newsletter-reminder__message.h3 {
    display: none;
}
button.btn.btn--circle.btn--icon.modal__close.js-modal-close {
    display: none;
} */

/*---Like button remove-----*/
.swym-button-bar.swym-wishlist-button-bar.swym-inject {
    display: none;
}



  .blink {
            animation: blinker 1.5s linear infinite;
            color: #ffffff;
            font-weight:bold;
        }
        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }


.container{
  width: 100%;
  background: #fff;
  border-radius: 6px;
  padding: 20px 60px 30px 40px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.container .content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container .content .left-side{
  width: 25%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  position: relative;
}
.content .left-side::before{
  content: '';
  position: absolute;
  height: 70%;
  width: 2px;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  background: #afafb6;
}
.content .left-side .details{
  margin: 14px;
  text-align: center;
}
.content .left-side .details i{
  font-size: 30px;
  color:  #01ac55;
  margin-bottom: 10px;
}
.content .left-side .details .topic{
  font-size: 18px;
  font-weight: 500;
}
.content .left-side .details .text-one,
.content .left-side .details .text-two{
  font-size: 14px;
  color: #afafb6;
}
.container .content .right-side{
  width: 65%;
  margin-left: 10px;
}
.content .right-side .topic-text{
  font-size: 35px;
  font-weight: 600;
  color: #000000;
  margin: 15px 0px;
}
.right-side .input-box{
  height: 50px;
  width: 100%;
  margin: 12px 0;
}
.right-side .input-box input,
.right-side .input-box textarea{
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  background: #F0F1F8;
  border-radius: 6px;
  padding: 0 15px;
  resize: none;
}
.right-side .message-box{
  min-height: 110px;
}
.right-side .input-box textarea{
  padding-top: 6px;
}
.right-side .button{
  display: inline-block;
  margin-top: 12px;
}
.right-side .button input[type="button"]{
  color: #fff;
  font-size: 18px;
  outline: none;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  background: #3e2093;
  cursor: pointer;
  transition: all 0.3s ease;
}
.button input[type="button"]:hover{
  background: #5029bc;
}
.map-section {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.rte-setting a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview), .rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview) {
    text-decoration: none !important;
    text-underline-offset: 2px;
}
.btn:hover, .rte .btn:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .spr-container .spr-button:hover, .spr-container .spr-summary-actions a:hover {
    
    border: 1px solid #ee7a24 !important;
}

/* ============= icon toolbar ========= */
img.pn-icon {
    width: 25px;
    height: 25px;
}

/* img.new-arr {
    border-radius: 30px;
} */
.rte.capitalize-first-letter {
    display: grid;
}
 

.hover_div {
    display: none;
}
span.site-nav__icon-label.small--hide {
    display: none;
}

.site-nav__link {
    font-size: 16px !important;
}
.site-nav__link {
    padding: 12px 6px;
}
html body .site-nav__link {
    text-transform: capitalize;
    letter-spacing: 1px !important;
}
a.btn--link.straw.js-no-transition::before {
    content: "";
    position: absolute;
    top: 7px;
    /* left: -100px; */
    width: 45%;
    height: 69%;
    z-index: -1;
    background: url(/cdn/shop/files/WhatsApp_Image_2023-04-12_at_9.37.16_AM.jpg?v=1681279681) no-repeat center center;
    background-size: cover;
    border-radius: 5px;
    right: 104%;
    display:none;
}
/* .image-container.st {
    width: 100%;
    position: absolute;
    top: 12px;
    left: -86px;
} */
.image-container.st {
    width: 22%;
    /* position: absolute; */
    top: 12px;
    left: -73px;
    float: right;
    top: 24px;
    margin-top: 30px;
}
button.btn--link.customer:before {
    content: "";
    position: absolute;
    /* top: 7px; */
    width: 18%;
    height: 15%;
    z-index: -1;
    background: url(/cdn/shop/files/WhatsApp_Image_2023-04-12_at_9.37.16_AM.jpg?v=1681279681) no-repeat center center;
    background-size: cover;
    border-radius: 5px;
    /* right: 104%; */
    left: 19%;
    bottom: 55%;
    margin-bottom: 15px;
}
html body button.btn--link.customer.bt {
    margin-bottom: 16px;
}
.grid__item.medium-up--one-third {
    position: relative;
}
.site-nav {
    position: relative;
}
.js-search-header {
    display: none;
}


.sw {
    width: 10%;
    position: relative;
    float: right;
    clear: both;
    bottom: 0px;
    right: -10px;
    top: 10px !important;
}

/* .thehed .image-container.st {
    width: 80%;
    position: absolute;
   top:16px;
} */


[data-view=scrollable-5] .grid-item, [data-view=xsmall] .grid-item {
    flex: 0 0 23%;
}
.grid__image-ratio.grid__image-ratio--square {
    margin: 35px;
}

.btnn {
    margin: 10px 0px;
}
.add-to-cart-btn {
    display: inline-block;
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 11px;
    border-radius: 25px;
}

.add-to-cart-btn:hover {
  background-color: #3e8e41;
}


button.btn.cart__checkout {
    color: black;
}


h2.log-hed {
    font-family: 'Helvetica';
    font-size: 35px;
    font-weight: bold;
}
.form-pera {
    text-align: center;
    margin: 30px 0px;
    font-size: 18px;
    font-family: ui-monospace;
}
h3.bnr_upr_txt.clr_wht {
    font-size: 18px;
    font-family: monospace;
    margin: 6px 0px;
}
html body .site-header__logo a {
    width: 140px;
}
.page-width.page-content {
    margin: 20px auto;
}

.toolbar__social{
  position: relative;
  top:-2px;
}

.enlarge-text img {
    width: 75px !important;
    height: auto;
}
.enlarge-text p {
    font-size: 15px;
    margin-bottom: 8px;
}

svg.flickity-button-icon {
    color: black;
}
.noUi-connect {
    background: #ed7923;
}

.site-nav__item:last-child:hover{
color: black;
}
.site-nav__item:last-child {
    color: black;
    font-weight: bold;
    color: white;
    background: #ed7923;
}
  @keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }

.apple {
    margin-right: 5px;
}

html body .input_holder.pass {
    width: 100% !important;
    min-width: 100% !important;
}


.index-section.color-scheme-1.text-center {
    padding: 0 !important;
}
.page-width.page-width--narrow.page-content {
    display: none;
}
.index-section:not(.index-section--sub-product):first-child {
    margin-top: 0;
    padding: 50px 0px 0px;
}
/*  flipbook section css 22 aug 2023 */



    .flipbookkk{
        margin-bottom: 5vh !important;

    }

    .flipbookkk-title{
        color: #ed7923;
        text-align: center;
        font-size: 5vw !important;
           font-family: none;
    }
h1.section-header__title {
    display: none;
}





    @media(min-width: 768px){
        .flipbookkk-title{
        font-size: 2.5vw !important;
    }

    }


.collection-image.collection-image--is-collection.image-wrap:hover img {
    transform: scale(1.1);
  transition: transform 0.3s ease;
}


.image-row {
            display: flex;
            justify-content: space-between; /* Adjust the spacing as needed */
            align-items: center; /* Vertically align the images */
        }

        .image {
            flex: 0 0 30%; /* Adjust the width of each image */
            max-width: 30%; /* Adjust the width of each image */
        }


html body .column.main.cl {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px;
}
/* ============= media quries ========= */
/* @media(max-width: 1600px){
    html body a.site-nav__link{
        letter-spacing: 0;
    }
} */

@media(max-width: 1500px){

[data-view=scrollable-5] .grid-item, [data-view=xsmall] .grid-item{
flex: 0 0 23%;
}

}
@media(max-width: 1496px){
[data-view=small] .grid-item {
    flex: 0 0 22%;
}
}
@media(max-width: 1159px){

[data-view=scrollable-5] .grid-item, [data-view=xsmall] .grid-item{
flex: 0 0 22%;
}

}

@media(max-width: 1300px){
p.footer-pera {
    width: 23em;
    margin: 10px 0px;
}
    .page-full, .page-width{
        padding: 0 20px;
    }
    html body a.site-nav__link{
        font-size: 14px;
        padding: 16px 10px;
    }
    ul.site-nav.site-navigation.site-navigation--below.small--hide{
        text-align: center;
    }
ul.whats_app_holdeer {
    margin: 0;
    list-style: none;
    display: block;
   
}
}
@media(max-width: 1295px){
[data-view=small] .grid-item {
    flex: 0 0 22%;
}
}
 @media(max-width: 1100px){
p.blink {
    font-size: 14px; 
    
}
ul.whats_app_holdeer {
    
    font-size: 13px;
}
 }
 @media(max-width: 1024px){
/* .new-grid.product-grid.collection-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
} */
.site-header__logo a {
    width: 130px;
}
.ft_inn_wrp {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 10px;
    padding: 0px 15px 0px 15px;
}
.lfttwent.ft_logo img {
    height: 70px;
}
.stores a.js-no-transition {
    height: 32px;
   
}
[data-view=small] .grid-item {
    flex: 0 0 29%;
}
.site-header__logo a {
    width: 130px;
}
p.footer-pera {
   display:none;
}
.image-container.st {
    width: 40%;
    top: 12px;
    float: right;
    margin-top: 25px;
}
button.btn--link.customer:before {
   content: "";
    position: absolute;
    width: 22%;
    height: 12%;
    left: 25%;
    bottom: 58%;
    
}
} 
@media(max-width: 1039px){
[data-view=scrollable-5] .grid-item, [data-view=xsmall] .grid-item {
    flex: 0 0 31%;
}}

@media(max-width: 996px){
[data-view=scrollable-5] .grid-item, [data-view=xsmall] .grid-item {
    flex: 0 0 30%;
}}



@media(max-width: 992px){
    html body a.site-nav__link {
        font-size: 13px;
        
    }
}

@media 
(max-width: 950px) {
  .container{
    width: 100%;
    padding: 30px 40px 40px 35px ;
  }
.content .right-side .topic-text {
    font-size: 26px;
   
}
.container, .container-md, .container-sm {
    max-width: 100%;
}
  .container .content .right-side{
   width: 100%;
   margin-left: 55px;
}
}
@media (max-width: 820px) {
  .container{
    margin: 40px 0;
    height: 100%;
  }
  .container .content{
    flex-direction: column-reverse;
  }
 .container .content .left-side{
   width: 100%;
   flex-direction: row;
   margin-top: 40px;
   justify-content: center;
   flex-wrap: wrap;
 }
 .container .content .left-side::before{
   display: none;
 }
 .container .content .right-side{
   width: 100%;
   margin-left: 0;
 }
}
@media(max-width: 768px){

[data-view=scrollable-5] .grid-item, [data-view=xsmall] .grid-item {
    flex: 0 0 30%;
}
button.btn--link.customer:before {
       content: "";
    position: absolute;
    width: 12%;
    height: 16%;
    left: 11%;
    bottom: 52%;
   
}
.image-container.st {
    width: 20%;
    
}

#tab-box-front-0 .tab-text {
  
    font-size: 12px;
}
    .cus_wrapper:hover .login_links{
        display: none;
    }
.footer__block--mobile.mob {
    flex: none !important;
}
ul.no-bullets.social-icons.foot {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.toolbar__content {
  justify-content: center;
}
ul.whats_app_holdeer {
    display: none;
}
.toolbar__content {
  
    text-align: center;
}
.site-header__element--top {
    padding: 0px 0px 0px 0px !important;
    transition: background-color .2s ease;
}
p.blink {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: ITC Stepp;
    position: relative;
    top: 6px;
}
}
@media(max-width: 645px){
h2.section-header__title.right-bottom.underline-animation {
    left: 2px;
    position: relative;
}
[data-view=scrollable-5] .grid-item, [data-view=xsmall] .grid-item {
    flex: 0 0 29%;
}
}

@media(max-width: 640px){
html body .section-header__title {
    
    margin: 0 12px;
}
.modal--mobile-friendly.modal--square .newsletter--has-image.modal__centered-content--padded .newsletter-popup__content{
      padding:20px !important;
      width:100%
  }
    .collectrions_tabing_titles ul{
        flex-direction: column;
    }
    .cus_set_container form{
        flex-direction: column;
    }
.product-single__title {
    font-size: 22px;
}
html body .section-header__title {
    
    font-size: 25px;
   
}
h2.log-hed {
    font-size: 16px;
}
.form-pera {
    text-align: center;
    margin: 30px 0px;
    font-size: 16px;
}
.page-content--product {
    
    text-align: center;
}
.page-full, .page-width {
    padding: 0 15px;
}
}
@media (max-width: 600px)
button.btn--link.customer:before {
    content: "";
    position: absolute;
    width: 11%;
    height: 17%;
    left: 19%;
    bottom: 62px;
}
}

@media (max-width: 595px) {
[data-view=small] .grid-item {
    flex: 0 0 29%;
}
[data-view=scrollable-5] .grid-item, [data-view=xsmall] .grid-item {
    flex: 0 0 40%;
}

}

@media(max-width: 580px){

.lef-sid-col {
    display: flex;
    flex-wrap: nowrap;
}
.section-header__link {
    padding: 6px 22px;
    margin: 0;
    top: -6px;
}

    html body .section-header__title {
        font-size: 22px;
    }
.custom-input-holder input {
    
    width: 90%;
}
}



@media (max-width: 500px) { 
[data-view=small] .grid-item {
    flex: 0 0 28%;
}

[data-view=xsmall] .grid-item, [data-view=small] .grid-item {
    flex: 0 0 44%;
}

.grid-item__meta {
    height: auto;
}

.sw {
    width: 10%;
    position: relative;
    float: right;
    clear: both;  
    bottom: 0px;
    top: 10px;
}
.shopify-product-reviews-badge {
    display: block;
    min-height: 10px;
}
button.btn--link.customer:before {
    content: "";
    position: absolute;
    width: 15%;
    height: 20%;
    left: 12%;
    top: 76px;
}
html body .ft_inn_wrp.foot {
    display: block;
    width: 100%;
    max-width: 100%;
}
a.site-header__logo-link.main-logo {
    display: block;
    padding: 10px 0px;
}
.apple {
    margin: 0px 0px 10px;
}
/* .stores {
    display: inline-block;
} */
ul.inline-list.payment-icons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.custom_image_tag img {
    width: 32px !important;
    margin-top: 7px;
    margin-left: 5px;
}
}
@media(max-width: 498px){
[data-view=scrollable-5] .grid-item, [data-view=xsmall] .grid-item {
    flex: 0 0 45%;
}
.image {
    flex: 0 0 30%;
    max-width: 100% !important; 
    margin: 10px;
}
.rte .image-row {
    display: block;
}
}
@media(max-width: 457px){
p.blink {
    font-size: 10px;
   
}
html body .page-width--flush-small .scrollable-grid--small {
    padding-left: 2px;
}
/* [data-view=small] .grid-item {
    flex: 0 0 45%;
    margin: 7px auto;
} */
}
@media(max-width: 450px){
[data-view=xsmall] .grid-item, [data-view=small] .grid-item {
    flex: 0 0 43%;
}
button.btn--link.customer:before {
    content: "";
    position: absolute;
    width: 15%;
    height: 12%;
    left: 23%;
    top: 76px;
}
.image-container.st {
    width: 40%;
    margin-top:20px;
   height: 40px;
}
}
@media(max-width: 385px){


.custom_image_tag img {
    width: 32px !important;
  
}
.image-container.st {
    width: 40%;
    margin-top: 20px;
    height: 40px;
}
p.blink {
    font-size: 9px;
   
   top: 8px;
}
}
@media(max-width: 374px){
[data-view=small] .grid-item {
       flex: 0 0 85%;
    margin: 16px auto 8px;
    
}
}

@media(max-width: 340px){


[data-grid-style*=gridlines] .quick-add-btn .btn {
      padding: 7px;
    margin: 7px 5px 6px 2px;
}
.grid-product__title {
    font-size: 12px;
    line-height: 16px;
}
.grid-product__price--current {
    
    font-size: 14px;
}
#tab-box-front-0 .tab-text {
  
    font-size: 10px;
}
.page-full, .page-width {
    padding: 0 5px;
}
.product-block {
    padding: 0px 10px;
}
.image-container.st {
    width: 50%;
    margin-top: 20px;
    height: 40px;
}
}





html body #effectiveAppsScrollToTopBtn {
 
    top: 85% !important;
}