@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@300&family=Mitr:wght@500&family=Pattaya&family=Pridi:wght@300&display=swap');

.font-nunito {
    font-family: "Nunito", Arial, sans-serif;
}

.font-pattaya {
    font-family: 'Pattaya', sans-serif;
}

.font-anuphan {
    font-family: 'Anuphan', sans-serif;
}

.font-pridi {
    font-family: 'Pridi', serif;
}

.font-tahoma {
    font-family: Tahoma !important;
}

.font-14 {
    font-size: 0.8rem;
}

.font-16 {
    font-size: 1rem;
}

.font-18 {
    font-size: 1.125rem;
}

.font-20 {
    font-size: 1.25rem;
}

.font-25 {
    font-size: 1.56rem;
}

.camera-icon {
    display: inline-block;
    cursor: pointer;
    font-size: 2.5rem;
}

.btn-choose-picture input[type="file"] {
    display: none;
}

.agency-logo-preview img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* .tour-detail-list {} */

.tour-detail-list label {
    padding-right: 5px;
    font-size: 1.1rem;
}

.tour-detail-list strong {
    font-size: 1.1rem;
    color: #dc3545;
}

table th.td-fit {
    white-space: nowrap;
    width: 20px;
}

table td.td-fit {
    white-space: nowrap;
    width: 20px;
}

.font-16 {
    font-size: 1rem;
}

.font-18 {
    font-size: 1.125rem;
}

.font-20 {
    font-size: 1.25rem;
}

.font-25 {
    font-size: 1.56rem;
}

table td,
input,
textarea,
select {
    font-family: "Anuphan", Arial, sans-serif;
}

.btn {
    font-family: "Anuphan", Arial, sans-serif !important;
    padding: 10px;
    font-size: 1.1rem;
}

.btn-sm {
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 1rem !important;
}

.hero.hero-inner {
    padding: 8rem 0 2rem 0 !important;
}

.intro-wrap p {
    margin-left: 5px;
}

.box-tour-banner {
    aspect-ratio: 4 / 3;
}

.img-tour-banner {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.img-agency-banner {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin-bottom: 1rem;
}

.table-period thead {
    background-color: #dc3545;
    color: #fff;
    text-align: center;
}

hr.line-dark {
    border-top: 3px solid #dc3545;
    opacity: 0.6;
}

.tour-country-title {
    color: #1a374d;
    font-weight: bold;
    border: 2px solid #1a374d;
    border-radius: 15px;
    padding: 10px;
}

.pointer {
    cursor: pointer;
}

.text-underline {
    text-decoration: underline;
}

textarea:focus,
input:focus {
    outline: none;
}


.tour-menu {
    list-style-type: none;
    background-color: #333;
    text-align: center;
    border-radius: 10px;
    padding: 5px;
}

.tour-menu li {
    display: inline-block;
}

.tour-menu li a {
    display: block;
    padding: 2px;
    text-decoration: none;
    color: white;
}

.tour-menu li a:hover {
    background-color: #555;
}
.bg-hili {
    background: #f4fe2d;
}