@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap";

body {
	font - family: ibm plex sans, sans - serif;
	font - size: 13 px
}

: root {
	--theme: #008900
}

.osahan-listing .tic-div p.text-black {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none
}

::-webkit-scrollbar-corner {
	background-color: transparent
}

::-webkit-scrollbar-thumb {
	height: 6px;
	border: 4px solid transparent;
	background-clip: padding-box;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background-color: rgba(0, 0, 0, .15);
	-webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .05), inset 1px 1px 0 rgba(0, 0, 0, .05);
	box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .05), inset 1px 1px 0 rgba(0, 0, 0, .05)
}

::-webkit-scrollbar {
	width: 4px;
	background-color: # fff
}

::-webkit - scrollbar - thumb {
	height: 50 px;
	background: hsla(0, 0 %, 53.3 %, .4)
}

.home - tabs button {
	border: none;
	background: #fff;
	color: #000;
	margin: 0;
	padding: 12px 0 10px 0;
	margin: 0 22px 0 0
}

.cursor-pointer{cursor:pointer;}

.home-tabs button:hover {
	color: # 2 c2c2c;
	border - bottom: 2 px solid gray
}

.home - tabs button.active {
	color: #008900;
	border-bottom: 2px solid # 008900;
	font - weight: 500
}

.selling - box.home - product {
	padding: 0 1 px 1 px
}

.home - productc {
	padding: 10 px
}

.osahan - index img {
	height: 120 px;
	border - radius: 29 px !important
}

.osahan - index {
	background: url(.. / img / bg.png);
	background - size: 270 px
}

.landing - page.slick - dots {
	bottom: 96 px
}

.gift - code {
	border: 1 px dotted;
	padding: 10 px 11 px;
	border - radius: 5 px;
	display: table;
	letter - spacing: 1 px
}

.osahan - gift img.img - fluid.m - auto {
	height: 110 px;
	width: 120 px;
	object - fit: scale - down
}

.bag - item.bag - item - left {
	margin - left: -.25 rem !important
}

.bag - item - left {
	width: 130 px
}

.bag - item.slider - nav img {
	height: 33 px;
	object - fit: scale - down;
	width: 100 %
}

.bag - item.bag - item - left.slider - nav.slick - current.slick - active img {
	border - color: #ffc107 !important;
	border: 2 px solid #ffc107 !important
}

.quantity - btn {
	width: 68 px
}

.size - btn.btn {
	width: 68 px;
	font - size: 12 px
}

.size - btn.btn span {
	margin - left: auto
}

.quantity - btn.form - control {
	font - size: 12 px;
	padding: 3 px
}

.quantity - btn.btn {
	padding: 1 px;
	font - size: 19 px;
	line - height: 24 px
}

.osahan - btn - group.small {
	font - size: 12 px
}

.osahan - btn - group h6 {
	font - size: 14 px
}

.osahan - btn - group.btn {
	border: 1 px solid #e3e4e4;
	color: #6f7880;
	opacity: .7
}

.osahan-btn-group .btn-check:active+.btn-outline-light,
.osahan-btn-group .btn-check:checked+.btn-outline-light,
.osahan-btn-group .btn-outline-light.active,
.osahan-btn-group .btn-outline-light.dropdown-toggle.show,
.osahan-btn-group .btn-outline-light:active {
	border-color: # 198753;
	color: #198753;
	opacity: unset;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.verde{
	border-color: #198753;
	color: #198753;
	opacity: unset;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.vermelho{
	border-color: #FF4D4D;
	color: #FF4D4D;
	opacity: unset;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.preto{
	border-color: #000000;
	color: #000000;
	opacity: unset;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.sinza{
	border-color: #888888;
	color: #888888;
	opacity: unset;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.app-box img.img-fluid {
	height: 36px
}

.app-box span {
	line-height: 17px
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
	padding: .5rem .8rem;
	font-size: 14px;
	border-radius: .3rem
}

.form-control:focus {
	border-color: # bfc5cd;
	outline: 0;
	box - shadow: none
}

.btn {
	font - size: 13 px;
	padding: 10 px;
	letter - spacing: .5 px
}

.btn - lg {
	font - size: 14 px !important;
	padding: 16 px !important;
	border - radius: 6 px;
	text - transform: uppercase;
	letter - spacing: 1 px !important
}

.btn - sm {
	padding: 5 px 10 px
}

.text - theme {
	color: var (--theme)
}

.links a {
	text - decoration: none;
	color: #000
}

.links a:hover {
	color: grey
}

.links a.active {
	color: var(--theme)
}

.back-color {
	background-color: # a6ffa6
}

.back - color - card {
	background - color: #9eb0ff
}

.h-50 {
	height: 50px
}

.w-55 {
	width: 55px
}

.bg-light2 {
	background-color: # fff3cd
}

.slick - dotted.slick - slider {
	margin - bottom: 19 px
}

.home - cate,
.single - item,
.slider - for,
.slider - nav {
	display: none !important
}

.slick - initialized {
	display: block !important
}

.footer - menu p {
	font - size: 9 px;
	letter - spacing: .3 px;
	text - transform: uppercase;
	margin - top: 5 px !important
}

.footer - menu a {
	padding: 12 px !important
}