@font-face {
    font-family: 'thongterm';
    src: url('../fonts/thongterm/thongterm-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
    background-image: url('https://www.pangyath.com/assets/img/NEWBG_06112025.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #fff;
}

body {
    font-family: 'thongterm';
}

button {
    font-family: inherit;
}

input {
    font-family: inherit;
}

.transaction-style {
    font-size: 0.7rem !important;
    color: #A9A9A9;
}

.op9 {
    opacity: 0.95;
}

.has-centered {
    margin: auto !important;
}

.payment-td {
    border-left: 1px solid #cdd0d4 !important;
}

@font-face {
    font-family: 'SukhumvitSet-Bold';
    src: URL('../fonts/SukhumvitSet-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'SukhumvitSet-Light';
    src: URL('../fonts/SukhumvitSet-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'SukhumvitSet-Medium';
    src: URL('../fonts/SukhumvitSet-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'SukhumvitSet-SemiBold';
    src: URL('../fonts/SukhumvitSet-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'SukhumvitSet-Text';
    src: URL('../fonts/SukhumvitSet-Text.ttf') format('truetype');
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
    .box-width-1 {
        max-width: 50%;
    }
}

/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {}

.blink {
    animation: blinker 0.5s linear infinite;
    color: #1c87c9;
    font-weight: bold;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}