@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.TTF');
    src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype");
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins-SemiBold.TTF');
    src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype");
}

html, body {font-family: Poppins-Regular, Calibri, Arial;color: #333;font-size: 13px;line-height: 18px;background: #f1f1f1;}
a {text-decoration: none;color: #1f80d3;}
/* Back to top button */

.back-to-top {position: fixed;display: none;background: #1f80d3;color: #fff;width: 44px;height: 44px;text-align: center;line-height: 1;font-size: 16px;border-radius: 50%;right: 15px;bottom: 15px;transition: background 0.5s;z-index: 9999;}
.back-to-top i {padding-top: 12px;color: #fff;}
.header {background: #fcfcfc;padding: 5px 0;}
.header-upper {background: #35a2c6;height: 35px;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header { width: 400px; margin: auto;height: 55px;transition: all 0.5s;z-index: 997;transition: all 0.5s;padding: 0;background: #f5f5f5;}
.logo {padding: 5px 0 0 15px;width: 150px;}
.logo img {width: 100%; margin-top: 5px;}
/*.navbar{padding:0;}
.navbar-light .navbar-toggler{color:#fff; border-color:transparent;}*/

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.main-nav {
    /* Drop Down */
    /* Deep Drop Down */
}
.main-nav, .main-nav * {margin: 0;padding: 0;list-style: none;}
.main-nav > ul > li {position: relative;white-space: nowrap;float: left;padding: 8px 5px;}
.main-nav a {display: block;position: relative;color: #fff;margin: 0 1px;padding: 10px;transition: 0.3s;font-weight: 500;line-height: 20px;}
.main-nav a:hover,.main-nav .active > a,.main-nav li:hover > a {color: #ffba94;text-decoration: none;font-weight: 500;}
.main-nav .drop-down ul {display: block;position: absolute;left: 0;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.main-nav .drop-down li {min-width: 180px;position: relative;}
.main-nav .drop-down ul a {padding: 7px 10px;font-size: 13px;color: #004289;}
.main-nav .drop-down ul a:hover,.main-nav .drop-down ul .active > a,.main-nav .drop-down ul li:hover > a {color: #ffba94;}
.main-nav .drop-down > a:after {content: "\f107";font-family: FontAwesome;padding-left: 5px;}
.main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105";position: absolute;right: 15px;}

/* Mobile Navigation */
.mobile-nav {position: fixed;top: 54px;z-index: 9999;overflow-y: auto;left: -100%;width: 100%;background: #1f80d3;transition: 0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #fff;padding: 15px;font-weight: 500;font-size: 18px;text-align: center;}
.mobile-nav a:hover,.mobile-nav .active > a,.mobile-nav li:hover > a {color: #ffba94;text-decoration: none;}
.mobile-nav .drop-down > a:after {content: "\f078";font-family: FontAwesome;padding-left: 10px;position: absolute;right: 15px;}
.mobile-nav .active.drop-down > a:after {content: "\f077";}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down ul {display none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle {position: fixed;right: 0;top: 5px;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
.mobile-nav-toggle i {margin: 10px 18px 0 0;color: #ffffff;}
.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed; /*background: rgba(19, 39, 57, 0.8);*/overflow: hidden;display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
.main_content_wrapper {margin: 0;padding: 0 0 0;}
.Inner_Container {width: 100%;min-height: 80vh; margin: 50px 0 0; /*background:url(../images/inner_logo_logo.png) top right no-repeat*/; background-color: white;}
.content_bg {background: #fff;margin: 0 0 10px;padding: 10px;}
.page_title {font-size: 18px;margin-bottom: 20px;font-weight: bold;}
.qrcode_scan_section {width: 250px;height: 250px;margin: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.qrcode_scan {width: 250px;height: auto;border: 5px solid #ffd50a;border-radius: 20px;padding: 5px;}
.qrcode_scan img {width: 100%;}
.scan_btn {background: #ffd50a;color: #fff;padding: 5px 20px;border: none;outline: none;margin: 15px 0 0;border-radius: 20px;display: block;-webkit-transform: 2s ease-in-out;transition: transform .2s ease-in-out;}
.scan_btn:hover {background: #fa8748;color: #fff;}
.flash_bg {background: #e7e3e3;position: relative;height: 100vh;text-align: center;overflow: hidden;z-index: 999999;}
.flash_bg .flash_logo {width: 300px;height: 100px;margin: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.flash_bg .flash_logo img {width: 100%;}
.flash_logo {position: relative;}
.flash_logo:before {content: '';position: absolute;background: #e7e3e3;width: 100%;height: 100%;animation: reveal 3s forwards;animation-delay: .2s;}
@keyframes reveal {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
        opacity: 5;
    }
}

.welcome_text {font-size: 20px;margin: 20px 0 5px;}
.welcome_logo {width: 150px;height: auto;}.welcome_logo img {width: 100%;}
.welcome_icon {margin: 50px 0 10px;text-align: center;}
.welcome_icon img {margin: 0 10px 0 0;}
.carousel-indicators [data-bs-target] {width: 5px;height: 5px;border-radius: 50%;background-color: #6f7780;}
.carousel-indicators {margin-bottom: -2rem;}
.button_section {width: 100%;height: auto;margin: 30px 0;text-align: center;}
.btn-primary {background: #ffd50a;border: 1px solid #ffd50a;color: #000000;}
.btn-primary:hover {background: #fa8748;color: #000000;border: 1px solid #fa8748;}

.btn-check:focus + .btn-primary, .btn-primary:focus {color: #fff;background-color: #1f80d3;border-color: #1f80d3;}
.cookies_section {background: #f2f9f9;padding: 10px 30px;position: fixed;bottom: 10px;width: 400px;z-index: 999;}
.cookies_section .cookies_head {font-size: 16px;font-weight: bold;margin: 0 0 10px;}
.carousel {margin: 0 0 40px;}
/*.carousel-item img{width:100%;}*/
.newsletter_bg {background: rgba(0, 0, 0, 0.5);height: 100vh;width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.newsletter_section {width: 100%;background: #fff;border-radius: 10px 10px 0 0;position: absolute;bottom: 0;padding: 20px;}
.product_name {font-size: 16px;font-weight: bold;margin: 0 0 10px;}
.nestle_btn {border: 1px solid #f4f4f4;border-radius: 5px;padding: 10px;margin: 5px 0;display: block;}
.product_list {width: 100%;height: auto;margin: 0;}
.product_list ul {margin: 0;padding: 0;}
.product_list ul li {border: 1px solid #f4f4f4;border-radius: 5px;padding: 10px;margin: 5px 0;display: block;}
.product_list a {color: #333;}
.product_list a:hover {color: #1f80d3;}
.rating_no {font-size: 15px;font-weight: bold;float: right;}
.brand_gray_text {color: #6f7780;font-weight: normal;padding: 3px 0 0;}
.brand_gray_txt {color: #6f7780;font-weight: normal;padding: 3px 0 0;}
.certified_box {border: 1px solid #f4f4f4;border-radius: 5px;padding: 5px;}
.certified_text {font-size: 12px;color: #6f7780;line-height: 15px;}
.certified_no {font-size: 13px;font-weight: bold;}
#owl-demo .item {margin: 5px;border: 1px solid #f4f4f4;border-radius: 5px;text-align: center;padding: 10px;}
.owl-carousel .owl-item {float: left;}
.supply_chain_box {background: #f8f8f8;border-radius: 5px;padding: 5px;text-align: center;border: 1px solid #f8f8f8;}
.supply_chain_box:hover {border: 1px solid #1f80d3;background: #f2f9f9;}
.supply_chain_box.active {border: 1px solid #1f80d3;background: #f2f9f9;}
.supply_chain_box img {width: 40px;margin: 0 0 5px;}
.supply_chain_rating {font-size: 13px;font-weight: bold;}
.supply_chain_head {font-size: 14px;font-weight: bold;margin: 0 0 5px;}
.supply_chain_icon {width: 100%;height: auto;margin: 0 auto 5px;}
.sustainable_rating {background: #fdf0e8;padding: 3px 10px;border-radius: 20px;font-weight: bold;white-space: nowrap;margin: 0 5px 0 0;float: right;}
.content_bg table td {vertical-align: top;}
.more_btn {width: 100%;margin: 20px 0;text-align: center;}
.more_btn a {border: 1px solid #1f80d3;padding: 8px 20px;border-radius: 5px;}
.more_btn a:hover {background: #1f80d3;border: 1px solid #1f80d3;color: #fff;}
.other_products {margin: 0;padding: 0;width: 100%;}
.other_products ul {margin: 0;padding: 0;}
.other_products ul li {margin: 0 14px 14px;padding: 0;width: 45px;height: 45px;list-style-type: none;display: inline-block;border-radius: 50%;overflow: hidden;box-shadow: 0 4px 4px #999;}
.other_products ul li img {width: 100%;height: 100%;object-fit: cover;}
.star {color: #fa8748;}
.star_light {color: #f8d4bf;}
.star_red {color: #ef5f5f;}
.star_orange {color: #f57b35;}
.star_yellow {color: #eec76d;}
.star_green {color: #9bc268;}
.star_blue {color: #69c0ab;}
.star_outline_red {color: #ef5f5f;}
.star_outline_orange {color: #f57b35;}
.star_outline_yellow {color: #eec76d;}
.star_outline_green {color: #9bc268;}
.star_outline_blue {color: #69c0ab;}
.rating_bg {background: #fdf0e8;padding: 10px;border-radius: 10px;font-size: 15px;}
.scans_bg {background: #f2f9f9;padding: 10px;border-radius: 10px;}
.top_scan_btn {float: left;margin: 15px 0 0;}
.top_scan_btn a {background: #f2f9f9;padding: 5px 10px;border-radius: 5px;color: #1f80d3;float: left;}
.top_scan_btn a:hover {background: #f2f9f9;padding: 5px 10px;border-radius: 5px;color: #1f80d3;float: left;}
/*--------------------- Start accordion CSS Modify ----------------*/
.accordion-item {background-color: #fff;margin: 0 0 10px;border-radius: 5px;}
.accordion-button {cursor: pointer;border-radius: 5px;}
/* .accordion-item:not(:first-of-type) {border-top: 1px solid rgba(0, 0, 0, .125);} */
.accordion-button:hover {color: #000;}
.accordion-button:not(.collapsed) {color: #000;background-color: transparent;box-shadow: none;}
.accordion-button::after {background-image: url(../images/accordin_arrow.svg);}
.accordion-button:not(.collapsed)::after {background-image: url(../images/accordin_arrow.svg);}
/*--------------------- End accordion CSS Modify ----------------*/

/*--------------------- Start Tab CSS Modify ----------------*/
.supply_chain_tab {width: 100%;}
.supply_chain_tab .nav-tabs .nav-link {width: 21.6%;margin: 5px;}
.supply_chain_tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border: 1px solid #1f80d3;background: #f2f9f9;}
.supply_chain_tab .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border: 1px solid #1f80d3;background: #f2f9f9;}
.supply_chain_tab .nav-tabs {border-bottom: none;}
.supply_chain_tab .nav-link {padding: 8px;border: 1px solid #f8f8f8;background: #f8f8f8;color: #1f80d3;}
/*--------------------- End Tab CSS Modify ----------------*/

.inner_banner {width: 100%;height: auto;margin: 0 0 20px;}
.inner_banner img {width: 100%;}
.carousel-item {text-align: center;}
.product_logo {width: 87px;height: 87px;border-radius: 50%;margin: -60px 20px 20px;box-shadow: 0 5px 5px #ccc;border: 2px solid #fff;overflow: hidden;background: #fff;}
.product_logo img {width: 92%;height: 80%;object-fit: contain;}
.sustainability_bg {background: #f2f9f9;padding: 20px;border-radius: 10px;}
.sustainability_bg .arrow {width: 35px;height: 35px;line-height: 37px;text-align: center;color: #fff;font-size: 18px;background: #1f80d3;border-radius: 50%;margin: 15px 0 0;}
.modal {top: 50px;}

.contact_us a {border: 1px solid #1f80d3;border-radius: 5px;margin: 0 5px;padding: 5px 10px;display: block;margin: 10px;text-align: center;}
.product_search_bg {background: #f5f5f5;border: 0;width: 100%;height: auto;border-radius: 20px;margin: 0 0 20px;}
.product_search_icon {width: 35px;padding: 5px;display: inline-block;text-align: center;font-size: 12px;}
.product_search {background: #f5f5f5;border: 0;width: 65%;font-size: 12px;height: auto;border-radius: 20px;display: inline-block;outline: none;}
.product_right_search_icon { width: auto;padding: 5px;display: inline-block;text-align: center;font-size: 12px;float: right;}
.product_right_search_icon .bi {margin: 0 5px;}
.result_no {font-size: 15px;font-weight: bold;}

.grid-view-filter .product_details_list {width: 100%;margin: 0 0 10px;padding: 10px;}
.grid-view-filter .product_img {border: 1px solid #d3d3d3;border-radius: 10px;padding: 10px;width: 100%;height: 80px;margin: 0 auto 15px;}
.grid-view-filter .product_img img {width: 100%;height: 100%;object-fit: contain;}
.grid-view-filter .product_details {width: 100%;}

.grid-view-filter .certified {background: #f2f9f9;color: #1f80d3; font-weight: bold;padding: 5px 20px;margin: 0 0 5px;border-radius: 15px;width: auto;display: inline-block;}
.grid-view-filter .not_certified {background: #fdf0eb;color: #fcae2b;font-weight: bold;padding: 5px 20px;margin: 0 0 5px;border-radius: 15px;width: auto;display: inline-block;}
.grid-view-filter .product_list_name {font-size: 14px;font-weight: bold;margin: 0 0 5px}
.grid-view-filter .product_desc {color: #6f7780;font-size: 12px;}
.list-view-filter .product_details_list {width: 100%;margin: 0 0 10px;padding: 10px;}
.list-view-filter .product_img {border: 1px solid #d3d3d3;border-radius: 10px;padding: 10px;width: 100px;height: 80px;margin: 0 15px 0 0;display: inline-block;vertical-align: top;}
.list-view-filter .product_img img {width: 100%;height: 100%;object-fit: contain;}
.list-view-filter .product_details {width: 88%;display: inline-block;vertical-align: top;}
.list-view-filter .certified {background: #f2f9f9;color: #1f80d3;font-weight: bold;padding: 5px 20px;margin: 0 0 5px;border-radius: 15px;width: auto;display: inline-block;}
.list-view-filter .not_certified {background: #fdf0eb;color: #fcae2b;font-weight: bold;padding: 5px 20px;margin: 0 0 5px;border-radius: 15px;width: auto;display: inline-block;}
.list-view-filter .product_list_name {font-size: 14px;font-weight: bold;margin: 0 0 5px}
.list-view-filter .product_desc {color: #6f7780;font-size: 12px;}
.filter-buttons {display: flex;margin-bottom: 10px;}
.list-view-button, .grid-view-button {color: #1f80d3;background: #f2f9f9;padding: 5px;margin: 0 5px 0 0;cursor: pointer;border-radius: 3px;}
.list-view-button:hover, .grid-view-button:hover {background: #fcfcfc;color: #0e2439;}
.list-view-button {margin-right: 10px;}
.product_section .list {list-style: none;margin: 0;padding: 0;display: flex;}
.product_section .list li {transition: 0.3s;}
.product_section .list.list-view-filter {flex-direction: column;}
.product_section .list.list-view-filter li {padding: 0;}
.product_section .list.grid-view-filter {flex-flow: row wrap;}
.product_section .list.grid-view-filter li {width: calc(43.7% - 210px);padding: 0;margin: 0;}
.Information {background: #fff;height: 400px;padding: 80px 30px 30px;}
.InfoIcon {color: #f00;font-size: 40px;}
.main_mobile_div {width: 400px;margin: auto;}
.top_scan_btn {float: right;margin: 10px 0 0;width: auto;display: inline-block;position: absolute;top: 5px;left:175px;}
.product_menu {background: #1f80d3;position: relative;top: 0;width: 100%;margin: auto;display: none;z-index: 99;overflow: hidden;}
.nav_bar {color: #fff;font-size: 30px;float: right;margin: 10px 0 0;width: auto;display: inline-block;position: absolute;top: 5px;left: 340px;}
.nav_bar a {color: #1f80d3;}
.product-nav ul {margin: 0;padding: 0;}
.product-nav ul li {display: block;text-align: center;list-style-type: none;}
.product-nav ul li a {display: block;text-align: center;list-style-type: none;color: #fff;padding: 15px;font-size: 18px;}
.inner_banner {position: relative;}
.product_logo {position: relative;z-index: 10; /* Ensure the logo is on top */}
.refresh_icon {position: absolute;right: 13px; top: 1px; /* border: 1px solid #1f80d3;*/padding: 5px;display: flex;align-items: center;}
.refresh_icon a {font-size: 20px;margin: 0 5px;cursor: pointer;}
.scanner-icon {background-color: #1f7f79;color: white;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 28px;margin: 0 auto 20px;}
.scanner-container {display: flex;flex-direction: column;align-items: center; justify-content: center; height: 100vh;      text-align: center;}
.scanner-title {font-weight: 600;font-size: 20px;margin-bottom: 8px;color: #2c3e50;}
.scanner-subtitle {font-size: 13px;color: #888;margin-bottom: 30px;}
.scanner-container {display: flex; margin: auto; width: 400px; background-color: white;flex-direction: column;align-items: center;    justify-content: center; height: 80vh;text-align: center;}

.scanner-btn i {font-size: 18px;}
.scanner-icon {background-color: #1f80d3;color: white;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 28px;margin: 0 auto 20px;}
.scanner-title {font-weight: 600;font-size: 20px;margin-bottom: 8px;color: #2c3e50;}
.scanner-subtitle {font-size: 13px;color: #888;margin-bottom: 30px;}
.scanner-btn {background-color: #ffa400;border: none;color: rgb(0, 0, 0);padding: 12px 24px;border-radius: 8px;font-weight: 500;font-size: 16px;display: inline-flex;align-items: center;gap: 10px;transition: background-color 0.3s ease;}
.scanner-btn:hover {background-color: #e39402; color: black;}
.scanner-btn i {font-size: 18px;}
.footer {background: #ffa400;width: 400px; margin: auto;padding: 10px;color: #ffffff;}
.footer a {color: #ffffff;padding: 0;margin: 0 10px 5px 0;font-size: 18px;}
.footer a:hover {color: #fff;}

.footer ul {margin: 0;padding: 0;}
.footer ul li {margin: 0;padding: 5px 0;list-style-type: none;display: block;}
.footer ul li a {color: #ffffff;font-size: 13px;}
.footer ul li a:hover {color: #fff;}
#productCard:hover {background-color: #f8f9fa;}
#scanning-overlay {display: none;position: fixed;top: 50%;left: 50%;width: 400px;height: 400px;background: rgba(0, 0, 0, 0.85);transform: translate(-50%, -50%);z-index: 9998;border-radius: 10px;}
.scan-frame {position: absolute;top: 50%;left: 50%;width: 80%;height: 200px;transform: translate(-50%, -50%);border: 2px solid #0f0;overflow: hidden;}
.scan-line {position: absolute;top: 0;left: 0;height: 2px;width: 100%;background: red;animation: scan 2s linear infinite;}
@keyframes scan {
  0% {
    top: 0;
  }

  100% {
    top: 100%;
  }
}

/* Product Card */
#product-card {position: fixed;bottom: -300px;left: 50%;transform: translateX(-50%);width: 400px;background: white;border-top-left-radius: 20px;border-top-right-radius: 20px;box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);transition: bottom 0.4s ease-in-out;padding: 20px;z-index: 9999;}
#product-card.show {bottom: 0;}
.product-card-content {text-align: center;}
.product-card-content img {width: 100px;margin-bottom: 10px;}

.star1 {color: #FFD700;}
.star_gold {color: #FFD700;}
.dot {height: 12px;width: 12px;border-radius: 50%;display: inline-block;}
.details-container{flex-direction: column;align-items: center; justify-content: center;text-align: center; background-color: white;}
.accordion-button {display: flex;align-items: center;justify-content: space-between;padding: 1rem;font-weight: 600;font-size: 1rem;background-color: #fff;border: none;box-shadow: none;}
.accordion-button.collapsed {background-color: #fff;}
.accordion-content {display: flex;align-items: center;justify-content: space-between;width: 100%;}
.accordion-left {display: flex;align-items: center;gap: 0.75rem;}
.accordion-left img {width: 24px;height: 24px;}
.accordion-text {display: flex;flex-direction: column;font-size: 0.95rem;}
.accordion-desc {font-size: 0.75rem;color: #888;}
.accordion-right {display: flex;align-items: center;gap: 0.5rem;font-weight: 500;font-size: 0.9rem;}
.dot {width: 10px;height: 10px;border-radius: 50%;}
.dot.red {background-color: #e74c3c;}
.dot.orange {background-color: #f39c12;}
.details-heading{font-size: 16px; color: black; font-weight: 600; text-align: left;}
.product-d-container {display: flex;gap: 20px;align-items: center;}
.product-d-image img {max-width: 100%;height: auto;width: 150px;}
.product-d-info {flex-grow: 1;}
.risk-level {display: flex;align-items: center;margin-bottom: 10px;}
.dot {width: 14px;height: 14px;border-radius: 50%;margin-right: 10px;display: inline-block;}
.hazardous { background-color: red; }
.moderate { background-color: orange; }
.limited { background-color: yellow; }
.no-risk { background-color: green; }
.info-link {color: #3366cc;text-decoration: none;font-size: 14px;display: inline-block;margin-top: 10px;}
.info-link:hover {text-decoration: underline; }
.slider-container {position: relative;overflow: hidden;width: 100%;max-width: 1000px;margin: auto;}
.slider-track {display: flex;transition: transform 0.5s ease-in-out;}
.slide {min-width: 250px;max-width: 250px;margin-right: 20px;background: #fff;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);padding: 10px;}
.slide img {width: 100%;border-radius: 8px;}
.slide h4 {margin: 10px 0 5px;font-size: 18px;}
.slide p {margin: 0;color: #555;}
.arrow {position: absolute;top: 50%;transform: translateY(-50%);background: #000;color: #fff;border: none;font-size: 20px;padding: 10px;cursor: pointer;z-index: 1;}
.arrow.left {left: 0;}
.arrow.right {right: 0;}
.product-image-container {display: flex;justify-content: center;align-items: center;height: 200px;overflow: hidden;}
.product-image {width: 100%;height: 100%;object-fit: contain;}
.review-textarea {width: 100%;display: block;padding: 12px;font-size: 12px;border-radius: 6px;border: 1px solid #ccc;resize: vertical;}
.submit-btn {background-color: #ffa400;color: rgb(0, 0, 0);padding: 10px 24px;border: none;border-radius: 6px; font-size: 16px;cursor: pointer; width: 100%;}
.submit-btn:hover {background-color: #e39402;}
#starContainer{font-size: 20px;}
.star1 {color: #FFD700;}
.star_gold {color: #FFD700;}
.star {font-size: 2rem;cursor: pointer;color: lightgray; transition: color 0.2s;}
.star.full {color: #FFD700; /* full golden yellow */}
.star.half::before {content: "★";position: absolute;overflow: hidden;width: 50%;color: #FFD700;}

/* Media  */
@media (max-width: 768px) {
    .product_section .list.grid-view-filter li {width: calc(100% - 178px);padding: 0;margin: 0;text-align: left;}
    .list-view-filter .product_details {width: 60%;text-align: left;display: inline-block;vertical-align: top;}
    .grid-view-filter .product_details {text-align: left;}
    .list-view-filter .product_details {text-align: left;}
    .cookies_section {width: 98%;}
    .main_mobile_div {width: 400px !important;margin: auto !important;}
    /*.cookies_section{width:100%;}*/
          .slide {
        min-width: 200px;
        max-width: 200px;
      }
}


@media (max-width: 767px) {
    .top_scan_btn {float: right;margin: 10px 0 0;width: auto;display: inline-block;position: absolute;top: 5px;left: 220px;}
    /*.nav_bar{left:440px;}*/
}

@media (max-width: 480px) {
    .supply_chain_tab .nav-tabs .nav-link {width: 21%;margin: 6px;}
    .cookies_section {width: 98%;}
    .movile-view{width: 100%;}
    .footer {width: 100%;} 
        .main_mobile_div {width: 100% !important;margin: auto !important;}
    .scanner-container{width: 100%;}
    #header {width: 100%;}
}

@media (max-width:380px) {
    .refresh_icon {background: #fff;padding: 3px;}
    .refresh_icon a {font-size: 18px;color: #fa8748;margin: 0 5px;}
    .cookies_section {width: 98%;}
}