/*@font-face {
	font-family: myFont;
	src: url(../fonts/iannnnn-DUCK-Regular.ttf);
}*/

@font-face {
	font-family: myFont;
	src: url(../fonts/LINESeedSansTH_A_Rg.ttf);
}

body{
	font-family: myFont !important;
	color: #2e4053 !important;
}

div{
	font-family: myFont !important;
	color: #2e4053 !important;
}

h1, h2, h3, h4, h5, h6, ul, li, a, p, b, font, th, td, pre, tt, span{
	font-family: myFont !important;
}

label{
	font-family: myFont !important;
	font-weight: 600 !important;
}

td{
	padding: 0px !important;
	color: #2e4053 !important;
}

tr.border_bottom {
    border: 1px solid #2e4053;
    height: 35px;
	color: #2e4053 !important;
}

p{
    font-size: 16px;
    line-height: unset;
    margin-bottom: 10px;
    word-break: break-word;
}

hr{
    border-top: 1px solid #d5d8dc !important;
}

pre {
	white-space: pre-wrap;
	word-break: normal;
	width: 100%;
	display: -webkit-inline-box !important;
}

body.loading {
	overflow: auto;
}

a {
    color: unset !important;
    text-decoration: none !important;
}

a:hover{
	text-decoration: none !important;
	color: #1fa084 !important;
}

.swal2-img-maxheight {
	max-height: 90vh !important;
	width: auto !important;
	height: auto !important;
	border-radius: 18px;
	display: block;
	margin: 0 auto;
}

/* -------------------------------------------- */

.note-popover .popover-content .note-btn-group .note-btn{
	min-width: 48px;
	padding: 4px 8px;
}

.note-editable img{
	max-width: 100%;
	height: auto;
}
	
/* -------------------------------------------- */

.menu2-cover-preview{
	max-width: 220px;
	width: 100%;
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.menu2-preview-content img{
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}
.menu2-preview-content table{
	width: 100% !important;
}
.menu2-preview-content iframe{
	max-width: 100%;
}
		
/* -------------------------------------------- */

.call-card{
	display:flex;
	align-items:center;
	gap:14px;

	padding:14px 20px;

	background:#fff;
	border-radius:18px;

	text-decoration:none;

	box-shadow:0 2px 6px rgba(0,0,0,0.08);

	transition:all .25s ease;
}

.call-card:hover{
	transform:translateY(-4px);
	box-shadow:0 8px 18px rgba(0,0,0,0.15);
}

.call-icon{
	width:46px;
	height:46px;

	background:#FF6467;
	border: 1px solid #E7180B;

	border-radius:50%;

	display:flex;
	align-items:center;
	justify-content:center;

	color:#fff !important;
	font-size:18px;

	box-shadow:0 3px 8px rgba(0,0,0,0.08);
}

.call-number{
	font-size:22px;
	font-weight:700;

	color:#8b1c1c;

	letter-spacing:1px;
}

/* -------------------------------------------- */

.pdf-viewer-wrap{
	width:100%;
	background:#f8f9fa;
	border:1px solid #e5e7eb;
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 8px 24px rgba(0,0,0,0.06);
}

.pdf-viewer-frame{
	display:block;
	width:100%;
	height:900px;
	border:0;
	background:#ffffff;
}

@media (max-width: 991.98px){
	.pdf-viewer-frame{
		height:720px;
	}
}

@media (max-width: 767.98px){
	.pdf-viewer-frame{
		height:560px;
	}
}

/* -------------------------------------------- */

.w-20{
	width: 20% !important;
}

.w-25{
	width: 25% !important;
}

.w-30{
	width: 30% !important;
}

.w-35{
	width: 35% !important;
}

.w-40{
	width: 40% !important;
}

.w-45{
	width: 45% !important;
}

.col-5th {
	flex: 0 0 20%;
	max-width: 20%;
}

.my-card-body{
	padding: 5px !important;
	border-radius: 20px;
}

.my-card-body:hover{
	background-color: #fffcfc !important;
}

.my-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	cursor: pointer;
}

.my-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.15);
	box-shadow: 0 2px 16px rgba(148, 49, 38, 0.13);
}

.my-container-maxwidth{
	max-width: 1280px !important;
	margin: auto !important;
}

.active>.page-link, .page-link.active {
    background-color: #f2f9f2 !important;
    border-color: #f2f9f2 !important;
}

.user{
	background: #f2f9f2 !important;
	border-radius: 25px;
}

.online-status::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #31ce36;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}

.sidebar .user, .sidebar[data-background-color=white] .user {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.highlight {
	background-color: yellow;
	font-weight: bold;
}

/* --------- feedback --------- */

#feedbackPopup {
	position: fixed; z-index: 9999;
	left: 0; top: 0; width: 100vw; height: 100vh;
	background: rgba(30,30,38,0.25);
	display: flex; align-items: center; justify-content: center;
}
.feedback-modal {
	background: #fff;
	border-radius: 16px;
	padding: 30px 30px 20px 30px;
	max-width: 360px; width: 94vw;
	box-shadow: 0 8px 48px rgba(30,48,80,0.18);
	position: relative;
	animation: popupIn 0.33s cubic-bezier(.4,1.6,.56,1.08) forwards;
}
.close-btn {
	position: absolute; top: 16px; right: 16px;
	border: none; background: #f3f3f3; color: #888;
	border-radius: 50%; width: 36px; height: 36px; font-size: 1.5em;
	cursor: pointer; transition: background 0.2s, color 0.2s;
}
.close-btn:hover { background: #fee; color: #c33; }
@keyframes popupIn {
	from { opacity: 0; transform: scale(0.92) translateY(60px);}
	60%  { opacity: 1; transform: scale(1.06) translateY(-18px);}
	to   { opacity: 1; transform: scale(1) translateY(0);}
}

/* --------- feedback --------- */

.h-50{
	height: 50px;
}

.crop-img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}

.crop-img-2 {
	width: 100%;
	height: 90px;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}

/* --------- calendar --------- */

.fc-toolbar .fc-button {
    background: #cafff6 !important;
	color: #009d83 !important;
}

#calendar {
  /* ไม่ต้องเซตอะไร */
}

/* ถ้าอยากแต่ง scrollbar ข้างนอก ให้แต่งกับ container ใหญ่ */
.calendar-container {
  overflow-x: auto;
  /* ไม่แนะนำให้แต่ง height */
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 5px !important;
}

#event-popup-modal {
	position: fixed;
	z-index: 9999;
	left: 0; top: 0;
	width: 100vw; height: 100vh;
	background: rgba(50,54,60,0.38);
	display: flex;
	align-items: center;
	justify-content: center;
	animation: popupFadeInBg 0.25s;
}
@keyframes popupFadeInBg {
	from { background: rgba(50,54,60,0);}
	to   { background: rgba(50,54,60,0.38);}
}

.event-popup-content {
	background: #fff;
	border-radius: 22px;
	padding: 38px 44px 30px 44px;
	max-width: 620px; /* ใหญ่ขึ้น */
	width: 98vw;
	box-shadow: 0 12px 64px rgba(32,48,90,0.28);
	text-align: left;
	position: relative;
	transform: scale(0.92) translateY(36px);
	opacity: 0;
	animation: popupIn 0.36s cubic-bezier(.4,1.6,.56,1.08) forwards;
}
@keyframes popupIn {
	from {
		transform: scale(0.82) translateY(100px);
		opacity: 0;
	}
	60% {
		transform: scale(1.04) translateY(-16px);
		opacity: 1;
	}
	to {
		transform: scale(1) translateY(0px);
		opacity: 1;
	}
}
.close-btn {
	position: absolute;
	top: 20px; right: 22px;
	background: #f4f4f6;
	border: none;
	border-radius: 50%;
	width: 44px; height: 44px;
	font-size: 1.6em;
	color: #888;
	cursor: pointer;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	transition: background 0.2s, color 0.2s;
}
.close-btn:hover {
	background: #ffdada;
	color: #ea3333;
}
#popup-date {
	font-size: 1.32em;
	margin-bottom: 22px;
	font-weight: bold;
	color: #23244a;
}
#popup-event-list {
	padding: 0 0 0 16px;
	margin: 0;
	font-size: 1.09em;
	color: #273251;
}
#popup-event-list li {
	margin-bottom: 15px;
}
@media (max-width: 650px) {
	.event-popup-content {
		max-width: 99vw;
		padding: 22px 5px 22px 12px;
	}
	.close-btn { top: 8px; right: 8px; }
}

#event-popup-modal.closing {
	animation: popupFadeOutBg 0.18s forwards;
}
@keyframes popupFadeOutBg {
	from { background: rgba(50,54,60,0.38);}
	to   { background: rgba(50,54,60,0);}
}
#event-popup-modal.closing .event-popup-content {
	animation: popupOut 0.19s cubic-bezier(.4,1.6,.56,1.08) forwards;
}
@keyframes popupOut {
	from {
		transform: scale(1) translateY(0px);
		opacity: 1;
	}
	to {
		transform: scale(0.9) translateY(40px);
		opacity: 0;
	}
}

/* --------- calendar --------- */

.my-image-content{
	height: 650px;
}

/* --------- image popup --------- */

#image-popup-modal {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0; top: 0; width: 100vw; height: 100vh;
	background: rgba(30,40,50,0.88);
	backdrop-filter: blur(2px);
	justify-content: center;
	align-items: center;
	transition: opacity 0.22s;
}
#image-popup-modal.active { display: flex; }
#image-popup-modal img {
	max-width: 92vw;
	max-height: 90vh;
	border-radius: 14px;
	box-shadow: 0 10px 40px 0 rgba(0,0,0,0.27);
	background: #fff;
	animation: popup-bounce 0.18s cubic-bezier(0.4,0.2,0.5,1.2);
}
@keyframes popup-bounce {
	0% { transform: scale(0.90); opacity: 0.4;}
	100% { transform: scale(1); opacity: 1;}
}
#image-popup-modal .popup-close-btn {
	position: absolute;
	top: 30px; right: 50px;
	background: rgba(40,40,45,0.9);
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 44px; height: 44px;
	font-size: 2rem;
	cursor: pointer;
	display: flex;
	align-items: center; justify-content: center;
	z-index: 10000;
	transition: background 0.15s;
}
#image-popup-modal .popup-close-btn:hover { background: #b51b1b; }

/* --------- image popup --------- */

/* --------- slide news --------- */

.news-slider-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 0; /* สำคัญ ถ้า parent มี padding จะคำนวณ width เพี้ยน */
}

.news-slider-track {
	display: flex;
	flex-wrap: nowrap;
	transition: transform 0.45s cubic-bezier(0.6,0,0.4,1);
	will-change: transform;
}

.news-slide {
	flex: 0 0 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 16px; /* หรือ 8px ก็ได้แล้วแต่ดีไซน์ */
}

@media (min-width: 768px) {
	.news-slide {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

.news-slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 44px; height: 44px;
	border-radius: 50%;
	background: #e8f8f5;
	color: #73c6b6;
	border: none;
	font-size: 1.8rem;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0.88;
	transition: background 0.18s;
	display: flex;
}
.news-slider-arrow.prev { left: 8px; }
.news-slider-arrow.next { right: 8px; }
.news-slider-arrow:hover { background: #222; }

/* --------- slide news --------- */

/* --------- image thumnail --------- */

/* Thumbnails */
.thumbnail-container {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.thumb {
	width: 64px;
	height: 48px;
	object-fit: cover;
	border-radius: 8px;
	border: 2px solid #eee;
	cursor: pointer;
	opacity: 0.7;
	transition: border 0.2s, opacity 0.2s;
}
.thumb.active {
	border: 2.5px solid #0984e3;
	opacity: 1;
}

/* Lightbox */
#imageLightbox {
	position: fixed;
	z-index: 99999;
	top: 0; left: 0; width: 100vw; height: 100vh;
	display: flex; align-items: center; justify-content: center;
}
.lightbox-bg {
	position: absolute; z-index: 0;
	top: 0; left: 0; width: 100vw; height: 100vh;
	background: rgba(30,40,50,0.88);
	backdrop-filter: blur(2px);
}
.lightbox-img {
	max-width: 90vw;
	max-height: 86vh;
	border-radius: 16px;
	box-shadow: 0 4px 32px rgba(0,0,0,0.23);
	position: relative;
	z-index: 2;
	background: #eee;
	animation: popup-bounce 0.18s cubic-bezier(0.4,0.2,0.5,1.2);
}
.lightbox-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	font-size: 2rem;
	background: rgba(0,0,0,0.28);
	color: white;
	border: none;
	border-radius: 50%;
	width: 54px; height: 54px;
	cursor: pointer;
	transition: background 0.2s;
}
.lightbox-arrow.left { left: 18vw; }
.lightbox-arrow.right { right: 18vw; }
.lightbox-arrow:hover { background: #b51b1b;}
.lightbox-close {
	position: absolute; z-index: 4;
	top: 28px; right: 38px;
	font-size: 2rem;
	background: rgba(0,0,0,0.35);
	color: white;
	border: none;
	border-radius: 50%;
	width: 44px; height: 44px;
	cursor: pointer;
	transition: background 0.2s;
}
.lightbox-close:hover { background: #b51b1b; }

@media (max-width: 700px) {
	.lightbox-arrow.left { left: 8vw; }
	.lightbox-arrow.right { right: 8vw; }
}

/* --------- image thumnail --------- */

.my-image{
	width: auto;
	height: 250px;
}

.my-image-2{
	width: auto;
	height: 370px;
}

.my-image-3{
	width: auto;
	height: 310px;
}

.my-image-content1{
	width: auto;
	max-width: 100%;
	max-height: 650px;
}

.toppic-height{
	height: 50px !important;
}

/* --------- slide image 3 --------- */

.carousel-container {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.carousel-viewport {
	width: 100%;
	max-width: 1280px;
	overflow: hidden;
}
.carousel-track {
	display: flex;
	transition: transform 0.5s cubic-bezier(0.6,0,0.4,1);
	will-change: transform;
}
.carousel-item {
	width: 100%;
	max-width: 370px;
	height: 260px;
	margin: 0 10px;
	border-radius: 16px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.5;
	transform: scale(0.88);
	transition: opacity 0.4s, transform 0.4s;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto; /* สำคัญมาก ห้ามลบ! */
}
.carousel-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}
.carousel-item.center {
	opacity: 1;
	transform: scale(1);
	z-index: 2;
	box-shadow: 0 4px 32px rgba(0,0,0,0.13);
}
.carousel-arrow {
	background: #fdedec;
	color: #7b241c;
	border: none;
	border-radius: 50%;
	width: 44px;
	height: 44px;
	cursor: pointer;
	font-size: 1.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.8;
	transition: background 0.2s, opacity 0.2s;
}
.carousel-arrow:hover { background: #686b70; opacity: 1; }
@media (max-width: 900px) {
	.carousel-item { width: 45vw; min-width: 120px; }
	.carousel-viewport { max-width: 98vw; }
}
@media (max-width: 650px) {
	.carousel-item { width: 96vw; min-width: 90px; height: 60vw; }
	.carousel-viewport { max-width: 99vw; }
}

/* --------- slide image 3 --------- */

.my-img-w50 {
    width: 50% !important;
}

/* side bar */

.nav-item{
	padding: 0px 5px !important;
}

.sidebar .nav.nav-success>.nav-item.active a:before, .sidebar[data-background-color=white] .nav.nav-success>.nav-item.active a:before {
    background: none !important;
}

.sidebar .nav>.nav-item.active>a, .sidebar[data-background-color=white] .nav>.nav-item.active>a {
    background: #48c9b0 !important;
    border-radius: 10px;
}

.sidebar .nav>.nav-item.active>a:hover {
    background: #48c9b0 !important;
    border-radius: 10px;
}

.sidebar .nav>.nav-item>a:hover {
    background: #f8f9f9 !important;
    border-radius: 10px;
}

.sidebar .nav.nav-success>.nav-item.active a i, .sidebar[data-background-color=white] .nav.nav-success>.nav-item.active a i{
	color: #fff !important;
}

.sidebar .nav>.nav-item.active>a p {
	color: #fff !important;
}

.sidebar .nav.nav-success>.nav-item a:hover i{
	color: #8d9498 !important;
}

.sidebar .nav.nav-success>.nav-item.active a:hover i{
	color: #fff !important;
}

.sidebar .nav>.nav-item a:hover p{
	color: #8d9498 !important;
}

.sidebar .nav>.nav-item a p{
	color: #8d9498 !important;
}

.sidebar .nav>.nav-item.active a:hover p{
	color: #fff !important;
}

/* end side bar */

.my-container-top{
	margin-top: 10px !important;
}

.my-header {
    display: block;
}

.sidebar {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.table>tbody>tr>td, .table>tbody>tr>th {
    padding: 10px 5px !important;
}

.table thead th {
    padding: 10px 5px !important;
}

.online-status::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #31ce36;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}

.form-input-bdrd{
	border-radius: 15px;
}

.btn {
    border-radius: 15px;
}

.breadcrumbs {
    margin-left: 0px !important;
}

.card, .card-light {
    border-radius: 20px;
	box-shadow: none;
	margin-bottom: 15px !important;
	box-shadow: 0 2px 16px rgba(80, 100, 120, 0.13);
}

/*.card:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}*/

.none-pd {
	padding: 0 !important;
}

.pd-10{
	padding: 10px;
}

.pd-15{
	padding: 15px;
}

.card-bd{
	border: 2px solid #566573 !important;
	border-bottom: 5px solid #566573 !important;
}

.card-bd:hover{
	border: 2px solid #566573 !important;
	border-bottom: 5px solid #566573 !important;
}

.card-cover-menu{
	padding: 10px !important;
}

.my-page-inner {
    padding: 5px 20px 20px 20px !important;
}

.my-container{
	margin-top: 0px !important;
    max-width: 1140px !important;
}

.my-main-panel{
	width: 100% !important;
    margin: auto !important;
    float: unset !important;
}

.bd-rd-5{
	border-radius: 5px !important;
}

.bd-rd-10{
	border-radius: 10px !important;
}

.bd-rd-15{
	border-radius: 15px !important;
}

.bd-rd-20{
	border-radius: 20px !important;
}

.overflow-x-auto {
	-ms-overflow-style: none;      /* IE, Edge */
	scrollbar-width: none;         /* Firefox */
	overflow-x: auto;
}

.overflow-x-auto::-webkit-scrollbar {
	display: none;                 /* Chrome, Safari, Opera */
}

.font-main{
	color: #2e4053 !important;
}

.font-pink{
	color: #ff6bcc !important;
}

.font-blue{
	color: #6bb7ff !important;
}

.font-orange{
	color: #f37567 !important;
}

.font-red{
	color: #f69292 !important;
}

.font-yellow{
	color: #fcd752 !important;
}

.font-green{
	color: #1fa084 !important;
}

.my-separator-dashed-1{
    border-top: 1px dashed #ddd;
    margin: 8px 0;
}

.my-separator-dashed{
    border-top: 2px dashed #d5d8dc;
    margin: 15px 0;
}

.my-separator-dashed-2{
    border-top: 2px dashed #2e4053;
    margin: 15px 0;
}

.my-status-red{
	padding: 2px 8px !important;
	color: #b03a2e !important;
	background-color: #fdedec !important;
    border-color: #fdedec !important;
	border-radius: 10px !important;
}

.my-status-yellow{
	padding: 2px 8px !important;
	color: #b7950b !important;
	background-color: #fef9e7 !important;
    border-color: #fef9e7 !important;
	border-radius: 10px !important;
}

.my-status-green{
	padding: 2px 8px !important;
	color: #148f77 !important;
	background-color: #e8f8f5 !important;
    border-color: #e8f8f5 !important;
	border-radius: 10px !important;
}

.my-status-blue{
	padding: 2px 8px !important;
	color: #1f618d !important;
	background-color: #eaf2f8 !important;
    border-color: #eaf2f8 !important;
	border-radius: 10px !important;
}

.my-status-success{
	padding: 2px 8px !important;
	color: #155724 !important;
	background-color: #d4edda !important;
    border-color: #c3e6cb !important;
	border-radius: 10px !important;
}

.my-status-danger{
	padding: 2px 8px !important;
	color: #721c24 !important;
	background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
	border-radius: 10px !important;
}

.my-status-info{
	padding: 2px 8px !important;
	color: #0c5460 !important;
    background-color: #d1ecf1 !important;
    border-color: #bee5eb !important;
	border-radius: 10px !important;
}

.my-status-primary{
	padding: 2px 8px !important;
	color: #004085 !important;
    background-color: #cce5ff !important;
    border-color: #b8daff !important;
	border-radius: 10px !important;
}

.my-status-warning{
	padding: 2px 8px !important;
	color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
	border-radius: 10px !important;
}

.my-status-defult{
	padding: 2px 8px !important;
	color: #383d41 !important;
    background-color: #e2e3e5 !important;
    border-color: #d6d8db !important;
	border-radius: 10px !important;
}

.my-status-maroon{
	padding: 1px 10px !important;
	margin: 0px 5px !important;
	color: #ffffff !important;
    background-color: #990000 !important;
    border-color: #990000 !important;
	border-radius: 10px !important;
}

.div-bgtop-hot {
    border-top: 5px solid #f25961 !important;
}

.div-bgtop-hot:hover {
    background: #fff8f8 !important;
}

.div-bgtop-news:hover {
    background: #edfffb !important;
}

.my-a{
	color: #2e4053 !important;
}

.my-a:hover{
	color: #1fa084 !important;
}

.my-a-del{
	color: #2e4053 !important;
}

.my-a-del:hover{
	color: #dc3545 !important;
}

.text-1-lines{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /* number of lines to show */
	-webkit-box-orient: vertical;
}

.text-2-lines{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
}

.text-3-lines{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* number of lines to show */
	-webkit-box-orient: vertical;
}

.text-16-lines{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 16; /* number of lines to show */
	-webkit-box-orient: vertical;
}

.btn-none{
	transition: none;
    background: none;
    padding: 0px !important;
	border: none;
}

.my-mt-5{
	margin-top: 5px;
}

.my-mt-10{
	margin-top: 10px;
}

.my-mt-15{
	margin-top: 15px;
}

.my-mt-20{
	margin-top: 20px;
}

.my-mb-5{
	margin-bottom: 5px;
}

.my-mb-10{
	margin-bottom: 10px;
}

.my-mb-15{
	margin-bottom: 15px;
}

.my-mb-20{
	margin-bottom: 20px;
}

.my-font-10{
	font-size: 10px !important;
}

.my-font-12{
	font-size: 12px !important;
}

.my-font-14{
	font-size: 14px !important;
}

.my-font-16{
	font-size: 16px !important;
}

.my-font-18{
	font-size: 18px !important;
}

.my-font-20{
	font-size: 20px !important;
}

.my-font-22{
	font-size: 22px !important;
}

.my-font-24{
	font-size: 24px !important;
}

.my-font-26{
	font-size: 26px !important;
}

.my-font-28{
	font-size: 28px !important;
}

.my-font-30{
	font-size: 30px !important;
}

@media (min-width: 992px) {
    .my-header {
        display: none;
    }

    .my-container-top{
		margin-top: 10px !important;
	}
}

/* Responsive */
@media (max-width: 1024px) {
	.carousel {
		gap: 0;
	}
	.carousel-item {
		flex: 0 0 100%;
		opacity: 1 !important;
		transform: scale(1) !important;
	}
	.nav {
		display: none;
	}

}

/* Responsive */
@media (max-width: 767px) {
	.carousel {
		gap: 0;
	}
	.carousel-item {
		flex: 0 0 100%;
		opacity: 1 !important;
		transform: scale(1) !important;
		max-width: 100%;
	}
	.nav {
		display: none;
	}

	.col-5th {
		flex: 0 0 100%;
		max-width: 100%;
	}
}