@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Krub:wght@300;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Trirong:wght@500;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kanit:ital@1&display=swap");

@font-face {
    font-family: "FCIconic";
    src: url("../fonts/FCIconic/FC Iconic Regular.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "FCIconic";
    src: url("../fonts/FCIconic/FC Iconic Bold.ttf");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "FCIconic";
    src: url("../fonts/FCIconic/FC Iconic Italic.ttf");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "FCIconic";
    src: url("../fonts/FCIconic/FC Iconic Bold Italic.ttf");
    font-weight: 500;
    font-style: italic;
}

body {
    font-family: var(--bs-font-primary), "Sarabun", sans-serif;
    font-weight: normal;
    font-size: 1.2em;
}
.font-pri {
    font-family: var(--bs-font-primary);
}
.font-sec {
    font-family: var(--bs-font-secondary);
}
.font-tri {
    font-family: var(--bs-font-tertiary);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: var(--bs-font-primary), sans-serif;
}

.cursor-pointer {
    cursor: pointer;
}

/*
|--------------------------------------------------------------------------
| a href link
|--------------------------------------------------------------------------
*/
a.text-primary:hover {
    color: var(--bs-secondary) !important;
    opacity: 0.8 !important;
}

/*
|--------------------------------------------------------------------------
| Text & Button
|--------------------------------------------------------------------------
*/

.text-primary {
    color: var(--bs-primary) !important;
}
.text-secondary {
    color: var(--bs-secondary) !important;
}
.text-triple {
    color: var(--bs-triple) !important;
}

/*
|--------------------------------------------------------------------------
| Background Image
|--------------------------------------------------------------------------
*/
.bg-wave {
    background-image: url("../img/goodkit/orang-bg.png");
    /* background-position: center; */
    /* background-repeat:no-repeat; */
    margin-left: 1px;
}

footer {
    background-image: url("../img/goodkit/footer/footer.png");
}
/*
|--------------------------------------------------------------------------
| Font Size
|--------------------------------------------------------------------------
*/
.fs-smaller {
    font-size: 0.9rem;
}
.fs-normal {
    font-size: 1rem;
}
.fs-bigger {
    font-size: 1.2rem;
}

/*
|--------------------------------------------------------------------------
| Background Color
|--------------------------------------------------------------------------
*/
.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.bg-tertiary {
    background-color: var(--bs-tertiary) !important;
}

.bg-triple {
    background-color: var(--bs-triple) !important;
}

.bg-breadcrumbs {
    font-size: 1rem;
    background-color: var(--bs-secondary) !important;
}
div.sub-link i:first-child {
    display: none !important;
}
/*
|--------------------------------------------------------------------------
| Padding
|--------------------------------------------------------------------------
*/
.pr-1 {
    padding-right: 10px;
}
.pr-2 {
    padding-right: 20px;
}
.pr-3 {
    padding-right: 30px;
}
.pr-4 {
    padding-right: 40px;
}
.pr-5 {
    padding-right: 50px;
}

/*
|--------------------------------------------------------------------------
| Font Weight
|--------------------------------------------------------------------------
*/
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fw-800 {
    font-weight: 800;
}

.label-regis-nia {
    color: #5971bf;
    padding-left: 15px;
    margin-bottom: 0 !important;
}
.form-group {
    margin-bottom: 0 !important;
}
ul{
    margin-bottom: 0 !important;
}
.text-red {
	font-size:1em;
	font-weight: bold;
	color: red;
	padding-right: 5px;
	/* padding-left: 15px; */
}