html {
	position: relative;
	font-size: 1vw;
	scroll-behavior: smooth;
}

.swiper-slide a {
	pointer-events: auto !important;
	cursor: pointer !important;
}

@media (min-width:1601px){
	html {
		font-size: 16px;
	}
}
@media (max-width: 768px) {
	html {
		font-size: 4.267vw;
	}
}
/* ======== COLOR ======== */
:root {
	--black-8: rgba(0, 0, 0, 0.08);
	--black-30: #828282;
	--red-50: #feecec;
	--orange-50: #fff0e6;
	--heavyorange-50: #faefeb;
	--lightgreen-50: #e6ffff;
	--greenlight-active: #b6d4c2;
	--green-50: #e7fdf8;
	--blue-50: #e6f5ff;
	--brown-50: #f4f3f0;
	--grey-50: #f2f2f2;
	--grey-100: #c5c5c5;
	--green-400: #13733a;
	--green-600: #0b4523;
	--green-700: #0b4523;
	--grey-200: #a9a9a9;
	--grey-300: #828282;
	--grey-400: #6a6a6a;
	--grey-500: #454545;
	--grey-700: #313131;
	--grey-800: #262626;
	--grey-900: #1d1d1d;
	--library-title: #015121;
	--elevation-10: #fafafa;
	--orange: #ff6b00;
	--green-dark: #0e562c;
}

body {
	font-family: SFpro, sans-serif;
	min-height: 100vh;
	width: 100vw;
	overflow-x: hidden !important;
}
.needStar {
	color:red;
}
.container {
	width: 86.5rem;
	margin: auto;
}

.bigger-container {
	width: 86.5rem;
	margin: auto;
	padding-top: 1.75rem;
}

html::-webkit-scrollbar {
	width: 0.5rem;
}

html::-webkit-scrollbar-thumb {
	background-color: #13733a;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
[hide] {
	display:none !important;
}

.animate-fadeIn {
	animation: fadeIn 0.5s ease forwards;
}
.animate-slower {
	animation-duration: 1s;
}

.heading-container {
	display: flex;
	align-items: flex-end;
	margin-bottom: 0.5rem;
}
.heading-container h2 a{
	display:flex;
	align-items:center;
}
.heading-container h2 {
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	color: var(--grey-900);
	/*   text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.5rem;
	text-decoration-color: transparent; */
	transition: all 0.3s ease;
}

.heading-container h2 a:hover {
	text-decoration:underline;
	transition:0.5s ease-in-out;
}

.tax-linh-vuc .section-brands .heading-container h2 a:hover {
	text-decoration:unset !important;
	transition:none !important;
}

.heading-container h2 a {
	transition:0.5s ease-in-out;
}

/* .heading-container h2:hover {
text-decoration-color: var(--grey-900);
}
*/
.heading-container svg {
	margin-left: 0.62rem;
}

p.heading-description {
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	color: var(--grey-500);
	margin-bottom: 2rem;
}

.btn-1-container {
	display: flex;
	align-items: center;
	margin-bottom: 1.75rem;
}

.btn-1-container > * + * {
	margin-left: 0.62rem;
}
.btn-1 img {
	filter: brightness(0) saturate(100%) invert(18%) sepia(86%) saturate(1070%) hue-rotate(113deg) brightness(95%) contrast(99%);
	margin-right:0.5rem;
	height: 100%;
	width: auto;
}

.btn-1:hover {
	background-color:#015121;
	transition:0.5s ease-in-out;
}
.btn-1:hover span{
	color:#fff;
	transition:0.5s ease-in-out;
}
.btn-1 {
	transition:0.5s ease-in-out;
	flex: none;
	padding: 0.5625rem 2rem 0.5625rem 2rem;
	display: flex;
	align-items: center;
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	position: relative;
	border-radius: 0.25rem;
	box-shadow: 0px 0px 12px 0px rgba(40, 113, 83, 0.14);
	height: 3rem;
	color: var(--library-title);
	background-color: #fff;
	transition: all 0.3s ease;
}

.btn-1.btn-1-active {
	color: #fff !important;
	background-color: var(--library-title) !important;
}

.btn-1.btn-1-active img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(338deg) brightness(102%) contrast(101%);	
}

.btn-1 .btn-1-icon {
	margin-right: 0.5rem;
	width: 1.75rem;
	height: 1.75rem;
}

.btn-1 .btn-1-icon.btn-1-icon-sofa {
	width: 1.747rem;
	height: 1.41125rem;
	transition: all 0.3s ease;
}

.btn-1 .btn-1-icon.btn-1-icon-sofa path {
	stroke: var(--library-title);
	transition: all 0.3s ease;
}

.btn-1.btn-1-active .btn-1-icon.btn-1-icon-sofa path {
	stroke: #fff;
}

.btn-1 .btn-1-icon.btn-1-icon-crane {
	width: 1.875rem;
	height: 1.875rem;
	transition: all 0.3s ease;
}

.btn-1 .btn-1-icon.btn-1-icon-building {
	width: 1.88rem;
	height: 1.88rem;
	transition: all 0.3s ease;
}

.btn-1 .arrow-down-icon {
	width: 1.5625rem;
	height: 0.625rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 90%);
	opacity: 0;
	transition: all 0.3s ease;
}

.btn-1.btn-1-active .arrow-down-icon {
	opacity: 1;
}

.btn-2-container {
	display: flex;
	align-items: center;
	position: relative;
	overflow-x: auto;
	max-width: 100%;
	padding-bottom:1rem;

}
.btn-2-container::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.btn-2-container::-webkit-scrollbar{
	height:8px;
	margin-top:1rem;					
	background-color: #F5F5F5;
}

.btn-2-container::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ccc;
}

.btn-2-container > * + * {
	margin-left: 2.5rem;
}

.btn-2 {
	flex: none;
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	color: var(--grey-300);
	position: relative;
	height: 2.12rem;
	display: flex;
	align-items: flex-start;
	transition: all 0.3s ease;
}

.btn-2.btn-2-active {
	color: var(--grey-900);
}

.btn-2 .btn-2-deco {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.1875rem;
	background-color: var(--grey-900);
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 1;
}

.btn-2.btn-2-active .btn-2-deco {
	opacity: 1;
}

.btn-2-container-deco {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.0625rem;
	background-color: #d8d8d8;
	transform: translateY(-100%);
	margin:0;
}

.rate-container {
	display: flex;
	align-items: center;
	margin-bottom: 0.37rem;
}

.rate-container svg {
	width: 0.875rem;
	height: 0.875rem;
}

.rate-container .star {
	color: var(--orange);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	margin-left: 0.25rem;
}

.rate-container .review {
	color: var(--grey-400);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	margin-left: 0.44rem;
}

.swiper-prev-btn,
.swiper-next-btn {
	position: absolute;
	top: 50%;
	padding: 0.375rem;
	background-color: #313131;
	border-radius: 9999px;
}

.swiper-prev-btn svg,
.swiper-next-btn svg {
	width: 1.5rem;
	height: 1.5rem;
}

.swiper-prev-btn {
	left: -1rem;
	transform: translate(-100%, -50%);
}

.swiper-next-btn {
	right: -1rem;
	transform: translate(100%, -50%);
}

.contained-btn,
.outlined-btn {
	padding: 0.75rem 1.48rem;
	transition:0.3s ease-in-out;
	align-items: center;
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	color: #fff;
	border-radius: 0.25rem;
	box-shadow: 0px 0px 20px 0px rgba(198, 255, 189, 0.25);
	background-color: var(--green-700);
	margin: auto;
	display: flex;
	height: 3rem;
	justify-content: center;
}

.outlined-btn {
	background-color: #fff;
	color: var(--green-700);
	outline: 1px solid var(--green-700);
	white-space: nowrap;
}

.outlined-btn:hover {
	color:#fff;
	background-color: #015121;
	opacity: 0.8;
}

.login_submit_btn:hover,.login_submit_button:hover {
	opacity: 0.8;
}

.btn-1:hover {
	color: #fff !important;
	background-color: var(--library-title) !important;
}

.btn-1 img ,.login_submit_btn,.login_submit_button{
	transition: 0.3s ease-in-out;
}

.btn-1:hover img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(338deg) brightness(102%) contrast(101%);
}

.breadcrumb-container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position:relative;
	z-index:3;
}

.breadcrumb-container > * + * {
	margin-left: 0.44rem;
}

.breadcrumb-link {
	font-size: 0.875rem;
	text-transform:uppercase;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	color: #fff;
	opacity: 0.5;
}

.breadcrumb-link-active {
	opacity: 1;
}

.breadcrumb-container-black .breadcrumb-link {
	color: var(--grey-800);
}

.collection-item {
	display: flex;
	flex-direction: column;
	cursor: pointer;
}

.collection-item .image-container {
	border-radius: 0.25rem;
	border: 1px solid var(--grey-200);
	height: 13.4rem;
	margin-bottom: 0.75rem;
}

.collection-item .image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.collection-item .download-count {
	color: var(--grey-400);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	margin-bottom: 0.38rem;
}

.collection-item h4 {
	font-size: 1rem;
	min-height:2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	color: #0c482f;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 0.75rem;
	text-decoration: underline;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 0.125rem;
	text-decoration-color: transparent;
	transition: all 0.3s ease;
}

.collection-item h4:hover {
	text-decoration-color: #0c482f;
}

.collection-item .download-btn {
	border-radius: 0.25rem;
	background: rgba(19, 115, 58, 0.2);
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 128.6%;
	color: var(--green-600);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.3125rem;
	transition: all 0.3s ease;
	position: relative;
}

.collection-item .download-btn svg {
	margin-left: 0.25rem;
	width: 1rem;
	height: 1rem;
}

.collection-item .download-btn:hover {
	background: rgba(19, 115, 58, 0.4);
}

.show-more-btn {
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	color: #0b4523;
	width: 100%;
	border-radius: 0.25rem;
	border: 1px solid #0b4523;
	box-shadow: 0px 0px 20px 0px rgba(198, 255, 189, 0.25);
	transition: all 0.3s ease;
}

.show-more-btn svg {
	margin-left: 0.5rem;
	width: 0.625rem;
	height: 0.625rem;
	transition: all 0.3s ease;
}

.show-more-btn svg rect {
	transition: all 0.3s ease;
}

.show-more-btn:hover {
	background-color: #0b4523;
	color: #fff;
}

.show-more-btn:hover svg rect {
	fill: #fff;
}

.pagination-container {
	width: fit-content;
	display: flex;
	padding-bottom: 2.25rem;
	margin: auto;
}

.pagination-container > * + * {
	margin-left: 0.58rem;
}

.pagination-btn {
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 9999px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.76563rem;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	color: var(--grey-800);
}

.pagination-btn p {
	margin-bottom: -1px;
}

.pagination-btn svg {
	width: 0.375rem;
	height: 0.75rem;
}

.pagination-btn-dot svg {
	width: 0.21875rem;
	height: 0.21875rem;
}

.pagination-btn-active {
	color: #fff;
	background-color: var(--grey-800);
}

.pagination-btn > * + * {
	margin-left: 0.29rem;
}

@media (max-width: 768px) {
	.container {
		width: 94%;
		margin: auto;
	}
	.btn-1-container__wrapper + .btn-button-next,
	.btn-1-container__wrapper + .btn-button-next + .btn-button-prev {
		display:none;
	}
	.search-dropdown-container {
		display:none;
	}
	.search-dropdown {
		display:none;
	}
	section {
		/* 		width:100vw !important; */
		overflow:hidden;
	}
	main {
		width:100vw;
		overflow:hidden;
	}
	.tax-linh-vuc section {
		width: initial !important;
	}
	.comment-container {
		padding: 0 !important;
	}
	.bigger-container {
		width: 100%;
		margin: auto;
		padding: 3rem 0.7rem;
	}

	.heading-container svg {
		display: none;
	}
	.heading-container {
		margin-bottom: 0.25rem;
	}
	p.heading-description {
		margin-bottom: 1.75rem;
	}
	.swiper-prev-btn,
	.swiper-next-btn {
		display: none;
	}
	.btn-1-icon {
		display: none;
	}
	.btn-1 {
		padding: 0.5625rem 1rem 0.5625rem 1rem;
	}
	.btn-1-container {
		margin-bottom: 1.5rem;
		/*     overflow-x: auto; */
		padding: 0.25rem 0;
	}
	.btn-1-container > * + * {
		margin-left: 0.5rem;
	}
	.btn-1 .arrow-down-icon {
		display: none;
	}
	.btn-1-container::-webkit-scrollbar {
		display: none;
	}
	.btn-2-container::-webkit-scrollbar {
		display: none;
	}
	.btn-2-container > * + * {
		margin-left: 1.5rem;
	}
	.btn-2-container-deco {
		width: 100%;
		display: none;
	}
	.collection-item .image-container {
		height: 10rem;
	}
}
/*no-permission*/
.no-permission {
	display:flex;
	width:100vw;
	height:100vh;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.no-permission img {
	width:5rem;
	height:5rem;
	margin-bottom:1rem;
}
.no-permission a {
	background:var(--green-600);
	padding :1rem 4rem;
	border:1px solid var(--green-600);;
	color:white;
	font-weight:bold;
	margin-top:2rem;
	border-radius:0.5rem;
	transition:0.5s ease-in-out;
}
.no-permission a:hover{
	background:white;
	color:var(--green-600);
	transition:0.5s ease-in-out;
}

.swiper-slide img {
	pointer-events: none;
	user-select: none;
}
.share-btn {
	width: 7.85rem;
	height: 2rem;
	padding: 0.38rem 0.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	font-size: 0.90538rem;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	color: var(--library-title);
	border-radius: 9999px;
	position:relative;
	cursor:pointer;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.share-btn svg {
	margin-right: 0.53rem;
	width: 1rem;
	height: 1rem;
	filter: brightness(0) saturate(100%) invert(21%) sepia(29%) saturate(2344%) hue-rotate(109deg) brightness(98%) contrast(103%);
}
.socialShareDD {
	position:absolute;
}
.socialShareDD {
	background:white;
	position:absolute;
	top:110%;
	left:0;
	width:100%;
	z-index: 1;
	border-radius:0.5rem;
	display:none;
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.socialShareDD .fbSocialShareDD , .socialShareDD .copylinkSocialShareDD {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.5rem;
	cursor:pointer;
}
.socialShareDD .fbSocialShareDD:hover , .socialShareDD .copylinkSocialShareDD:hover {
	background-color:#0151211f;
}

.socialShareDD .fbSocialShareDD img , .socialShareDD .copylinkSocialShareDD img{
	width:1rem;
	object-fit:cover;
	height:1rem;
	margin-right:0.5rem;
}

.icon-container img {
	width: auto !important;
	height:5.5rem !important;
}
.major-item-icon img {
	width: auto !important;
	height: 2.84263rem !important;
}

/* Swiper Slides */
.swiper-slide-purple {
	background: linear-gradient(
		180deg,
		rgba(150, 75, 190, 0.1) 81.34%,
		rgba(150, 75, 190, 0) 110.16%
	) !important;
}

.swiper-slide-teal {
	background: linear-gradient(
		180deg,
		rgba(40, 180, 180, 0.1) 81.34%,
		rgba(40, 180, 180, 0) 110.16%
	) !important;
}

.swiper-slide-pink {
	background: linear-gradient(
		180deg,
		rgba(255, 105, 180, 0.1) 81.34%,
		rgba(255, 105, 180, 0) 110.16%
	) !important;
}

.swiper-slide-navy {
	background: linear-gradient(
		180deg,
		rgba(0, 50, 100, 0.1) 81.34%,
		rgba(0, 50, 100, 0) 110.16%
	) !important;
}

.swiper-slide-coral {
	background: linear-gradient(
		180deg,
		rgba(255, 127, 115, 0.1) 81.34%,
		rgba(255, 127, 115, 0) 110.16%
	) !important;
}

.swiper-slide-skyblue {
	background: linear-gradient(
		180deg,
		rgba(135, 206, 235, 0.1) 81.34%,
		rgba(135, 206, 235, 0) 110.16%
	) !important;
}

.swiper-slide-lime {
	background: linear-gradient(
		180deg,
		rgba(191, 255, 0, 0.1) 81.34%,
		rgba(191, 255, 0, 0) 110.16%
	) !important;
}

.swiper-slide-olive {
	background: linear-gradient(
		180deg,
		rgba(128, 128, 0, 0.1) 81.34%,
		rgba(128, 128, 0, 0) 110.16%
	) !important;
}

/* Icon Containers and Buttons */
.swiper-slide-purple .icon-container {
	background: linear-gradient(180deg, #b284e6 0%, #7a49bd 100%) !important;
}

.swiper-slide-teal .icon-container {
	background: linear-gradient(180deg, #6fe3e3 0%, #289494 100%) !important;
}

.swiper-slide-pink .icon-container {
	background: linear-gradient(180deg, #ffb6c1 0%, #d473b8 100%) !important;
}

.swiper-slide-navy .icon-container {
	background: linear-gradient(180deg, #667ca4 0%, #002b4f 100%) !important;
}

.swiper-slide-coral .icon-container {
	background: linear-gradient(180deg, #ff9885 0%, #d45f53 100%) !important;
}

.swiper-slide-skyblue .icon-container {
	background: linear-gradient(180deg, #9fd9ed 0%, #3798b0 100%) !important;
}

.swiper-slide-lime .icon-container {
	background: linear-gradient(180deg, #e1ff89 0%, #b1c900 100%) !important;
}

.swiper-slide-olive .icon-container {
	background: linear-gradient(180deg, #c0c080 0%, #7f7f3a 100%) !important;
}

.swiper-slide-purple .swiper-slide-btn-deco {
	background: linear-gradient(180deg, #b284e6 0%, #7a49bd 77.31%) !important;
}

.swiper-slide-teal .swiper-slide-btn-deco {
	background: linear-gradient(180deg, #6fe3e3 0%, #289494 76.75%) !important;
}

.swiper-slide-pink .swiper-slide-btn-deco {
	background: linear-gradient(180deg, #ffb6c1 0%, #d473b8 87.14%) !important;
}

.swiper-slide-navy .swiper-slide-btn-deco {
	background: linear-gradient(180deg, #667ca4 0%, #002b4f 77.31%) !important;
}

.swiper-slide-coral .swiper-slide-btn-deco {
	background: linear-gradient(180deg, #ff9885 0%, #d45f53 87.14%) !important;
}

.swiper-slide-skyblue .swiper-slide-btn-deco {
	background: linear-gradient(180deg, #9fd9ed 0%, #3798b0 76.75%) !important;
}

.swiper-slide-lime .swiper-slide-btn-deco {
	background: linear-gradient(180deg, #e1ff89 0%, #b1c900 76.75%) !important;
}

.swiper-slide-olive .swiper-slide-btn-deco {
	background: linear-gradient(180deg, #c0c080 0%, #7f7f3a 77.31%) !important;
}

/* Hover Effects */
.swiper-slide-purple:hover {
	border-color: #7a49bd !important;
}

.swiper-slide-teal:hover {
	border-color: #289494 !important;
}

.swiper-slide-pink:hover {
	border-color: #d473b8 !important;
}

.swiper-slide-navy:hover {
	border-color: #002b4f !important;
}

.swiper-slide-coral:hover {
	border-color: #d45f53 !important;
}

.swiper-slide-skyblue:hover {
	border-color: #3798b0 !important;
}

.swiper-slide-lime:hover {
	border-color: #b1c900 !important;
}

.swiper-slide-olive:hover {
	border-color: #7f7f3a !important;
}

.swiper-slide-purple .follow-btn {
	background: #7a49bd !important;
}

.swiper-slide-teal .follow-btn {
	background: #289494 !important;
}

.swiper-slide-pink .follow-btn {
	background: #d473b8 !important;
}

.swiper-slide-navy .follow-btn {
	background: #002b4f !important;
}

.swiper-slide-coral .follow-btn {
	background: #d45f53 !important;
}

.swiper-slide-skyblue .follow-btn {
	background: #3798b0 !important;
}

.swiper-slide-lime .follow-btn {
	background: #b1c900 !important;
}

.swiper-slide-olive .follow-btn {
	background: #7f7f3a !important;
}

/* Major Items */
.major-item-purple {
	background: linear-gradient(180deg, #b284e6 0%, #7a49bd 100%) !important;
}

.major-item-teal {
	background: linear-gradient(180deg, #6fe3e3 0%, #289494 100%) !important;
}

.major-item-pink {
	background: linear-gradient(180deg, #ffb6c1 0%, #d473b8 100%) !important;
}

.major-item-navy {
	background: linear-gradient(180deg, #667ca4 0%, #002b4f 100%) !important;
}

.major-item-coral {
	background: linear-gradient(180deg, #ff9885 0%, #d45f53 100%) !important;
}

.major-item-skyblue {
	background: linear-gradient(180deg, #9fd9ed 0%, #3798b0 100%) !important;
}

.major-item-lime {
	background: linear-gradient(180deg, #e1ff89 0%, #b1c900 100%) !important;
}

.major-item-olive {
	background: linear-gradient(180deg, #c0c080 0%, #7f7f3a 100%) !important;
}

/* Major Item Follow */
.major-item-purple .major-item-follow p,
.major-item-purple .major-item-follow svg path {
	color: #7a49bd !important;
	stroke: #7a49bd !important;
}

.major-item-teal .major-item-follow p,
.major-item-teal .major-item-follow svg path {
	color: #289494 !important;
	stroke: #289494 !important;
}

.major-item-pink .major-item-follow p,
.major-item-pink .major-item-follow svg path {
	color: #d473b8 !important;
	stroke: #d473b8 !important;
}

.major-item-navy .major-item-follow p,
.major-item-navy .major-item-follow svg path {
	color: #002b4f !important;
	stroke: #002b4f !important;
}

.major-item-coral .major-item-follow p,
.major-item-coral .major-item-follow svg path {
	color: #d45f53 !important;
	stroke: #d45f53 !important;
}

.major-item-skyblue .major-item-follow p,
.major-item-skyblue .major-item-follow svg path {
	color: #3798b0 !important;
	stroke: #3798b0 !important;
}

.major-item-lime .major-item-follow p,
.major-item-lime .major-item-follow svg path {
	color: #b1c900 !important;
	stroke: #b1c900 !important;
}

.major-item-olive .major-item-follow p,
.major-item-olive .major-item-follow svg path {
	color: #7f7f3a !important;
	stroke: #7f7f3a !important;
}
.btn-1-container__wrapper .swiper-slide {
	width:fit-content;
}
/* .btn-1-container {
overflow-x:auto;
overflow-y:hidden;
margin-bottom: 1rem;
padding-bottom: 0.75rem;
}
.btn-1-container::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}

.btn-1-container::-webkit-scrollbar{
height:5px;
margin-top:1rem;					
background-color: #F5F5F5;
}

.btn-1-container::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #ccc;
} */
.swiper-container {
	position:relative;
}
.swiper-container .swiper-slide{
	margin-bottom: 1.75rem;
}
.btn-button-next svg,
.btn-button-prev svg {
	width:100%;
	height:100%;
}
.btn-button-next,
.btn-button-prev {
	background-color: #ccc;
	width:2rem;
	height:2rem;
	padding:0.5rem;
	position:absolute;
	top:50%;
	border-radius:50%;
}
.btn-button-prev{
	left:-1.5rem;
	transform:translate(-100%,calc(-50% - (1.75rem / 2)));
}
.btn-button-next{
	right:-1.5rem;
	transform:translate(100%,calc(-50% - (1.75rem / 2)));
}
.btn-button-next:not(.swiper-button-disabled),
.btn-button-prev:not(.swiper-button-disabled)
{
	background : #313131;
}

.overlayBannerLV {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(12, 72, 47, 0.50);
}

.swiper-button-disabled {background-color:#ccc}

.detail_information_wapper a:hover {
	text-decoration:underline !important;
}

.register-free {
	transition:0.3s ease-in-out;
}

.register-free:hover,
.contained-btn:hover{
	opacity: 0.8;
}
#cooperate {
	pointer-events: none;
}