@import url('https://fonts.googleapis.com/css2?family=Allison&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--bs-body-font-family: 'DM Sans', sans-serif;
	--bs-body-color: #1d2021;
	--bs-primary-rgb: 6, 55, 168;
	--bs-secondary-rgb: 113, 119, 167;
	--bs-secondary-bg-rgb: 243, 243, 243;
	--bs-success-rgb: 60, 130, 80;
	--bs-info-rgb: 10, 116, 214;
	--bs-warning-rgb: 250, 217, 54;
	--bs-danger-rgb: 185, 42, 55;
	--bs-border-color: #dddddd;
	--bs-light-rgb: 235, 235, 235;
	--bs-border-radius-xxl: 1.4rem;
	--c1: #3c8250;
	--c2: #fad936;
	--c3: #7177a7;
	--c4: #5a9577;
	--c5: #E6C41C;
}

::placeholder {
	font-weight: 300;
}
::selection {
	background-color: var(--bs-body-color);
	color: #fff;
}

strong {
	font-weight: 600;
}

.poppins {
	font-family: "Poppins", sans-serif;
}


/* ------ header ------ */
#wrapLogo {
	color: var(--bs-body-color);
	line-height: 1.35em;
	text-decoration: none;
}
#wrapLogo .ltx1 {
	font-weight: 600;
	font-size: 1.37rem;
}
#wrapLogo .ltx2 {
	font-size: .9rem;
	font-weight: 500;
}
#logo {
	height: 50px;
}
@media (max-width:576px) {
	#wrapLogo {
		line-height: 1.05em;
	}
	#wrapLogo .ltx1 {
		font-size: 1.1rem;
	}
	#wrapLogo .ltx2 {
		font-size: .73rem;
	}
	#logo {
		height: 40px;
	}
}


/* ------ navBar ------ */
#mainMenu .nav-link {
	--bs-nav-link-color: #fff;
	border-radius: 0 !important;
	border-right: 1px solid rgba(255, 255, 255, .25) !important;
	font-size: 1.05rem;
	font-weight: 600;
	padding: .9rem 1.55rem;
	position: relative;
}
#mainMenu .nav-item:first-child .nav-link {
	border-left: 1px solid rgba(255, 255, 255, .25);
}
#mainMenu .nav-link:hover,
#mainMenu .nav-link:focus {
	color: var(--c2);
}
#mainMenu .navbar-nav .nav-link.active,
#mainMenu .navbar-nav .nav-link.show {
	background-color: var(--c2);
	color: var(--c1);
}
#mainMenu .dropdown-item:active {
	background-color: #ebedfd;
	color: var(--c1);
}
#mainMenu .nav-link .fa-arrow-up-right-from-square {
	margin-left: 8px;
	opacity: .6;
	position: relative;
	top: -1px;
}
.navbar-toggler {
	border: 1px solid rgba(255,255,255,.6);
}
[data-bs-theme="dark"] .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (max-width:992px) {
	#mainMenu .nav-link {
		border-bottom: 1px solid rgba(255, 255, 255, .25);
		border-right: none !important;
		padding: .9rem 1rem;
	}
	#mainMenu .nav-item:first-child .nav-link {
		border-left: none;
	}
	#mainMenu .navbar-nav .nav-link.active,
	#mainMenu .navbar-nav .nav-link.show {
		border-radius: .4rem;
	}
}


/* ------ wrapBanner ------ */
.wrapBanner {
	background: radial-gradient(circle at 10% 100%, #ffe14c 0%, transparent 30%),radial-gradient(circle at 100% 200%, rgba(217, 115, 7, .45) 0%, transparent 50%),#fad936;
}
.wrapBanner img {
	filter: drop-shadow(-30px 0 30px rgba(150, 101, 2, 0.95));
}
.boxInside {
	background: radial-gradient(circle at 10% 100%, rgba(255, 225, 76, .6) 0%, transparent 30%),radial-gradient(circle at 100% 200%, rgba(217, 115, 7, .25) 0%, transparent 50%),#fad936;
}
.wrapBanner2 {
	background: radial-gradient(circle at 10% 100%, #ffe14c 0%, transparent 30%),radial-gradient(circle at 100% 200%, rgba(217, 115, 7, .45) 0%, transparent 50%),#fad936;
	height: 230px;
}
.wrapBanner3 {
	background: radial-gradient(circle at 10% 100%, #ffe14c 0%, transparent 30%),radial-gradient(circle at 100% 200%, rgba(217, 115, 7, .45) 0%, transparent 50%),#fad936;
	height: 300px;
}
.wrapBanner3 img {
	filter: grayscale(1);
	mix-blend-mode: soft-light;
	opacity: .5;
}
@media (max-width:1200px) {
	.wrapBanner3 { height: 250px }
}
@media (max-width:992px) {
	.wrapBanner3 { height: 220px }
}
@media (max-width:768px) {
	.wrapBanner3 { height: 180px }
}


/* ------ misc ------ */
.fs-5b {
	font-size: 1.1rem !important;
}
.lh-1b {
	line-height: 1.18em;
}
.shadow1 {
	box-shadow: 0 0 15px rgba(40,40,40,.08);
}
.textBalance {
	text-wrap: balance;
}
.embedContainer {
	position: relative;
	padding-bottom: 70%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embedContainer iframe,
.embedContainer object,
.embedContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.captcha {
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
}
.errors { background-color: #eb3e2e }
.success { background-color: #69a242;  }
.errors,
.success { 
	margin: 10px 0; color: #ffffff; 
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 8px;
	border-radius: 3px;
	padding: 5px 8px ;
}
.badge {
	font-size: .95rem;
}
.link-dark:hover,
.link-dark:hover .card-title {
	color: var(--c1) !important;
}
#footer.bg-white {
	background-color: #fff !important;
}
.alphaNumbers a {
	min-width: 39px;
}


/* ------ btTop ------ */
.btTop {
	background-color: rgba(29, 32, 33, .5);
	backdrop-filter: blur(5px);
	border: none;
	border-radius: .4rem;
	bottom: 20px;
	color: #fff;
	display: none;
	font-size: 1rem;
	height: 36px;
	line-height: 35px;
	outline: none;
	position: fixed;
	right: 20px;
	text-align: center;
	transition: all 0.3s ease;
	width: 36px;
	z-index: 1040;
}
.btTop:hover {
	background-color: rgba(29, 32, 33, .85);
	color: #fff;
}
@media (max-width:768px) {
	.btTop {
		bottom: 15px;
		height: 32px;
		line-height: 31px;
		right: 15px;
		width: 32px;
	}
}


/* ------ btn ------ */
.btn {
	--bs-btn-border-radius: .5rem;
	font-size: 1.1rem;
	font-weight: 600;
	padding: .4rem 1rem;
}
.btn-sm {
	--bs-btn-border-radius: .5rem;
	font-size: .97rem;
	font-weight: 600;
	padding: .4rem .7rem;
}
.btn-warning {
	--bs-btn-bg: var(--c2);
	--bs-btn-border-color: var(--c2);
	--bs-btn-hover-bg: var(--c3);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-border-color: var(--c3);
	--bs-btn-active-bg: var(--c3);
	--bs-btn-active-border-color: var(--c3);
	--bs-btn-active-color: #fff;
}
.btn-success {
	--bs-btn-bg: var(--c1);
	--bs-btn-border-color: var(--c1);
	--bs-btn-hover-bg: var(--c3);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-border-color: var(--c3);
	--bs-btn-active-bg: var(--c3);
	--bs-btn-active-border-color: var(--c3);
	--bs-btn-active-color: #fff;
}
.btn-outline-success {
	--bs-btn-color: var(--c1);
	--bs-btn-border-color: var(--c1);
	--bs-btn-hover-bg: var(--c1);
	--bs-btn-hover-border-color: var(--c1);
	--bs-btn-active-bg: var(--c1);
	--bs-btn-active-border-color: var(--c1);
}
.btn-outline-dark {
	--bs-btn-color: var(--c4);
	--bs-btn-border-color: var(--bs-body-color);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-body-color);
	--bs-btn-hover-border-color: var(--bs-body-color);
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-body-color);
	--bs-btn-active-border-color: var(--bs-body-color);
}
.btn-outline-light {
	--bs-btn-border-color: #5db676;
	--bs-btn-hover-color: var(--c1);
	--bs-btn-hover-bg: #f8f9fa;
	--bs-btn-hover-border-color: #f8f9fa;
	--bs-btn-focus-shadow-rgb: 248,249,250;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #f8f9fa;
	--bs-btn-active-border-color: #f8f9fa;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-close:focus {
	box-shadow: 0 0 0 .22rem rgba(40, 40, 40,.15);
}


/* ------ form-control ------ */
.form-control {
	border-color: var(--bs-body-color);
	font-size: 1.1rem;
	padding: .6rem 1.1rem;
}
.form-control-sm {
	border-radius: .5rem;
	font-size: .97rem;
	padding: .4rem .7rem;
}
.form-select {
	border-color: var(--bs-body-color);
	font-size: 1.1rem;
	padding: .6rem 2.25rem .6rem 1.1rem;
}
.form-select-sm {
	border-radius: .5rem;
	font-size: .97rem;
	padding: .4rem 2rem .4rem .6em;
}
.form-label {
	font-weight: 500;
	line-height: 1.3em;
}
.form-control:focus,
.form-select:focus {
	border-color: var(--c1);
	box-shadow: 0 0 0 .25rem rgba(60, 130, 80, .22);
}
.form-select option {
	background-color: #fff;
	color: #5a5a5a;
}
.form-check-input {
	border-color: var(--bs-body-color);
}
.form-check-input:checked {
	background-color: var(--c1);
	border-color: var(--c1)
}
.form-check-input:focus {
	border-color: var(--c1);
	box-shadow: 0 0 0 .25rem rgba(60, 130, 80, .25);
}


/* ------ wrapCat ------ */
.wrapCat {
	margin-top: -8.6rem;
}
.wrapCat2 {
	margin-top: -13rem;
}
.wrapCat a img,
.wrapCat2 a img,
.catImg {
	border: 2px solid #fff;
	box-shadow: 0 0 30px rgba(40,40,40,.15);
}
@media (max-width:1400px) {
	.wrapCat {
		margin-top: -5rem;
	}
}
@media (max-width:1200px) {
	.wrapCat2 {
		margin-top: -10.5rem;
	}
}
@media (max-width:768px) {
	.wrapCat2 {
		margin-top: -10rem;
	}
}


/* ------ breadcrumb ------ */
.breadcrumb a {
	color: var(--bs-body-color);
}
.breadcrumb a:hover {
	color: var(--c1);
}
.hiddenText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 20ch;
}


/* ------ pagination ------ */
.page-link {
	border: 1px solid #ddd;
	color: var(--bs-body-color);
	min-width: 36px !important;
	text-align: center;
}
.page-link:hover {
	color: var(--c1);
}
.active > .page-link,
.page-link.active {
	background-color: var(--c1);
	border-color: var(--c1);
	color: #fff;
	font-weight: 500;
	text-align: center;
}
.page-link:focus {
	box-shadow: var(--bs-pagination-focus-box-shadow);
	box-shadow: 0 0 0 .25rem rgba(186, 186, 186, .2);
	color: var(--c1);
}


/* ------ profile ------ */
#wrapProfile {
	background-color: #eef0f7;
}
#storeDetail {
	margin: auto;
	max-width: 990px;
}
#storeDetail > img {
	aspect-ratio: 990 / 420;
}
#storeDetail .logo {
	border: 1px solid #bdc0d2;
	height: 140px;
	width: 140px;
}

#schedule strong,
#schedule2 strong {
	width: 96px;
}
.socialProfile {
	background-color: var(--c1);
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: 1.2rem;
	height: 40px;
	text-decoration: none;
	width: 40px;
}
.socialProfile:hover {
	background-color: var(--c3);
}

.wrapIcons i {
	margin-top: 1px;
}

.platLogo img {
	max-height: 50px;
}

.imgCarousel {
	aspect-ratio: 600 / 480;
}
.imgCarousel.yt {
	transform: scale(1.34);
}

.playIcon {
	background-color: rgba(29, 32, 33, .5);
	border-radius: 50%;
	color: var(--c2);
	display: flex;
	font-size: 1.5rem;
	height: 45px;
	width: 45px;
}
.zoomIcon {
	background-color: rgba(29, 32, 33, .5);
	border-radius: 50%;
	color: var(--c2);
	display: flex;
	font-size: 1.1rem;
	height: 40px;
	width: 40px;
}
@media (max-width:992px) {
	#storeDetail #wrapLogoStore {
		position: relative;
		margin-top: -5rem;
	}
}


/* ------ card ------ */
.card {
	--bs-card-border-radius: .5rem;
}
.card-img,
.card-img-top {
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
}
.listLogo {
	aspect-ratio: 310 / 310;
}


/* ------ insideMenu ------ */
.aside {
	width: 300px;
}
#wrapSubmenu {
	background-color: #fff;
	box-shadow: 0 0 40px rgba(200, 200, 216, 0.4);
}
.insideMenu .nav-link {
	border-bottom: 1px solid #ddd;
	color: var(--bs-body-color);
	font-size: 1.05rem;
	font-weight: 500;
	line-height: 1.3em;
	padding-bottom: .84rem;
	padding-top: .8rem;
}
.insideMenu .nav-item:last-child .nav-link {
	border-bottom: 0;
}
.insideMenu .nav-link:hover {
	color: var(--c1);
}
.insideMenu .nav-link i {
	color: var(--c1);
	margin-top: 2px;
}
.insideMenu .nav-link.active {
	background-color: var(--c1);
	color: #fff;
	font-weight: 600;
}
.insideMenu .nav-link.active i {
	color: #fff;
}
@media (max-width:1200px) {
	.aside { width: initial }
}
@media (max-width:768px) {
	.insideMenu .nav-link {
		font-size: 1.02rem;
	}
}


/* ------ toggleSubmenuBtn ------ */
#toggleSubmenuBtn {
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #ddd;
	color: var(--bs-body-color);
	font-size: 1.1rem;
	font-weight: 500;
	left: -1.5rem;
	position: relative;
	top: -1.5rem;
	width: calc(100% + 3rem) !important;
}
#toggleSubmenuBtn .fas {
	color: var(--c1);
	transition: transform 0.3s ease;
}
#toggleSubmenuBtn.collapsed .fas {
	transform: rotate(0deg);
}
#toggleSubmenuBtn:not(.collapsed) .fas {
	transform: rotate(-180deg);
}
@media (max-width:768px) {
	#toggleSubmenuBtn {
		font-size: 1.05rem;
	}
}


/* ------ fancybox ------ */
.fancybox__container {
	--fancybox-bg: rgba(40, 40, 40, .8) !important;
}


/* ------ rating ------ */
.star-rating {
	cursor: pointer;
	direction: rtl;
}
.star-rating input {
	display: none;
}
.star-rating label {
	color: #ddd;
	cursor: pointer;
	font-size: 34px;
	padding: 0 2px;
	transition: all 0.2s ease;
}
.star-rating label:hover,
.star-rating label:hover~label,
.star-rating input:checked~label {
	color: var(--c2);
}


/* ------ index ------ */
@media (max-width:1200px) {
	.mainDirectory {
		height: 280px;
		width: 280px;
	}
}
@media (max-width:992px) {
	.mainDirectory {
		height: 240px;
		width: 240px;
	}
}