/** Shopify CDN: Minification failed

Line 643:12 Expected ":"
Line 643:14 Expected identifier but found "0.5s"
Line 5336:9 Expected identifier but found whitespace
Line 5336:10 Unexpected "#5F8E0E"
Line 6300:15 Expected identifier but found whitespace
Line 6300:17 Unexpected "{"
Line 6300:26 Expected ":"
Line 6336:15 Expected identifier but found whitespace
Line 6336:17 Unexpected "{"
Line 6336:26 Expected ":"
... and 6 more hidden warnings

**/
html {


  scroll-behavior: smooth; /* Standard property */


  -webkit-scroll-behavior: smooth; /* Safari */


  -moz-scroll-behavior: smooth; /* Firefox */


}


html, body {


  overflow-x: hidden;


  overflow-y: initial;


}





[class*="big-pharma-xxl-col-"], [class*="big-pharma-xl-col-"], [class*="big-pharma-lg-col-"], [class*="big-pharma-md-col-"], [class*="big-pharma-sm-col-"] {


    width: 100%;


  padding: 10px;


}


@media (min-width: 640px) {


    .big-pharma-container {


        max-width: 640px;


    }


.big-pharma-sm-col-1 {width: 8.33%;}


.big-pharma-sm-col-2 {width: 16.66%;}


.big-pharma-sm-col-3 {width: 25%;}


.big-pharma-sm-col-4 {width: 33.33%;}


.big-pharma-sm-col-5 {width: 41.66%;}


.big-pharma-sm-col-6 {width: 50%;}


.big-pharma-sm-col-7 {width: 58.33%;}


.big-pharma-sm-col-8 {width: 66.66%;}


.big-pharma-sm-col-9 {width: 75%;}


.big-pharma-sm-col-10 {width: 83.33%;}


.big-pharma-sm-col-11 {width: 91.66%;}


.big-pharma-sm-col-12 {width: 100%;}


}


@media (min-width: 768px) {


    .big-pharma-container {


        max-width: 768px;


    }


.big-pharma-md-col-1 {width: 8.33%;}


.big-pharma-md-col-2 {width: 16.66%;}


.big-pharma-md-col-3 {width: 25%;}


.big-pharma-md-col-4 {width: 33.33%;}


.big-pharma-md-col-5 {width: 41.66%;}


.big-pharma-md-col-6 {width: 50%;}


.big-pharma-md-col-7 {width: 58.33%;}


.big-pharma-md-col-8 {width: 66.66%;}


.big-pharma-md-col-9 {width: 75%;}


.big-pharma-md-col-10 {width: 83.33%;}


.big-pharma-md-col-11 {width: 91.66%;}


.big-pharma-md-col-12 {width: 100%;}


}


@media (min-width: 1024px) {


    .big-pharma-container {


        max-width: 1024px;


    }


.big-pharma-lg-col-1 {width: 8.33%;}


.big-pharma-lg-col-2 {width: 16.66%;}


.big-pharma-lg-col-3 {width: 25%;}


.big-pharma-lg-col-4 {width: 33.33%;}


.big-pharma-lg-col-5 {width: 41.66%;}


.big-pharma-lg-col-6 {width: 50%;}


.big-pharma-lg-col-7 {width: 58.33%;}


.big-pharma-lg-col-8 {width: 66.66%;}


.big-pharma-lg-col-9 {width: 75%;}


.big-pharma-lg-col-10 {width: 83.33%;}


.big-pharma-lg-col-11 {width: 91.66%;}


.big-pharma-lg-col-12 {width: 100%;}


}


@media (min-width: 1280px) {


    .big-pharma-container {


        max-width: 1280px;


    }


.big-pharma-xl-col-1 {width: 8.33%;}


.big-pharma-xl-col-2 {width: 16.66%;}


.big-pharma-xl-col-3 {width: 25%;}


.big-pharma-xl-col-4 {width: 33.33%;}


.big-pharma-xl-col-5 {width: 41.66%;}


.big-pharma-xl-col-6 {width: 50%;}


.big-pharma-xl-col-7 {width: 58.33%;}


.big-pharma-xl-col-8 {width: 66.66%;}


.big-pharma-xl-col-9 {width: 75%;}


.big-pharma-xl-col-10 {width: 83.33%;}


.big-pharma-xl-col-11 {width: 91.66%;}


.big-pharma-xl-col-12 {width: 100%;}


}


@media (min-width: 1536px) {


    .big-pharma-container {


        max-width: 1536px;


    }


.big-pharma-xxl-col-1 {width: 8.33%;}


.big-pharma-xxl-col-2 {width: 16.66%;}


.big-pharma-xxl-col-3 {width: 25%;}


.big-pharma-xxl-col-4 {width: 33.33%;}


.big-pharma-xxl-col-5 {width: 41.66%;}


.big-pharma-xxl-col-6 {width: 50%;}


.big-pharma-xxl-col-7 {width: 58.33%;}


.big-pharma-xxl-col-8 {width: 66.66%;}


.big-pharma-xxl-col-9 {width: 75%;}


.big-pharma-xxl-col-10 {width: 83.33%;}


.big-pharma-xxl-col-11 {width: 91.66%;}


.big-pharma-xxl-col-12 {width: 100%;}


}





.big-pharma-container-fluid {


  width: 100% !important;


  max-width: 100% !important;


  position: relative;


  display: block;


  padding-left: 0 !important;


  padding-right: 0 !important;


}





.big-pharma-container {


  margin: 0 auto;


  width: 100%;


  padding-left: 15px !important;


  padding-right: 15px !important;


}





.big-pharma-row {


  position: relative;


  display: flex;


  flex-wrap: wrap;


  padding: 20px 0px;


}


.big-pharma-justify-content-sb {


  justify-content: space-between;


}


.big-pharma-align-items-c {


  align-items: center;


}


.padding-y-0 {


  padding-top: 0 !important;


  padding-bottom: 0 !important;


}


.padding-xy-0 {


  padding-top: 0 !important;


  padding-bottom: 0 !important;


  padding-left: 0 !important;


  padding-right: 0 !important;


}


.big-pharma-header-menu nav {


  display: flex;


  gap: 15px;


}


.justify-content-center {


  justify-content: center;


}


.big-pharma-container-fluid.site-header {


    background: #fff !important;


}








.big-pharma-header-search {


  display: inline-block;


  max-width: 576px;


    width: 100%;


}


.big-pharma-header-search form {


  display: inline-block;


    width: 100%;


  position: relative;


}





.big-pharma-header-search input {


  padding: 5px 10px;


  border-radius: 4px;


  width: 100%;


    border-radius: 6px;


    border: 1px solid #9ca3af;


  display: block;


  padding: 14px 10px 14px 30px;


  outline: 0;


  box-shadow: none;


}





.big-pharma-header-search button {


  background-color: transparent;


  color: white;


  border: none;


  padding: 0px;


  cursor: pointer;


  border: 0;


  outline: 0;


  position: absolute;


  top: 50%;


  left: 10px;


  transform: translateY(-50%);


}


.big-pharma-header-search button svg {


    position: relative;


    display: block;


    width: 20px;


    height: 20px;


    background: transparent;


  color: #9ca3af;


}


.big-pharma-header-user-box {


  display: flex;


  gap: 10px;


  align-items: center;


}





.big-pharma-header-user-box a {


  text-decoration: none;


  color: #007bff;


}


.big-pharma-header-menu a {


    text-decoration: none;


    color: #374151;


    font-weight: 400;


    font-size: 16px;


  transition; 0.5s;


}


.big-pharma-header-menu a span {


    text-decoration: none;


}


.big-pharma-header-menu a:hover, span.header__active-menu-item {


  color: #059669;


}


.big-pharma-header-menu a:hover span {


    text-decoration: none;


}


.big-pharma-container-fluid.site-header .big-pharma-row {


  padding: 0px 0px;


}


.big-pharma-container-fluid.site-header a#account-toggle button {


    position: relative;


    display: flex;


    align-items: center;


    justify-content: center;


    padding: 7px 10px;


    background: transparent;


    border: 0;


    box-shadow: none;


    outline: 0;


    border-radius: 6px;


    transition: 0.5s;


}


.big-pharma-container-fluid.site-header a#account-toggle button:hover {


    background: #f3f4f6;


  cursor: pointer;


}


.big-pharma-container-fluid.site-header a#account-toggle button span.svg-wrapper {


    width: 20px;


    height: 20px;


    position: relative;


    display: inline-block;


}


.big-pharma-container-fluid.site-header a#account-toggle button span.svg-wrapper svg {


    width: 100%;


    height: 100%;


  color: #374151;


}


.big-pharma-container-fluid.site-header a#cart-icon-bubble span.svg-wrapper, .big-pharma-container-fluid.site-header a#swym-sense-desktop span.swym-header-launcher-icon {


    width: 40px;


    height: 40px;


    position: relative;


    display: flex;


  align-items: center;


  justify-content: center;


    background: transparent;


    padding: 8px;


    border-radius: 100px;


}


.big-pharma-container-fluid.site-header a#cart-icon-bubble:hover span.svg-wrapper, .big-pharma-container-fluid.site-header a#swym-sense-desktop:hover span.swym-header-launcher-icon {


    background: #f3f4f6;


}


.big-pharma-container-fluid.site-header a#cart-icon-bubble span.svg-wrapper svg, .big-pharma-container-fluid.site-header a#swym-sense-desktop span.swym-header-launcher-icon svg {


  width: 100%;


    height: 100%;


  color: #374151;


}


.big-pharma-container-fluid.site-header a#account-toggle, .big-pharma-container-fluid.site-header a#cart-icon-bubble, .big-pharma-container-fluid.site-header a#swym-sense-desktop {


    position: relative;


    display: flex;


    width: max-content;


    height: max-content;


  margin: 0 !important;


  margin-right: 0 !important;


}


.big-pharma-container-fluid.site-header a#account-toggle button span.username {


    font-size: 14px;


    font-weight: 500 !important;


}


.swym-ui-component .swym-simple-wishlist-modal .swym-modal-content {


    position: fixed !important;


    left: auto !important;


    right: -400px;


    top: 0 !important;


    bottom: 0 !important;


    height: 100vh !important;


    max-width: 400px !important;


  transition-delay: 0.5s;


    transition: 0.5s !important;


}


.swym-ui-component .swym-simple-wishlist-modal .swym-modal-content * {


  max-width: 100% !important;


  min-width: auto !important;


}


.swym-modal-active .swym-ui-component .swym-simple-wishlist-modal .swym-modal-content {


    right: 0px;


  transition-delay: 0.5s;


    transition: 0.5s !important;


}


.shopify-section-header-hidden .big-pharma-header-user-box {


  position: fixed;


  right: 0;


}


.shopify-section-header-hidden .big-pharma-header-user-box {


    position: fixed;


    right: 15px;


  top: 15px;


    background: #fff;


    padding: 8px;


    border-radius: 12px;


    box-shadow: 0px 10px 20px -10px;


}


button#reset-filters {


    background: #077965;


    padding: 9px 18px;


    color: #fff !important;


    border-radius: 8px;


    font-size: 14px;


    position: relative;


    display: inline-block;


    margin-bottom: 0;


    text-decoration: none;


    border: 0;


}


input#accessoris-filter-name {


    position: relative;


    display: inline-block;


    padding: 8px;


    border: 1px solid #A4B88B;


    outline: 0;


    box-shadow: none;


    background: #fff;


    border-radius: 8px;


    color: #8A8A8A;


    margin: 0px 10px;


}





div#shopify-section-template--23917679509818__product_slider_and_about_JnYajK {


    margin-top: -150px;


  z-index: 1;


  position: relative;


}








/* Popup - Centered on Screen */


.bigpharam-popup {


  position: fixed;


  top: 0;


  left: 0;


  width: 100%;


  height: 100%;


  background: rgba(0, 0, 0, 0.5);


  display: flex;


  justify-content: center;


  align-items: center;


  z-index: 9999;


}





.bigpharam-popup.hidden {


  display: none;


}





.bigpharam-popup-content {


  background: white;


  padding: 20px;


  width: 400px;


  border-radius: 10px;


  position: relative;


}





.bigpharam-close-popup {


  position: absolute;


  top: 10px;


  right: 10px;


  font-size: 1.5rem;


  background: none;


  border: none;


  cursor: pointer;


}





.bigpharam-auth-form {


  display: block;


}





.bigpharam-auth-form.hidden {


  display: none;


}





.bigpharam-auth-form input {


  width: 100%;


  padding: 10px;


  margin: 10px 0;


  border: 1px solid #ccc;


  border-radius: 5px;


}





.bigpharam-auth-form button {


  width: 100%;


  padding: 10px;


  background: #007bff;


  color: white;


  border: none;


  border-radius: 5px;


  cursor: pointer;


}





/* Right-Side Panel */


.bigpharam-right-panel {


  position: fixed;


  top: 0;


  right: -300px;


  width: 300px;


  height: 100%;


  background: #f9f9f9;


  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);


  transition: right 0.3s ease;


  z-index: 9998;


}





.bigpharam-right-panel.active {


  right: 0;


}





.bigpharam-close-panel {


  position: absolute;


  top: 10px;


  right: 10px;


  font-size: 1.5rem;


  background: none;


  border: none;


  cursor: pointer;


}





.bigpharam-profile-box {


  display: flex;


  align-items: center;


  margin-bottom: 20px;


}





.bigpharam-profile-img {


  margin-right: 10px;


}





.bigpharam-profile-text {


  font-size: 0.9rem;


  color: #666;


}





.bigpharam-profile-details {


  font-size: 1rem;


}





.bigpharam-profile-details p {


  margin-bottom: 10px;


}



































/*Left Side Panel CSS*/


.big-pharma-left-side-panel {


    position: fixed !important;


    left: -576px;


    max-width: 576px !important;


    top: 0;


    height: 100vh !important;


    z-index: 999;


    background: #fff;


  transition: 0.5s;


}


.big-pharma-left-side-panel.active {


    left: 0px;


  transition: 0.5s;


}


.big-pharma-left-side-panel-header {


    position: relative;


    height: 89px;


    width: 100%;


    display: block;


  border-bottom: 1px solid #e5e7eb;


}


.big-pharma-left-side-panel-header-inner {


    position: relative;


    display: flex;


    justify-content: space-between;


    align-items: center;


    padding: 15px;


  height: 100%;


}


.big-pharma-left-side-panel-header-inner h3 {


    position: relative;


    display: inline-block;


    margin: 0;


  font-weight: 700;


}


button#big-pharma-left-panel-close-btn {


    position: relative;


    display: inline-block;


    background: transparent;


    border: 0;


    outline: 0;


    box-shadow: none;


    cursor: pointer;


}


button#big-pharma-left-panel-close-btn svg {


    position: relative;


    display: block;


    width: 25px;


    height: 25px;


}


.big-pharma-left-side-panel-content {


    position: relative;


    display: block;


    height: calc(100vh - 206px);


    overflow-x: hidden;


    overflow-y: initial;


}


.big-pharma-left-side-panel-content a {


    color: #077965;


}


.big-pharma-left-side-panel-footer {


    position: relative;


    display: block;


    height: 117px;


    width: 100%;


  border-top: 1px solid #e5e7eb;


}


.big-pharma-left-side-panel-footer-inner {


    position: relative;


    display: flex;


    padding: 15px;


    height: 100%;


    flex-direction: column;


  justify-content: center;


}


.big-pharma-left-side-panel-footer-inner p {


    position: relative;


    display: block;


    margin: 0;


    font-size: 14px;


    color: #6b7280;


    margin-bottom: 5px;


}


button#big-pharma-left-panel-footer-btn, .custom-contact-form button, a.big-pharma-left-panel-footer-btn {


    position: relative;


    display: block;


    background: #059669;


    border: 0;


    padding: 12px 16px;


    border-radius: 12px;


    font-size: 16px;


    color: #fff;


  cursor: pointer;


  width: 100%;


  text-align: center;


    text-decoration: none;


  line-height: 1.3em;


}


.big-pharma-left-side-panel-content-inner {


    position: relative;


    display: flex;


    flex-direction: column;


    gap: 15px;


    align-items: center;


    text-align: center;


  padding: 20px;


}


.big-pharma-left-side-panel-content-inner .big-pharma-btn {


    position: relative;


    display: flex;


    justify-content: space-between;


    align-items: center;


    background: transparent;


    border: 0;


    outline: 0;


    box-shadow: none;


    color: #374151;


    cursor: pointer;


    transition: 0.5s;


    padding: 15px;


    border-radius: 8px;


}


.big-pharma-left-side-panel-content-inner .big-pharma-btn:hover {


    background: #f9fafb;


}


.big-pharma-left-side-panel-content-inner .big-pharma-btn svg {


    position: relative;


    display: inline-block;


    color: #374151;


    width: 20px;


  height: 20px;


}


.big-pharma-left-side-panel-content-inner .big-pharma-btn span.big-pharma-left-panel-btn-text {


    position: relative;


    display: inline-block;


    font-size: 16px;


    font-weight: 600;


}








div#bigPharmaAboutUsBox, div#bigPharmaGuidBox, div#bigPharmaBlogBox, div#bigPharmaFaqBox, div#bigPharmaContactBox, div#bigPharmaGerenalConditionBox, div#bigPharmapolicyBox {


    position: absolute;


    top: 0;


    background: #fff;


    left: 0;


  opacity: 0;


  visibility: hidden;


  transition: 0.4s;


}


div#bigPharmaAboutUsBox.panel-open, div#bigPharmaGuidBox.panel-open, div#bigPharmaBlogBox.panel-open, div#bigPharmaFaqBox.panel-open, div#bigPharmaContactBox.panel-open, div#bigPharmaGerenalConditionBox.panel-open, div#bigPharmapolicyBox.panel-open {


  opacity: 1;


  visibility: visible;


}


div#bigPharmaAboutUsBox .big-pharma-left-side-panel-content, div#bigPharmaGuidBox .big-pharma-left-side-panel-content, div#bigPharmaBlogBox .big-pharma-left-side-panel-content, div#bigPharmaFaqBox .big-pharma-left-side-panel-content, div#bigPharmaContactBox .big-pharma-left-side-panel-content, div#bigPharmaGerenalConditionBox .big-pharma-left-side-panel-content, div#bigPharmapolicyBox .big-pharma-left-side-panel-content {


    height: calc(100vh - 89px);


}


h4.big-pharma-left-side-panel-header-heading {


    font-weight: 700;


}


button#big-pharma-left-panel-back-main-btn {


    position: relative;


    display: inline-block;


    background: transparent;


    border: 0;


    outline: 0;


    box-shadow: none;


    cursor: pointer;


}


button#big-pharma-left-panel-back-main-btn svg {


    position: relative;


    display: block;


    width: 22px;


    height: 22px;


}


.big-pharma-left-side-panel-content-inner h3 {


    position: relative;


    display: block;


    margin-top: 0;


    margin-bottom: 0;


    font-size: 20px;


    font-weight: 700;


    color: #000;


}


.big-pharma-left-side-panel-content-inner p {


    position: relative;


    display: block;


    margin-top: 0;


    margin-bottom: 20px;


    font-size: 16px;


    color: #000;


}


.about-icon-boxx {


    position: relative;


    display: flex;


    flex-direction: column;


    justify-content: center;


    align-items: center;


}


.about-icon-boxx svg {


    position: relative;


    display: block;


    width: 40px;


}


.about-icon-boxx p {


    position: relative;


    display: block;


    margin-top: 0;


    margin-bottom: 0;


    font-weight: 500;


    font-size: 14px;


}


.about-icon-boxes {


    padding: 20px !important;


    background: #ecfdf5;


    border-radius: 15px;


}


.guid-icon-boxx {


    position: relative;


    display: flex;


    align-items: flex-start;


    justify-content: space-between;


    flex-wrap: wrap;


}


.guid-icon-boxx svg {


    position: relative;


    display: inline-block;


    width: 45px;


}


.guid-icon-boxx-content {


    position: relative;


    display: inline-block;


    width: calc(100% - 65px);


}


.guid-icon-boxx-content h5 {


    position: relative;


    font-size: 18px;


    font-weight: 600;


    margin-top: 0;


    margin-bottom: 0;


}


.guid-icon-boxx-content p {


    position: relative;


    display: block;


    font-size: 14px;


    line-height: 1.5em;


    opacity: 0.7;


    margin-bottom: 0;


}


.left-panel-blog-list-item-inner {


    position: relative;


    display: flex


;


    flex-direction: column;


    box-shadow: 0px 0px 10px 0px #dedede;


    border-radius: 20px;


    padding: 20px;


}


.left-panel-blog-list-item-inner img {


    position: relative;


    display: block;


    width: 100%;


    height: 260px;


    object-fit: cover;


    border-bottom: 1px solid #dfdfdf;


    margin-bottom: 20px;


}


span.left-panel-blog-list-item-date {


    position: relative;


    display: block;


    width: 100%;


    font-size: 13px;


    color: #000;


    opacity: 0.6;


}


h5.left-panel-blog-list-item-title {


    position: relative;


    display: block;


    margin: 10px 0;


    font-size: 18px;


    font-weight: 600;


    color: #000;


}


a.left-panel-blog-list-item-read-more {


    position: relative;


    display: block;


    color: #059669;


    text-decoration: none;


    font-size: 14px;


    font-weight: 600;


    margin: 0;


}


.left-panel-faq-list-item .left-panel-faq-list-item-inner {


    background: #fff;


    border: 1px solid #e5e7eb;


    position: relative;


    display: block;


    border-radius: 10px;


  


}


p.left-panel-faq-list-item-content {


    margin: 0;


}


h5.left-panel-faq-list-item-title svg {


    position: relative;


    display: inline-block;


    width: 19px;


}


h5.left-panel-faq-list-item-title {


    font-size: 16px;


    font-weight: 500;


    color: #000;


}


.left-panel-faq-list-item-content {


            max-height: 0;


            overflow: hidden;


            transition: max-height 0.3s ease, padding 0.3s ease;


            padding: 0 10px;


  font-size: 14px;


        }





        .left-panel-faq-list-item.active .left-panel-faq-list-item-content {


            max-height: 200px; /* Adjust based on content size */


            padding: 20px 10px;


        }





        .left-panel-faq-list-item-title {


            cursor: pointer;


            margin: 0;


            display: flex;


            align-items: center;


            justify-content: space-between;


          padding: 18px 15px;


        }


        .left-panel-faq-list-item-title svg {


            transition: transform 0.3s ease;


        }





        .left-panel-faq-list-item.active .left-panel-faq-list-item-title svg {


            transform: rotate(180deg);


        }


.contact-inner-boxx {


    position: relative;


    display: block;


    border: 1px solid #e5e7eb;


    padding: 12px;


    border-radius: 15px;


}


h3.left-panel-contact-inner-title {


    font-size: 16px;


    margin-bottom: 10px;


}


.custom-contact-form, .custom-contact-form form {


    position: relative;


    display: block;


    width: 100%;


}


.custom-contact-form label {


    position: relative;


    display: block;


    font-size: 13px;


    font-weight: 400 !important;


    color: #000 !important;


    margin-bottom: 2px;


}


.custom-contact-form input, .custom-contact-form textarea {


    border: 1px solid #d1d5db;


    border-radius: 6px !important;


    color: #000;


    outline: 0;


    box-shadow: none;


}


.contact-inner-boxx-icon-box {


    position: relative;


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    justify-content: space-between;


}


.contact-inner-boxx-icon-box-content {


    position: relative;


    display: inline-block;


    width: calc(100% - 40px);


}


.contact-inner-boxx-icon-box svg {


    color: #059669;


    position: relative;


    display: inline-block;


    width: 30px;


}


.contact-inner-boxx-icon-box-content h3 {


    position: relative;


    display: block;


    font-size: 15px;


}


.contact-inner-boxx-icon-box-content p {


    position: relative;


    display: block;


    font-size: 14px;


}


.contact-inner-boxx-btm {


    background: #ecfdf5;


    padding: 15px;


    border-radius: 15px;


    margin-top: 20px;


}


.contact-inner-boxx-btm h3 {


    position: relative;


    display: block;


    font-size: 16px;


    margin-bottom: 10px;


}


.contact-inner-boxx-btm p {


    position: relative;


    display: block;


    font-size: 14px;


    margin-bottom: 10px;


}


/*Left Side Panel CSS*/























/*Footer Css Start*/


footer.footer {


  display: none;


}


.bigfarma-footer-section {


    background: #111827;


}


.bigpharma-footer-content * {


  color: #fff;


  transition: 0.5s;


}


.bigpharma-footer-content h2 {


    color: #059669;


    font-size: 32px;


    font-weight: 600;


}


.bigpharma-footer-content p {


    font-size: 14px;


    opacity: 0.7;


    font-weight: 400;


}


.bigpharma-footer-content a {


    position: relative;


    display: inline-block;


    text-decoration: none;


    font-size: 14px;


    font-weight: 400;


}


.bigpharma-footer-content p ~ a {


    margin: 5px 10px 5px 0px;


}


.bigpharma-footer-content ul {


    position: relative;


    display: block;


    padding: 0;


    margin-bottom: 0;


}


.bigpharma-footer-content ul li {


    position: relative;


    display: block;


    list-style: none;


    margin: 8px 0px;


    opacity: 0.8;


    transition: 0.5s;


}


.bigpharma-footer-content ul li button {


    background: transparent;


    border: 0;


    outline: 0;


    box-shadow: none;


    padding: 0;


    font-size: 14px;


    font-weight: 400;


  cursor: pointer;


      font-family: var(--font-body-family);


}


.bigpharma-footer-content ul li:hover, .bigpharma-footer-content ul li:hover button {


    color: #059669;


    opacity: 1;


    transition: 0.5s;


}


.bigpharma-footer-content h4 {


    position: relative;


    display: block;


    font-size: 24px;


}


.bigfarma-line {


    border-top: 1px solid rgba(255, 255, 255, 0.1);


}


p.big-pharma-btm-footer-content {


    margin: 0;


    position: relative;


    display: block;


  color: #fff;


    opacity: 0.8;


    font-size: 14px;


    font-weight: 400;


}


.right-content-btm-footer {


    position: relative;


    display: block;


    text-align: right;


}


.right-content-btm-footer a {


    position: relative;


    display: inline-block;


    text-decoration: none;


    color: #fff;


    opacity: 0.8;


    font-size: 14px;


    font-weight: 400;


  margin: 0px 10px;


      font-family: var(--font-body-family);


}


.bigpharma-footer-content div#filter-category-container {


    justify-content: center;


    flex-direction: column;


    gap: 12px;


}


.bigpharma-footer-content div#filter-category-container div label {


    color: #fff;


    font-size: 14px;


  opacity: 0.8;


      font-family: var(--font-body-family);


  cursor: pointer;


}


.bigpharma-footer-content div#filter-category-container div input[type="radio"] {


    appearance: none;


    width: 0;


    height: 0;


    background: transparent;


    border: 0px solid transparent;


}


.bigpharma-footer-content div#filter-category-container div input[type="radio"]:checked {


  border: 0px solid transparent;


}


/*Footer Css End*/























#wishlist-side-cart {


  position: fixed;


  top: 0;


  right: 0%;


  width: 300px;


  height: 100%;


  background: #fff;


  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);


  z-index: 1000;


  transition: 0.3s ease-in-out;


  padding: 20px;


  overflow-y: auto;


}


button.wishlist-icon {


    position: absolute;


    right: 10px;


    top: 10px;


    background: transparent;


    border: 0;


    outline: 0;


    box-shadow: none;


    z-index: 1;


    cursor: pointer;


}


#wishlist-side-cart.hidden {


  right: -100%;


  transition: 0.3s ease-in-out;


}





.wishlist-header {


  display: flex;


  justify-content: space-between;


  align-items: center;


  margin-bottom: 20px;


}





.wishlist-item {


  display: flex;


  align-items: center;


  margin-bottom: 15px;


}





.wishlist-item img {


  width: 50px;


  height: 50px;


  margin-right: 10px;


}





.wishlist-item div {


  flex: 1;


}





.wishlist-item button {


  background: red;


  color: #fff;


  border: none;


  padding: 5px 10px;


  cursor: pointer;


}








div#filter-category-container {


    position: relative;


    display: flex;


    align-items: center;


    justify-content: flex-start;


    flex-wrap: wrap;


    gap: 80px;


}


div#filter-category-container div:first-child {


    display: none;


}


/* Style the container div */


div#filter-category-container div {


  display: flex;


  align-items: center;


  gap: 8px; /* Adjust spacing between icon and text */


  font-family: Arial, sans-serif; /* Optional: Choose your desired font */


}


div#filter-category-container div input[type="radio"] {


  position: absolute;


  width: 0;


  height: 0;


  opacity: 0;


  visibility: hidden;


}


/* Style the input radio button */


div#filter-category-container div input[type="radio"] ~ img {


  appearance: none; /* Remove default radio button styles */


  width: 50px; /* Adjust size */


  height: 50px;


  border: 1px solid transparent; /* Border for the radio button */


  border-radius: 0%; /* Make it circular */


  cursor: pointer;


  margin: 0px; /* Adjust spacing between icon and label */


}





/* Checked state for the radio button */


div#filter-category-container div input[type="radio"]:checked ~ img {


  border: 1px solid rgba(var(--color-button),var(--alpha-button-background));


}





div#filter-category-container div label {


    text-shadow: 0px 1px 2px #00000040;


    color: #000;


    font-size: 16px;


    display: flex;


    flex-direction: column;


    justify-content: center;


    align-items: center;


}


.search-bar-boxx-menu {


    position: relative;


    display: block;


}


.search-bar-boxx-menu a {


    position: absolute;


    width: 100%;


    height: 100%;


    background: transparent;


    color: #9ca3af;


    top: 0;


    display: flex;


    align-items: center;


    justify-content: flex-start;


    padding: 6px;


  opacity: 1;


    visibility: visible;


  transition: 0.5s;


}


.search-bar-boxx-menu.active a {


    opacity: 0;


    visibility: hidden;


}


.search-bar-boxx-menu a svg {


    position: relative;


    display: block;


    width: 20px;


    height: 20px;


    background: transparent;


    color: #9ca3af;


}


.search-bar-boxx-menu input.filter-name {


    padding: 5px 10px !important;


    border-radius: 4px !important;


    width: 100% !important;


    border-radius: 6px !important;


    border: 1px solid #9ca3af !important;


    display: block !important;


    padding: 14px 10px 14px 30px !important;


    outline: 0 !important;


    box-shadow: none !important;


  margin: 0 0 !important;


  transition: 0.5s;


}


.search-bar-boxx-menu.active input.filter-name {


    padding: 14px 10px 14px 10px !important;


}


.bigpharma-product--variation-col--left {


    display: flex;


    flex-wrap: wrap;


    gap: 10px;


}


.bigpharma-product--variation-col--left .bigpharma-product--variations, .bigpharma-product--variation-col--left .bigpharma-product-product-tags, .bigpharma-product--variation-col--left .bigpharma-product--aromes, .bigpharma-product--variation-col--left .bigpharma-product--gamme-items, .bigpharma-product--variation-col--left .bigpharma-product--rating, .bigpharma-product--variation-col--left .jdgm-rev-widg__summary {


  flex: 1 1 100%;


}


.bigpharma-product--variation-col--left .bigpharma-product-product-tags, .bigpharma-product--variation-col--left .bigpharma-product--aromes {


    flex: auto;


    max-width: max-content;


}


ul.bigpharma-product-product-tags, .bigpharma-product--aromes {


    position: relative;


    display: inline-block;


    margin: 0;


    padding: 0;


}


li.bigpharma-product-product-tag {


    position: relative;


    display: inline-block;


    list-style: none;


    background: #0596692e;


    padding: 2px 8px;


    border-radius: 100px;


    margin-right: 0px;


    font-size: 10px;


  color: #077965;


    font-weight: 500;


}


p.bigpharma-product--aromes-item {


    position: relative;


    display: inline-block;


    list-style: none;


    background: #fada7a6b;


    padding: 2px 8px;


    border-radius: 100px;


  color: #d76f00;


    margin-right: 4px;


    font-size: 10px;


    font-weight: 500;


  margin: 0;


}


ul.bigpharma-product-product-tags li, .bigpharma-product--aromes p {


  display: none;


}


ul.bigpharma-product-product-tags li:first-child, .bigpharma-product--aromes p:first-child {


  display: inline-block;


}


li.bigpharma-product-product-tag:nth-child(2) {


    margin-right: 0px;


}


.drawer .drawer__inner {


    transform: translateX(100%) !important;


}


.drawer.active .drawer__inner {


    transform: translateX(-15px) !important;


}


.big-pharma-container-hero-section {


    height: calc(100vh - 92px);


    display: flex;


    flex-direction: column;


    justify-content: center;


    align-items: flex-start;


  overflow: hidden;


}


.big-pharma-container-hero-section .big-pharma-container {


    text-align: left !important;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg {


  position: absolute;


  width: 100%;


  height: 100%;


  z-index: 1;


}


.bigpharma-footer-content div#filter-category-container img {


    display: none;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img {


  position: absolute;


  display: inline-block;


  animation-timing-function: linear;


}





/* Assign Animations to Items */


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img-01 {


    width: 220px;


    height: 220px;


    animation: float-01 4s infinite ease-in-out;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img-02 {


    width: 180px;


    animation: float-02 5s infinite ease-in-out;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img-03 {


    width: 150px;


    animation: float-03 6s infinite ease-in-out;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img-04 {


    width: 120px;


    animation: float-04 7s infinite ease-in-out;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img-05 {


    width: 215px;


    animation: float-05 5s infinite ease-in-out;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img-06 {


    animation: float-06 4s infinite ease-in-out;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img-07 {


    animation: float-07 4.2s infinite ease-in-out;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img-08 {


    animation: float-08 4.5s infinite ease-in-out;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img-09 {


    animation: float-09 5s infinite ease-in-out;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img-10 {


    animation: float-10 5.2s infinite ease-in-out;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img-11 {


    animation: float-11 5.5s infinite ease-in-out;


}


.big-pharma-container-hero-section .bigpharma-hero-section-bg-img-12 {


    animation: float-12 6s infinite ease-in-out;


}








@media (max-width: 767px) {


  .big-pharma-container,


  .big-pharma-container-hero-section .big-pharma-container {


    background: transparent !important;


    box-shadow: none !important;


  }


}





/* Keyframes for floating effect using 'top' */


@keyframes float-01 {


    0% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


    50% { transform: rotate(var(--img-rotate, 0deg)) translateY(-18px); }


    100% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


}





@keyframes float-02 {


    0% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


    50% { transform: rotate(var(--img-rotate, 0deg)) translateY(-10px); }


    100% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


}





@keyframes float-03 {


    0% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


    50% { transform: rotate(var(--img-rotate, 0deg)) translateY(-30px); }


    100% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


}





@keyframes float-04 {


    0% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


    50% { transform: rotate(var(--img-rotate, 0deg)) translateY(-12px); }


    100% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


}





@keyframes float-05 {


    0% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


    50% { transform: rotate(var(--img-rotate, 0deg)) translateY(-22px); }


    100% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


}





@keyframes float-06 {


    0% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


    50% { transform: rotate(var(--img-rotate, 0deg)) translateY(-18px); }


    100% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


}





@keyframes float-07 {


    0% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


    50% { transform: rotate(var(--img-rotate, 0deg)) translateY(-15px); }


    100% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


}





@keyframes float-08 {


    0% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


    50% { transform: rotate(var(--img-rotate, 0deg)) translateY(-12px); }


    100% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


}





@keyframes float-09 {


    0% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


    50% { transform: rotate(var(--img-rotate, 0deg)) translateY(-22px); }


    100% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


}





@keyframes float-10 {


    0% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


    50% { transform: rotate(var(--img-rotate, 0deg)) translateY(-10px); }


    100% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


}





@keyframes float-11 {


    0% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


    50% { transform: rotate(var(--img-rotate, 0deg)) translateY(-8px); }


    100% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


}





@keyframes float-12 {


    0% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


    50% { transform: rotate(var(--img-rotate, 0deg)) translateY(-16px); }


    100% { transform: rotate(var(--img-rotate, 0deg)) translateY(0); }


}





button.mobile-hamburger-icon {


    position: relative;


    width: 44px;


    height: 44px;


    overflow: hidden;


    padding: 8px;


    outline: 0;


    box-shadow: none;


    border: 0;


    background: transparent;


    display: none;


    justify-content: center;


    align-items: center;


}


button.mobile-hamburger-icon svg {


    width: 20px;


    height: 20px;


    position: absolute;


    left: 50%;


    top: 50%;


    transform: translate(-50%, -50%);


}














/* Content Styling */


.big-pharma-container-hero-section .big-pharma-container {


  position: relative;


  z-index: 2;


  text-align: center;


  color: #fff;


}





.big-pharma-container-hero-section .big-pharma-container h1 {


  font-size: 80px;


  font-weight: 900;


  margin: 0;


}





.big-pharma-container-hero-section .big-pharma-container h1 span {


  color: #077965; /* Adjust color */


}





.big-pharma-container-hero-section .big-pharma-container a {


  margin-top: 20px;


  padding: 20px 40px;


  font-size: 22px;


  background-color: #077965;


  color: #fff;


  border: none;


  border-radius: 12px;


  cursor: pointer;


  position: relative;


  display: inline-block;


  font-weight: 600;


  text-decoration: none;


}





.big-pharma-container-hero-section .big-pharma-container p {


  font-size: 16px;


  margin-top: 10px;


  color: #000;


}


a.header__heading-link.link.link--text.focus-inset {


    padding-top: 5px !important;


    padding-bottom: 5px !important;


}


.bigpharma-footer-content div#filter-category-container {


    align-items: flex-start;


}


/*right panel*/


.big-pharma-right-side-panel {


    position: fixed !important;


    right: -576px;


    max-width: 576px !important;


    top: 0;


    height: 100vh !important;


    z-index: 999;


    background: #fff;


    transition: 0.5s;


}


.big-pharma-right-side-panel.active {


    right: 0px;


    transition: 0.5s;


}


.big-pharma-right-side-panel-header {


    position: relative;


    height: 89px;


    width: 100%;


    display: block;


    border-bottom: 1px solid #e5e7eb;


}


.big-pharma-right-side-panel-header-inner {


    position: relative;


    display: flex;


    justify-content: space-between;


    align-items: center;


    padding: 15px;


    height: 100%;


}


.big-pharma-right-side-panel-header-inner h3 {


    position: relative;


    display: inline-block;


    margin: 0;


    font-weight: 700;


}


button#big-pharma-right-panel-close-btn {


    position: relative;


    display: inline-block;


    background: transparent;


    border: 0;


    outline: 0;


    box-shadow: none;


    cursor: pointer;


}


button#big-pharma-right-panel-close-btn svg {


    position: relative;


    display: block;


    width: 25px;


    height: 25px;


}


.big-pharma-right-side-panel-content {


    position: relative;


    display: block;


    height: calc(100vh - 206px);


    overflow-x: hidden;


    overflow-y: initial;


}


.big-pharma-right-side-panel-content-inner {


    position: relative;


    display: flex;


    flex-direction: column;


    gap: 15px;


    justify-content: center;


    padding: 20px;


}


.big-pharma-right-side-panel-footer {


    position: relative;


    display: block;


    height: 117px;


    width: 100%;


    border-top: 1px solid #e5e7eb;


}


.big-pharma-right-side-panel-footer-inner {


    position: relative;


    display: flex;


    padding: 15px;


    height: 100%;


    flex-direction: column;


    justify-content: center;


}





#filter-category-container > div {


    display: none !important;


}





#filter-category-container > div.-thc,


#filter-category-container > div.accessories,


#filter-category-container > div.fleur,


#filter-category-container > div.thc-,


#filter-category-container > div.hash {


    display: inline-block !important;


}


svg.icon.icon-cart-empty {


    background: url(/cdn/shop/files/cart.svg);


    background-size: contain;


    background-position: center;


}


svg.icon.icon-cart-empty  {


    background: url(/cdn/shop/files/cart.svg);


    background-size: contain;


    background-position: center;


}


svg.icon.icon-cart-empty path {


    opacity: 0;


}





.bigpharma-product--gamme-items {


    position: absolute;


    display: flex;


    gap: 8px;


    align-items: center;


    justify-content: flex-start;


    flex-wrap: wrap;


    left: 0;


    right: 0;


    top: 0;


    z-index: 1;


    padding: 8px 11px;


}





.bigpharma-product--gamme-items p.bigpharma-product--gamme-item {


    background: #fff;


    padding: 0px 10px;


    border-radius: 6px;


    font-size: 14px;


    color: #008971;


    border: 1px solid #008971;


    transition: 0.4s;


    line-height: 1.2em;


    display: inline-block;


  margin: 0px;


}


.bigpharma-product--gamme-items p.bigpharma-product--gamme-item.Premium {


    background: #077965;


    color: #fff;


    border: 1px solid #077965;


}


.bigpharma-product--gamme-items p.bigpharma-product--gamme-item.Découverte {


    background: #077965;


    color: #fff;


    border-color: #077965;


}


.bigpharma-product--gamme-items p.bigpharma-product--gamme-item.Signature {


    background: orange;


    color: #000;


    border-color: orange;


}


.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-add-to-cart-btn {


    font-weight: bold;


    font-size: 14px;


    text-align: center;


    text-transform: uppercase;


    padding: 6px;


    display: block;


    background: #077965 !important;


    color: #FFF !important;


    position: relative !important;


    width: 100% !important;


    border-radius: var(--buttons-radius) !important;


    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(253,251,247, calc(1 - 0.55)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background)) !important;


    transition: box-shadow var(--duration-short) ease !important;


    padding: 15px 20px !important;


    height: auto !important;


    line-height: 1 !important;


}


h1.customer__title {


    text-transform: uppercase;


    font-weight: 600;


}


.customer.big-pharma-container-fluid .big-pharma-row {


    background: #F2F6F1;


    padding: 30px;


    border-radius: 12px;


}


button.big-pharma-account-accordion {


    position: relative !important;


    display: flex !important;


    width: 100% !important;


    text-align: left !important;


    align-items: center !important;


    justify-content: space-between !important;


    background: #fff !important;


    color: #077965 !important;


    border: 0 !important;


    outline: 0 !important;


    box-shadow: none !important;


    border-radius: 10px 10px 10px 10px !important;


    margin: 10px 0 0 0 !important;
}



.big-pharma-account-accordion.active {


    border-radius: 10px 10px 0px 0px !important;


}


.big-pharma-account-accordion:before {


  display: none !important;


}


.big-pharma-account-accordion:after {


  content: '\002B' !important;


  position: relative !important;


  display: inline-block !important;


  border: 0 !important;


  outline: 0 !important;


  box-shadow: none !important;


  color: #777;


  font-weight: bold;


  float: right;


  margin-left: 5px;


}


.big-pharma-account-accordion.active:after {


  content: "\2212" !important;


}


.big-pharma-account-panel {


  padding: 0px;


  background-color: white;


  max-height: 0;


  overflow: hidden;


  border-radius: 0px 0px 10px 10px !important;


  transition: max-height 0.2s ease-out;


}


.big-pharma-account-panel-inner {


  padding: 18px;


}


a.logout-btn {


    background: #077965 !important;


    padding: 4px 14px;


    color: #fff !important;


    border-radius: 8px;


    font-size: 14px;


    position: relative;


    display: inline-block;


    margin-bottom: 5px;


    text-decoration: none !important;


}


.big-pharma-profile-logout, .big-pharma-profile-img {


    text-align: center;


    position: relative;


    display: block;


}


.big-pharma-profile-img account-icon {


    width: 40%;


    margin: auto;


}


.big-pharma-account-panel-inner p {


  margin-bottom: 0;


}


.update-address-box, .update-address-box * {


  text-align: left !important;


}


h1.customer__title {


    text-align: left;


}


.filter-category-container-static {


  margin-top: 0;


}


.filter-category-container:not(:empty) + .filter-category-container-static, .bigpharma-product--rating .hktqv_Trigger .hktqv_Trigger__Wishlist {


    display: none;


}


a.hktqv_Compare, a.hktqv_Wishlist, .bigpharma-product--rating .card__inner.ratio, .bigpharma-product--rating .card__content h3, .bigpharma-product--rating .card__content .card-information .price, .bigpharma-product--rating .card__content .card-information span.caption-large.light, .bigpharma-product--rating .card__content .card-information p.rating-count.caption {


    display: none !important;


}


.bigpharma-product--rating .card__content, .bigpharma-product--rating .card__information, .bigpharma-product--rating .card-information {


    padding: 0;


  text-align: left !important;


}


.bigpharma-product--rating p.rating-text.caption {


  display: inline-block;


}


.bigpharma-product--rating .hktqv_Trigger {


    position: absolute !important;


    bottom: 130px !important;


    top: auto !important;


    left: 0 !important;


}


/* Progress Ring Animation - UNIQUE DEFINITION. Ne pas dupliquer ! */
/* Style metrics simple, sans cercle */
.simple-metric {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.07);
  margin: 2rem 0;
}

.simple-metric-big {
  font-size: 6rem;
  font-weight: 900;
  color: #254a1c;
  text-align: center;
  margin-bottom: 1.2rem;
  letter-spacing: -3px;
  line-height: 1;
  text-shadow: 0 2px 8px rgba(0,0,0,0.10);
}

@media (max-width: 600px) {
  .simple-metric-big {
    font-size: 3.5rem;
  }
}

/* --- METRICS CARDS PREMIUM --- */
.metrics-cards-row {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin: 0 auto 3rem auto;
  flex-wrap: wrap;
}

@media (max-width: 600px) {
  .metrics-cards-row {
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem;
  }
  .metrics-card {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 2rem auto;
  }
}

@media (max-width: 480px) {
  .metrics-cards-row {
    gap: 1rem;
  }
  .metrics-card {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 1.2rem auto;
    padding: 1.2rem 0.5rem;
  }
}

.metrics-card {
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 8px 32px rgba(44,68,24,0.08), 0 1.5px 8px rgba(44,68,24,0.04);
  padding: 2.5rem 2rem 2rem 2rem;
  min-width: 240px;
  max-width: 300px;
  flex: 1 1 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow 0.2s;
}
.metrics-card:hover {
  box-shadow: 0 16px 44px rgba(44,68,24,0.15), 0 4px 16px rgba(44,68,24,0.07);
}
.metrics-card-percent {
  font-size: 4.5rem;
  font-weight: 900;
  color: #254a1c;
  margin-bottom: 1.2rem;
  letter-spacing: -2px;
  line-height: 1;
  text-shadow: 0 2px 8px rgba(0,0,0,0.10);
  text-align: center;
}
.metrics-card-desc {
  font-size: 1.35rem;
  color: #222;
  font-weight: 500;
  text-align: center;
  line-height: 1.35;
  max-width: 90%;
}
@media (max-width: 1000px) {
  .metrics-cards-row {
    gap: 1.2rem;
  }
  .metrics-card {
    min-width: 180px;
    max-width: 220px;
    padding: 1.5rem 1rem 1.2rem 1rem;
  }
  .metrics-card-percent {
    font-size: 2.7rem;
  }
  .metrics-card-desc {
    font-size: 1.05rem;
  }
}
@media (max-width: 700px) {
  .metrics-cards-row {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }
  .metrics-card {
    width: 95vw;
    max-width: 400px;
    min-width: unset;
  }
}

  stroke: #5F8E0E;
  stroke-width: 16;
  transition: stroke-dashoffset 6s cubic-bezier(0.4,0,0.2,1);
  fill: none;
  stroke-linecap: round;
  transform: rotate(-90deg);
}
/***************************************************/


/*****************Gerenal Css Start*****************/


/***************************************************/


.bigpharma--container {


    position: relative;


    display: block;


    max-width: 1840px;


    padding: 40px 20px;


    margin: 0px auto;


}


.bigpharma--row::after {


  content: "";


  clear: both;


  display: table;


}





[class*="bigpharma--col-"] {


  float: left;


  padding: 15px;


}


.clr-black {


  color: #000 !important;


}


.clr-green {


  color: #077965 !important;


}





/* For mobile phones: */


[class*="bigpharma--col-"] {


  width: 100%;


}


.d-none {


  display: none !important;


}


.pt-0 {


  padding-top: 0 !important;


}


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


  [class*="bigpharma--col-"] {


    padding: 10px;


}


  /* For tablets: */


  .bigpharma--col-s-1 {width: 8.33%;}


  .bigpharma--col-s-2 {width: 16.66%;}


  .bigpharma--col-s-3 {width: 25%;}


  .bigpharma--col-s-4 {width: 33.33%;}


  .bigpharma--col-s-5 {width: 41.66%;}


  .bigpharma--col-s-6 {width: 50%;}


  .bigpharma--col-s-7 {width: 58.33%;}


  .bigpharma--col-s-8 {width: 66.66%;}


  .bigpharma--col-s-9 {width: 75%;}


  .bigpharma--col-s-10 {width: 83.33%;}


  .bigpharma--col-s-11 {width: 91.66%;}


  .bigpharma--col-s-12 {width: 100%;}


}


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


  /* For desktop: */


  .bigpharma--col-1 {width: 8.33%;}


  .bigpharma--col-2 {width: 16.66%;}


  .bigpharma--col-3 {width: 25%;}


  .bigpharma--col-4 {width: 33.33%;}


  .bigpharma--col-5 {width: 41.66%;}


  .bigpharma--col-6 {width: 50%;}


  .bigpharma--col-7 {width: 58.33%;}


  .bigpharma--col-8 {width: 66.66%;}


  .bigpharma--col-9 {width: 75%;}


  .bigpharma--col-10 {width: 83.33%;}


  .bigpharma--col-11 {width: 91.66%;}


  .bigpharma--col-12 {width: 100%;}


}

















.banner--large:not(.banner--adapt) {


  min-height: calc(100vh - 86px) !important;


}








.bigpharma-product-filter select:focus, .bigpharma-product-filter input:focus, select#accessoris-filter-rating:focus {


  outline: 0;


  box-shadow: none;


}


input#filter-name {


    position: relative;


    display: inline-block;


    padding: 8px;


    border: 1px solid #A4B88B;


    background: #fff;


    border-radius: 8px;


    color: #8A8A8A;


    margin: 0px 10px;


}





p.no-product-founded-box {


    position: relative;


    width: 100%;


    text-align: center;


}


h2.banner__heading.inline-richtext.h1 {


    font-size: 128px !important;


    font-family: 'Oswald';


    font-weight: 400;


    line-height: 189px;


    color: #fff;


    text-align: left;


  margin-top: -36px;


}


.banner__text.rte.body {


    font-family: 'Montserrat';


    font-size: 40px;


    font-weight: 500;


    line-height: 48px;


    color: #fff;


    text-align: end;


    margin-left: 152px !important;


    width: max-content;


    padding-top: 0;


    padding-bottom: 0;


}











/***************************************************/


/*****************Product Css Start*****************/


/***************************************************/


.bigpharma-product {


  background: #fff;


  overflow: hidden;


  border-radius: 12px;


  box-shadow: 0px 0px 4px 1px #00000040;


  border-radius: 8px;


  transition: 0.5s;


}


.bigpharma-product:hover {


  box-shadow: 0px 0px 10px 1px #00000040;


}


.bigpharma-product, .bigpharma-product--top, .bigpharma-product--btm {


    position: relative;


    display: block;


}


.bigpharma-product--top, .bigpharma-product--btm {


    padding: 15px;


}


.bigpharma-product--categories {


    position: absolute;


    display: flex;


    gap: 8px;


    align-items: center;


    justify-content: flex-start;


    flex-wrap: wrap;


  left: 0;


  right: 0;


  top: 0;


  z-index: 1;


  padding: 8px 11px;


}


.bigpharma-product-category.All, .bigpharma-product--categories img {


  display: none;


}


.bigpharma-product-category .bigpharma-product-category-title {


    background: #fff;


    padding: 0px 10px;


    border-radius: 6px;


    font-size: 14px;


    color: #008971;


    border: 1px solid #008971;


  transition: 0.4s;


  line-height: 1.2em;


}


.bigpharma-product-category .bigpharma-product-category-title:hover {


  background: #008971;


  color: #fff;


}


.bigpharma-product--featured-img {


    position: relative;


    display: block;


    width: 100%;


    overflow: hidden;


}


.bigpharma-product--featured-img a{


    position: relative;


    display: block;


    width: 100%;


  object-fit:cover;


  height: 250px;


  padding: 20px;


}


.bigpharma-product--featured-img img {


    position: relative;


    display: block;


    width: 100%;


  object-fit:contain;


  height: 250px;


}


.bigpharma-product--btm {


    background: #F9F9F9;


    padding: 6px 15px;


  box-shadow: 0px 0px 4px 1px #00000040;


}


.bigpharma-product--title-box p, .bigpharma-product--title-box h3 {


    margin: 0;


}


.bigpharma-product--title-box {


    position: relative;


    display: flex;


    align-items: center;


    justify-content: space-between;


    margin-bottom: 10px;


}


p.bigpharma-product--price {


    margin-bottom: -6px;


}


h3.bigpharma-product--title {


    text-transform: uppercase;


    font-weight: 600;


    color: #000;


    width: 160px;


    height: 28px;


    overflow: hidden;


}


h3.bigpharma-product--title a {


  color: #000;


  text-decoration: none;


}


.bigpharma-product--variation-box {


    position: relative;


    display: flex;


    align-items: flex-end;


    justify-content: space-between;


}


.bigpharma-product--variations {


    position: relative;


    display: flex;


    align-items: center;


    justify-content: space-between;


    gap: 12px;


}


.bigpharma-product--variation-item {


    background: #A4B88B;


    min-width: 30px;


    min-height: 30px;


    overflow: hidden;


    padding: 5px;


    font-size: 10px;


    margin: 0;


    display: flex;


    align-items: center;


    justify-content: center;


    border-radius: 8px;


  color: #fff;


  font-family: var(--font-heading-family);


}


img.bigpharma-product--variation-item {


    width: 30px !important;


}


h3.bigpharma-product--title a {


    font-size: 18px;


}


.bigpharma-product--rating {


    font-size: 10px;


    font-weight: 300;


  min-height: 27px;


}


span.star-rating {


    color: #3C9F8E;


    font-size: 15px;


}


a.add-to-cart-link {


    background: #077965;


    padding: 4px 14px;


    color: #fff !important;


    border-radius: 8px;


    font-size: 14px;


    position: relative;


    display: inline-block;


    margin-bottom: 5px;


  text-decoration: none;


}








/***************************************************/


/***************Home Slider Css Start***************/


/***************************************************/


.custom-product-slider .title-wrapper-with-link {


    display: block;


  }


  .custom-product-slider .title {


    text-align: center;


    font-weight: var(--font-heading-weight);


    font-size: calc(var(--font-heading-scale) * 2.4rem);


  }


  .dawn-product-slider {


    padding: 0 20px;


  }


  .dawn-product-slider img {


      width: 100%;


  }


  .dawn-product-slider .carousel-cell {


    margin: 12px;


    width: calc(32% - 10px);


    padding: 15px;


  }


  .product-btn {


      width: 100%;


  }


  .dawn-product-slider a {


    color: black;


    text-decoration: none;


  }


  .dawn-product-slider a .title:hover {


    text-decoration: none;


  }


  .dawn-product-slider a .title, .dawn-product-slider a .price {


    margin: 0px;


  }


  .dawn-product-slider .flickity-button.flickity-prev-next-button.previous,


  .dawn-product-slider .flickity-button.flickity-prev-next-button.next {


    background: {{ section.settings.navigation_bg_color }};


    color: black;


  }


  .dawn-product-slider:focus-visible, .dawn-product-slider .carousel:focus-visible {


    outline: unset;


    outline-offset: unset;


    box-shadow: unset;


  }


  .dawn-product-slider .custom-view-all {


    display: block;


    text-align: center;


    margin: 0 auto;


    background: {{ section.settings.viewall_bg_color }};


    width: fit-content;


    padding: 10px 20px 10px 20px;


    font-family: var(--font-heading-family);


  }


  .dawn-product-slider .custom-view-all a {


    color: {{ section.settings.viewall_color }};


  }


  .dawn-product-slider .flickity-page-dots {


    display: none;


  }


div#shopify-section-template--23474086281530__product_slider_and_about_JnYajK {


    margin-top: -120px;


}


.dawn-product-slider .flickity-button.flickity-prev-next-button.previous, .dawn-product-slider .flickity-button.flickity-prev-next-button.next {


    background: transparent;


}


.flickity-prev-next-button.next {


    right: 0px;


}


.flickity-prev-next-button.previous {


    left: 0px;


}


.dawn-product-slider .custom-view-all {


  display: none !important;


}


.dawn-product-slider .carousel-cell .bigpharma-product {


    transform: scale(1);


  transition: 0.5s;


  width: 100% !important;


    max-width: 100% !important;


  }


.dawn-product-slider .carousel-cell.is-next .bigpharma-product, .dawn-product-slider .carousel-cell.is-prev .bigpharma-product {


    transform: scale(1.04);


}


.dawn-product-slider .carousel-cell.is-selected .bigpharma-product {


    transform: scale(1.1);


}


.dawn-product-slider .flickity-button.flickity-prev-next-button.previous:focus, .dawn-product-slider .flickity-button.flickity-prev-next-button.next:focus {


  outline: 0;


    border: 0;


    box-shadow: none;


}


ul.bigpharma-product-product-tags li.bigpharma-product-product-tag:nth-child(n+3) {


    display: none;


}


.grid__item.bigpharma-product {


    flex-grow: initial !important;


}





/***************************************************/


/***************Home About Css Start***************/


/***************************************************/


.bigpharma-about .bigpharma--row {


    background: #ECF2E9;


    overflow: hidden;


    border-radius: 16px;


    padding: 30px;


}


.bigpharma--section-heading {


    font-size: 48px;


    margin: 0;


    margin-bottom: 25px;


    text-transform: uppercase;


    font-weight: 700;


  text-shadow: 0px 1px 2px #00000040;


}


.bigpharma--section-txt {


    color: #000;


    font-size: 16.5px;


    line-height: 1.3em;


  text-shadow: 0px 1px 2px #00000040;


  font-weight: 500;


}


.bigpharma--about-image img {


    position: relative;


    display: block;


    width: 100%;


}


.bigpharma--about-icons {


    position: relative;


    display: block;


  margin-top: 55px;


}


.icon-with-text {


    text-align: center;


    position: relative;


    display: inline-block;


}


.icon-with-text img {


    position: relative;


    display: block;


    width: 50px;


    height: 50px;


    object-fit: contain;


    padding: 2px;


    margin-left: auto;


    margin-right: auto;


}


.icon-with-text p {


    position: relative;


    display: block;


    text-shadow: 0px 1px 2px #00000040;


    color: #000;


    font-size: 18px;


    margin: 0;


}











/***************************************************/


/***************Home Products Css Start***************/


/***************************************************/


.bigpharma--products .bigpharma-product-box-all-products {


    display: flex;


    position: relative;


    gap: 20px;


    flex-wrap: wrap;


  background: #ECF2E9;


  border-radius: 16px;


    padding: 30px;


  overflow: hidden;


}


.bigpharma--products .bigpharma--row {


    background: #F2F6F1;


    overflow: hidden;


    border-radius: 16px;


    padding: 30px;


}


.bigpharma--products .bigpharma-product-box-all-products .bigpharma-product {


    width: calc(20% - 16px);


  max-width: 100%;


}


.bigpharma--products .bigpharma-product--featured-img a, .bigpharma--products .bigpharma-product--featured-img img {


    height: 295px;


}


.bigpharma-product-filter select {


    position: relative;


    display: inline-block;


    padding: 8px;


    border: 1px solid #A4B88B;


    background: #fff;


    border-radius: 8px;


    color: #8A8A8A;


    margin: 0px 10px;


}


.bigpharma-product-filter {


    position: relative;


    display: block;


    margin-bottom: 20px;


}


select#accessoris-filter-rating, .accessoris-filter-price-box {


    position: relative;


    display: inline-block;


    padding: 8px;


    border: 1px solid #A4B88B;


    background: #fff;


    border-radius: 8px;


    color: #8A8A8A;


    margin: 0px 10px;


}


div#filter-category-container div {


    position: relative;


}


div#filter-category-container .accessories label {


    pointer-events: none;


}


div#filter-category-container .accessories label ~ a {


    /* background: red; */


    position: absolute;


    top: 0;


    left: 0;


    right: 0;


    bottom: 0;


    display: flex;


    justify-content: center;


    align-items: flex-end;


    text-shadow: 0px 1px 2px #00000040;


    color: #000;


    font-size: 16px;


    text-decoration: none;


    opacity: 0;


}


/***************************************************/


/***************Home Matrix Css Start***************/


/***************************************************/


.bigpharma--percentage .bigpharma--row {


    background: #F2F6F1;


    overflow: hidden;


    border-radius: 16px;


    padding: 30px;


}


.bigpharma-percentage-box {


  display: flex;


    position: relative;


    gap: 0px;


    flex-wrap: wrap;


  background: #ECF2E9;


  border-radius: 8px;


    padding: 5px 10px 20px;


  overflow: hidden;


  justify-content: center;


  flex-direction: column;


  max-width: 440px;


  margin-left: auto;


  margin-right: auto;


}


.bigpharma-percentage-box h3, .bigpharma-percentage-box p {


  text-align: center;


}


h3.bigpharma-percentage-box-heading {


    font-size: 96px;


    margin: 0;


    color: #077965;


  font-family: timw;


}


p.bigpharma-percentage-box-txt {


    margin: 0;


    position: relative;


    display: block;


    color: #000;


    font-size: 18px;


}

















/***************************************************/


/*************Home Innovation Css Start*************/


/***************************************************/


.bigpharma--innovation .bigpharma--row {


    background: #F2F6F1;


    overflow: hidden;


    border-radius: 16px;


    padding: 30px 10px;


}


.bigpharma-innovation-icon-box {


    position: relative;


    display: flex;


    align-items: center;


    flex-wrap: wrap;


  justify-content: space-between;


}


.bigpharma-innovation-icon-box-img {


    position: relative;


    display: inline-block;


    width: 60px;


    height: 60px;


    overflow: hidden;


}


.bigpharma-innovation-icon-box-content {


    position: relative;


    display: inline-block;


    width: calc(100% - 70px);


}


h3.bigpharma-innovation-box-heading {


    position: relative;


    display: block;


    font-size: 20px;


    font-weight: 500;


    color: #000;


    margin: 0;


}


p.bigpharma-innovation-box-txt {


    position: relative;


    display: block;


    font-size: 15px;


    margin: 0px;


    margin-top: 5px;


}


.accessoris-filter-price-box span {


    font-size: 12px;


    font-weight: 300 !important;


}


.accessoris-filter-price-box {


    position: relative;


    display: flex;


    gap: 5px;


    width: max-content;


}


.bigpharma-product-accessoris-filter {


    position: relative;


    display: flex;


    flex-wrap: wrap;


}





/********** Range Input Styles **********/


/*Range Reset*/


.bigpharma-product-accessoris-filter input[type="range"] {


   -webkit-appearance: none;


    appearance: none;


    background: transparent;


    cursor: pointer;


    width: 100%;


}





/* Removes default focus */


.bigpharma-product-accessoris-filter input[type="range"]:focus {


  outline: none;


}





/***** Chrome, Safari, Opera and Edge Chromium styles *****/


/* slider track */


.bigpharma-product-accessoris-filter input[type="range"]::-webkit-slider-runnable-track {


   background-color: #A4B88B;


   height: 1px;  


}





/* slider thumb */


.bigpharma-product-accessoris-filter input[type="range"]::-webkit-slider-thumb {


  -webkit-appearance: none; /* Override default look */


   appearance: none;


   margin-top: -4px; /* Centers thumb on the track */





   /*custom styles*/


   background-color: #A4B88B;


   height: 9px;


   width: 9px;


  border-radius: 100px;


}





/******** Firefox styles ********/


/* slider track */


.bigpharma-product-accessoris-filter input[type="range"]::-moz-range-track {


   background-color: #A4B88B;


   height: 1px;  


}





/* slider thumb */


.bigpharma-product-accessoris-filter input[type="range"]::-moz-range-thumb {{


  -webkit-appearance: none; /* Override default look */


   appearance: none;


   margin-top: -4px; /* Centers thumb on the track */





   /*custom styles*/


   background-color: #A4B88B;


   height: 9px;


   width: 9px;


  border-radius: 100px;


}




















/***************************************************/


/***************About Page Css Start****************/


/***************************************************/



































/***************************************************/


/*****************Footer Css Start******************/


/***************************************************/


footer.footer.color-scheme-1.gradient.section-sections--23474086773050__footer-padding {


    background: #373737 !important;


}





a.link.link--text.list-menu__item.list-menu__item--link {


    color: #fff !important;


    text-decoration:underline !important;


}


.footer-block__image-wrapper {


    margin-top: -35px !important;


}


small.copyright__content {


    font-size: 16px;


    font-weight: 200 !important;


    font-family: 'Montserrat';


    line-height: 19px;


    color: #fff;


}


.footer__copyright.caption {


    text-align: center !important;


    width: 100% !important;


    margin-top: 0px !important;


}


.footer__content-bottom.scroll-trigger.animate--slide-in {


    border-top: 0px !important;


}


label.field__label {


    color: #000;


}


span.svg-wrapper {


    color: #000;


}








.footer-block__newsletter {


    position: absolute;


    top: -170px;


    left: 230px;


    right: 0;


    bottom: 0;


}


.newsletter-form__field-wrapper {


    border: 1px solid #F4F4F4 !important;


    border-radius: 4px !important;


    background: #F4F4F4 !important;


}





input#NewsletterForm--sections--23474086773050__footer {


    background: transparent;


}


.footer__content-top {


    padding-bottom: 0rem !important; 


    display: block;


}


a.link.link--text.list-menu__item.list-menu__item--link {


    font-size: 16px !important;


    font-weight: 300 !important;


}


input#NewsletterForm--sections--23474086773050__footer {


    background: transparent;


    border: 1px solid #005E4D;


  background: #fff !important;


}


.newsletter-form__field-wrapper .field:before {


  display: none;


}


.newsletter-form__field-wrapper {


    border: 0px solid #F4F4F4 !important;


    border-radius: 0px !important;


    background: transparent !important;


}


.big-pharma-header-logo img {


    max-height: max-content;


    object-fit: contain;


    width: 185px;


}


table.cart-items .swym-button-bar.swym-wishlist-button-bar.swym-inject {


    display: none;


}


.product-bigpharma-single .swym-button-bar.swym-wishlist-button-bar.swym-inject {


    display: none;


}


  stroke: #5F8E0E;
  stroke-width: 16;
  transition: stroke-dashoffset 6s cubic-bezier(0.4,0,0.2,1);
  fill: none;
  stroke-linecap: round;
  transform: rotate(-90deg);
}



  stroke: #5F8E0E;
  stroke-width: 16;
  transition: stroke-dashoffset 6s cubic-bezier(0.4,0,0.2,1);
  fill: none;
  stroke-linecap: round;
  transform: rotate(-90deg);
}



  stroke: #5F8E0E;
  stroke-width: 16;
  transition: stroke-dashoffset 6s cubic-bezier(0.4,0,0.2,1);
  fill: none;
  stroke-linecap: round;
  transform: rotate(-90deg);
}