a {
    text-decoration: none;
}

.navbar-ggt {
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 0;
    font-family: "Kanit", sans-serif;

}

.nav-item {
    text-align: center;
}

/* ==== Font ===== */
@font-face {
    font-family: "DBHelvethaicaMonX";
    src: url("../font/DBHelvethaicaMonX.ttf") format("truetype");
    font-weight: 300;
    /* Light */
    font-style: normal;
}

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

@font-face {
    font-family: "AdobeThaiRegular";
    src: url("../font/AdobeThaiRegular.otf") format("truetype");
    font-weight: 500;
    /* Light */
    font-style: normal;
}

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

@font-face {
    font-family: "DSN-SiRin";
    src: url("../font/DSN-SiRin.ttf") format("truetype");
    font-weight: 500;
    /* Light */
    font-style: normal;
}

.font-DSNSiRin {
    font-family: "DSN-SiRin", sans-serif;
}

@font-face {
    font-family: "PSL114pro";
    src: url("../font/PSL114pro.ttf") format("truetype");
    font-weight: 500;
    /* Light */
    font-style: normal;
}

@font-face {
    font-family: "PSL114pro";
    src: url("../font/PSL116pro.ttf") format("truetype");
    font-weight: 700;
    /* Light */
    font-style: normal;
}

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

@font-face {
    font-family: "Akhand";
    src: url("../font/Akhand_Black.otf") format("truetype");
    font-weight: 900;
    /* Light */
    font-style: normal;
}

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


:root {
    --fs-h1: clamp(32px, 2vw + 20px, 50px);
    --fs-h2: clamp(28px, 1.8vw + 18px, 42px);
    --fs-h3: clamp(24px, 1.5vw + 16px, 36px);
    --fs-h4: clamp(20px, 1.2vw + 14px, 30px);
    --fs-h5: clamp(18px, 1vw + 12px, 24px);
    --fs-h6: clamp(16px, 0.8vw + 10px, 20px);
    --fs-p: clamp(14px, 0.6vw + 10px, 16px);
    --fs-small: clamp(12px, 0.4vw + 8px, 12px);
}

h1,
.h1 {
    font-size: var(--fs-h1);
}

h2,
.h2 {
    font-size: var(--fs-h2);
}

h3,
.h3 {
    font-size: var(--fs-h3);
}

h4,
.h4 {
    font-size: var(--fs-h4);
}

h5,
.h5 {
    font-size: var(--fs-h5);
}

h6,
.h6 {
    font-size: var(--fs-h6);
}

p,
.p {
    font-size: var(--fs-p);
}

small,
.small {
    font-size: var(--fs-small);
}


body {
    position: relative;
    width: 100%;
    background: #fff;
    color: #000;
    font-family: "Prompt", sans-serif;
}

.mainLayout_content {
    position: relative;
    width: 100%;
    max-width: 900px;
    min-height: 100dvh;
    margin: 0 auto;
    padding-top: 60px;

    background: url("../images/background/bg_mainLayout.png");
    background-position: top;
    background-size: cover;

    /* overflow-x: hidden; */
}

.btnback {
    position: absolute;
    z-index: 20;
    top: 80px;
    left: 20px;
    width: 50px;
    height: 50px;
    padding: 15px;
    border-radius: 50%;
    font-size: 20px;
    border: 1px solid #ddba5a;
    background: #f6ec96;
    color: #8a6026;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    box-shadow: 1px 1px 10px 3px #8a6026;

}

.btnback:hover {
    box-shadow: 1px 1px 10px 3px #c2642a;
}