/*
:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}
*/
:root {
  --default-font-family: 'Prompt', sans-serif;
}
.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

a, a:hover, a:focus {
  text-decoration: none;
}


.main-container {
  position: relative;
  width: 1440px;
  height: 2385px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.flex-row-aa {
  position: relative;
  width: 1440px;
  height: 99px;
  margin: 0 0 0 0;
  z-index: 43;
}
.rectangle {
  position: absolute;
  width: 1440px;
  height: 66px;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 20;
}
.college-name {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 44px;
  top: 25px;
  left: 135px;
  color: #162647;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 500;
  line-height: 43.568px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.36px;
  z-index: 23;
}
.logo-black {
  position: absolute;
  width: 68px;
  height: 68px;
  top: 31px;
  left: 45px;
  background: url(./assets/images/0c1049584d60d5a72e6c435ca9b049a394184fa7.png)
    no-repeat center;
  background-size: cover;
  z-index: 43;
}
.button-rectangle {
  position: absolute;
  width: 212px;
  height: 42px;
  top: 47px;
  left: 1183px;
  cursor: pointer;
  background: #ffeab3;
  border: none;
  z-index: 27;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.apply {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 109px;
  height: 29px;
  top: 5px;
  left: 56px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 800;
  line-height: 29px;
  text-align: center;
  white-space: nowrap;
  z-index: 28;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.undergraduate-program {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 206px;
  height: 36px;
  top: 54px;
  left: 457px;
  color: #000000;
  font-family: Prompt, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  white-space: nowrap;
  z-index: 21;
}
.postgraduate-program {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 178px;
  height: 29px;
  top: 54px;
  left: 703px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  text-align: center;
  white-space: nowrap;
  z-index: 22;
}
.master-program {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 185px;
  height: 29px;
  top: 54px;
  left: 929px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  text-align: center;
  white-space: nowrap;
  z-index: 26;
}
.line {
  position: absolute;
  width: 230px;
  height: 1px;
  top: 71px;
  left: 135px;
  background: url(./assets/images/d92a19fc-0a12-42c4-8a06-e4be61b86ae6.png)
    no-repeat center;
  background-size: cover;
  z-index: 25;
}
.degree-programs {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 232px;
  height: 22px;
  top: 77px;
  left: 133px;
  color: #162647;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 21.784px;
  text-align: center;
  white-space: nowrap;
  z-index: 24;
}
.rectangle-1 {
  position: relative;
  width: 1440px;
  height: 34px;
  margin: 27px 0 0 0;
  background: #d9d9d9;
}
.undergraduate-program-2 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 111px;
  height: 17px;
  top: 9px;
  left: 139px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.943px;
  text-align: center;
  white-space: nowrap;
  z-index: 2;
}
.home {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 46px;
  height: 17px;
  top: 9px;
  left: 72px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.943px;
  text-align: center;
  white-space: nowrap;
  z-index: 1;
}
.arrow {
  position: absolute;
  width: 16px;
  top: 19px;
  left: 119px;
  background: url(./assets/images/b72dcb93-613e-4094-a884-3f7d61f36a4f.png)
    no-repeat center;
  background-size: cover;
  z-index: 44;
}
.arrow-3 {
  position: absolute;
  width: 1px;
  top: 19px;
  left: 54px;
  background: url(./assets/images/c9524746-1832-4493-b165-55e6a0f72d93.png)
    no-repeat center;
  background-size: cover;
  z-index: 45;
}
.arrow-4 {
  position: absolute;
  width: 1px;
  top: 19px;
  left: 62px;
  background: url(./assets/images/db40faa0-767a-4c41-b192-8fc9308615c7.png)
    no-repeat center;
  background-size: cover;
  z-index: 46;
}
.undergraduate-program-5 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 152px;
  height: 24px;
  margin: 16px 0 0 46px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.4px;
  z-index: 7;
}
.undergraduate-faculties {
  position: relative;
  width: 437px;
  height: 169px;
  margin: 530px 0 0 41px;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: -1.92px;
  z-index: 6;
}
.undergraduate-course {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  letter-spacing: -1.92px;
}
.faculty-list {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  letter-spacing: -1.92px;
}
.rectangle-6 {
  position: relative;
  width: 1440px;
  height: 117px;
  margin: 35px 0 0 0;
  background: #ffffff;
  z-index: 4;
}
.college-santapol {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 847px;
  height: 39px;
  top: 54px;
  left: 293px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 38.727px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 1.6px;
  z-index: 4;
}
.flex-row-ea {
  position: relative;
  width: 662px;
  height: 58px;
  margin: 45px 0 0 106px;
  z-index: 42;
}
.undergraduate-program-7 {
  position: absolute;
  width: 396px;
  height: 58px;
  top: 0;
  left: 0;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 58px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 29;
}
/*
.undergraduate-degree {
  position: relative;
  color: #0a3080;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 600;
  line-height: 58.091px;
  text-align: left;
}
*/
.undergraduate-degree {
  position: relative;
  color: #0a3080;
  font-family: Inter, var(--default-font-family);
  font-size: clamp(24px, 5vw, 48px); /* ปรับขนาดอัตโนมัติตามหน้าจอ */
  font-weight: 600;
  line-height: 1.2; /* ปรับให้สัมพันธ์กับฟอนต์ */
  text-align: left;
  max-width: 100%; /* ป้องกันข้อความยาวเกิน */
  word-wrap: break-word; /* ตัดคำอัตโนมัติถ้าข้อความยาว */
}

/* Responsive สำหรับ Tablet */
@media (max-width: 768px) {
  .undergraduate-degree {
    font-size: 36px; /* ลดขนาดตัวอักษร */
    text-align: center; /* จัดกึ่งกลาง */
  }
}

/* Responsive สำหรับ Mobile */
@media (max-width: 480px) {
  .undergraduate-degree {
    font-size: 28px; /* ปรับขนาดให้อ่านง่ายขึ้น */
    text-align: center; /* จัดข้อความให้อยู่ตรงกลาง */
  }
}

.degree {
  position: relative;
  color: #0a3080;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 58.091px;
  text-align: left;
}
.line-8 {
  position: absolute;
  width: 244px;
  height: 2px;
  top: 55px;
  left: 450px;
  background: url(./assets/images/2a028531-cdd8-4281-ab3d-41ea487a8bdc.png)
    no-repeat center;
  background-size: cover;
  z-index: 42;
}

@media (max-width: 768px) {
  .line-8 {
    width: 20%; /* ขยายให้กว้างขึ้นในหน้าจอมือถือ */
    top: 5vh; /* ปรับตำแหน่งให้เหมาะสมกับมือถือ */
    left: 350px;
  }
}



.line-9 {
  position: relative;
  width: 1230px;
  height: 1px;
  margin: 24px 0 0 10px;
  background: url(./assets/images/9c0f1cff-5af3-4b06-a188-ef0a62f6873b.png)
    no-repeat center;
  background-size: cover;
  z-index: 31;
}

@media (max-width: 768px) {
  .line-9 {
    width: 95%; /* ขยายให้เต็มพื้นที่มากขึ้น */
    margin-top: -30px; /* ลด margin บนลงเล็กน้อย */
  }
}


.business-administration-faculty {
  position: relative;
  width: 588px;
  height: 44px;
  margin: 27px 0 0 10px;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 400;
  line-height: 43.568px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 35;
}

@media (max-width: 991px) {
  .business-administration-faculty {
    width: 100%; /* ให้กว้างขึ้นบนมือถือ */
    font-size: 1vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    margin-top: -10px;
  }
}


.business-administration {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 400;
  line-height: 43.568px;
  text-align: left;
}
@media (max-width: 768px) {
  .business-administration {
    font-size: 5vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    line-height: 1.4; /* ลดระยะห่างระหว่างบรรทัด */
    
  }
}

.faculty-business-administration {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 43.568px;
  text-align: left;
}

@media (max-width: 768px) {
  .faculty-business-administration {
    font-size: 3vw; /* ปรับขนาดตัวอักษรให้เล็กลง */
    line-height: 1.4; /* ลดระยะห่างระหว่างบรรทัด */
    text-align: center; /* จัดกึ่งกลางสำหรับมือถือ */
  }
}


.accounting-program {
  position: relative;
  width: 271px;
  height: 29px;
  margin: 9px 0 0 100px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 9;
}

@media (max-width: 768px) {
  .accounting-program {
    width: 90%; /* ให้กว้างขึ้นสำหรับมือถือ */
    font-size: 2vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    white-space: normal; /* อนุญาตให้ขึ้นบรรทัดใหม่ */
    
    margin-left: 0; /* รีเซ็ต margin-left */
  }
}


.accounting {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
@media (max-width: 768px) {
  .accounting {
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เล็กลง */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
   
  }
}



.accounting-a {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
.digital-marketing-program {
  position: relative;
  width: 373px;
  height: 29px;
  margin: 9px 0 0 100px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 16;
}

@media (max-width: 768px) {
  .digital-marketing-program {
    width: 90%; /* ให้กว้างขึ้นสำหรับมือถือ */
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    white-space: normal; /* อนุญาตให้ขึ้นบรรทัดใหม่ */
    margin-left: 0; /* รีเซ็ต margin-left */
  }
}


.digital-marketing {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}

@media (max-width: 768px) {
  .digital-marketing {
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เล็กลงในมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
   
  }
}

.digital-marketing-b {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
.human-resources-management {
  position: relative;
  width: 592px;
  height: 29px;
  margin: 9px 0 0 100px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 17;
}

@media (max-width: 768px) {
  .human-resources-management {
    width: 90%; /* ให้กว้างขึ้นบนมือถือ */
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    white-space: normal; /* อนุญาตให้ขึ้นบรรทัดใหม่ */
    margin-left: 0; /* รีเซ็ต margin-left */
  }
}

.human-resources-management-c {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}

@media (max-width: 768px) {
  .human-resources-management-c {
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เล็กลงในมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
   
  }
}

.digital-technology {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
.digital-technology-d {
  position: relative;
  width: 389px;
  height: 29px;
  margin: 9px 0 0 100px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 18;
}

@media (max-width: 768px) {
  .digital-technology-d {
    width: 90%; /* ให้กว้างขึ้นบนมือถือ */
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    white-space: normal; /* อนุญาตให้ขึ้นบรรทัดใหม่ */
   margin-top: 25px;
    margin-left: 0; /* รีเซ็ต margin-left */
  }
}


.digital-technology-e {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}

@media (max-width: 768px) {
  .digital-technology-e {
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
   
  }
}


.line-f {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
.faculty-of-laws {
  position: relative;
  width: 1124px;
  height: 1px;
  margin: 22px 0 0 0px;
  background: url(./assets/images/878f6965-4fe9-4e8c-8a91-cb0b0a21e40f.png)
    no-repeat center;
  background-size: cover;
  z-index: 30;
}

@media (max-width: 768px) {
  .faculty-of-laws {
    width: 95%; /* ขยายให้เต็มพื้นที่มากขึ้น */
    margin-top: 10px; /* ลด margin บนลงเล็กน้อย */
  }
}
.faculty-of-laws-10 {
  position: relative;
  width: 384px;
  height: 44px;
  margin: 28px 0 0 0px;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 400;
  line-height: 43.568px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 36;
}

@media (max-width: 768px) {
  .faculty-of-laws-10 {
    width: 90%; /* ขยายให้เต็มพื้นที่มากขึ้น */
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เล็กลง */
    white-space: normal; /* อนุญาตให้ข้อความขึ้นบรรทัดใหม่ */
   
  }
}


.faculty-of-laws-11 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 400;
  line-height: 43.568px;
  text-align: left;
}

@media (max-width: 768px) {
  .faculty-of-laws-11 {
    font-size: 5vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
   
  }
}


.laws {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 43.568px;
  text-align: left;
}
@media (max-width: 768px) {
  .laws {
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
    white-space: normal; /* อนุญาตให้ข้อความขึ้นบรรทัดใหม่ */
    word-wrap: break-word; /* บังคับให้ขึ้นบรรทัดใหม่ถ้าคำยาวเกิน */
   
  }
}


.laws-12 {
  position: relative;
  width: 235px;
  height: 29px;
  margin: 9px 0 0 100px;
  z-index: 11;
}
@media (max-width: 768px) {
  .laws-12 {
    width: 90%; /* ให้กว้างขึ้นบนมือถือ */
    margin-left: 0; /* รีเซ็ต margin-left */
    text-align: center; /* จัดกึ่งกลาง */
  }
}

.laws-13 {
  position: absolute;
  width: 235px;
  height: 29px;
  top: 0;
  left: 0;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 10;
}
.laws-14 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}

@media (max-width: 768px) {
  .laws-14 {
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
    text-align: center; /* จัดกึ่งกลาง */
  }
}

.laws-15 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
.laws-16 {
  position: absolute;
  width: 235px;
  height: 29px;
  top: 0;
  left: 0;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 11;
}
.laws-17 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
.laws-18 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
.line-19 {
  position: relative;
  width: 1124px;
  height: 1px;
  margin: 32px 0 0 0px;
  background: url(./assets/images/aa555635-6da3-444a-9b44-742c1f16ea0f.png)
    no-repeat center;
  background-size: cover;
  z-index: 32;
}

@media (max-width: 768px) {
  .line-19 {
    width: 95%; /* ขยายให้เต็มพื้นที่มากขึ้น */
    
  }
}

.faculty-sciences-technology {
  position: relative;
  width: 800px;
  height: 44px;
  margin: 28px 0 0 0px;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 400;
  line-height: 43.568px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 37;
}

@media (max-width: 768px) {
  .faculty-sciences-technology {
    width: 90%; /* ปรับให้กว้างขึ้นบนมือถือ */
    font-size: 5vw; /* ปรับขนาดตัวอักษรให้เล็กลง */
    white-space: normal; /* อนุญาตให้ข้อความขึ้นบรรทัดใหม่ */
    margin-top: 10px;
  }
}


.faculty-sciences-technology-1a {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 400;
  line-height: 43.568px;
  text-align: left;
}

@media (max-width: 768px) {
  .faculty-sciences-technology-1a {
    font-size: 5vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
   
  }
}


.faculty-sciences-technology-1b {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 43.568px;
  text-align: left;
}

@media (max-width: 768px) {
  .faculty-sciences-technology-1b {
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
  
    white-space: normal; /* อนุญาตให้ตัดขึ้นบรรทัดใหม่ */
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

.multimedia-art-animation {
  position: relative;
  width: 595px;
  height: 29px;
  margin: 9px 0 0 100px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 12;
}
@media (max-width: 768px) {
  .multimedia-art-animation {
    width: 90%; /* ให้กว้างขึ้นบนมือถือ */
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    white-space: normal; /* อนุญาตให้ขึ้นบรรทัดใหม่ */
    margin-top: 40px;
    margin-left: 0; /* รีเซ็ต margin-left */
  }
}

.multimedia-art-animation-1c {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}

@media (max-width: 768px) {
  .multimedia-art-animation-1c {
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
   
  }
}

.multimedia-art-animation-1d {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
.industrial-management-logistics {
  position: relative;
  width: 722px;
  height: 29px;
  margin: 9px 0 0 100px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 15;
}

@media (max-width: 768px) {
  .industrial-management-logistics {
    width: 90%; /* ให้กว้างขึ้นบนมือถือ */
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    white-space: normal; /* อนุญาตให้ขึ้นบรรทัดใหม่ */
    margin-left: 0; /* รีเซ็ต margin-left */
    margin-top: 25px;
  }
}

.industrial-management-logistics-1e {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
@media (max-width: 768px) {
  .industrial-management-logistics-1e {
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
  
  }
}

.industrial-management-logistics-1f {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
.line-20 {
  position: relative;
  width: 1124px;
  height: 1px;
  margin: 35px 0 0 0px;
  background: url(./assets/images/397fde1b-508d-4f44-bc3d-ce7fb6206eff.png)
    no-repeat center;
  background-size: cover;
  z-index: 33;
}

@media (max-width: 768px) {
  .line-20 {
    width: 95%; /* ปรับให้กว้างขึ้นบนมือถือ */
    margin-top: 35px; /* ลด margin บนลงเล็กน้อย */
  }
}


.faculty-education {
  position: relative;
  width: 466px;
  height: 44px;
  margin: 28px 0 0 0px;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 400;
  line-height: 43.568px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 38;
}

@media (max-width: 768px) {
  .faculty-education {
    width: 90%; /* ให้กว้างขึ้นบนมือถือ */
    font-size: 5vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    white-space: normal; /* อนุญาตให้ขึ้นบรรทัดใหม่ */
   
  }
}

.faculty-education-21 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 400;
  line-height: 43.568px;
  text-align: left;
}
@media (max-width: 768px) {
  .faculty-education-21 {
    font-size: 5vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
  }
}


.faculty-education-22 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 43.568px;
  text-align: left;
}
.early-childhood-education {
  position: relative;
  width: 457px;
  height: 29px;
  margin: 9px 0 0 100px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 13;
}

@media (max-width: 768px) {
  .early-childhood-education {
    width: 90%; /* ให้กว้างขึ้นบนมือถือ */
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    white-space: normal; /* อนุญาตให้ขึ้นบรรทัดใหม่ */
    margin-left: 0; /* รีเซ็ต margin-left */
  }
}


.early-childhood-education-23 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}

@media (max-width: 768px) {
  .early-childhood-education-23 {
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
   
  }
}


.early-childhood-education-24 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
.thai {
  position: relative;
  width: 219px;
  height: 29px;
  margin: 9px 0 0 100px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 14;
}

@media (max-width: 768px) {
  .thai {
    width: 90%; /* ให้กว้างขึ้นบนมือถือ */
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    white-space: normal; /* อนุญาตให้ขึ้นบรรทัดใหม่ */
    margin-left: 0; /* รีเซ็ต margin-left */
    margin-top: 25px;
  }
}


.thai-25 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}

@media (max-width: 768px) {
  .thai-25 {
    font-size: 4vw; /* ปรับขนาดตัวอักษรให้เหมาะกับมือถือ */
    line-height: 1.3; /* ลดระยะห่างระหว่างบรรทัด */
   
  }
}

.thai-26 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
}
.line-27 {
  position: relative;
  width: 1230px;
  height: 1px;
  margin: 31px 0 0 105px;
  background: url(./assets/images/2e10c417-ecef-4803-8d6c-d7ff364711ab.png)
    no-repeat center;
  background-size: cover;
  z-index: 34;
}

@media (max-width: 768px) {
  .line-27 {
    width: 95%; /* ให้เส้นขยายกว้างขึ้นตามหน้าจอ */
    margin-left: 0; /* รีเซ็ต margin-left เพื่อให้เส้นอยู่กึ่งกลาง */
    background-size: contain; /* ป้องกันภาพผิดสัดส่วน */
  }
}


.flex-row-e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 142px;
  height: 70px;
  margin: 56px 0 0 629px;
  z-index: 48;
}
.rb {
  flex-shrink: 0;
  position: relative;
  width: 35px;
  height: 35px;
  background: url(./assets/images/d8500da8-882d-44f5-a8e1-af3e3352cd75.png)
    no-repeat center;
  background-size: cover;
  z-index: 47;
  margin-top: 11px;
  margin-bottom: 30px;
}
.facebook-logo-x {
  flex-shrink: 0;
  position: relative;
  width: 35px;
  height: 35px;
  background: url(./assets/images/59b5c26d085bbe826f4da57049bc00252250ec83.png)
    no-repeat center;
  background-size: cover;
  z-index: 48;
  margin-top: 11px;
  margin-bottom: 30px;
}
.rectangle-28 {
  position: relative;
  width: 1440px;
  height: 292px;
  margin: 35px 0 0 1px;
  background: #162647;
  z-index: 41;
}
.research-and-academic-services {
  position: absolute;
  width: 414px;
  height: 169px;
  top: 54px;
  left: 534px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  z-index: 40;
}
.research-and-academic-services-29 {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}
.research-and-service-academic-journal {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}

.education-course-registration {
  position: absolute;
  width: 288px;
  height: 203px;
  top: 54px;
  left: 105px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 39;
}
.education {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}
.curriculum-registration-regulations {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}
.others-map-and-travel {
  position: absolute;
  width: 269px;
  height: 171px;
  top: 54px;
  left: 1066px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 41;
}
.others {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}
.map-and-travel-wifi {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}
.p {
  position: absolute;
  width: 1440px;
  height: 739px;
  top: 223px;
  left: 0;
  background: url(./assets/images/d2f77e66e462b52d0ccf467a1208ac50cf9779ad.png)
    no-repeat center;
  background-size: cover;
  z-index: 5;
}
.rectangle-2a {
  position: absolute;
  width: 1440px;
  height: 1049px;
  top: 1058px;
  left: -1px;
  background: url(./assets/images/b8d9565f-4b7d-4e19-b117-f291df5d4c72.png)
    no-repeat center;
  background-size: cover;
  z-index: 8;
}