.see-more {
margin-left: 30px;}

.see-more i {
font-size: 12px;}

.see-more a {
color: #000000;}

.see-more a:hover {
text-decoration: none;}

.special-discount {
margin-top: 15px;
background-color: #F8F8F8;
padding-bottom: 10px;}

.best-deal {
margin-top: 15px;
padding-bottom: 10px;}

.special-discount .title,
.best-deal .title,
.shop-by-brand .title,
.partner-clinic-hospital .title {
color: #142D55;
font-size: 17px;
font-weight: bold;}

.shop-by-brand-section .item,
.partner-clinic-hospital .item {
background-color: #F8F8F8;
padding: 15px;}

.shop-by-brand-section .item .brand-img,
.partner-clinic-hospital .item .brand-img{
width: 100%;
padding-top: 80%;
background-position: center;
background-size: cover;
display: block;
overflow: hidden;}

.shop-by-brand-section .item .name,
.partner-clinic-hospital .item .name{
color: #000000;}

.shop-by-brand-section .item .name a,
.partner-clinic-hospital .item .name a{
color: #000000;}

.quick-links {
background-color: #F8F8F8;}

.quick-links .section-title {
color: #142D55;
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;}

.quick-links .item {
color: #142D55;
padding: 0.8rem 0;
border-bottom: 1px solid #142D55;}

.quick-links .item a{
color: #142D55;
text-decoration: none;}

.section-item-list .item
{
height:100%;
padding: 15px;
position: relative;}

.section-item-list .item-inner
{
height:85%;}

.section-item-list .item-inner .product-img {
width: 100%;
padding-top: 80%;
background-position: center;
background-size: cover;
border-radius: 10px;
box-shadow: 0 3px 5px rgba(148, 147, 147, 0.2);
display: block;
overflow: hidden;}

.section-item-list .detail .info
{
font-size: 14px;}

.section-item-list .detail .price
{
font-size: 14px;
color: #001e63;}

.section-item-list .detail .price del {
font-size: 13px;}

.section-item-list .detail .price .discounted {
color: #F18099;
font-size: 15px;}

.section-item-list .detail .price .promo-lable{
text-align: center;
font-size: 13px;
padding: 3px 6px;
color: #FFFFFF;
min-width: 120px;
background-color: #F18099;
border-radius: 10px;
margin-left: 5px;}

.section-item-list .btn-info
{
color: #142D55;
font-weight: normal;
padding:3px 7px 3px 7px;
border-radius: 5px;
background-color: #FFFFFF;
width: 100px;
font-size: 12px;
margin-bottom: 20px;
border: solid 1px #DDDDDD;}

.special-discount .owl-carousel .owl-stage,
.best-deal .owl-carousel .owl-stage,
.shop-by-brand .owl-carousel .owl-stage,
.partner-clinic-hospital .owl-carousel .owl-stage {
margin-left: -60px;}

.circle-nav-btn {
width: 28px;
height: 28px;
border-radius: 50%;
border: solid 1px #142D55;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;}

.circle-nav-btn:hover {
background-color: #ddd;}

.circle-nav-btn {
font-size: 13px;
color: #333;}

.ribbon-wrapper-v2 {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: 12px;
right: 12px;
z-index: 99;}

.ribbon-wrapper-detail {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
right: 12px;
z-index: 99;}

.ribbon {
font-size: 11px;
color: #FFF;
text-transform: uppercase;
font-family: 'Montserrat Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
letter-spacing: .05em;
line-height: 15px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: relative;
padding: 7px 0;
right: -11px;
top: 10px;
width: 100px;
height: 28px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
box-shadow: 0 0 3px rgba(0, 0, 0, .3);
background-color: #dedede;
background-image: -webkit-linear-gradient(top, #ffffff 45%, #dedede 100%);
background-image: -o-linear-gradient(top, #ffffff 45%, #dedede 100%);
background-image: linear-gradient(to bottom, #ffffff 45%, #dedede 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdedede', GradientType=0);}

.ribbon:before,
.ribbon:after {
content: "";
border-top: 3px solid #9e9e9e;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;}

.ribbon:before {
left: 0;}

.ribbon:after {
right: 0;}

.ribbon.red {
background-color: #bc1a3a;
background-image: -webkit-linear-gradient(top, #a61733 45%, #bc1a3a 100%);
background-image: -o-linear-gradient(top, #a61733 45%, #bc1a3a 100%);
background-image: linear-gradient(to bottom, #a61733 45%, #bc1a3a 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa61733', endColorstr='#ffbc1a3a', GradientType=0);}

.ribbon.red:before,
.ribbon.red:after {
border-top: 3px solid #8f142c;}

.ribbon.gray {
background-color: #939393;
background-image: -webkit-linear-gradient(top, #939393 45%, #939393 100%);
background-image: -o-linear-gradient(top, #939393 45%, #939393 100%);
background-image: linear-gradient(to bottom, #939393 45%, #939393 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa61733', endColorstr='#ffbc1a3a', GradientType=0);}

.ribbon.gray:before,
.ribbon.gray:after {
border-top: 3px solid #939393;}


.biz-home-banner {
position: relative;
}

.biz-home-banner .owl-carousel .owl-stage {
margin-left: 5px;}

.biz-home-banner-section .owl-nav {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
z-index: 10;
pointer-events: none;
}

.biz-home-banner-section .owl-nav button.owl-prev,
.biz-home-banner-section .owl-nav button.owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 10px;
pointer-events: auto;
z-index: 20;
}

.biz-home-banner-section .owl-nav button.owl-prev {
left: 150px;
}

.biz-home-banner-section .owl-nav button.owl-next {
right: 150px; 
}

@media (max-width: 999px) {
.biz-home-banner-section .owl-nav button.owl-prev {
left: 0;
}
.biz-home-banner-section .owl-nav button.owl-next {
right: 0;
}
.biz-home-banner .owl-carousel .owl-stage {
margin-left: 0;}
}


.biz-home-banner-section .owl-nav button.owl-prev,
.biz-home-banner-section .owl-nav button.owl-next {
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid #142D55 !important;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 13px;
color: #333;
background-color: white;
transition: background-color 0.3s;
position: absolute;
top: 50%;
transform: translateY(calc(-50% - 20px));
z-index: 20;
font-size: 20px;
}

.biz-home-banner-section .owl-nav button.owl-prev:hover,
.biz-home-banner-section .owl-nav button.owl-next:hover {
background-color: #ddd;
}

.biz-home-banner-section .owl-dots {
all: unset;
display: flex !important;
justify-content: center;
gap: 6px;
margin-top: 10px;}

.biz-home-banner-section .owl-dot {
all: unset;
display: inline-block;
cursor: pointer;
}

.biz-home-banner-section .owl-dot span {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: transparent;
border: 1px solid #142D55;
margin: 4px;
transition: background-color 0.3s;
}

.biz-home-banner-section .owl-dot.active span {
background-color: #142D55;
}

@media (min-width: 992px) {
.custom-col-lg-1 {
padding-left: 20px;
flex: 0 0 12.5%; 
max-width: 12.5%;
}

.custom-col-lg {
flex: 0 0 12.5%; 
max-width: 12.5%;
}
}
