/* @font-face {
    font-family: "Sarabun";
    src: url("fonts/THSarabunNew.ttf") format("truetype");
  }

@font-face {
    font-family: 'Sarabun';
    src: local('Sarabun Regular'), 
         url('fonts/Sarabun-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

.custom-font {
    font-family: 'RSU', sans-serif; /* Fallback to sans-serif if the custom font doesn't load */
}

/* Default styles */
.dynamic-font1 {
    font-size: 28px;
}

.dynamic-font2 {
    font-size: 48px;
}

/* Adjust font size for screens smaller than 1921px */
@media (max-width: 1920px) {
    .dynamic-font1 {
        font-size: 28px;
    }
    .dynamic-font2 {
        font-size: 48px;
    }
    .dynamic-font2_2 {
        font-size: 38px;
    }
    .dynamic-height1 {
        height: '';
    }
    .dynamic-height2 {
        height: 10.5vh;
    }
}

/* Adjust font size for screens smaller than 1367px */
@media (max-width: 1366px) {
    .dynamic-font1 {
        font-size: 28px;
    }
    .dynamic-font2 {
        font-size: 48px;
    }
    .dynamic-font2_2 {
        font-size: 38px;
    }
    .dynamic-height1 {
        height: '';
    }
    .dynamic-height2 {
        height: 10.5vh;
    }
}

/* Adjust font size for screens smaller than 1281px */
@media (max-width: 1280px) {
    .dynamic-font1 {
        font-size: 25px;
    }
    .dynamic-font2 {
        font-size: 42px;
    }
    .dynamic-font2_2 {
        font-size: 28px;
    }
}

/* Adjust font size for screens smaller than 1201px */
@media (max-width: 1200px) {
    .dynamic-font1 {
        font-size: 24px;
    }
    .dynamic-font2 {
        font-size: 28px;
    }
    .dynamic-font2_2 {
        font-size: 18px;
    }
}

/* Adjust font size for screens smaller than 991px */
@media (max-width: 990px) {
    .dynamic-font1 {
        font-size: 19px;
    }
    .dynamic-font2 {
        font-size: 28px;
    }
    .dynamic-font2_2 {
        font-size: 18px;
    }
    .dynamic-height2 {
        height: 10vh;
    }
}

/* Adjust font size for screens smaller than 769px */
@media (max-width: 768px) {
    .dynamic-font1 {
        font-size: 16px;
    }
    .dynamic-font2 {
        font-size: 24px;
    }
    .dynamic-font2_2 {
        font-size: 16px;
    }
}

/* Adjust font size for screens smaller than 577px */
@media (max-width: 576px) {
    .dynamic-font1 {
        font-size: 14px;
    }
    .dynamic-font2 {
        font-size: 24px;
    }
    .dynamic-font2_2 {
        font-size: 14px;
    }
    .dynamic-height1 {
        height: '';
    }
    .dynamic-height2 {
        height: 10vh;
    }
}