/*
   Website    :  Pohpunpanyafoundation.org
   Tech Code  :  Play Digital / Tech teams
   Create     :  01/10/2566
   Update     :  03/12/2567 08:00 PM
   */
   
    :root {
       --black: #333;
       --pt-485c: #00953b;
       --white: #fff;
       --Dark-gray: #333333;
       --picker: #ededed;
       --bg-card: #dedbdb;
       --darkred: #c20104;
       --untitled-ui-primary600: #7f56d9;
       --untitled-ui-white: white;
       --untitled-ui-primary700: #6941c6;
       --untitled-ui-primary100: #f4ebff;
       --untitled-ui-gray300: #d0d5dd;
       --untitled-ui-gray700: #344054;
       --untitled-ui-gray50-501: #f9fafb;
       --untitled-ui-gray800: #1d2939;
       --untitled-ui-gray100: #f2f4f7;
       --untitled-ui-gray600: #475467;
       --untitled-ui-gray900: #101828;
       --untitled-ui-primary300: #d6bbfb;
       --untitled-ui-gray500: #667085;
       --untitled-ui-primary500: #9e77ed;
       --untitled-ui-primary50-501: #f9f5ff;
       --dark: black;
       --orance-dark: #e1261c;
       --dark-green: #006f23;
       --keybg: #005c2d;
       --untitled-ui-success700: #027a48;
       --yellow-green: #bad65b;
       --untitled-ui-gray400: #98a2b3;
       --bg: #e0dddb;
       --yglight: #8eb94a;
       --gainsboro: #e6e2e7;
       --texttab: #00953b;
       --untitled-ui-gray200: #eaecf0;
       --untitled-ui-primary800: #53389e;
       --untitled-ui-success50: #ecfdf3;
   }
   
   .navbar-no-shadow.sticky {
       z-index: 1000;
   }
   
   .sharethis-inline-share-buttons.st-center.st-inline-share-buttons.st-animated {
       z-index: 0;
   }
   
   .w-container {
       max-width: 1170px;
       margin-left: auto;
       margin-right: auto;
       display: block;
   }
   
   .w-layout-blockcontainer {
       max-width: 940px;
       margin-left: auto;
       margin-right: auto;
       display: block;
   }
   
   .w-layout-block-body {
       max-width: 1080px;
       margin-left: auto;
       margin-right: auto;
       display: block;
   }
   
   .w-layout-block-footer {
       max-width: 1440px;
       margin-left: auto;
       margin-right: auto;
       display: block;
   }
   
   .w-layout-vflex {
       flex-direction: column;
       align-items: flex-start;
       display: flex;
   }
   
   .w-layout-hflex {
       flex-direction: row;
       align-items: flex-start;
       display: flex;
   }
   
   .w-layout-grid {
       grid-row-gap: 16px;
       grid-column-gap: 16px;
       grid-template-rows: auto auto;
       grid-template-columns: 1fr 1fr;
       grid-auto-columns: 1fr;
       display: grid;
   }
   
   .w-form-formrecaptcha {
       margin-bottom: 8px;
   }
   /***********************************/
   
   .nm-plus {
       position: relative;
       z-index: 1;
       margin-top: -350px;
   }
   
   .nm-bgkey {
       z-index: -1;
       background-color: #e6e2e7;
       height: 350px;
       position: relative;
   }
   /***********************************/
   
   @media screen and (max-width: 991px) {
       .w-layout-blockcontainer {
           max-width: 728px;
       }
       .w-container {
           max-width: 728px;
           margin-left: auto;
           margin-right: auto;
           display: block;
       }
   }
   
   @media screen and (max-width: 767px) {
       .w-container {
           max-width: 728px;
           margin-left: auto;
           margin-right: auto;
           display: block;
       }
       .w-layout-blockcontainer {
           max-width: none;
       }
   }
   
   #st-1 {
       z-index: 1 !important;
   }
   
   body {
       color: #333;
       font-family: Sarabun, Helvetica Neue, Helvetica, sans-serif;
       font-size: 14px;
       line-height: 20px;
   }
   
   img {
       max-width: 100%;
       display: inline-block;
   }
   /* START NAV-BAR */
   
   .navbar-no-shadow-container {
       z-index: 5;
       width: 100%;
       max-width: 100%;
       background-color: rgba(0, 0, 0, 0);
       margin-left: auto;
       margin-right: auto;
       padding: 10px;
   }
   
   .container-regular {
       width: 100%;
       min-height: 30px;
       margin-left: auto;
       margin-right: auto;
   }
   
   .navbar-wrapper {
       justify-content: space-between;
       align-items: center;
       display: flex;
   }
   
   .navbar-brand {
       width: auto;
       align-items: center;
       display: flex;
   }
   
   .nav-menu-wrapper {
       align-items: center;
       display: flex;
   }
   
   .nav-menu {
       justify-content: space-between;
       align-items: center;
       margin-bottom: 0;
       padding-bottom: 0;
       padding-left: 0;
       font-family: Sarabun, sans-serif;
       display: flex;
   }
   
   .navlink_menuthai {
       color: var(--black);
       text-align: left;
       letter-spacing: .25px;
       margin-left: 5px;
       margin-right: 5px;
       padding: 5px 10px;
       font-size: 16px;
       font-weight: 400;
       line-height: 20px;
       text-decoration: none;
   }
   
   .navlink_menuthai:hover {
       color: var(--pt-485c);
   }
   
   .navlink_menuthai:focus-visible {
       outline-offset: 0px;
       color: #0050bd;
       border-radius: 4px;
       outline: 2px solid #0050bd;
   }
   
   .navlink_menuthai[data-wf-focus-visible] {
       outline-offset: 0px;
       color: #0050bd;
       border-radius: 4px;
       outline: 2px solid #0050bd;
   }
   
   .nav-dropdown {
       margin-left: 5px;
       margin-right: 5px;
   }
   
   .nav-dropdown:hover {
       font-weight: 500;
   }
   
   .nav-dropdown-toggle {
       letter-spacing: .25px;
       padding: 5px 25px 5px 5px;
       font-size: 18px;
       line-height: 22px;
   }
   
   .nav-dropdown-toggle:hover {
       color: rgba(26, 27, 31, .75);
       font-weight: 400;
   }
   
   .nav-dropdown-toggle:focus-visible {
       outline-offset: 0px;
       color: var(--pt-485c);
       border-radius: 5px;
       outline: 2px solid #0050bd;
       text-decoration: underline;
   }
   
   .nav-dropdown-toggle[data-wf-focus-visible] {
       outline-offset: 0px;
       color: var(--pt-485c);
       border-radius: 5px;
       outline: 2px solid #0050bd;
       text-decoration: underline;
   }
   
   .nav-dropdown-icon {
       margin-left: 10px;
       margin-right: 5px;
       padding-left: 0;
       font-size: 16px;
   }
   
   .nav-dropdown-list {
       background-color: #fff;
       border-radius: 12px;
   }
   
   .nav-dropdown-list.w--open {
       padding-top: 10px;
       padding-bottom: 10px;
   }
   
   .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
       border-bottom: 2px solid var(--pt-485c);
       border-radius: 0;
       margin-top: 35px;
       padding-top: 10px;
   }
   
   .nav-dropdown-link {
       padding-top: 5px;
       padding-bottom: 5px;
       font-size: 14px;
   }
   
   .nav-dropdown-link:focus-visible {
       outline-offset: 0px;
       color: #0050bd;
       border-radius: 5px;
       outline: 2px solid #0050bd;
   }
   
   .nav-dropdown-link[data-wf-focus-visible] {
       outline-offset: 0px;
       color: #0050bd;
       border-radius: 5px;
       outline: 2px solid #0050bd;
   }
   
   .nav-button-wrapper {
       margin-left: 120px;
   }
   
   .navbar-no-shadow-container {
       padding-left: 5px;
       padding-right: 5px;
   }
   
   .navlink_menuthai.draft {
       color: #c9c1c1;
       font-style: normal;
   }
   
   .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
       margin-top: 25px;
   }
   
   .right {
       justify-content: flex-end;
       align-items: center;
       display: flex;
   }
   
   .icon_search {
       display: none;
   }
   /* -- END NAV-BAR -- */
   
   .button-primary {
       color: #fff;
       letter-spacing: 2px;
       text-transform: uppercase;
       background-color: #1a1b1f;
       padding: 12px 25px;
       font-size: 12px;
       line-height: 20px;
       transition: all .2s;
   }
   
   .button-primary:hover {
       color: #fff;
       background-color: #32343a;
   }
   
   .button-primary:active {
       background-color: #43464d;
   }
   
   .button-primary.footer-form-button {
       padding: 8px 18px;
       position: absolute;
       right: 8px;
   }
   
   .slide {
       text-align: center;
       background-color: rgba(0, 0, 0, 0);
   }
   
   .banner_slider {
       height: fit-content;
       background-color: rgba(0, 0, 0, 0);
   }
   
   .hero-subscribe-left {
       background-color: var(--white);
       -webkit-text-fill-color: inherit;
       background-clip: border-box;
       border-bottom: 1px solid #e4ebf3;
       padding: 80px 30px;
       position: static;
   }
   
   .container {
       width: 100%;
       max-width: 940px;
       margin-left: auto;
       margin-right: auto;
   }
   
   .hero-wrapper {
       justify-content: space-between;
       align-items: center;
       display: flex;
   }
   
   .hero-split {
       max-width: 46%;
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       display: flex;
   }
   
   .margin-bottom-24px {
       color: var(--white);
       text-align: center;
       align-self: auto;
       margin-bottom: 24px;
       font-size: 12px;
       font-weight: 400;
   }
   
   .footer-under-brand {
       color: var(--Dark-gray);
       text-align: center;
       align-self: auto;
       margin-bottom: 24px;
       font-size: 14px;
       font-weight: 400;
       line-height: 23px;
   }
   
   .hero-form {
       margin-bottom: 12px;
   }
   
   .hero-form-container {
       justify-content: flex-start;
       align-items: stretch;
       display: flex;
   }
   
   .hero-form-input {
       width: 240px;
       height: auto;
       color: #1a1b1f;
       border: 1px solid #d1d6db;
       margin-bottom: 0;
       margin-right: 9px;
       padding: 5px 16px;
       font-size: 14px;
       line-height: 20px;
       transition: all .2s;
   }
   
   .hero-form-input:hover,
   .hero-form-input:focus {
       border-color: #76879d;
   }
   
   .hero-form-input::-ms-input-placeholder {
       color: rgba(26, 27, 31, .8);
   }
   
   .hero-form-input::placeholder {
       color: rgba(26, 27, 31, .8);
   }
   
   .text-link-arrow {
       color: #1a1b1f;
       justify-content: flex-start;
       align-items: center;
       font-size: 14px;
       line-height: 20px;
       text-decoration: none;
       display: flex;
   }
   
   .arrow-embed {
       margin-left: 2px;
       display: flex;
   }
   
   .shadow-two {
       box-shadow: 0 4px 24px rgba(150, 163, 181, .08);
   }
   
   .team-slider {
       background-color: #f5f7fa;
       border-bottom: 1px solid #e4ebf3;
       padding: 80px 30px;
       position: relative;
   }
   
   .headlinetext {
       color: var(--black);
       text-align: left;
       -webkit-text-stroke-color: var(--white);
       margin-top: 0;
       margin-bottom: 6px;
       font-family: Sarabun, sans-serif;
       font-size: 15px;
       font-weight: 500;
       position: absolute;
   }
   
   .centered-subheading {
       max-width: 530px;
       text-align: center;
       margin-left: auto;
       margin-right: auto;
   }
   
   .team-slider-wrapper {
       height: auto;
       background-color: rgba(0, 0, 0, 0);
       margin-top: 50px;
   }
   
   .team-slide-wrapper {
       width: 30%;
       margin-right: 5%;
   }
   
   .team-block {
       background-color: #fff;
       padding-bottom: 24px;
   }
   
   .team-member-image-two {
       margin-bottom: 18px;
   }
   
   .team-block-info {
       flex-direction: column;
       align-items: flex-start;
       padding-left: 24px;
       padding-right: 24px;
       display: flex;
   }
   
   .team-member-name-two {
       margin-bottom: 12px;
       font-weight: 600;
   }
   
   .team-member-text {
       margin-bottom: 20px;
   }
   
   .team-slider-arrow {
       display: none;
   }
   
   .team-slider-nav {
       margin-top: 24px;
       font-size: 10px;
       position: static;
       bottom: -60px;
   }
   
   .team-circles {
       border-bottom: 1px solid #e4ebf3;
       padding: 80px 30px;
       font-family: Sarabun, sans-serif;
       position: relative;
   }
   
   .team-grid {
       grid-column-gap: 64px;
       grid-row-gap: 56px;
       grid-template-rows: auto auto;
       grid-template-columns: 1fr 1fr 1fr;
       grid-auto-columns: 1fr;
       margin-top: 50px;
       display: grid;
   }
   
   .team-card {
       text-align: center;
       flex-direction: column;
       align-items: center;
       font-size: 14px;
       line-height: 22px;
       display: flex;
   }
   
   .team-member-image {
       width: 270px;
       height: 270px;
       object-fit: cover;
       border-radius: 50%;
       margin-bottom: 24px;
   }
   
   .team-member-name {
       margin-bottom: 6px;
       font-size: 20px;
       font-weight: 500;
       line-height: 32px;
   }
   
   .team-member-position {
       margin-bottom: 24px;
   }
   
   .footer-subscribe {
       border-bottom: 1px solid #e4ebf3;
       padding: 50px 30px 40px;
       position: relative;
   }
   
   .footer-form-two {
       background-color: #f5f7fa;
       margin-bottom: 40px;
       padding: 64px;
   }
   
   .footer-form-container-two {
       justify-content: space-between;
       align-items: center;
       display: flex;
   }
   
   .footer-form-title {
       font-size: 24px;
       line-height: 32px;
   }
   
   .footer-form-block-two {
       justify-content: flex-end;
       align-items: center;
       display: flex;
       position: relative;
   }
   
   .footer-form-input {
       width: 460px;
       height: 48px;
       border: 1px #000;
       margin-bottom: 0;
       padding: 12px 180px 12px 20px;
   }
   
   .footer-form-input::-ms-input-placeholder {
       color: rgba(26, 27, 31, .8);
   }
   
   .footer-form-input::placeholder {
       color: rgba(26, 27, 31, .8);
   }
   
   .footer-wrapper-three {
       justify-content: space-between;
       align-items: center;
       display: flex;
   }
   
   .footer-block-three {
       justify-content: flex-start;
       align-items: center;
       margin-left: -20px;
       margin-right: -20px;
       display: flex;
   }
   
   .footer-link-three {
       color: #1a1b1f;
       margin-left: 20px;
       margin-right: 20px;
       text-decoration: none;
   }
   
   .footer-link-three:hover {
       color: rgba(26, 27, 31, .75);
   }
   
   .footer-social-block-three {
       justify-content: flex-start;
       align-items: center;
       margin-left: -32px;
       display: flex;
   }
   
   .footer-social-link-three {
       margin-left: 32px;
   }
   
   .footer-divider-two {
       width: 100%;
       height: 1px;
       background-color: #e4ebf3;
       margin-top: 40px;
       margin-bottom: 40px;
   }
   
   .footer-bottom {
       justify-content: space-between;
       align-items: center;
       display: flex;
   }
   
   .footer-copyright {
       color: #3a4554;
   }
   
   .footer-legal-block {
       justify-content: flex-start;
       align-items: center;
       display: flex;
   }
   
   .footer-legal-link {
       color: #3a4554;
       margin-left: 24px;
   }
   
   .footer-legal-link:hover {
       color: #3a4554;
   }
   
   .div-block {
       height: 15px;
       background-color: var(--pt-485c);
       border: 1px #00953b;
   }
   
   .utility-page-wrap {
       width: 100vw;
       height: 100vh;
       max-height: 100%;
       max-width: 100%;
       justify-content: center;
       align-items: center;
       display: flex;
   }
   
   .utility-page-content {
       width: 260px;
       text-align: center;
       flex-direction: column;
       display: flex;
   }
   
   .utility-page-form {
       flex-direction: column;
       align-items: stretch;
       display: flex;
   }
   
   .search-button {
       display: none;
   }
   /*Media button style */
   
   .mn-button {
       margin-left: 2px;
       margin-right: 2px;
       font-family: sarabun;
       display: inline-block;
       padding: 5px 15px;
       background-color: #ffffff;
       color: rgb(0, 0, 0);
       border: 1px;
       border-style: solid;
       line-height: inherit;
       text-decoration: none;
       cursor: pointer;
       border-radius: 15px;
   }
   
   .mn-button:hover,
   .mn-button.active {
       border-color: var(--darkred);
       background-color: var(--darkred);
       color: var(--white);
   }
   
   .search-input {
       width: 100px;
       border: .5px solid #eee2e2;
       border-radius: 20px;
       margin-right: 10px;
       display: block;
   }
   
   .text-block {
       color: var(--pt-485c);
       font-family: Sarabun, sans-serif;
       font-size: 25px;
       font-weight: 700;
       line-height: 1.4;
   }
   
   .search {
       align-items: center;
       margin-top: 20px;
       display: flex;
   }
   
   .image-2,
   .image-3 {
       padding-left: 5px;
       padding-right: 5px;
   }
   
   .hero-without-image {
       text-align: center;
       background-color: #efecea;
       border-bottom: 1px solid #e4ebf3;
       position: relative;
   }
   
   .container-2 {
       width: 100%;
       max-width: 940px;
       margin-left: auto;
       margin-right: auto;
   }
   
   .hero-wrapper-two {
       max-width: 750px;
       color: #fff;
       text-align: center;
       flex-direction: column;
       justify-content: flex-start;
       align-items: center;
       margin-left: auto;
       margin-right: auto;
       padding-left: 15px;
       font-family: Sarabun, sans-serif;
       display: flex;
   }
   
   .margin-bottom-24px-2 {
       margin-bottom: 0;
       margin-left: -80px;
       font-size: 16px;
   }
   
   .btn_readmore {
       border: 1px solid var(--white);
       color: #fff;
       letter-spacing: 2px;
       text-transform: uppercase;
       background-color: rgba(0, 0, 0, 0);
       border-radius: 50px;
       padding: 12px 25px;
       font-size: 14px;
       line-height: 20px;
       transition: all .2s;
   }
   
   .btn_readmore:hover {
       color: #fff;
       background-color: rgba(0, 0, 0, 0);
   }
   
   .btn_readmore:active {
       background-color: #43464d;
   }
   
   .hl_rdwhite {
       width: 300px;
       color: #fff;
       text-align: center;
       border: 1px solid #fcfcfc;
       border-radius: 50px;
       margin-top: 10px;
       padding: 5px 20px;
       font-family: Sarabun, sans-serif;
       font-size: 20px;
       font-weight: 500;
       position: static;
   }
   
   .paragraph {
       text-align: left;
       font-size: 16px;
       line-height: 30px;
   }
   
   .body {
       font-family: Sarabun, sans-serif;
       display: block;
   }
   
   .heading-2 {
       margin-bottom: 30px;
       font-size: 50px;
       font-weight: 500;
       line-height: 36px;
   }
   
   .slide-nav {
       color: var(--black);
       top: 98%;

   }
   
   .icon-2 {
       margin-top: auto;
       margin-bottom: auto;
   }
   
   .hero-heading-center {
       -webkit-text-fill-color: inherit;
       background-color: #618cce;
       background-clip: content-box;
       border-bottom: 1px solid #e4ebf3;
       padding: 80px 30px;
       position: relative;
   }
   
   .container-3 {
       width: 100%;
       max-width: 940px;
       margin-left: auto;
       margin-right: auto;
   }
   
   .centered-heading-2 {
       text-align: center;
       margin-bottom: 16px;
   }
   
   .centered-heading-2.margin-bottom-32px {
       margin-bottom: 32px;
   }
   
   .hero-wrapper-2 {
       justify-content: space-between;
       align-items: center;
       display: flex;
   }
   
   .hero-split-2 {
       max-width: 46%;
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       display: flex;
   }
   
   .margin-bottom-24px-3 {
       margin-bottom: 24px;
   }
   
   .button-primary-3 {
       color: #fff;
       letter-spacing: 2px;
       text-transform: uppercase;
       background-color: #1a1b1f;
       padding: 12px 25px;
       font-size: 12px;
       line-height: 20px;
       transition: all .2s;
   }
   
   .button-primary-3:hover {
       color: #fff;
       background-color: #32343a;
   }
   
   .button-primary-3:active {
       background-color: #43464d;
   }
   
   .shadow-two-2 {
       box-shadow: 0 4px 24px rgba(150, 163, 181, .08);
   }
   
   .footer-dark {
       color: #c2b8b8;
       background-color: #3f4041;
       border-bottom: 1px solid #e4ebf3;
       padding: 50px 30px 15px;
   }
   
   .footer-wrapper {
       max-width: 900px;
       justify-content: space-between;
       align-items: flex-start;
       margin-left: auto;
       margin-right: auto;
       display: flex;
   }
   
   .footer-brand {
       width: 80px;
   }
   
   .footer-content {
       grid-column-gap: 6px;
       grid-row-gap: 40px;
       grid-template-rows: auto;
       grid-template-columns: auto auto;
       grid-auto-columns: 1fr;
       display: grid;
   }
   
   .footer-block {
       color: var(--white);
       flex-flow: column;
       justify-content: flex-start;
       align-items: flex-start;
       display: flex;
   }
   
   .title-small {
       letter-spacing: 1px;
       text-transform: uppercase;
       margin-bottom: 12px;
       font-size: 14px;
       font-weight: 700;
       line-height: 16px;
   }
   
   .footer-link {
       color: var(--white);
       margin-top: 12px;
       margin-bottom: 6px;
       font-size: 14px;
       line-height: 16px;
       text-decoration: none;
   }
   
   .footer-link:hover {
       color: rgba(26, 27, 31, .75);
   }
   
   .footer-social-block {
       justify-content: flex-start;
       align-items: center;
       margin-top: 12px;
       margin-left: -12px;
       display: flex;
   }
   
   .footer-social-link {
       margin-left: 12px;
   }
   
   .footer-divider {
       width: 100%;
       height: 1px;
       background-color: #e4ebf3;
       margin-top: 70px;
       margin-bottom: 15px;
   }
   
   .footer-copyright-center {
       color: var(--white);
       text-align: left;
       font-size: 14px;
       line-height: 16px;
   }
   
   .testimonial-stack {
       border-bottom: 1px solid #e4ebf3;
       padding: 80px 30px;
       position: relative;
   }
   
   .testimonial-card-three {
       text-align: center;
       background-color: #f5f7fa;
       padding: 64px 42px;
   }
   
   .testimonial-card-content {
       max-width: 580px;
       flex-direction: column;
       align-items: center;
       margin-left: auto;
       margin-right: auto;
       display: flex;
       position: relative;
   }
   
   .testimonial-card-heading {
       margin-bottom: 24px;
   }
   
   .testimonial-text-three {
       font-size: 24px;
       line-height: 32px;
   }
   
   .testimonial-info-four {
       text-align: center;
       flex-direction: column;
       align-items: center;
       margin-top: 24px;
       display: flex;
   }
   
   .testimonial-image {
       width: 60px;
       height: 60px;
       object-fit: cover;
       border-radius: 50%;
       margin-right: 16px;
   }
   
   .testimonial-image.centered {
       width: 80px;
       height: 80px;
       margin-bottom: 16px;
       margin-right: 0;
   }
   
   .testimonial-author-name-three {
       margin-bottom: 10px;
   }
   
   .team-circles-2 {
       border-bottom: 1px solid #e4ebf3;
       padding: 80px 30px;
       position: relative;
   }
   
   .centered-subheading-2 {
       max-width: 530px;
       text-align: center;
       margin-left: auto;
       margin-right: auto;
   }
   
   .team-grid-2 {
       grid-column-gap: 64px;
       grid-row-gap: 56px;
       grid-template-rows: auto auto;
       grid-template-columns: 1fr 1fr 1fr;
       grid-auto-columns: 1fr;
       margin-top: 50px;
       display: grid;
   }
   
   .team-card-2 {
       text-align: center;
       flex-direction: column;
       align-items: center;
       font-size: 14px;
       line-height: 22px;
       display: flex;
   }
   
   .team-member-image-2 {
       width: 270px;
       height: 270px;
       object-fit: cover;
       border-radius: 50%;
       margin-bottom: 24px;
   }
   
   .team-member-name-2 {
       margin-bottom: 6px;
       font-size: 20px;
       font-weight: 500;
       line-height: 32px;
   }
   
   .team-member-position-2 {
       margin-bottom: 24px;
   }
   
   .footer-wrap {
       max-width: 900px;
       justify-content: space-between;
       align-items: flex-start;
       margin-left: auto;
       margin-right: auto;
       display: flex;
   }
   
   .image-4 {
       color: var(--white);
   }
   
   .partner-pppy {
       background-color: #f5f7fa;
       border-bottom: 1px solid #e4ebf3;
       padding: 20px 30px 0;
       position: relative;
   }
   
   .container-4 {
       width: 100%;
       max-width: 940px;
       margin-left: auto;
       margin-right: auto;
   }
   
   .partner_sub_head {
       color: #00953b;
       text-align: center;
       margin-bottom: 16px;
       font-family: Sarabun, sans-serif;
       font-size: 50px;
       font-weight: 500;
   }
   
   .centered-subheading-3 {
       max-width: 800px;
       color: #333;
       text-align: center;
       margin: 35px auto;
       font-family: Sarabun, sans-serif;
       font-size: 30px;
       font-weight: 500;
   }
   
   .team-slider-wrapper-2 {
       height: auto;
       background-color: rgba(0, 0, 0, 0);
       margin-top: 50px;
   }
   
   .team-slide-wrapper-2 {
       width: 100%;
       margin-right: 2%;
   }
   
   .team-block-2 {
       width: 25%;
       background-color: rgba(255, 255, 255, 0);
       margin-left: 10px;
       margin-right: 10px;
       padding-bottom: 24px;
   }
   
   .team-member-image-two-2 {
       border-radius: 20px;
       margin-bottom: 0;
   }
   
   .team-block-info-2 {
       padding-top: 10px;;
       text-align: center;
       flex-direction: column;
       justify-content: flex-end;
       align-items: flex-start;
       padding-left: 15px;
       padding-right: 15px;
       display: flex;
   }
   
   .team-block-info-2.plus {
       padding-left: 10px;
       padding-right: 10px;
       line-height: 15px;
   }
   
   .team-member-name-two-2 {
       width: 100%;
       margin-bottom: 12px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 500;
   }
   
   .team-member-text-2 {
       width: 100%;
       margin-bottom: 20px;
       font-size: 14px;
   }
   
   .team-member-text-2.plus {
       letter-spacing: -.5px;
       font-size: 14px;
   }
   
   .text-link-arrow-2 {
       color: #1a1b1f;
       justify-content: flex-start;
       align-items: center;
       font-size: 14px;
       line-height: 20px;
       text-decoration: none;
       display: flex;
   }
   
   .arrow-embed-2 {
       margin-left: 2px;
       display: flex;
   }
   
   .team-slider-arrow-2 {
       display: none;
   }
   
   .team-slider-nav-2 {
       color: #c3bcbc;
       -webkit-text-stroke-color: #8d5f5f;
       margin-top: 24px;
       font-size: 10px;
       position: static;
       bottom: -60px;
   }
   
   .partner-card {
       border-radius: 20px;
       margin-bottom: 0;
       padding: 25px 0 0;
   }
   
   .partner-card.bgwhite {
       background-color: var(--white);
   }
   
   .hl_rdblack {
       width: 300px;
       min-width: 250px;
       text-align: center;
       border: 1px solid #000;
       border-radius: 20px;
       margin-left: auto;
       margin-right: auto;
       padding: 10px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
   }
   
   .column-4 {
       text-align: right;
   }
   
   .paragraph-2 {
       flex-direction: row;
       justify-content: space-around;
       display: block;
   }
   
   .footer-dark-2 {
       background-image: url('../images/bg_cover_footer.png');
       background-color: var(--bg);
       background-size: cover;
       background-position: center;
       border-bottom: 1px solid #e4ebf3;
       padding-top: 50px;
       padding-left: auto;
       padding-right: auto;
       padding-bottom: 50px;
       font-family: Sarabun, sans-serif;
   }
   
   .footer-wrapper-2 {
       max-width: 1120px;
       justify-content: space-between;
       align-items: flex-start;
       margin-left: auto;
       margin-right: auto;
       display: flex;
   }
   
   .footer-brand-2 {
       flex: 0 auto;
       align-self: baseline;
   }
   
   .footer-content-2 {
       width: 60%;
       grid-column-gap: 60px;
       grid-row-gap: 60px;
       grid-template-rows: auto;
       grid-template-columns: auto 1.25fr;
       grid-auto-columns: 1fr;
       display: grid;
   }
   
   .footer-block-2 {
       width: 250px;
       text-align: center;
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       margin-left: 35px;
       display: flex;
   }
   
   .footer-block-3 {
       width: 250px;
       text-align: center;
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       margin-left: 35px;
       display: flex;
   }
   
   .title-small-2 {
       color: var(--Dark-gray);
       letter-spacing: 1px;
       text-transform: uppercase;
       margin-bottom: 12px;
       font-size: 14px;
       font-weight: 700;
       line-height: 16px;
   }
   
   .footer-link-2 {
       color: var(--Dark-gray);
       margin-top: 8px;
       margin-bottom: 8px;
       font-size: 14px;
       line-height: 16px;
       text-decoration: none;
   }
   
   .footer-link-2:hover {
       color: var(--pt-485c);
   }
   
   .footer-link-2.top {
       margin-top: 20px;
       margin-bottom: 15px;
   }
   
   .footer-link-2.last {
       margin-bottom: 0;
   }
   
   .footer-link-2.daft {
       color: #f9f5ff;
   }
   
   .footer-social-block-2 {
       width: 100%;
       justify-content: center;
       align-items: center;
       margin-top: 12px;
       margin-left: -12px;
       display: flex;
   }
   
   .footer-social-link-2 {
       margin-left: 12px;
   }
   
   .footer-divider-2 {
       width: 100%;
       height: 1px;
       background-color: var(--black);
       margin-top: 70px;
       margin-bottom: 15px;
   }
   
   .footer-copyright-center-2 {
       margin-top: 50px;
       color: var(--pt-485c);
       text-align: center;
       font-size: 14px;
       line-height: 16px;
   }
   
   .text-block-2 {
       color: var(--Dark-gray);
   }
   
   .footerheadpppy {
       color: var(--Dark-gray);
       text-align: center;
       font-size: 25px;
       font-weight: 400;
       text-decoration: none;
   }
   
   .footer-header-brand {
       color: var(--pt-485c);
       font-family: Sarabun, sans-serif;
       font-size: 25px;
       font-weight: 700;
   }
   
   .footer-header-brand-address {
       color: var(--black);
       font-family: Sarabun, sans-serif;
       font-size: 20px;
       font-weight: 600;
   }
   
   .flex-block {
       width: 250px;
       order: 0;
       align-items: center;
       display: flex;
   }
   
   .heading-4 {
       width: 100%;
       color: var(--Dark-gray);
       font-family: Sarabun, sans-serif;
   }
   
   .footeremail {
       width: 250px;
       color: var(--Dark-gray);
       text-align: left;
       align-self: center;
       font-family: Sarabun, sans-serif;
       font-size: 14px;
   }
   
   .search-input-2 {
       width: 100px;
       border: .5px solid var(--white);
       background-color: rgba(255, 255, 255, 0);
       border-radius: 20px;
   }
   
   .search-2 {
       padding-top: 10px;
   }
   
   .image-5 {
       width: 30px;
       color: #e4caca;
       align-self: flex-start;
       margin-right: 5px;
   }
   
   .logopartners {
       background-color: var(--pt-485c);
       border-bottom: 1px solid #e4ebf3;
       padding: 60px 30px;
       position: relative;
   }
   
   .clients-title {
       text-align: center;
       font-size: 24px;
       line-height: 32px;
   }
   
   .clients-wrapper {
       max-width: 750px;
       text-align: center;
       justify-content: center;
       align-items: center;
       margin-top: 40px;
       margin-left: auto;
       margin-right: auto;
       display: flex;
   }
   
   .clients-image {
       width: 150px;
       color: var(--white);
   }
   
   .headsponsor {
       width: 250px;
       min-width: 250px;
       border: 1px solid var(--white);
       color: var(--white);
       text-align: center;
       border-radius: 20px;
       margin-left: auto;
       margin-right: auto;
       padding: 10px;
   }
   
   .hero-stack {
       background-color: var(--bg-card);
       border-bottom: 1px solid #e4ebf3;
       padding: 20px 30px;
       position: relative;
       overflow: scroll;
   }
   
   .hero-wrapper-two-2 {
       height: 490px;
       max-width: 900px;
       text-align: center;
       flex-direction: column;
       justify-content: flex-start;
       align-items: center;
       margin-left: 20px;
       margin-right: 20px;
       display: flex;
   }
   
   .margin-bottom-24px-4 {
       margin-bottom: 24px;
   }
   
   .button-primary-4 {
       color: #fff;
       letter-spacing: 2px;
       text-transform: uppercase;
       background-color: #1a1b1f;
       padding: 12px 25px;
       font-size: 12px;
       line-height: 20px;
       transition: all .2s;
   }
   
   .button-primary-4:hover {
       color: #fff;
       background-color: #32343a;
   }
   
   .button-primary-4:active {
       background-color: #43464d;
   }
   
   .hero-image {
       width: 100%;
       margin-top: 50px;
   }
   
   .slider-2 {
       height: 490px;
   }
   
   .mask {
       height: 650px;
   }
   
   .vdo_gallery {
       background-color: #e9e0e0;
       border-bottom: 1px solid #e4ebf3;
       margin-bottom: 0;
       margin-left: auto;
       margin-right: auto;
       padding-top: 20px;
       padding-left: 30px;
       padding-right: 30px;
       position: relative;
       overflow: visible;
       height: auto;
   }
   /* Same Code*/
   
   .container-index_vdo {
       width: 100%;
       text-align: center;
       justify-content: center;
       margin-bottom: auto;
       padding: 10px 40px;
       display: block;
   }
   /* Same Code*/
   
   .container-_index_vdo {
       width: 100%;
       text-align: left;
       justify-content: center;
       margin-bottom: auto;
       margin-left: 0;
       margin-right: 0;
       padding: 10px 40px;
       display: block;
   }
   
   .container-newsandmedia {
       width: 100%;
       max-width: 100%;
       min-height: 650px;
       text-align: center;
       justify-content: center;
       margin-bottom: auto;
       margin-left: 0;
       margin-right: 0;
       padding: 10px 40px;
       display: block;
   }
   /* NewsandMedia*/
   
   .w-layout-hflex.flex-nm-end.newsdetail {
       width: 300px;
       font-family: sarabun;
       font-size: 16px;
   }
   /* margin-top: 5px;margin-right: 10px; */
   
   .w-layout-hflex.flex-nm-end.newsdetail span {
       margin-top: 5px;
       margin-right: 10px;
   }
   
   .centered-heading-3 {
       width: 250px;
       min-width: 250px;
       text-align: center;
       border: 1px solid #000;
       border-radius: 20px;
       margin-bottom: 10px;
       margin-left: auto;
       margin-right: auto;
       padding: 10px;
       font-size: 16px;
   }
   
   .centered-subheading-4 {
       max-width: 530px;
       text-align: center;
       margin-left: auto;
       margin-right: auto;
   }
   
   .team-slider-wrapper-3 {
       height: auto;
       background-color: rgba(0, 0, 0, 0);
       margin-top: 50px;
       display: block;
   }
   
   .team-slide-wrapper-3 {
       width: 33%;
       margin-right: 10px;
   }
   
   .team-block-3 {
       background-color: rgba(0, 0, 0, 0);
       padding-bottom: 0;
   }
   
   .team-member-image-two-3 {
       object-fit: fill;
       margin-bottom: 18px;
   }
   
   .team-block-info-3 {
       flex-direction: column;
       align-items: flex-start;
       padding-left: 0;
       padding-right: 0;
       display: flex;
   }
   
   .team-member-name-two-3 {
       margin-top: 0;
       margin-bottom: 0;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       font-weight: 600;
       line-height: 20px;
       overflow: visible;
   }
   
   .team-member-text-3 {
       color: #847870;
       margin-top: 15px;
       margin-bottom: 10px;
       font-family: Sarabun, sans-serif;
       font-style: normal;
   }
   
   .text-link-arrow-3 {
       color: #1a1b1f;
       justify-content: flex-start;
       align-items: center;
       font-size: 14px;
       line-height: 20px;
       text-decoration: none;
       display: flex;
   }
   
   .arrow-embed-3 {
       margin-left: 2px;
       display: flex;
   }
   
   .team-slider-arrow-3 {
       display: none;
   }
   
   .team-slider-nav-3 {
       color: #fff;
       margin-top: 40px;
       font-size: 16px;
       display: inline-block;
       position: static;
       bottom: -60px;
   }
   
   .newsandmedia {
       background-color: var(--white);
       text-align: left;
       border-bottom: 1px solid #e4ebf3;
       padding: 50px 0;
       position: static;
   }
   
   .centered-heading-4 {
       width: 21%;
       min-width: 250px;
       color: var(--black);
       text-align: center;
       border: 1px solid #847870;
       border-radius: 20px;
       margin-bottom: 10px;
       margin-left: 0;
       margin-right: 0;
       padding: 10px 40px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       font-weight: 700;
   }
   
   .team-slider-wrapper-4 {
       height: auto;
       background-color: rgba(0, 0, 0, 0);
       margin-top: 50px;
   }
   
   .schoolgallery {
       width: 500px;
       border-radius: 10px;
       margin-bottom: 18px;
       padding-top: 5px;
       padding-left: 5px;
       padding-right: 5px;
   }
   
   .gallery-overview {
       background-color: #f5f7fa;
       border-bottom: 1px solid #e4ebf3;
       padding: 80px 30px;
       position: relative;
   }
   
   .gallery-wrapper {
       grid-column-gap: 40px;
       grid-row-gap: 40px;
       grid-template-rows: auto;
       grid-template-columns: 1fr 1fr 1fr;
       grid-auto-columns: 1fr;
       align-items: start;
       display: grid;
   }
   
   .gallery-block {
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       display: flex;
   }
   
   .gallery-features-block {
       margin-top: 16px;
       margin-bottom: 24px;
   }
   
   .gallery-feature {
       background-image: url('../images/');
       background-position: 0%;
       background-repeat: no-repeat;
       background-size: 20px;
       margin-bottom: 8px;
       padding-left: 30px;
       font-size: 14px;
       line-height: 24px;
   }
   
   .button-primary-5 {
       color: #fff;
       letter-spacing: 2px;
       text-transform: uppercase;
       background-color: #1a1b1f;
       padding: 12px 25px;
       font-size: 12px;
       line-height: 20px;
       transition: all .2s;
   }
   
   .button-primary-5:hover {
       color: #fff;
       background-color: #32343a;
   }
   
   .button-primary-5:active {
       background-color: #43464d;
   }
   
   .gallery-grid {
       grid-row-gap: 40px;
       grid-template-rows: auto auto;
       grid-template-columns: 1fr;
       grid-auto-columns: 1fr;
       display: grid;
   }
   
   .gallery-image {
       width: 100%;
   }
   
   .button {
       background-color: #847870;
       border-radius: 20px;
       padding-left: 30px;
       padding-right: 30px;
       display: inline-block;
   }
   
   .schoolbutton-active {
       width: 150px;
       color: #fff;
       text-align: center;
       -webkit-text-stroke-color: #fff;
       background-color: #ee161a;
       border: 1px solid #ee161a;
       border-radius: 20px;
       margin-left: 5px;
       margin-right: 5px;
       padding-left: 15px;
       padding-right: 15px;
       font-family: Sarabun, sans-serif;
       font-size: 14px;
       text-decoration: none;
       position: static;
   }
   
   .container-6 {
       justify-content: center;
       margin-top: 20px;
       padding-top: 0;
       display: flex;
   }
   
   .image-6 {
       -webkit-text-fill-color: inherit;
       object-fit: fill;
       background-clip: border-box;
       display: block;
       overflow: visible;
   }
   
   .slide-nav-2 {
       background-color: rgba(0, 0, 0, 0);
       padding-top: 30px;
       padding-bottom: 0;
   }
   
   .icon-3 {
       display: none;
   }
   
   .mask-2 {
       overflow: hidden;
   }
   
   .slider_vdo {
       height: auto;
       margin-top: 20px;
   }
   
   .right-arrow-2 {
       display: none;
   }
   
   .list-item {
       list-style: none;
   }
   
   .list {
       width: 100%;
       flex-direction: row;
       justify-content: center;
       align-items: center;
       padding-left: 0;
       display: flex;
   }
   
   .list-item-2 {
       margin-left: 10px;
   }
   
   .bgvdo-left {
       z-index: 99;
       height: 150px;
       margin-left: 6%;
       position: absolute;
       top: 25%;
       bottom: auto;
       left: 0%;
       right: auto;
   }
   
   .image-7 {
       height: 100%;
   }
   
   .vgvdo-right {
       z-index: 99;
       width: 100px;
       position: absolute;
       top: auto;
       bottom: 22%;
       left: auto;
       right: 6%;
   }
   
   .image-8 {
       position: static;
   }
   
   .flexblock2 {
       align-items: flex-start;
   }
   
   .slide-text-block-3 {
       color: var(--white);
       background-color: #857870;
       margin-top: 10%;
       margin-left: 5%;
       padding: 15px 20px 20px;
       font-size: 30px;
       line-height: 30px;
       transition: opacity .4s cubic-bezier(.47, 0, .745, .715);
       position: absolute;
   }
   
   .image-10 {
       width: 100%;
   }
   
   .gallery-slider {
       border-bottom: 1px solid #e4ebf3;
       padding: 80px 30px;
       position: relative;
   }
   
   .container-7 {
       width: 100%;
       max-width: 940px;
       margin-left: auto;
       margin-right: auto;
   }
   
   .gallery-wrapper-2 {
       grid-column-gap: 40px;
       grid-row-gap: 40px;
       grid-template-rows: auto;
       grid-template-columns: 1fr 1fr 1fr;
       grid-auto-columns: 1fr;
       align-items: start;
       display: grid;
   }
   
   .gallery-block-2 {
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       display: flex;
   }
   
   .gallery-slide {
       height: auto;
       background-color: rgba(0, 0, 0, 0);
   }
   
   .gallery-slide-wrapper {
       max-width: 47%;
       margin-right: 6%;
   }
   
   .gallery-slide-image {
       position: relative;
   }
   
   .gallery-image-2 {
       width: 100%;
   }
   
   .gallery-slide-text {
       color: #f5f7fa;
       margin-bottom: 0;
       line-height: 32px;
       position: absolute;
       bottom: 24px;
       left: 24px;
       right: 24px;
   }
   
   .gallery-slider-left {
       width: 40px;
       justify-content: center;
       align-items: center;
       display: flex;
       left: -50px;
   }
   
   .gallery-slider-left:focus-visible {
       outline-offset: 0px;
       border-radius: 5px;
       outline: 2px solid #0050bd;
   }
   
   .gallery-slider-left[data-wf-focus-visible] {
       outline-offset: 0px;
       border-radius: 5px;
       outline: 2px solid #0050bd;
   }
   
   .slider-arrow-embed {
       color: #1a1b1f;
   }
   
   .gallery-slider-right {
       width: 40px;
       justify-content: center;
       align-items: center;
       display: flex;
       right: -50px;
   }
   
   .gallery-slider-right:focus-visible {
       outline-offset: 0px;
       border-radius: 5px;
       outline: 2px solid #0050bd;
   }
   
   .gallery-slider-right[data-wf-focus-visible] {
       outline-offset: 0px;
       border-radius: 5px;
       outline: 2px solid #0050bd;
   }
   
   .gallery-slide-nav {
       display: none;
   }
   
   .team-slider-2 {
       background-color: #f5f7fa;
       border-bottom: 1px solid #e4ebf3;
       padding: 80px 30px;
       position: relative;
   }
   
   .centered-heading-5 {
       text-align: center;
       margin-bottom: 16px;
   }
   
   .centered-subheading-5 {
       max-width: 530px;
       text-align: center;
       margin-left: auto;
       margin-right: auto;
   }
   
   .team-slider-wrapper-5 {
       height: auto;
       background-color: rgba(0, 0, 0, 0);
       margin-top: 50px;
   }
   
   .team-slide-wrapper-4 {
       width: 30%;
       margin-right: 5%;
   }
   
   .team-block-4 {
       background-color: #fff;
       padding-bottom: 24px;
   }
   
   .team-member-image-two-5 {
       margin-bottom: 18px;
   }
   
   .team-block-info-4 {
       flex-direction: column;
       align-items: flex-start;
       padding-left: 24px;
       padding-right: 24px;
       display: flex;
   }
   
   .team-member-name-two-4 {
       margin-bottom: 12px;
       font-weight: 600;
   }
   
   .team-member-text-4 {
       margin-bottom: 20px;
   }
   
   .text-link-arrow-4 {
       color: #1a1b1f;
       justify-content: flex-start;
       align-items: center;
       font-size: 14px;
       line-height: 20px;
       text-decoration: none;
       display: flex;
   }
   
   .arrow-embed-4 {
       margin-left: 2px;
       display: flex;
   }
   
   .team-slider-arrow-4 {
       display: none;
   }
   
   .team-slider-nav-4 {
       margin-top: 24px;
       font-size: 10px;
       position: static;
       bottom: -60px;
   }
   
   .igaddress,
   .youtubeaddress {
       width: 45px;
   }
   
   .footerblocklist {
       width: 100%;
       max-width: 100%;
       text-align: left;
       margin-top: auto;
       display: flex;
   }
   
   .footeraddress {
       color: var(--Dark-gray);
       margin-left: 35px;
       line-height: 23px;
       font-family: Sarabun, sans-serif;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       font-smoothing: antialiased;
   }
   
   .footerphone {
       color: var(--black);
       font-family: Sarabun, sans-serif;
       font-size: 20px;
       font-weight: 600;
   }
   
   .button-3 {
       z-index: 99;
       background-color: #ee161a;
       border-radius: 25px;
       margin-top: auto;
       margin-left: auto;
       margin-right: auto;
       padding-top: 15px;
       padding-bottom: 15px;
       font-size: 26px;
       position: absolute;
   }
   
   .slidebuttonlink {
       justify-content: center;
       align-items: center;
       margin-left: auto;
       margin-right: auto;
       display: flex;
   }
   
   .container-8 {
       max-width: 1080px;
   }
   
   .nag-button {
       width: auto;
       color: #000;
       text-align: center;
       background-color: rgba(0, 0, 0, 0);
       border: 1px solid #000;
       border-radius: 18px;
       order: 0;
       align-self: center;
       margin-right: 5px;
       font-family: Sarabun, sans-serif;
       font-weight: 400;
	   margin-bottom:10px;
   }
   
   .nag-button:hover,
   .nag-button.active {
       border-color: var(--darkred);
       background-color: var(--darkred);
       color: var(--white);
   }
   
   .uui-heroheader09_image {
       width: 100%;
       height: 100%;
   }
   
   .uui-heroheader09_image._11 {
       border-top-left-radius: 7rem;
       border-bottom-right-radius: 7rem;
   }
   
   .uui-heroheader09_image._10 {
       border-radius: 50%;
   }
   
   .uui-heroheader09_image._09 {
       border-top-right-radius: 7rem;
   }
   
   .uui-heroheader09_image._08 {
       border-top-right-radius: 7rem;
       border-bottom-left-radius: 7rem;
   }
   
   .uui-heroheader09_image._07 {
       border-bottom-right-radius: 7rem;
       border-bottom-left-radius: 7rem;
   }
   
   .uui-heroheader09_image._06 {
       border-top-right-radius: 7rem;
       border-bottom-left-radius: 7rem;
   }
   
   .uui-heroheader09_image._05 {
       border-top-left-radius: 7rem;
       border-bottom-left-radius: 7rem;
   }
   
   .uui-heroheader09_image._04 {
       border-radius: 50%;
   }
   
   .uui-heroheader09_image._03 {
       border-top-left-radius: 7rem;
   }
   
   .uui-heroheader09_image._02 {
       border-bottom-left-radius: 7rem;
   }
   
   .uui-heroheader09_image._01 {
       border-top-right-radius: 7rem;
   }
   
   .uui-heroheader09_image-wrapper {
       grid-column-gap: 0rem;
       grid-row-gap: 0rem;
       grid-template-rows: auto auto;
       grid-template-columns: 1fr 1fr 1fr;
       grid-auto-columns: 1fr;
       display: grid;
       position: relative;
   }
   
   .uui-button {
       grid-column-gap: .5rem;
       border: 1px solid var(--untitled-ui-primary600);
       background-color: var(--untitled-ui-primary600);
       color: var(--untitled-ui-white);
       text-align: center;
       white-space: nowrap;
       border-radius: .5rem;
       justify-content: center;
       align-items: center;
       padding: .625rem 1.125rem;
       font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
       font-size: 1rem;
       font-weight: 600;
       line-height: 1.5;
       text-decoration: none;
       transition: all .3s;
       display: flex;
       box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
   }
   
   .uui-button:hover {
       border-color: var(--untitled-ui-primary700);
       background-color: var(--untitled-ui-primary700);
   }
   
   .uui-button:focus {
       background-color: var(--untitled-ui-primary600);
       box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--untitled-ui-primary100);
   }
   
   .uui-button.is-button-large {
       grid-column-gap: .75rem;
       padding: 1rem 1.75rem;
       font-size: 1.125rem;
   }
   
   .uui-button-icon {
       width: 1.25rem;
       height: 1.25rem;
       min-height: 1.25rem;
       min-width: 1.25rem;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       display: flex;
   }
   
   .uui-button-icon.is-icon-large {
       width: 1.5rem;
       height: 1.5rem;
       min-height: 1.5rem;
       min-width: 1.5rem;
   }
   
   .uui-button-secondary-gray {
       grid-column-gap: .5rem;
       border: 1px solid var(--untitled-ui-gray300);
       background-color: var(--untitled-ui-white);
       color: var(--untitled-ui-gray700);
       text-align: center;
       white-space: nowrap;
       border-radius: .5rem;
       justify-content: center;
       align-items: center;
       padding: .625rem 1.125rem;
       font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
       font-size: 1rem;
       font-weight: 600;
       line-height: 1.5;
       text-decoration: none;
       transition: all .3s;
       display: flex;
       box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
   }
   
   .uui-button-secondary-gray:hover {
       background-color: var(--untitled-ui-gray50-501);
       color: var(--untitled-ui-gray800);
   }
   
   .uui-button-secondary-gray:focus {
       background-color: var(--untitled-ui-white);
       box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--untitled-ui-gray100);
   }
   
   .uui-button-secondary-gray.is-button-large {
       grid-column-gap: .75rem;
       padding: 1rem 1.75rem;
       font-size: 1.125rem;
   }
   
   .uui-button-row {
       grid-column-gap: .75rem;
       grid-row-gap: .75rem;
       flex-wrap: wrap;
       align-items: center;
       display: flex;
   }
   
   .uui-space-large {
       width: 100%;
       min-height: 3rem;
   }
   
   .uui-max-width-small {
       width: 100%;
       max-width: 30rem;
   }
   
   .uui-text-size-xlarge {
       color: var(--untitled-ui-gray600);
       font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
       font-size: 1.25rem;
       line-height: 1.5;
   }
   
   .uui-space-small {
       width: 100%;
       min-height: 1.5rem;
   }
   
   .uui-heading-xlarge {
       color: var(--untitled-ui-gray900);
       margin-top: 0;
       margin-bottom: 0;
       font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
       font-size: 3.75rem;
       font-weight: 600;
       line-height: 1.2;
   }
   
   .uui-heroheader09_component {
       grid-column-gap: 4rem;
       grid-row-gap: 4rem;
       grid-template-rows: auto;
       grid-template-columns: 1fr 1fr;
       grid-auto-columns: 1fr;
       align-items: center;
       display: grid;
   }
   
   .uui-padding-vertical-xhuge {
       padding-top: 7rem;
       padding-bottom: 7rem;
   }
   
   .uui-container-large {
       width: 100%;
       max-width: 80rem;
       margin-left: auto;
       margin-right: auto;
   }
   
   .uui-page-padding {
       padding-left: 2rem;
       padding-right: 2rem;
   }
   
   .uui-section_heroheader09 {
       overflow: hidden;
   }
   
   .uui-heroheader21_image {
       width: 100%;
       height: 100vh;
       max-height: 60rem;
       object-fit: cover;
   }
   
   .uui-text-style-link {
       color: var(--untitled-ui-gray600);
       text-decoration: underline;
       transition: color .3s;
   }
   
   .uui-text-style-link:hover {
       color: var(--untitled-ui-gray700);
   }
   
   .uui-text-size-small {
       color: var(--untitled-ui-gray600);
       letter-spacing: normal;
       font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
       font-size: .875rem;
       line-height: 1.5;
   }
   
   .uui-form_input {
       height: auto;
       min-height: 2.75rem;
       border: 1px solid var(--untitled-ui-gray300);
       background-color: var(--untitled-ui-white);
       color: var(--untitled-ui-gray900);
       border-radius: .5rem;
       margin-bottom: 0;
       padding: .5rem .875rem;
       font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
       font-size: 1rem;
       line-height: 1.5;
       transition: all .3s;
       box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
   }
   
   .uui-form_input:focus {
       border-color: var(--untitled-ui-primary300);
       box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--untitled-ui-primary100);
       color: var(--untitled-ui-gray900);
   }
   
   .uui-form_input::-ms-input-placeholder {
       color: var(--untitled-ui-gray500);
   }
   
   .uui-form_input::placeholder {
       color: var(--untitled-ui-gray500);
   }
   
   .uui-signup-form_wrapper {
       grid-column-gap: 1rem;
       grid-row-gap: 1rem;
       grid-template-rows: auto;
       grid-template-columns: 1fr max-content;
       grid-auto-columns: 1fr;
       margin-bottom: .375rem;
       display: grid;
   }
   
   .uui-heroheader21_form {
       max-width: 32rem;
       margin-top: 2.5rem;
       margin-bottom: 0;
   }
   
   .uui-badge-group_icon {
       width: 1rem;
       height: 1rem;
       justify-content: center;
       align-items: center;
       margin-left: .25rem;
       display: flex;
   }
   
   .uui-badge-group_icon.text-color-primary500 {
       color: var(--untitled-ui-primary500);
       margin-right: -.25rem;
   }
   
   .badge-group_text-wrapper {
       align-items: center;
       padding-left: .75rem;
       padding-right: .75rem;
       display: flex;
   }
   
   .uui-badge-group_badge {
       background-color: var(--untitled-ui-white);
       color: var(--untitled-ui-gray700);
       white-space: nowrap;
       border-radius: 1rem;
       align-items: center;
       padding: .125rem .625rem;
       font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
       font-size: .875rem;
       font-weight: 500;
       line-height: 1.5;
       display: flex;
   }
   
   .uui-badge-group_badge.is-primary {
       background-color: var(--untitled-ui-white);
       color: var(--untitled-ui-primary700);
   }
   
   .uui-badge-group {
       background-color: var(--untitled-ui-gray100);
       color: var(--untitled-ui-gray700);
       white-space: nowrap;
       mix-blend-mode: multiply;
       border-radius: 10rem;
       align-items: center;
       padding: .25rem;
       font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
       font-size: .875rem;
       font-weight: 500;
       line-height: 1.5;
       display: flex;
   }
   
   .uui-badge-group.is-primary {
       background-color: var(--untitled-ui-primary50-501);
       color: var(--untitled-ui-primary700);
       white-space: nowrap;
       text-decoration: none;
   }
   
   .uui-heroheader21_content {
       width: 100%;
       max-width: 40rem;
       margin-left: auto;
       margin-right: auto;
       padding-left: 2rem;
       padding-right: 2rem;
   }
   
   .uui-heroheader21_component {
       grid-column-gap: 0rem;
       grid-template-rows: auto;
       grid-template-columns: 1fr 1fr;
       grid-auto-columns: 1fr;
       align-items: center;
       display: grid;
   }
   
   .schoolteam {
       border-bottom: 1px solid #e4ebf3;
       margin-bottom: 0;
       padding: 80px 30px;
       position: relative;
   }
   
   .studentproject {
       width: 100%;
       max-width: 1080px;
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       margin-left: auto;
       margin-right: auto;
       display: flex;
   }
   
   .centered-heading-6 {
       text-align: center;
       margin-bottom: 16px;
       margin-left: auto;
       margin-right: auto;
       font-size: 30px;
       font-weight: 500;
       line-height: 20px;
   }
   
   .centered-subheading-6 {
       color: #00953b;
       text-align: center;
       margin: 20px auto 16px;
       font-size: 45px;
       font-weight: 500;
       line-height: 36px;
   }
   
   .schoolstudentgrid4 {
       width: 100%;
       grid-column-gap: 14px;
       grid-row-gap: 56px;
       grid-template-rows: auto auto;
       grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
       grid-auto-columns: 1fr;
       align-self: center;
       margin-top: 50px;
       margin-bottom: 0;
       display: grid;
   }
   
   .school-studentcard {
       width: 200px;
       height: 270px;
       text-align: center;
       flex-direction: column;
       align-items: center;
       margin-bottom: 60px;
       font-size: 14px;
       line-height: 22px;
       display: flex;
   }
   
   .school-student {
       width: 290px;
       height: 300px;
       object-fit: cover;
       border-radius: 20px;
       margin-bottom: 10px;
   }
   
   .team-member-name-3 {
       margin-bottom: 6px;
       font-size: 16px;
       font-weight: 600;
       line-height: 32px;
   }
   
   .team-member-position-3 {
       margin-bottom: 24px;
       font-size: 16px;
       font-weight: 400;
   }
   
   .schoolimage1 {
       max-width: 120px;
       position: absolute;
       top: 15%;
       bottom: auto;
       left: auto;
       right: 12%;
       transform: rotate(26deg);
   }
   
   .schoolimage2 {
       max-width: 80px;
       position: absolute;
       top: 20%;
       bottom: 0%;
       left: auto;
       right: 10%;
   }
   
   .pppy_mainmap {
       height: auto;
       direction: ltr;
       background-color: #efecea;
       border: 1px solid #efecea;
       font-family: Sarabun, sans-serif;
   }
   
   .container-10 {
       width: 100vw;
       height: 50vh;
       background-color: #ececec;
   }
   
   .div-block-2 {
       width: 1440px;
       height: 500px;
       background-color: #fff;
   }
   
   .columns {
       background-color: #efecea;
   }
   
   .column-5 {
       letter-spacing: -1px;
   }
   
   .image-13 {
       margin-top: 45px;
       margin-bottom: 50px;
   }
   
   .dropdown {
       width: 100%;
       background-color: var(--white);
       border: 1px solid #998989;
       border-radius: 5px;
       margin-bottom: 5px;
       font-size: 15px;
       line-height: 15px;
       transform: rotate(0);
   }
   
   .heading-5 {
       text-align: center;
       display: flex;
   }
   
   .ppppy-contents {
       letter-spacing: .1px;
       font-size: 16px;
       font-weight: 400;
       line-height: 25px;
   }
   
   .heading-6 {
       color: var(--untitled-ui-gray600);
       text-align: center;
       margin-top: 50px;
       margin-bottom: 50px;
       padding-left: 50px;
       padding-right: 50px;
       font-family: Sarabun, sans-serif;
       font-size: 40px;
       font-weight: 500;
   }
   
   .dropdown-list {
       z-index: 2;
       background-color: #e0e0e0;
       border: 1px solid #998989;
       border-radius: 1px;
       margin-left: 10px;
   }
   
   .dropdown-list.w--open {
       background-color: #fff;
   }
   
   .heading-7 {
       color: #475467;
       text-align: center;
       margin-left: auto;
       margin-right: auto;
       font-family: Sarabun, sans-serif;
       font-weight: 500;
   }
   
   .paragraph-3 {
       color: var(--untitled-ui-gray50-501);
       text-align: center;
       margin-top: 56px;
   }
   
   .menuthai {
       color: var(--black);
       font-size: 16px;
   }
   
   .menuthai:hover {
       color: var(--pt-485c);
   }
   
   .menu_list {
       padding-left: 0;
   }
   
   .flex-block-2 {
       justify-content: center;
       margin-top: 50px;
   }
   
   .drplink_menu {
       color: var(--black);
       mix-blend-mode: normal;
       font-size: 14px;
       font-weight: 400;
       line-height: 22px;
   }
   
   .drplink_menu:hover {
       color: var(--dark);
       background-color: rgba(0, 149, 59, .28);
       font-weight: 400;
   }
   
   .drplink_menu:visited {
       color: var(--black);
       font-size: 14px;
       font-weight: 400;
   }
   
   .drplink_menu.w--current {
       color: var(--black);
       -webkit-text-stroke-color: var(--white);
       font-size: 14px;
   }
   
   .drplink_menu.w--current:hover {
       background-color: var(--white);
       color: var(--black);
   }
   
   .coverimg {
       width: 100%;
   }
   
   .section-aboutus {
       background-color: var(--pt-485c);
       background-image: url('../images/bg-aboutus.jpg');
       background-position: 50% 0;
       background-size: cover;
       padding-top: 140px;
       padding-bottom: 140px;
   }
   
   .school_button {
       width: 150px;
       color: #000;
       text-align: center;
       background-color: rgba(0, 0, 0, 0);
       border: 1px solid #000;
       border-radius: 18px;
       order: 0;
       align-self: center;
       margin-right: 5px;
       font-family: Sarabun, sans-serif;
       font-weight: 400;
   }
   
   .textdetailsub {
       text-align: right;
       padding-top: 20px;
       padding-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 700;
   }
   
   .text_praragraph {
       text-align: left;
       margin-bottom: 0;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 30px;
   }
   
   .textheader-pdpa {
       text-align: center;
       font-family: Sarabun, sans-serif;
   }
   
   .text_praragraph1 {
       font-family: Sarabun, sans-serif;
       font-size: 16px;
   }
   
   .btn-rdcamp {
       width: 220px;
       color: #000;
       text-align: center;
       background-color: rgba(0, 0, 0, 0);
       border: 1px solid #000;
       border-radius: 18px;
       order: 0;
       align-self: center;
       font-family: Sarabun, sans-serif;
       font-weight: 400;
   }
   
   .btn-rdcamp:hover,
   .btn-rdcamp.active {
       border-color: var(--darkred);
       background-color: var(--darkred);
       color: var(--white);
   }
   
   .blockcenter {
       text-align: center;
       margin-top: 20px;
       margin-bottom: 50px;
   }
   
   .drp_camp {
       width: 100%;
       font-size: 16px;
       font-weight: 600;
   }
   
   .drp_camp:hover {
       color: var(--black);
       font-weight: 400;
   }
   
   .drp_camp.w--open {
       z-index: 1;
   }
   
   .drp_camp_text {
       color: #000;
       font-size: 20px;
       font-weight: 500;
   }
   
   .drp_camp_text:hover {
       color: var(--black);
   }
   
   .dropdown_camp {
       z-index: 1;
       width: 100%;
       background-color: rgba(0, 0, 0, 0);
       border: 1px #998989;
       border-radius: 5px;
       margin-bottom: 5px;
       font-size: 15px;
       line-height: 15px;
       overflow: visible;
   }
   
   .dropdown_camp.plus {
       border-style: none;
   }
   
   .h2l_rdwhite {
       width: 300px;
       min-width: 250px;
       border: 1px solid var(--white);
       text-align: center;
       border-radius: 20px;
       margin-left: auto;
       margin-right: auto;
       padding: 10px;
       font-size: 16px;
   }
   
   .dropdown-link {
       z-index: 10;
       width: 100%;
       background-color: var(--bg-card);
       letter-spacing: 0;
       mix-blend-mode: multiply;
       border: 1px #000;
       margin-top: 5px;
       padding-top: 15px;
       padding-bottom: 15px;
       font-size: 18px;
       font-style: normal;
       font-weight: 600;
       position: static;
       box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   }
   
   .paragraph-4 {
       white-space: pre-wrap;
       margin-bottom: 50px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       font-weight: 400;
   }
   
   .div-block-3 {
       text-align: center;
       padding-top: 20px;
       padding-bottom: 20px;
       font-family: Sarabun, sans-serif;
   }
   
   .image-14 {
       width: 100px;
   }
   
   .bold-text-2 {
       color: var(--pt-485c);
       font-size: 35px;
   }
   
   .key-page {
       height: 500px;
       align-items: center;
       display: block;
   }
   
   .container-banner {
       width: 1440px;
   }
   
   .hk-text {
       color: var(--white);
       font-family: Sarabun, sans-serif;
       font-size: 30px;
       font-weight: 500;
   }
   
   .paragraph-5 {
       text-align: justify;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 28px;
   }
   
   .container-vission {
       max-width: 100%;
       text-align: center;
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       margin-bottom: 40px;
       padding-left: 50px;
       padding-right: 50px;
       display: flex;
   }
   
   .logo {
       background-color: #e8e5e5;
       padding-top: 50px;
       padding-bottom: 50px;
   }
   
   .pppy-logo {
       width: 350px;
       margin-top: 40px;
       margin-bottom: 40px;
       padding-left: 20px;
       padding-right: 20px;
   }
   
   .aboutus-list1 {
       text-align: justify;
       padding-left: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 28px;
   }
   
   .textlist {
       text-align: justify;
       padding-bottom: 5px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 28px;
   }
   
   .container-13 {
       max-width: 1080px;
   }
   
   .column-8 {
       padding-bottom: 60px;
   }
   
   .school8 {
       width: 50%;
       height: 150px;
       background-color: rgba(250, 249, 249, .66);
       position: absolute;
       top: auto;
       bottom: 18px;
       left: 128px;
   }
   
   .bold-text-3 {
       font-weight: 400;
   }
   
   .testimonial-image-left {
       border-bottom: 1px solid #e4ebf3;
       padding: 80px 30px;
       position: relative;
   }
   
   .container-14 {
       width: 100%;
       max-width: 940px;
       margin-left: auto;
       margin-right: auto;
   }
   
   .testimonial-wrapper-four {
       justify-content: space-between;
       display: flex;
   }
   
   .testimonial-left {
       width: 30%;
       margin-right: 64px;
   }
   
   .testimonial-image-four {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }
   
   .testimonial-right {
       flex-direction: column;
       flex: 1;
       align-items: flex-start;
       display: flex;
   }
   
   .heading-small {
       font-size: 32px;
       font-weight: 600;
       line-height: 40px;
   }
   
   .heading-small.margin-bottom-32px {
       font-family: Sarabun, sans-serif;
       font-weight: 500;
   }
   
   .testimonial-text-four {
       margin-top: 20px;
       margin-bottom: 32px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
   }
   
   .testimonial-author-name-three-2 {
       margin-bottom: 10px;
   }
   
   .bold-text-4 {
       color: var(--pt-485c);
   }
   
   .container-15 {
       font-family: Sarabun, sans-serif;
       font-size: 16px;
   }
   
   .event_slide {
       height: 678px;
       background-color: rgba(0, 0, 0, 0);
   }
   
   .icon_seach {
       z-index: 100;
       margin-bottom: 10px;
       margin-left: 67px;
       position: absolute;
   }
   
   .slider-3 {
       margin-top: 20px;
       min-height: 620px;
       text-align: center;
       background-color: #e9e0e0;
       flex-direction: row;
       justify-content: center;
       align-items: stretch;
       display: block;
   }
   
   .pppy_slide1 {
       min-height: 630px;
       text-align: center;
       margin-left: 0;
   }
   
   .pppy_slide2,
   .pppy_slide3 {
       max-width: 100%;
       margin-left: 0;
   }
   
   .school7 {
       width: 50%;
       height: 150px;
       background-color: rgba(250, 249, 249, .66);
       position: absolute;
       top: auto;
       bottom: 156px;
       left: 221px;
   }
   
   .school6 {
       width: 50%;
       height: 150px;
       background-color: rgba(250, 249, 249, .66);
       position: absolute;
       top: auto;
       bottom: 170px;
       left: 123px;
   }
   
   .school5 {
       width: 50%;
       height: 150px;
       background-color: rgba(250, 249, 249, .66);
       position: absolute;
       top: auto;
       bottom: 280px;
       left: 154px;
   }
   
   .school3 {
       width: 50%;
       height: 150px;
       background-color: rgba(250, 249, 249, .66);
       position: absolute;
       top: auto;
       bottom: 380px;
       left: 283px;
   }
   
   .school4 {
       width: 50%;
       height: 150px;
       background-color: rgba(250, 249, 249, .66);
       position: absolute;
       top: auto;
       bottom: 380px;
       left: 187px;
   }
   
   .dropdown-list-2 {
       z-index: 100;
   }
   
   .dropdown-list-2.w--open {
       z-index: 0;
       background-color: rgba(0, 0, 0, 0);
   }
   
   .image-15 {
       width: 100%;
   }
   
   .image-16 {
       max-width: 25%;
   }
   
   .column-9 {
       text-align: center;
       top: 60px;
       bottom: 60px;
   }
   
   .pppy_brand {
       background-color: var(--picker);
       text-align: center;
       justify-content: center;
       padding: 50px 50px 100px;
       font-family: Sarabun, sans-serif;
       display: block;
   }
   
   .heading-8 {
       font-family: Georgia, Times, Times New Roman, serif;
   }
   
   .heading-9 {
       color: var(--pt-485c);
       text-align: left;
       flex: 0 auto;
       padding-left: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 30px;
   }
   
   .pppy_aboutus {
       margin-top: 50px;
   }
   
   .column-10 {
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 28px;
   }
   
   .paragraph_brand1 {
       text-align: justify;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 28px;
       display: block;
   }
   
   .aboutus_list2 {
       text-align: justify;
       padding-left: 20px;
       list-style-type: decimal;
   }
   
   .paragraph_brand2 {
       text-align: justify;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 28px;
   }
   
   .paragraph_brand3 {
       margin-bottom: 20px;
       padding-left: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
   }
   
   .aboutus-list3 {
       padding-left: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 28px;
   }
   
   .about_color_brand_list {
       text-align: justify;
       padding-left: 19px;
       font-size: 18px;
       line-height: 28px;
       list-style-type: none;
   }
   
   .about_color_brand_list.text_span {
       padding-left: 20px;
   }
   
   .list-item-3 {
       padding-right: 121px;
   }
   
   .spantext {
       padding-left: 24px;
       font-size: 18px;
   }
   
   .spantext.text_span {
       padding-left: 20px;
   }
   
   .spantext.drip {
       padding-left: 19px;
   }
   
   .spantext.drip2 {
       padding-left: 28px;
   }
   
   .pppy_vission {
       margin-top: 0;
       padding-top: 20px;
       padding-left: 50px;
   }
   
   .persomalphotocard {
       width: 190px;
       height: 300px;
       clear: both;
       text-align: center;
       margin-bottom: 20px;
       margin-left: auto;
       margin-right: auto;
       display: block;
   }
   
   .personaltextblock {
       width: 190px;
       height: 238px;
       background-color: var(--bg-card);
       text-align: center;
       border-radius: 10px;
       display: block;
   }
   
   .photo_card {
       border-radius: 9px;
   }
   
   .container-16 {
       padding-bottom: 138px;
   }
   
   .personalcard_name {
       margin-top: 15px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       font-weight: 600;
   }
   
   .personalcard_name.subtext {
       margin-top: 0;
       font-size: 14px;
       font-weight: 400;
   }
   
   .personalcard4col {
       margin-top: 10px;
       margin-bottom: 10px;
   }
   
   .list-item-4 {
       text-align: justify;
   }
   
   .hero-without-image-2 {
       background-color: #f5f7fa;
       border-bottom: 1px solid #e4ebf3;
       padding: 80px 30px;
       position: relative;
   }
   
   .container-17 {
       width: 100%;
       max-width: 940px;
       margin-left: auto;
       margin-right: auto;
   }
   
   .detailschoolmain {
       max-width: 1080px;
       text-align: center;
       flex-direction: column;
       justify-content: flex-start;
       align-items: center;
       margin-left: auto;
       margin-right: auto;
       display: flex;
   }
   
   .margin-bottom-24px-5 {
       margin-bottom: 24px;
   }
   
   .button-primary-6 {
       color: #fff;
       letter-spacing: 2px;
       text-transform: uppercase;
       background-color: #1a1b1f;
       padding: 12px 25px;
       font-size: 12px;
       line-height: 20px;
       transition: all .2s;
   }
   
   .button-primary-6:hover {
       color: #fff;
       background-color: #32343a;
   }
   
   .button-primary-6:active {
       background-color: #43464d;
   }
   
   .schoolbrand {
       display: none;
       /* ซ่อนไว้ก่อน */
       background-color: #efecea;
       border-bottom: 1px solid #e4ebf3;
       padding: 20px 40px;
       position: relative;
   }
   
   .school_keybrand {
       color: var(--pt-485c);
       margin-top: 40px;
       margin-bottom: 20px;
       font-size: 50px;
   }
   
   .text_detail1 {
       margin-bottom: 20px;
       font-size: 25px;
       font-weight: 600;
   }
   
   .text_detail2 {
       margin-bottom: 20px;
       font-size: 16px;
       font-weight: 500;
       line-height: 25px;
   }
   
   .text_detail3 {
       color: var(--pt-485c);
       margin-bottom: 20px;
       font-size: 14px;
       font-style: italic;
       font-weight: 400;
   }
   
   .text_detail4,
   .text_detail5 {
       color: var(--pt-485c);
       font-size: 14px;
       font-style: italic;
       font-weight: 400;
   }
   
   .iconlink {
       padding-right: 10px;
   }
   
   .social_icon {
       width: 45px;
   }
   
   .container-18 {
       padding-bottom: 50px;
   }
   
   .column-11 {
       padding-top: 50px;
   }
   
   .mask-3 {
       min-height: 630px;
   }
   
   .columns-2 {
       background-color: rgba(239, 236, 234, .5);
   }
   
   .container-19 {
       text-align: center;
       margin-top: 50px;
       padding-left: 0;
       padding-right: 27px;
       font-family: Sarabun, sans-serif;
   }
   
   .pppycamp_1 {
       max-width: 50%;
       text-align: center;
       padding-left: 0;
   }
   
   .subdetailmap {
       text-align: left;
       font-size: 18px;
       line-height: 24px;
   }
   
   .headline_home_map {
       text-align: left;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 33px;
   }
   
   .btn_pppy_map {
       border: .5px solid var(--black);
       color: var(--black);
       background-color: rgba(0, 0, 0, 0);
       border-radius: 15px;
       margin-top: 30px;
       margin-bottom: 30px;
       padding: 10px 60px;
       font-size: 18px;
       font-weight: 400;
   }
   
   .form-block {
       margin-right: 60px;
       padding-left: 100px;
   }
   
   .pppy_camp {
       height: 55px;
       background-image: linear-gradient(to bottom, white, var(--bg-card));
       color: #000;
       text-align: left;
       border: 1px solid rgba(66, 66, 65, .42);
       border-radius: 0;
       margin-bottom: 0;
       padding-top: 5px;
       padding-bottom: 5px;
       padding-right: 10px;
       font-size: 22px;
       position: static;
   }
   
   .pppy_camp-_btn {
       width: 100%;
       height: 55px;
       background-image: linear-gradient(to bottom, white, var(--bg-card));
       color: #000;
       text-align: left;
       border: 1px solid rgba(66, 66, 65, .42);
       border-radius: 0;
       margin-bottom: 0;
       padding-top: 15px;
       padding-bottom: 5px;
       padding-right: 10px;
       font-size: 22px;
       position: static;
   }
   
   .pppy_map_section {
       background-color: #efecea;
       align-items: center;
       margin-left: 0;
       margin-right: 0;
       font-family: Sarabun, sans-serif;
       display: flex;
   }
   
   .pppy_all_camps {
       text-align: center;
       background-color: #efecea;
       border-bottom: 1px solid #e4ebf3;
       margin-left: auto;
       margin-right: auto;
       padding-top: 50px;
       padding-bottom: 50px;
       position: relative;
   }
   
   .div-block-4 {
       text-align: center;
   }
   
   .maincontainer {
       max-width: 100%;
       margin-top: 50px;
       margin-left: 0;
       margin-right: 0;
       padding-left: 40px;
       padding-right: 40px;
   }
   
   .drp_pppyep {
       z-index: 100;
   }
   
   .drp_pppyep.w--open {
       z-index: 100;
       background-color: rgba(0, 0, 0, 0);
       position: static;
   }
   
   .dropdown_province {
       z-index: 0;
       width: 100%;
       background-color: var(--white);
       border: 1px solid #998989;
       border-radius: 5px;
       margin-bottom: 5px;
       font-size: 15px;
       line-height: 15px;
       overflow: visible;
       box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   }
   
   .dropdown_schoollist,
   .dropdown_pppypartner {
       width: 100%;
       background-color: var(--white);
       border: 1px solid #998989;
       border-radius: 5px;
       margin-bottom: 5px;
       font-size: 15px;
       line-height: 15px;
       overflow: visible;
       box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   }
   
   .drp_campep {
       z-index: 1;
       width: 100%;
       background-color: var(--white);
       border-radius: 5px;
       font-size: 18px;
       font-weight: 500;
   }
   
   .drp_campep:hover {
       background-color: var(--white);
       color: var(--black);
       font-weight: 400;
   }
   
   .drp_campep.w--open {
       z-index: 1;
       border-radius: 5px;
       position: relative;
   }
   
   .dropdown-link-2 {
       position: static;
       top: 0%;
       bottom: auto;
       left: 0%;
       right: 0%;
   }
   
   .drp_campyep {
       position: static;
   }
   
   .drp_campyep.w--open {
       border-radius: 5px;
   }
   
   .drp_province_list {
       border: .5px solid var(--bg-card);
       background-color: var(--white);
       border-radius: 0 0 5px 5px;
       margin-left: 0;
       padding-top: 15px;
       padding-bottom: 15px;
       padding-left: 40px;
       font-size: 18px;
       font-weight: 500;
       position: static;
   }
   
   .drp_province_list:hover {
       background-color: #dfcbcb;
   }
   
   .drp_camplist {
       z-index: 10;
       width: 100%;
       background-color: var(--bg-card);
       letter-spacing: 0;
       mix-blend-mode: multiply;
       border: 1px #000;
       margin-top: 5px;
       padding-top: 15px;
       padding-bottom: 15px;
       font-size: 18px;
       font-style: normal;
       font-weight: 600;
       position: static;
       box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   }
   
   .drp_province_listtop {
       border-radius: 0;
       padding-top: 15px;
       padding-bottom: 15px;
       font-size: 18px;
       font-weight: 500;
       position: static;
   }
   
   .drp_province_listtop:hover {
       background-color: #dfcbcb;
   }
   
   .drp_campschool {
       z-index: 2;
       background-color: #e0e0e0;
       border: 1px solid #998989;
       border-radius: 1px;
       margin-left: 10px;
       position: static;
   }
   
   .drp_campschool.w--open {
       background-color: #fff;
       margin-left: 0;
   }
   
   .dropdown-link-3 {
       position: static;
   }
   
   .drp_school_list {
       border: .5px solid var(--bg-card);
       background-color: var(--white);
       border-radius: 0 0 5px 5px;
       margin-left: 0;
       padding-top: 15px;
       padding-bottom: 15px;
       padding-left: 40px;
       font-size: 18px;
       font-weight: 500;
       position: static;
   }
   
   .drp_school_list:hover {
       background-color: #dfcbcb;
   }
   
   .button-7 {
       width: 100%;
       background-color: var(--white);
       color: var(--black);
       padding-top: 20px;
       padding-bottom: 20px;
       font-size: 20px;
       font-weight: 500;
       line-height: 15px;
   }
   
   .btn_grad_pppy {
       width: 100%;
       background-color: var(--white);
       color: var(--black);
       text-align: left;
       border: 1px solid #998989;
       border-radius: 5px;
       padding-top: 20px;
       padding-bottom: 20px;
       padding-left: 20px;
       font-size: 20px;
       font-weight: 500;
       line-height: 15px;
       box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   }
   
   .drp_camppartner {
       width: 100%;
       font-size: 16px;
       font-weight: 600;
       position: static;
   }
   
   .drp_camppartner:hover {
       color: var(--black);
       font-weight: 400;
   }
   
   .drp_camppartner.w--open {
       z-index: 1;
   }
   
   .dropdown_partnerlist {
       width: 100%;
       background-color: var(--white);
       border: 1px solid #998989;
       border-radius: 5px;
       margin-bottom: 5px;
       font-size: 15px;
       line-height: 15px;
       overflow: visible;
       box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   }
   
   .drp_coat_detail {
       border: .5px solid var(--bg-card);
       background-color: var(--white);
       border-radius: 0 0 5px 5px;
       margin-left: 0;
       padding-top: 15px;
       padding-bottom: 15px;
       padding-left: 40px;
       font-size: 18px;
       font-weight: 500;
       position: static;
   }
   
   .drp_coat_detail:hover {
       background-color: #dfcbcb;
   }
   
   .mediaphotocard {
       width: 98%;
       border-radius: 15px;
       margin-bottom: 18px;
       padding-top: 5px;
       padding-left: 5px;
       padding-right: 5px;
   }
   
   .mediaslidewrapper {
       width: 30%;
       margin-right: 5%;
   }
   
   .mediablockcard {
       background-color: rgba(0, 0, 0, 0);
       padding-bottom: 0;
   }
   
   .mediaheaderbutton {
       width: 250px;
       min-width: 250px;
       color: var(--black);
       text-align: center;
       border: 1px solid #847870;
       border-radius: 20px;
       margin-bottom: 10px;
       margin-left: auto;
       margin-right: auto;
       padding: 10px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       font-weight: 700;
   }
   
   .mediabuttonread {
       background-color: #847870;
       border-radius: 20px;
       padding-left: 30px;
       padding-right: 30px;
       display: inline-block;
   }
   
   .mediablockinfo {
       flex-direction: column;
       align-items: flex-start;
       padding-left: 0;
       padding-right: 0;
       display: flex;
   }
   
   .mediatypedate {
       color: #847870;
       margin-top: 15px;
       margin-bottom: 10px;
       font-family: Sarabun, sans-serif;
       font-style: normal;
   }
   
   .mediaheadinfo {
       margin-top: 0;
       margin-bottom: 0;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 600;
       line-height: 24px;
       overflow: visible;
   }
   
   .mediasubdetail {
       text-align: left;
       color: #847870;
       margin-top: 15px;
       margin-bottom: 10px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       font-style: normal;
       line-height: 24px;
   }
   /* Start : Partner Main */
   
   .partnerphoto {
       border-radius: 20px;
       margin-bottom: 0;
       width: 100%;
   }
   
   .partnerblockinfo {
       text-align: center;
       flex-direction: column;
       justify-content: flex-end;
       align-items: flex-start;
       padding-left: 15px;
       padding-right: 15px;
       display: flex;
   }
   
   .partnerblockinfo.plus {
       padding-left: 10px;
       padding-right: 10px;
   }
   
   .partnerslidewrapper {
       width: 100%;
       margin-right: 2%;
   }
   
   .partnersubhead {
       max-width: 800px;
       color: #333;
       text-align: center;
       margin: 35px auto;
       font-family: Sarabun, sans-serif;
       font-size: 30px;
       font-weight: 500;
   }
   
   .partnersubkey {
       color: var(--darkred);
       text-align: center;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 50px;
       font-weight: 500;
   }
   /* End   : Partner Main */
   /* Start : Flag Main    */
   
   .flag_th {
       padding-left: 0;
       padding-right: 0;
   }
   
   .flag_en,
   .flag_ln,
   .flag_cn {
       opacity: .25;
       padding-left: 0;
       padding-right: 0;
   }
   /* End   : Flag Main */
   
   .gallerythumb {
       width: 500px;
       border-radius: 10px;
       margin-bottom: 18px;
       padding-top: 5px;
       padding-left: 5px;
       padding-right: 5px;
   }
   
   .gallery3block {
       text-align: left;
       background-color: rgba(0, 0, 0, 0);
       padding-bottom: 0;
   }
   
   .grid3block {
       grid-template-columns: 1fr 1fr 1fr;
   }
   
   .gallerytagdate {
       color: #847870;
       margin-top: 15px;
       margin-bottom: 10px;
       font-family: Sarabun, sans-serif;
       font-style: normal;
   }
   
   .galleryheadline {
       text-align: left;
       margin-top: 0;
       margin-bottom: 0;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       font-weight: 600;
       line-height: 20px;
       overflow: visible;
   }
   
   .gallerysubdetail {
       color: #847870;
       margin-top: 15px;
       margin-bottom: 10px;
       font-family: Sarabun, sans-serif;
       font-style: normal;
   }
   
   .gallerybuttonmore {
       background-color: #847870;
       border-radius: 20px;
       padding-left: 30px;
       padding-right: 30px;
       display: inline-block;
   }
   
   .container-20 {
       height: 50px;
       background-color: var(--white);
       padding-bottom: 50px;
       position: relative;
       top: -75px;
   }
   
   .newstabdate {
       height: 80px;
       background-color: var(--white);
       text-transform: none;
       object-fit: fill;
       margin-top: -48px;
       display: block;
   }
   
   .keyvisual {
       width: 100%;
   }
   
   .liveactionnews {
       height: 50px;
       margin-top: -50px;
       position: static;
       top: -75px;
   }
   
   .column-13 {
       background-color: var(--pt-485c);
       font-family: Sarabun, sans-serif;
       position: static;
   }
   
   .text-block-10 {
       height: 35px;
       color: var(--white);
       padding: 15px 10px 10px;
       font-family: Sarabun, sans-serif;
   }
   
   .text-block-11 {
       height: 50px;
       color: var(--white);
       font-family: Sarabun, sans-serif;
       overflow: hidden;
   }
   
   .columns-3 {
       z-index: 10;
       background-color: var(--white);
       object-fit: fill;
       position: relative;
       box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   }
   
   .date {
       padding-top: 15px;
       padding-bottom: 15px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 500;
   }
   
   .col1 {
       background-color: var(--pt-485c);
       padding-top: 6px;
       padding-bottom: 6px;
       font-family: Sarabun, sans-serif;
       position: static;
   }
   
   .col2 {
       padding-top: 3px;
       padding-bottom: 3px;
   }
   
   .col3 {
       text-align: right;
       object-fit: contain;
       padding-top: 5px;
       padding-bottom: 5px;
   }
   
   .newstab3colums {
       z-index: 10;
       background-color: var(--white);
       object-fit: fill;
       position: relative;
       box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   }
   
   .sharetext {
       color: var(--black);
       text-align: left;
       -webkit-text-stroke-color: var(--white);
       margin-top: 0;
       font-family: Sarabun, sans-serif;
       font-size: 14px;
       font-weight: 400;
       position: absolute;
   }
   
   .pppy_map_project {
       background-color: #efecea;
       margin-left: 0;
       margin-right: 0;
       padding-top: 50px;
       font-family: Sarabun, sans-serif;
   }
   
   .container-21 {
       max-width: 1080px;
   }
   
   .newsheadtext {
       color: var(--white);
       text-align: right;
       margin-top: 0;
       margin-bottom: 0;
       font-size: 18px;
       font-weight: 400;
   }
   
   .fb_share {
       width: 32px;
       height: 32px;
       padding-bottom: 0;
   }
   
   .fb_share.line {
       width: 40px;
       height: 40px;
   }
   
   .paragraph-7 {
       padding-top: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       line-height: 22px;
   }
   
   .container-22 {
       max-width: 1120px;
   }
   
   .containerblock {
       max-width: 1120px;
       padding-top: 50px;
       padding-bottom: 50px;
   }
   
   .newsdetail {
       padding-top: 40px;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 24px;
   }
   
   .keynewssection {
       font-family: Sarabun, sans-serif;
       font-size: 16px;
   }
   
   .keyschool,
   .keyschoolimage {
       width: 100%;
   }
   
   .schoolteams {
       border-bottom: 1px solid #e4ebf3;
       margin-bottom: 0;
       padding: 80px 40px 0;
       position: relative;
   }
   
   .schoolphotovdos {
       background-color: var(--white);
       border-bottom: 1px solid #e4ebf3;
       padding: 40px;
       position: relative;
   }
   
   .colmap {
       align-self: flex-end;
   }
   
   .nanmap-block {
       height: 75vw;
   }
   
   .aumphur {
       width: 250px;
       height: 200px;
       position: absolute;
       top: 0%;
       bottom: auto;
       left: 0%;
       right: auto;
   }
   
   .keypage {
       height: 375px;
       align-items: center;
       display: block;
   }
   
   .keypage.aboutus {
       height: 375px;
       background-color: var(--dark-green);
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .keypage.pdpa {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-policy.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .hltext-aboutusvission {
       color: var(--pt-485c);
       text-align: left;
       -webkit-text-stroke-color: var(--white);
       margin-top: 0;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 32px;
       font-weight: 600;
       display: inline-block;
       position: static;
   }
   
   .keypagecontainer {
       height: 200px;
       max-width: 100%;
       align-items: left;
       padding-left: 50px;
       padding-right: 50px;
       font-family: Sarabun, sans-serif;
       font-size: 40px;
       display: flex;
   }
   
   .keypagetext {
       color: var(--white);
       margin-top: auto;
       margin-bottom: auto;
       font-family: Sarabun, sans-serif;
       font-size: 40px;
       font-weight: 600;
   }
   
   .aboutus-management {
       padding-top: 50px;
       padding-bottom: 138px;
   }
   
   .footer-color {
       height: 50px;
       background-color: var(--pt-485c);
   }
   
   .centered-headingvdo {
       width: 250px;
       min-width: 250px;
       text-align: center;
       border: 1px solid #000;
       border-radius: 20px;
       margin: 20px auto 50px;
       padding: 10px;
       font-size: 18px;
   }
   
   .mediaslidnav {
       color: #fff;
       margin-top: 40px;
       font-size: 10px;
       position: static;
       bottom: -60px;
   }
   
   .partnercontainer {
       width: 100%;
       max-width: 100%;
       margin-left: 0;
       margin-right: 0;
       padding-left: 0px;
       padding-right: 0px;
   }
   
   .sliderevents {
       text-align: center;
       background-color: #0f9c8c;
   }
   
   .partnersubtext {
       width: 100%;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 22px;
       line-height: 1.5;
   }
   
   .partnersubtext.plus {
       letter-spacing: -.5px;
       font-size: 18px;
       margin-bottom: 20px;
   }
   
   .partnersliderwrapper {
       height: auto;
       background-color: rgba(0, 0, 0, 0);
       margin-top: 50px;
   }
   
   .schoolstudentblock {
       width: 200px;
       height: 270px;
       text-align: center;
       flex-direction: column;
       align-items: center;
       margin-bottom: 60px;
       font-size: 14px;
       line-height: 22px;
       display: flex;
   }
   
   .school-container {
       width: 100%;
       max-width: 1080px;
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       margin-left: auto;
       margin-right: auto;
       display: flex;
   }
   
   .school-headertext {
       text-align: center;
       margin-bottom: 16px;
       margin-left: auto;
       margin-right: auto;
       font-size: 30px;
       font-weight: 500;
       line-height: 35px;
   }
   
   .school-keytext {
       color: #00953b;
       text-align: center;
       margin: 20px auto 16px;
       font-size: 45px;
       font-weight: 500;
       line-height: 36px;
   }
   
   .schoolstudent-name {
       margin-bottom: 0;
       font-size: 16px;
       font-weight: 600;
       line-height: 32px;
   }
   
   .schoolstudent-name.p1 {
       font-size: 15px;
   }
   
   .schoolname-subtext-student {
       margin-bottom: 24px;
       font-size: 16px;
       font-weight: 400;
   }
   
   .school-brand-keytextdetail {
       margin-bottom: 10px;
       font-size: 25px;
       font-weight: 600;
       line-height: 30px;
   }
   
   .school-brand-subtextdetail {
       margin-bottom: 50px;
       font-size: 16px;
       font-weight: 500;
       line-height: 25px;
   }
   
   .school-brand-taktext {
       color: #847870;
       margin-bottom: 20px;
       font-size: 16px;
       font-style: italic;
       font-weight: 400;
       line-height: 22px;
   }
   
   .school-brand-studentname,
   .school_salechannel {
       color: var(--pt-485c);
       font-size: 14px;
       font-style: italic;
       font-weight: 400;
   }
   
   .schoolcontainter {
       width: 100%;
       max-width: 940px;
       margin-left: auto;
       margin-right: auto;
   }
   
   .privacysubhead {
       font-weight: 300;
   }
   
   .subheadtext {
       color: var(--white);
       margin-top: 5px;
       margin-bottom: 0;
       font-size: 22px;
       font-weight: 300;
   }
   
   .keypage-aboutus {
       height: 500px;
       align-items: center;
       display: block;
   }
   
   .keypage-aboutus.topkey {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-about.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .keypage-aboutus.pdpa {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-policy.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .keypagepartner {
       height: 500px;
       align-items: center;
       display: block;
   }
   
   .keypagepartner.topkey {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-project.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .keypagepartner.pdpa {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-policy.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .partnername {
       width: 100%;
       margin-bottom: 12px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
       font-weight: 500;
   }
   
   .keypagealumni {
       height: 500px;
       align-items: center;
       display: block;
   }
   
   .keypagealumni.topkey {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-about.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .keypagealumni.pdpa {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-policy.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .alumni-grid {
       border-bottom: 1px solid #e4ebf3;
       margin-bottom: 0;
       padding: 80px 30px;
       position: relative;
   }
   
   .logo-text {
       max-width: 40%;
   }
   
   .iconitems {
       max-width: 100px;
       position: relative;
       top: 5%;
       bottom: auto;
       left: 5%;
       right: 0%;
   }
   
   .keypage-contactus {
       height: 500px;
       align-items: center;
       display: block;
   }
   
   .keypage-contactus.topkey {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-contact.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .keypage-contactus.pdpa {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-policy.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .contactform {
       text-align: left;
       margin-top: 50px;
       margin-bottom: 50px;
       padding-left: 40px;
       padding-right: 40px;
   }
   
   .formblock {
       max-width: 100%;
       margin-left: 0;
       margin-right: 0;
       padding-left: 40px;
       padding-right: 40px;
   }
   
   .hltext-contactus {
       color: var(--black);
       text-align: left;
       -webkit-text-stroke-color: var(--white);
       margin-top: 0;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 22px;
       font-weight: 600;
       position: static;
   }
   
   .inputtextbox {
       width: 48%;
       margin-right: 10px;
       display: inline-block;
   }
   
   .textareadetail {
       width: 97%;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
   }
   
   .contactsubmitform {
       background-color: var(--pt-485c);
       color: var(--white);
       border-radius: 10px;
       margin-top: 10px;
       margin-left: 40%;
       margin-right: 40%;
       padding: 15px 40px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
   }
   
   .paragraphform {
       margin-bottom: 20px;
       padding-top: 0;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
   }
   
   .addressbblockform {
       background-color: #efecea;
       border-radius: 0;
       padding-top: 0;
       padding-bottom: 40px;
       position: static;
   }
   
   .textcontact {
       width: 250px;
       color: var(--pt-485c);
       text-align: center;
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       margin-left: 35px;
       display: flex;
   }
   
   .pinaddress {
       width: 30px;
       color: #e4caca;
       align-self: flex-start;
       margin-right: 5px;
   }
   
   .headaddress {
       width: 100%;
       color: var(--white);
       -webkit-text-stroke-color: var(--pt-485c);
       font-family: Sarabun, sans-serif;
   }
   
   .formnameaddress {
       color: var(--black);
       font-family: Sarabun, sans-serif;
       font-size: 22px;
   }
   
   .formaddress2 {
       color: var(--black);
       margin-left: 35px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       line-height: 25px;
   }
   
   .textcontactaddress {
       width: 300px;
       color: var(--pt-485c);
       text-align: center;
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       margin-top: 100px;
       margin-left: 40px;
       display: flex;
   }
   
   .column-14 {
       padding-left: 0;
       padding-right: 0;
   }
   
   .html-embed {
       background-color: #f1f3f4;
       justify-content: flex-end;
       font-family: Sarabun, sans-serif;
       display: flex;
   }
   
   .columns-4 {
       background-color: #efecea;
   }
   
   .formphone {
       color: var(--black);
       align-self: center;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       font-weight: 600;
   }
   
   .image-5-copy {
       width: 30px;
       color: #e4caca;
       align-self: flex-start;
       margin-right: 5px;
       font-family: Sarabun, sans-serif;
   }
   
   .formemail {
       width: 30px;
       color: #e4caca;
       align-self: flex-start;
       margin-right: 5px;
   }
   
   .formemailaddress {
       width: 250px;
       color: var(--black);
       text-align: left;
       align-self: center;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       font-weight: 600;
   }
   
   .formmapaddress {
       background-color: #f1f3f4;
       justify-content: flex-end;
       font-family: Sarabun, sans-serif;
       display: flex;
   }
   
   .facebookaddressicon {
       width: 45px;
   }
   
   .igfooteraddress,
   .youtubefootericon {
       width: 30px;
   }
   
   .facebookaddress {
       width: 30px;
       color: #e4caca;
       align-self: flex-start;
   }
   
   .footersocialblock2 {
       width: 100%;
       justify-content: center;
       align-items: center;
       margin-top: 12px;
       margin-left: -12px;
       display: flex;
   }
   
   .textsocial {
       width: 100%;
       color: var(--black);
       margin-top: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 22px;
   }
   
   .addressmap {
       background-color: #efecea;
       margin-bottom: 0;
   }
   
   .keypagenewsmedia {
       height: 500px;
       align-items: center;
       display: block;
   }
   
   .medianav {
       max-width: 100%;
       justify-content: center;
       margin: 20px 0;
       padding-top: 0;
       padding-left: 40px;
       padding-right: 40px;
       display: flex;
   }
   
   .blog3block {
       background-color: rgba(0, 0, 0, 0);
       padding-bottom: 0;
   }
   
   .bloginfo {
       flex-direction: column;
       align-items: flex-start;
       padding-left: 0;
       padding-right: 0;
       display: flex;
   }
   
   .blogthumb {
       width: 500px;
       border-radius: 10px;
       margin-bottom: 18px;
       padding-top: 5px;
       padding-left: 5px;
       padding-right: 5px;
   }
   
   .blogtagdate {
       color: #847870;
       margin-top: 15px;
       margin-bottom: 10px;
       font-family: Sarabun, sans-serif;
       font-style: normal;
   }
   
   .blogheadline {
       margin-top: 0;
       margin-bottom: 0;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 600;
       line-height: 20px;
       overflow: visible;
   }
   
   .blogsubdetail {
       color: #847870;
       margin-top: 15px;
       margin-bottom: 10px;
       font-family: Sarabun, sans-serif;
       font-style: normal;
   }
   
   .blogbuttonmore {
       background-color: #847870;
       border-radius: 20px;
       padding-left: 30px;
       padding-right: 30px;
       display: inline-block;
   }
   
   .keypage-blog {
       height: 500px;
       align-items: center;
       display: block;
   }
   
   .keypage-blog.topkey {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-about.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .keypage-blog.pdpa {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-policy.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .newsmedia {
       width: 500px;
       border-radius: 10px;
       margin-bottom: 18px;
       padding-top: 5px;
       padding-left: 5px;
       padding-right: 5px;
   }
   
   .newsmedia3block {
       text-align: left;
       background-color: rgba(0, 0, 0, 0);
       padding-bottom: 0;
   }
   
   .newsmediabuttonmore {
       background-color: #847870;
       border-radius: 20px;
       padding-left: 30px;
       padding-right: 30px;
       display: inline-block;
   }
   
   .newsmediasubdetail {
       color: #847870;
       text-align: left;
       margin-top: 15px;
       margin-bottom: 10px;
       font-family: Sarabun, sans-serif;
       font-style: normal;
   }
   
   .newsmediaheadline {
       text-align: left;
       margin-top: 0;
       margin-bottom: 0;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       font-weight: 600;
       line-height: 20px;
       overflow: visible;
   }
   
   .keypage-projectdetail {
       height: 240px;
       background-image: url('../images/new_banner.png');
       background-position: 0 0;
       background-size: auto;
       align-items: center;
       display: block;
   }
   
   .keypage-projectdetail.topkey {
       height: 240px;
       background-color: rgba(0, 0, 0, 0);
       background-image: url('../images/new_banner.png');
       background-position: 50%;
       background-repeat: repeat;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .keypage-projectdetail.pdpa {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-policy.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .pagedeail {
       margin-top: 50px;
       margin-bottom: 50px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
   }
   
   .pppyheadcenter {
       max-width: 100%;
       text-align: center;
       margin-left: 0;
       margin-right: 0;
       padding-left: 40px;
       padding-right: 40px;
       font-family: Sarabun, sans-serif;
   }
   
   .projectcontent {
       max-width: 100%;
       text-align: center;
       margin-left: 0;
       margin-right: 0;
       padding-left: 0px;
       padding-right: 0px;
       font-family: Sarabun, sans-serif;
   }
   
   .pppy-head-ep {
       color: #00953b;
       text-align: center;
       margin: 20px auto 16px;
       font-size: 40px;
       font-weight: 700;
       line-height: 36px;
   }
   
   .pppy-sub-ep {
       margin-bottom: 50px;
       font-size: 30px;
   }
   
   .container-pagedetail {
       max-width: 100%;
       margin-bottom: 60px;
       margin-left: 0;
       margin-right: 0;
       padding-top: 40px;
       padding-left: 40px;
       padding-right: 40px;
   }
   
   .pppy-pagedetail {
       text-align: justify;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 28px;
   }
   
   .pppy-pagedetail.plus {
       margin-top: 40px;
   }
   
   .hltext-pppydetail {
       color: var(--pt-485c);
       text-align: left;
       -webkit-text-stroke-color: var(--white);
       margin-top: 0;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 32px;
       font-weight: 600;
       position: static;
   }
   
   .pppy-pagelist {
       padding-left: 20px;
       font-size: 18px;
   }
   
   .listitemno {
       text-align: justify;
       list-style-type: decimal;
   }
   
   .pagesectioncenter {
       height: 450px;
       background-color: #e6e2e7;
   }
   
   .pagedetail-photocenter {
       max-width: 60%;
       font-family: Sarabun, sans-serif;
       position: absolute;
   }
   
   .pagedetail_photocenter {
       height: 550px;
       max-width: 100%;
       text-align: center;
       background-color: #e6e2e7;
       padding-top: 20px;
       padding-left: 20%;
       padding-right: 20%;
   }
   
   .image-18 {
       max-width: 100%;
       display: block;
       position: static;
   }
   
   .container-pagedetail-2 {
       max-width: 100%;
       margin: 40px 0;
       padding-left: 40px;
       padding-right: 40px;
   }
   
   .pagedetail_textcenter {
       max-width: 100%;
       background-color: var(--yellow-green);
       text-align: center;
       margin-left: 0;
       margin-right: 0;
       padding: 60px 40px;
   }
   
   .hltext-pppydetailcenter {
       color: var(--pt-485c);
       text-align: center;
       -webkit-text-stroke-color: var(--white);
       margin-top: 0;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 32px;
       font-weight: 600;
       position: static;
   }
   
   .pppy-pagedetail-center {
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 600;
       line-height: 24px;
   }
   
   .pppy-pagedetail2center {
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 400;
       line-height: 24px;
   }
   
   .hltext-pppydetailheadcenter {
       color: var(--black);
       text-align: center;
       -webkit-text-stroke-color: var(--white);
       margin-top: 0;
       margin-bottom: 0;
       font-family: Sarabun, sans-serif;
       font-size: 22px;
       font-weight: 600;
       position: static;
   }
   
   .container-detail2col {
       margin-top: 50px;
   }
   
   .photoprojectdetail {
       margin-bottom: 20px;
   }
   
   .container-pagedetaillfit {
       max-width: 100%;
       background-color: var(--untitled-ui-gray300);
       margin-bottom: 60px;
       padding-left: 10%;
   }
   
   .pagedetailcolor {
       background-color: #e8e5e5;
       margin-top: -117px;
       padding-top: 50px;
       padding-bottom: 50px;
   }
   
   .pppy_newsdetail {
       margin-top: 50px;
   }
   
   .container-newsdetail {
       margin-bottom: 60px;
   }
   
   .button-8 {
       background-color: var(--pt-485c);
       border-radius: 10px;
       padding-right: 100px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 22px;
   }
   
   .paragraph-8 {
       font-family: Sarabun, sans-serif;
       font-weight: 600;
   }
   
   .topdroplink {
       text-decoration: none;
   }
   
   .paselink {
       color: var(--bg-card);
       margin-right: 10px;
       font-size: 16px;
       font-weight: 400;
       text-decoration: none;
   }
   
   .pppy_map_camp {
       max-width: 1080px;
   }
   
   .keypage-newsmedia {
       height: 500px;
       background-image: url('../images/banner-news.png');
       background-position: 0 0;
       background-size: auto;
       align-items: center;
       display: block;
   }
   
   .keypage-newsmedia.aboutus {
       height: 375px;
       background-color: var(--dark-green);
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .keypage-newsmedia.pdpa {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-policy.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .centerheadnewsmedia {
       width: 250px;
       min-width: 250px;
       color: var(--black);
       text-align: center;
       border: 1px solid #847870;
       border-radius: 20px;
       margin-bottom: 10px;
       margin-left: auto;
       margin-right: auto;
       padding: 10px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       font-weight: 700;
   }
   
   .keypage-projectdetaily {
       height: 500px;
       align-items: center;
       display: block;
   }
   
   .keypage-projectdetaily.topkey {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-news.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .keypage-projectdetaily.pdpa {
       height: 375px;
       background-color: var(--white);
       background-image: url('../images/banner-policy.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .grid-4 {
       grid-template-columns: 1fr 1fr 1fr 1fr;
   }
   
   .partnergridlist {
       max-width: 100%;
       margin-left: 0;
       margin-right: 0;
   }
   
   .section-4 {
       height: 2px;
       background-color: var(--pt-485c);
   }
   
   .linesection {
       height: 2px;
       background-color: var(--pt-485c);
       margin-top: 40px;
       margin-bottom: 40px;
   }
   
   .partnerblock {
       justify-content: center;
       margin-top: 50px;
   }
   
   .commentatordetail {
       max-width: 100%;
       background-color: var(--yellow-green);
       text-align: center;
       padding: 60px 10%;
   }
   
   .pagedetail_parner {
       max-width: 100%;
       background-color: var(--picker);
       text-align: center;
       padding: 60px 40px;
   }
   
   .commentatorlist {
       width: 25%;
       background-color: rgba(255, 255, 255, 0);
       margin-left: 10px;
       margin-right: 10px;
       padding-bottom: 0;
   }
   
   .partner-photo {
       border-radius: 20px;
       margin-bottom: 0;
       width: 100%;
   }
   
   .nag-buttontop {
       width: 250px;
       color: #000;
       text-align: center;
       background-color: rgba(0, 0, 0, 0);
       border: 1px solid #000;
       border-radius: 18px;
       order: 0;
       align-self: center;
       margin-left: auto;
       margin-right: auto;
       padding: 10px 20px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 600;
   }
   
   .nag-buttontop:hover {
       border-color: var(--darkred);
   }
   
   .nag-buttontop.active {
       border-color: var(--darkred);
       background-color: var(--darkred);
       color: var(--white);
   }
   
   .nag-buttonpartner {
       width: 320px;
       color: #000;
       text-align: center;
       background-color: rgba(0, 0, 0, 0);
       border: 1px solid #000;
       border-radius: 18px;
       order: 0;
       align-self: center;
       margin-left: auto;
       margin-right: auto;
       padding: 10px 20px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 600;
   }
   
   .nag-buttonpartner:hover {
       border-color: var(--darkred);
   }
   
   .nag-buttonpartner.active {
       border-color: var(--darkred);
       background-color: var(--darkred);
       color: var(--white);
   }
   
   .link {
       color: var(--black);
       font-weight: 600;
       text-decoration: none;
   }
   
   .galleryblock {
       background-color: rgba(0, 0, 0, 0);
       padding-bottom: 0;
   }
   
   .schoolbannerslink {
       margin-top: 20px;
   }
   
   .menuthaitext {
       color: var(--black);
       margin-right: 10px;
       font-size: 16px;
       text-decoration: none;
   }
   
   .menuthaitext:hover {
       color: var(--pt-485c);
   }
   
   .pppyblockleft {
       text-align: center;
       margin-top: 50px;
       padding-left: 0;
       padding-right: 27px;
       font-family: Sarabun, sans-serif;
   }
   
   .icon-tree {
       text-align: left;
       position: absolute;
       top: -17%;
       bottom: auto;
       left: 11%;
       right: auto;
   }
   
   .footeremaillinks {
       color: var(--white);
       align-self: center;
       font-family: Sarabun, sans-serif;
   }
   
   .slidenum {
       color: #fff;
       text-transform: none;
       margin-top: 40px;
       font-size: 12px;
       display: block;
       position: static;
       bottom: -60px;
   }
   
   .schoolimage3 {
       max-width: 120px;
       position: absolute;
       top: 0%;
       bottom: auto;
       left: 12%;
       right: auto;
   }
   
   .container-25 {
       max-width: 100%;
       padding-left: 10%;
       padding-right: 10%;
   }
   
   .keypageall {
       height: 180px;
       background-image: url('../images/new_banner.png');
       background-position: 0 0;
       background-size: cover;
       align-items: left;
       display: flex;
       /* เพิ่มบรรทัดนี้ */
       justify-content: left;
       /* เพิ่มบรรทัดนี้ */
       align-items: left;
       /* เพิ่มบรรทัดนี้ */
   }
   
   .keypage_block {
       margin: 0 0 0 0;
       padding-left: 40px;
       padding-top: 65px;
   }
   
   .keypageall.topkey {
       height: 240px;
       background-color: rgba(0, 0, 0, 0);
       background-image: url('../images/new_banner.png');
       background-position: 50%;
       background-repeat: no-repeat;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .keypageall.pdpa {
       height: 200px;
       background-color: var(--white);
       background-image: url('../images/banner-policy.png');
       background-position: 0 0;
       background-size: cover;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
   }
   
   .hmanagment {
       color: var(--pt-485c);
       text-align: center;
       -webkit-text-stroke-color: var(--white);
       justify-content: center;
       margin-top: 0;
       font-family: Sarabun, sans-serif;
       font-size: 32px;
       font-weight: 500;
       display: block;
       position: static;
   }
   
   .paragraph-9 {
       color: var(--black);
       text-align: center;
       justify-content: center;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 600;
       display: block;
   }
   
   .div-block-5 {
       display: flex;
   }
   
   .manageblock {
       width: 300px;
       height: 9%;
       border: 1px none var(--white);
       background-color: #fff;
       border-radius: 20px;
       justify-content: space-around;
       align-items: center;
       margin-top: 30px;
       margin-bottom: 30px;
       padding-left: 0;
       display: flex;
       box-shadow: 0 2px 5px rgba(0, 0, 0, .32);
   }
   
   .detailblock {
       color: var(--untitled-ui-gray400);
       background-color: rgba(0, 0, 0, 0);
       border-top-right-radius: 15px;
       border-bottom-right-radius: 15px;
       justify-content: flex-start;
       align-items: center;
       margin-top: 0;
       display: block;
   }
   
   .tabcol {
       height: 100px;
       background-color: var(--pt-485c);
       border-radius: 15px 0 0 15px;
       font-family: Sarabun, sans-serif;
   }
   
   .heading-10 {
       font-family: Sarabun, sans-serif;
   }
   
   .container-mananagement {
       max-width: 1080px;
       text-align: center;
       flex-direction: column;
       justify-content: flex-start;
       align-items: center;
       margin-bottom: 0;
       padding-top: 100px;
       padding-bottom: 100px;
       display: flex;
   }
   
   .subtext {
       color: var(--black);
       text-align: center;
       justify-content: center;
       font-family: Sarabun, sans-serif;
       font-size: 22px;
       font-weight: 600;
       display: block;
   }
   
   .inntertextbold,
   .inntertextbold2 {
       color: var(--black);
       text-align: center;
       justify-content: center;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 600;
       display: block;
   }
   
   .inntertextnormal {
       color: var(--black);
       text-align: center;
       justify-content: center;
       margin-top: 5px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 400;
       display: block;
   }
   
   .manageblock2 {
       width: 300px;
       height: 100px;
       border: 1px none var(--white);
       background-color: #fff;
       border-radius: 20px;
       justify-content: space-around;
       align-items: center;
       margin-top: 30px;
       margin-bottom: 30px;
       padding-left: 0;
       display: flex;
       box-shadow: 0 2px 5px rgba(0, 0, 0, .32);
   }
   
   .columns-5 {
       width: 120%;
       max-width: 100%;
   }
   
   .col3block {
       width: 120%;
       max-width: 100%;
       margin-top: 0;
   }
   
   .column-15 {
       justify-content: flex-end;
       display: flex;
   }
   
   .column-16,
   .column-17 {
       justify-content: center;
       display: flex;
   }
   
   .column-18 {
       justify-content: flex-end;
       display: flex;
   }
   
   .column-19 {
       justify-content: flex-start;
       display: flex;
   }
   
   .pppy_management {
       background-color: var(--bg);
       margin-top: 0;
   }
   
   .inntertextbold3 {
       color: var(--black);
       text-align: center;
       justify-content: center;
       margin-top: 0;
       margin-bottom: 0;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 600;
       display: block;
   }
   
   .container-vission1 {
       max-width: 100%;
       text-align: justify;
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       margin-bottom: 60px;
       padding-left: 0;
       padding-right: 0;
       display: flex;
   }
   
   .blockcenterall {
       max-width: 100%;
       background-color: var(--picker);
       justify-content: center;
       align-items: center;
       display: flex;
   }
   
   .image-21 {
       max-width: 70%;
       background-color: rgba(0, 0, 0, 0);
   }
   
   .newsmediablock {
       width: 500px;
       border-radius: 10px;
       margin-bottom: 18px;
       padding-top: 5px;
       padding-left: 5px;
       padding-right: 5px;
   }
   
   .section-nm-detail {
       margin-bottom: 50px;
       padding-top: 0px;
   }
   
   .detailblockcolor {
       color: var(--dark);
       background-color: #e0dddb;
       border-top-right-radius: 15px;
       border-bottom-right-radius: 15px;
       justify-content: flex-start;
       align-items: center;
       margin-top: 0;
       font-family: Sarabun, sans-serif;
       display: block;
   }
   
   .manageblock2color {
       width: 300px;
       height: 100px;
       border: 1px none var(--white);
       background-color: #e0dddb;
       border-radius: 20px;
       justify-content: space-around;
       align-items: center;
       margin-top: 20px;
       margin-bottom: 10px;
       padding-left: 0;
       display: flex;
       box-shadow: 0 2px 5px rgba(0, 0, 0, .32);
   }
   
   .container-mananagement-white {
       max-width: 1080px;
       text-align: center;
       flex-direction: column;
       justify-content: flex-start;
       align-items: center;
       margin-bottom: 0;
       padding-top: 100px;
       padding-bottom: 100px;
       display: flex;
   }
   
   .pppy_managementwhite {
       background-color: #fff;
       margin-top: 0;
   }
   
   .hmanagment-light {
       color: var(--yglight);
       text-align: center;
       -webkit-text-stroke-color: var(--white);
       justify-content: center;
       margin-top: 0;
       font-family: Sarabun, sans-serif;
       font-size: 32px;
       font-weight: 500;
       display: block;
       position: static;
   }
   
   .tabcollight {
       height: 100px;
       background-color: var(--yglight);
       border-radius: 15px 0 0 15px;
       font-family: Sarabun, sans-serif;
   }
   
   .inntertextbold2-copy {
       color: var(--black);
       text-align: center;
       justify-content: center;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 700;
       display: block;
   }
   
   .subtext-copy {
       color: var(--black);
       text-align: center;
       justify-content: center;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 25px;
       font-weight: 600;
       display: block;
   }
   
   .section-6 {
       background-color: #e7e2e8;
   }
   
   .newsandmediaphoto {
       background-color: #e7e2e8;
       font-family: Sarabun, sans-serif;
   }
   
   .articlecolcolor {
       color: var(--white);
       background-color: #00953c;
       padding-top: 5px;
       padding-bottom: 5px;
       font-family: Sarabun, sans-serif;
       font-weight: 300;
   }
   
   .blockkey {
       max-width: 940px;
       margin-left: 0;
       margin-right: 0;
   }
   
   .mainblockkeyvisual {
       font-family: Sarabun, sans-serif;
   }
   
   .articlewhite {
       background-color: var(--white);
       font-family: Sarabun, sans-serif;
   }
   
   .articledate {
       font-family: Sarabun, sans-serif;
       font-weight: 300;
   }
   
   .articletype {
       text-align: center;
       margin-top: 14px;
       font-weight: 300;
   }
   
   .dropdown_camp-2 {
       z-index: 1;
       width: 100%;
       background-color: var(--white);
       border: 1px solid #998989;
       border-radius: 5px;
       margin-bottom: 5px;
       font-size: 15px;
       line-height: 15px;
       overflow: visible;
       box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   }
   
   .dropdown_camp-2.plus {
       border-style: none;
   }
   
   .image-22 {
       position: relative;
   }
   
   .heading-11 {
       color: var(--pt-485c);
       text-align: center;
       font-family: Sarabun, sans-serif;
       font-size: 44px;
       font-weight: 600;
   }
   
   .heading-12 {
       text-align: center;
       margin-top: 15px;
       font-family: Sarabun, sans-serif;
       font-size: 33px;
   }
   
   .paragraph-10 {
       text-align: left;
       margin-top: 50px;
       margin-bottom: 10px;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       font-weight: 400;
       line-height: 28px;
       /*text-align: justify;*/
       text-indent: 0; margin-top: 2.17em;
   }
   
   .contents {
       max-width: 1080px;
   }
   
   .div-block-6 {
       width: 100%;
       margin-top: 40px;
   }
   
   .div-block-7 {
       display: block;
   }
   
   .columns-6 {
       margin-top: 40px;
       margin-bottom: 40px;
   }
   
   .content-blog {
       max-width: 1080px;
   }
   
   .head1_blog {
       color: var(--pt-485c);
       text-align: center;
       font-family: Sarabun, sans-serif;
       font-size: 44px;
       font-weight: 600;
       line-height: 50px;
   }
   
   .head2_contentblog {
       margin-top: 20px;
       text-align: center;
       margin-top: 15px;
       font-family: Sarabun, sans-serif;
       font-size: 33px;
   }
   
   .section-7 {
       height: 400px;
       background-color: var(--gainsboro);
       font-family: Sarabun, sans-serif;
   }
   
   ._85freespace {
       height: 80px;
   }
   
   .freeblank {
       height: 250px;
   }
   
   .colleft {
       background-color: var(--pt-485c);
       color: var(--white);
       justify-content: flex-end;
       align-items: center;
       margin-bottom: 10px;
       font-weight: 300;
       display: flex;
   }
   
   .colright {
       height: 75px;
       background-color: var(--white);
       justify-content: flex-start;
       align-items: center;
       display: flex;
   }
   
   .plive {
       margin-left: 0;
   }
   
   .heading-13 {
       margin-top: 10px;
       font-weight: 400;
   }
   
   .text-block-12 {
       font-size: 20px;
   }
   
   .section-news-keyimg {
       background-color: #e6e2e7;
       font-family: Sarabun, sans-serif;
   }
   
   .div-newsphoto {
       width: 100%;
       margin-top: 50px;
       padding-left: 0;
       position: static;
       box-shadow: 0 2px 16px rgba(0, 0, 0, .2);
   }
   
   .container-nmi {
       height: 550px;
       position: static;
   }
   
   .columns-7 {
       margin-top: -75px;
       margin-right: -10px;
       padding-left: 10px;
       padding-right: 9px;
   }
   
   .column-nm-left {
       background-color: #82ca5a;
       padding-top: 20px;
       padding-bottom: 15px;
   }
   
   .column--nm-center {
       background-color: #fff;
       align-items: center;
       display: flex;
   }
   
   .column-nm-right {
       background-color: #fff;
       flex-direction: row;
       justify-content: flex-end;
       align-items: center;
       padding-top: 20px;
       padding-bottom: 15px;
       display: flex;
   }
   
   .headdate {
       align-items: center;
       margin-top: 0;
       margin-bottom: 0;
       font-size: 20px;
       font-weight: 400;
       display: flex;
   }
   
   .headgroup {
       color: #fdfdfd;
       justify-content: flex-end;
       margin-top: 0;
       margin-bottom: 0;
       font-size: 20px;
       font-weight: 400;
       display: flex;
   }
   
   .image-23 {
       padding-top: 0;
       padding-bottom: 0;
   }
   
   .div-block-8 {
       padding-top: 20px;
       padding-bottom: 15px;
       display: flex;
   }
   
   .div-block-9 {
       width: 150px;
       height: 56px;
       align-items: center;
       display: block;
   }
   
   .div-block-10 {
       display: flex;
   }
   
   .flexbox-tab {
       background-color: var(--white);
       flex-direction: row;
       justify-content: space-between;
   }
   
   .flex-nm-left {
       width: 250px;
       background-color: var(--pt-485c);
       color: #fafafa;
       text-align: left;
       justify-content: center;
       padding-top: 10px;
       padding-bottom: 10px;
       padding-right: 10px;
   }
   
   .flex-nm-block {
       width: 100%;
       padding-top: 10px;
       padding-bottom: 10px;
       padding-left: 10px;
       display: flex;
   }
   
   .flex-nm-end {
       width: 250px;
       padding-top: 15px;
       padding-bottom: 10px;
       padding-right: 10px;
       display: flex;
   }
   
   .content-nm-detail {
       max-width: 1080px;
   }
   
   .section-nm-keyimg {
       height: 360px;
       background-color: #e6e2e7;
       font-family: Sarabun, sans-serif;
   }
   
   .slidenum3 {
       color: #fff;
       text-transform: none;
       border: 1px #000;
       margin-top: 2px;
       font-size: 18px;
       display: block;
       position: static;
       bottom: -60px;
   }
   
   .button-9 {
       width: 300px;
       color: #000;
       background-color: #fff;
       background-image: linear-gradient(to right, #00953b, #26a558 15%, #38ac66 15%, #94d2ac 54%, #e1f2e8 87%, #fff);
       border-radius: 20px;
       padding-top: 40px;
       padding-bottom: 40px;
       font-family: Sarabun, sans-serif;
       font-size: 20px;
       font-weight: 600;
   }
   
   .image-26,
   .playdraft {
       opacity: .2;
   }
   
   .text_praragraph16 {
       margin-bottom: 50px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       line-height: 24px;
   }
   
   .alertbox {
       font-family: Sarabun, sans-serif;
       font-size: 18px;
       line-height: 24px;
   }
   
   .grid3blockschool {
       grid-template-columns: 1fr 1fr 1fr;
   }
   
   .galleryslideschool {
       width: 100%;
       margin-right: 5%;
   }
   
   .eventslidesection {
       margin-top: 0;
       padding-top: 0;
   }
   
   .playdraft-copy {
       opacity: .2;
   }
   
   .slide-nav-3 {
       padding-top: 0;
   }
   
   .flag_ln,
   .flag_cn {
       padding-left: 0;
       padding-right: 0;
   }
   
   .seach_icon {
       max-width: 80%;
       padding: 5px;
       position: static;
   }
   
   .generation {
       background-color: #cce7d3;
       border-top-left-radius: 20px;
       border-top-right-radius: 20px;
       margin-left: 5px;
       margin-right: 5px;
       padding: 15px 80px;
   }
   
   .generation.w--current {
       background-color: var(--white);
       border-top-left-radius: 20px;
       border-top-right-radius: 20px;
   }
   
   .textupdate {
       text-align: left;
       justify-content: center;
       padding-top: 20px;
       padding-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 16px;
       display: flex;
   }
   
   .container-28 {
       max-width: 1080px;
       background-color: #dee8ca;
       display: flex;
   }
   
   .section-8,
   .pppy_update {
       background-color: #dee8ca;
   }
   
   .brandcontainer {
       max-width: 100%;
       justify-content: flex-start;
       align-items: center;
       padding-left: 20px;
       padding-right: 20px;
       display: flex;
   }
   
   .list-item-5 {
       text-align: justify;
   }
   
   .list-item-6 {
       line-height: 28px;
   }
   
   .sectionpicker {
       max-width: 100%;
   }
   
   .tabsmart {
       background-color: var(--picker);
       border-top-left-radius: 20px;
       border-top-right-radius: 20px;
       margin-left: 40px;
       margin-right: 40px;
       padding-top: 20px;
       padding-left: 0;
       padding-right: 0;
   }
   
   .tabs {
       text-align: center;
       margin-top: 40px;
       padding-left: 0;
       padding-right: 0;
       font-family: Sarabun, sans-serif;
       font-size: 18px;
   }
   
   .generationtext {
       color: var(--texttab);
       font-size: 20px;
       font-weight: 600;
   }
   
   .text-block-copy {
       color: var(--pt-485c);
       font-family: Sarabun, sans-serif;
       font-size: 25px;
       font-weight: 700;
   }
   
   .flex-block-3,
   .columns-8 {
       width: 100%;
   }
   
   .blockdetail {
       height: 250px;
       background-color: var(--white);
       border-top-right-radius: 50px;
       border-bottom-left-radius: 50px;
       padding-top: 60px;
       padding-left: 20px;
       padding-right: 20px;
   }
   
   .campheader {
       color: var(--pt-485c);
       text-align: left;
       -webkit-text-stroke-color: var(--white);
       margin-top: 0;
       margin-bottom: 20px;
       font-family: Sarabun, sans-serif;
       font-size: 22px;
       font-weight: 600;
       line-height: 30px;
       position: static;
   }
   
   .tag-color {
       width: 95px;
       height: 120px;
       background-color: #00953b;
       border-bottom-right-radius: 50px;
       border-bottom-left-radius: 50px;
       margin-top: -141px;
   }
   
   .seta {
       width: 100%;
   }
   
   .column-22 {
       height: 260px;
   }
   
   .mediaheader,
   .mediadetail {
       max-width: 100%;
       text-align: left;
       justify-content: center;
       margin-left: 0;
       margin-right: 0;
       padding-left: 40px;
       padding-right: 40px;
       display: flex;
   }
   
   .lightbox-link-2,
   .lightbox-link-3 {
       max-width: 100%;
   }
   
   .form {
       padding-left: 0;
       padding-right: 40px;
   }
   
   .paragraph-11 {
       text-align: left;
       padding-left: 20px;
       font-size: 18px;
       line-height: 1.5;
   }
   
   .infographic4items {
       margin-top: 50px;
       margin-bottom: 50px;
   }
   
   .subhead_color {
       margin-top: 20px;
       margin-bottom: 20px;
       font-size: 18px;
       font-weight: 600;
   }
   
   .banner_slider.w-col {
       height: fit-content;
       /*เดิม 750px; */
   }
   
   @media screen and (max-width: 1440px) {
       .w-container {
           max-width: 1170px;
           margin-left: auto;
           margin-right: auto;
           display: block;
       }
       .slide {
           background-color: rgba(0, 0, 0, 0);
       }
       .banner_slider {
           height: fit-content;
           /*เดิม 750px; */
       }
       .banner_slider.w-col {
           height: fit-content;
           /*เดิม 750px; */
       }
       .slide-nav.w-slider-nav.w-slider-nav-invert.w-round {
           margin-top: 5%;
       }
       .team-slider {
           background-color: rgba(0, 0, 0, 0);
       }
       .team-member-image {
           width: 270px;
           height: 270px;
           max-height: none;
       }
       .search-button {
           display: none;
       }
       .search-input {
           width: 110px;
           border-radius: 18px;
           position: static;
       }
       .column,
       .column-2,
       .column-3 {
           height: 50px;
       }
       .hl_rdwhite {
           padding-top: 2px;
           padding-bottom: 2px;
           font-size: 18px;
       }
       .heading-2 {
           margin-bottom: 30px;
           font-size: 50px;
           font-weight: 400;
       }
       .slide-nav {
           margin-top: 0;
           padding-top: 40px;
           padding-bottom: 40px;
           top: auto;
           bottom: 0%;
           left: 0%;
           right: 0%;
       }
       .footer-dark {
           color: var(--white);
           background-color: #333;
       }
       .footer-link {
           color: var(--white);
       }
       .footer-social-block {
           border: 1px solid var(--white);
       }
       .footer-copyright-center {
           text-align: left;
       }
       .team-circles-2 {
           background-color: var(--pt-485c);
       }
       .team-member-image-2 {
           width: 270px;
           height: 270px;
           max-height: none;
       }
       .partner-pppy {
           background-color: #fff;
       }
       .team-slider-wrapper-2 {
           margin-top: 25px;
       }
       .team-slide-wrapper-2 {
           width: 100%;
       }
       .team-block-2 {
           width: 23%;
           margin-top: 2%;
           margin-left: 10px;
           margin-right: 10px;
           display: block;
       }
       .hl_rdblack {
           width: 300px;
           min-width: 300px;
           margin-left: auto;
           margin-right: auto;
           padding-top: 15px;
           padding-bottom: 15px;
           padding-left: 20px;
           font-size: 18px;
           font-weight: 500;
       }
       .footer-block-1 {
           font-family: Sarabun, sans-serif;
       }
       .footer-block-2 {
           font-family: Sarabun, sans-serif;
       }
       .footer-block-3 {
           font-family: Sarabun, sans-serif;
       }
       .heading-4 {
           font-family: Sarabun, sans-serif;
           font-weight: 500;
       }
       .clients-image {
           font-size: 25px;
       }
       .vdo_gallery {
           position: relative;
       }
       .container-index_vdo {
           text-align: center;
           flex-direction: column;
           align-items: center;
           padding-top: 20px;
           display: block;
       }
       .container-newsandmedia {
           text-align: center;
           flex-direction: column;
           align-items: center;
           padding-top: 20px;
           display: block;
       }
       /* NewsandMedia*/
       .div-newsphoto {
           width: 100%;
           margin-top: 50px;
           padding-left: 0;
           position: static;
           box-shadow: 0 2px 16px rgba(0, 0, 0, .2);
       }
       .container-nmi {
           /*height: 550px;
           position: static;*/
           padding-left: 5%;
           padding-right: 5%;
       }
       .w-layout-hflex.flex-nm-end.newsdetail {
           width: 300px;
           font-family: sarabun;
           font-size: 14px;
       }
       /* margin-top: 5px;margin-right: 10px; */
       .w-layout-hflex.flex-nm-end.newsdetail span {
           margin-top: 5px;
           margin-right: 10px;
       }
       .centered-heading-3 {
           color: #847870;
           border-color: #847870;
           margin-left: auto;
           margin-right: auto;
       }
       .team-slide-wrapper-3 {
           width: 33%;
           margin-right: 10px;
       }
       .team-slider-nav-3 {
           font-size: 19px;
           font-weight: 300;
       }
       .newsandmedia {
           background-color: var(--white);
           padding-top: 50px;
       }
       .centered-heading-4 {
           width: 250px;
           min-width: 250px;
           color: #847870;
           -webkit-text-stroke-color: var(--black);
           border: 1px solid #847870;
           border-radius: 20px;
           margin: 10px auto;
           padding-bottom: 10px;
           padding-left: 10px;
           padding-right: 10px;
           font-size: 16px;
       }
       .schoolbutton-active {
           border-color: var(--darkred);
           background-color: var(--darkred);
           color: #fff;
           border-radius: 20px;
           padding-left: 50px;
           padding-right: 50px;
       }
       .container-6 {
           justify-content: center;
           align-items: center;
       }
       .image-6 {
           object-fit: fill;
           margin-left: auto;
           margin-right: auto;
           display: block;
       }
       .slide-nav-2 {
           top: auto;
           bottom: 0%;
           left: 0%;
           right: 0%;
       }
       .icon-3 {
           overflow: hidden;
       }
       .mask-2,
       .slide-2 {
           height: 550px;
       }
       .bgvdo-left {
           margin-left: 12%;
       }
       .vgvdo-right {
           right: 13%;
       }
       .slide-text-block-3 {
           color: #fff;
           word-break: normal;
           overflow-wrap: normal;
           background-color: #857870;
           border-radius: 0;
           margin-top: 10%;
           margin-left: 5%;
           padding: 15px 20px 20px;
           font-size: 40px;
           line-height: 40px;
           text-decoration: none;
           transition: transform .2s;
           position: absolute;
           transform: translate(0);
       }
       .footeraddress {
           padding-right: 0;
       }
       .footerphone {
           text-decoration: none;
       }
       .button-3 {
           margin-top: 0;
           margin-left: auto;
           margin-right: auto;
       }
       .nag-button {
           color: var(--black);
           background-color: rgba(0, 0, 0, 0);
           border: 1px solid #000;
           border-radius: 20px;
           margin-left: 5px;
           margin-right: 5px;
		   margin-bottom:10px;
       }
       .nag-button:hover {
           border-color: var(--darkred);
           background-color: var(--darkred);
           color: var(--white);
       }
       .nag-button.active {
           border-style: solid;
           border-color: var(--darkred);
           background-color: var(--darkred);
           color: var(--white);
       }
       .uui-section_heroheader21 {
           width: 1024px;
       }
       .schoolteam {
           margin-bottom: 0;
           padding-top: 40px;
           padding-bottom: 40px;
       }
       .studentproject {
           max-width: 1140px;
       }
       .centered-heading-6 {
           margin-left: auto;
           margin-right: auto;
       }
       .centered-subheading-6 {
           margin-top: 10px;
           margin-bottom: 40px;
       }
       .schoolstudentgrid4 {
           grid-column-gap: 25px;
           grid-row-gap: 92px;
           order: 0;
           grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
           grid-template-areas: "Area";
           grid-auto-flow: row;
           align-self: center;
           justify-items: stretch;
           margin-top: 20px;
       }
       .school-studentcard {
           width: 208px;
       }
       .school-student {
           max-height: none;
           margin-bottom: 10px;
       }
       .team-member-name-3 {
           margin-bottom: 0;
       }
       .schoolimage1 {
           max-width: 120px;
           font-family: Sarabun, sans-serif;
           position: absolute;
           top: 7%;
           bottom: auto;
           left: auto;
           right: 15%;
       }
       .schoolimage2 {
           max-width: 80px;
           position: absolute;
           top: 20%;
           bottom: auto;
           left: auto;
           right: 7%;
       }
       .heading-6 {
           color: var(--pt-485c);
           padding-left: 10px;
           padding-right: 10px;
           font-size: 30px;
       }
       .dropdown-toggle {
           width: 100%;
       }
       .dropdown-toggle:hover {
           background-color: #dedad8;
       }
       .dropdown-toggle-2 {
           width: 100%;
       }
       .text-block-3 {
           background-color: #faf9f9;
           border: 1px solid #000;
           border-radius: 5px;
           margin-top: 3px;
           padding-top: 20px;
           padding-bottom: 25px;
           padding-left: 20px;
           font-size: 20px;
       }
       .dropdown-toggle-3,
       .dropdown-toggle-4 {
           width: 100%;
       }
       .text-block-4,
       .text-block-5,
       .text-block-6,
       .text-block-7 {
           font-size: 20px;
       }
       .button-4 {
           background-color: rgba(0, 0, 0, 0);
           position: absolute;
           top: 0%;
           bottom: auto;
           left: auto;
           right: 48%;
       }
       .clickmaptrees {
           z-index: 1000;
           width: 25px;
           height: 25px;
           background-color: rgba(0, 0, 0, 0);
           border-radius: 50px;
           margin-top: 94px;
           margin-left: 157px;
           padding-top: 10px;
           position: absolute;
       }
       .button-6 {
           color: var(--black);
           letter-spacing: .1px;
           background-color: rgba(0, 0, 0, 0);
           margin-left: 150px;
           display: inline-block;
           position: static;
       }
       .grid {
           grid-template-rows: auto;
           grid-template-columns: 1fr 1fr 1fr;
       }
       .flex-block-2 {
           margin-top: 20px;
       }
       .school_button {
           width: 200px;
           color: var(--black);
           background-color: rgba(0, 0, 0, 0);
           border: 1px solid #000;
           border-radius: 20px;
           margin-left: 5px;
           margin-right: 5px;
           padding-left: 50px;
           padding-right: 50px;
       }
       .school_button:hover {
           border-color: var(--darkred);
           background-color: var(--darkred);
           color: var(--white);
       }
       .school_button.active {
           border-style: solid;
           border-color: var(--darkred);
           background-color: var(--darkred);
           color: var(--white);
       }
       .text-block-8,
       .text-block-9 {
           text-align: right;
       }
       .textdetailsub {
           text-align: right;
           padding-top: 20px;
           padding-bottom: 20px;
           font-family: Sarabun, sans-serif;
           font-size: 18px;
           font-weight: 700;
       }
       .text_praragraph {
           color: var(--black);
           text-align: left;
           text-indent: 50px;
           margin-bottom: 0;
           font-family: Sarabun, sans-serif;
           font-size: 18px;
           line-height: 30px;
       }
       .textheader-pdpa {
           color: var(--pt-485c);
           text-align: center;
           font-family: Sarabun, sans-serif;
           font-size: 30px;
           font-weight: 500;
           line-height: 38px;
       }
       .bold-text {
           font-size: 16px;
           font-style: normal;
           font-weight: 600;
       }
       .textnumber {
           font-family: Sarabun, sans-serif;
           font-size: 18px;
           font-weight: 500;
       }
       .text_praragraph1 {
           color: var(--black);
           text-indent: 50px;
           font-family: Sarabun, sans-serif;
           font-size: 16px;
           line-height: 30px;
       }
       .headcolumn {
           border: 1px solid var(--pt-485c);
           background-color: var(--pt-485c);
           border-radius: 5px;
       }
       .column-7 {
           background-color: #fff;
       }
       .container-11 {
           height: 100vh;
       }
       .section {
           background-color: var(--bg-card);
       }
       .bodycontact-us {
           height: 100vh;
           background-color: var(--bg-card);
       }
       .btn-rdcamp {
           color: var(--black);
           background-color: rgba(0, 0, 0, 0);
           border: 1px solid #000;
           border-radius: 20px;
           margin-left: 5px;
           margin-right: 5px;
           padding-left: 50px;
           padding-right: 50px;
       }
       .btn-rdcamp:hover {
           border-color: var(--darkred);
           background-color: var(--darkred);
           color: var(--white);
       }
       .btn-rdcamp.active {
           border-style: solid;
           border-color: var(--darkred);
           background-color: var(--darkred);
           color: var(--white);
       }
       .drp_camp {
           width: 100%;
       }
       .drp_camp:hover {
           background-color: #dedad8;
       }
       .drp_camp_text {
           font-size: 20px;
       }
       .dropdown_camp {
           margin-bottom: 0;
       }
       .h2l_rdwhite {
           width: 300px;
           min-width: 300px;
           margin-left: auto;
           margin-right: auto;
           padding-top: 15px;
           padding-bottom: 15px;
           padding-left: 20px;
           font-size: 18px;
           font-weight: 500;
       }
       .paragraph-4 {
           margin-bottom: 100px;
           font-size: 18px;
           font-weight: 400;
           line-height: 25px;
       }
       .paragraph-5 {
           text-align: left;
       }
       .container-vission {
           text-align: left;
           align-items: flex-start;
       }
       .textlist {
           text-align: left;
       }
       .container-13 {
           width: 1440px;
           max-width: 1080px;
           margin-left: auto;
           margin-right: auto;
           padding-bottom: 40px;
           padding-right: 0;
       }
       .bold-text-3 {
           font-size: 18px;
           line-height: 25px;
       }
       .bold-text-4 {
           font-size: 32px;
       }
       .event_slide {
           height: auto;
       }
       .icon_seach {
           margin-left: 0;
       }
       .slider-3 {
           justify-content: center;
           align-items: stretch;
           display: inline-block;
       }
       .pppy_aboutus {
           padding-top: 40px;
           font-family: Sarabun, sans-serif;
           text-align: left;
       }
       .aboutus-list3 {
           list-style-type: decimal;
       }
       .detailschoolmain {
           max-width: 1140px;
       }
       .schoolbrand {
           padding-top: 20px;
           padding-bottom: 20px;
       }
       .school_keybrand {
           color: var(--pt-485c);
           font-size: 55px;
           font-weight: 600;
       }
       .socialcenter {
           margin-bottom: 20px;
       }
       .left-arrow-2 {
           margin-left: 0;
       }
       .right-arrow-3 {
           margin-right: 0;
       }
       .mask-3,
       .pppycamp_1 {
           max-width: 100%;
       }
       .headline_home_map {
           text-align: center;
           font-size: 32px;
       }
       .pppy_map_section {
           padding-top: 50px;
           padding-bottom: 50px;
       }
       .pppy_mapblock {
           align-items: flex-end;
           margin-top: auto;
           display: flex;
       }
       .body-2 {
           height: auto;
       }
       .section-2 {
           height: 3500px;
       }
       .div-block-4 {
           text-align: center;
       }
       .maincontainer {
           margin-top: 50px;
       }
       .drp_campep {
           width: 100%;
       }
       .drp_campep:hover {
           background-color: #dedad8;
       }
       .drp_camppartner {
           width: 100%;
       }
       .drp_camppartner:hover {
           background-color: #dedad8;
       }
       .mediablockcard {
           text-align: left;
       }
       .mediaheaderbutton {
           width: 250px;
           min-width: 250px;
           color: #847870;
           -webkit-text-stroke-color: var(--black);
           border: 1px solid #847870;
           border-radius: 20px;
           margin: 10px auto;
           padding-bottom: 10px;
           padding-left: 10px;
           padding-right: 10px;
           font-size: 16px;
       }
       .mediablockinfo {
           text-align: left;
       }
       .partnerblockinfo {
           height: 22vh;
           justify-content: flex-start;
       }
       .partnerslidewrapper {
           width: 100%;
       }
       .partnersubhead {
           font-weight: 600;
       }
       .partnersubkey {
           color: var(--orance-dark);
           margin-top: 20px;
       }
       .grid-2 {
           grid-template-columns: 1fr 1fr 1fr;
       }
       .grid3block {
           grid-column-gap: 18px;
           grid-row-gap: 18px;
           grid-template-columns: 1fr 1fr 1fr;
       }
       .col1 {
           padding-bottom: 17px;
       }
       .newstab3colums {
           margin-top: -16px;
       }
       .sharetext {
           width: 35px;
           display: inline-block;
           position: static;
       }
       .pppy_map_project {
           padding-top: 50px;
           padding-bottom: 50px;
       }
       .image-17 {
           max-width: 50px;
           display: block;
       }
       .fb_share {
           max-width: 35px;
           display: inline-block;
           position: static;
       }
       .fb_share.line {
           max-width: 40px;
       }
       .paragraph-7,
       .newsdetail {
           font-family: Sarabun, sans-serif;
           font-size: 16px;
           line-height: 22px;
           position: static;
       }
       .schoolteams {
           margin-bottom: 0;
           padding-top: 40px;
           padding-bottom: 40px;
       }
       .schoolphotovdos {
           background-color: var(--white);
           padding-top: 50px;
       }
       .keypage {
           height: 200px;
       }
       .keypage.aboutus {
           height: 500px;
           background-color: var(--keybg);
           background-image: url('../images/banner-about.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .keypage.pdpa {
           height: 500px;
           background-image: url('../images/banner-policy.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .hltext-aboutusvission {
           color: var(--pt-485c);
           font-size: 38px;
           font-weight: 700;
           position: static;
       }
       .keypagecontainer {
           height: 200px;
           max-width: 100%;
           margin-bottom: 0;
           margin-left: auto;
           margin-right: auto;
           padding-left: 40px;
           padding-right: 40px;
       }
       .keypagetext {
           margin-top: auto;
           margin-bottom: auto;
           font-size: 40px;
           font-weight: 600;
       }
       .centered-headingvdo {
           color: #847870;
           border-color: #847870;
           margin-left: auto;
           margin-right: auto;
       }
       .partnercontainer {
           max-width: 100%;
       }
       .sliderevents {
           height: 760px;
       }
       .partnersubtext {
           font-size: 16px;
           line-height: 1.5;
       }
       .partnersubtext.plus {
           padding-left:15px;
           padding-right:15px;
           font-size: 16px;
           line-height: 1.5;
       }
       .partnersliderwrapper {
           margin-top: 25px;
       }
       .schoolstudentblock {
           width: 208px;
           margin-bottom: 80px;
       }
       .school-container {
           max-width: 1140px;
           font-family: Sarabun, sans-serif;
       }
       .school-headertext {
           margin-left: auto;
           margin-right: auto;
       }
       .schoolstudent-name {
           margin-top: 0;
           margin-bottom: 0;
           padding-bottom: 0;
       }
       .schoolname-subtext-student {
           margin-top: -5px;
       }
       .school-brand-keytextdetail {
           margin-top: 10px;
           font-size: 33px;
       }
       .school-brand-subtextdetail {
           color: #333;
           margin-top: 10px;
           font-size: 18px;
       }
       .school_salechannel {
           margin-bottom: 20px;
           padding-top: 20px;
       }
       .schoolcontainter {
           width: 1440px;
           max-width: 1440px;
           margin-left: auto;
       }
       .privacysubhead {
           font-size: 22px;
           font-weight: 300;
       }
       .subheadtext {
           color: var(--white);
           margin-top: 5px;
           margin-bottom: 0;
           font-size: 22px;
           font-weight: 300;
       }
       .freespace {
           height: 75px;
           margin-top: 75px;
           font-family: Sarabun, sans-serif;
           position: static;
       }
       .keypage-aboutus.topkey {
           height: 500px;
           background-image: url('../images/banner-about.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .keypage-aboutus.pdpa {
           height: 500px;
           background-image: url('../images/banner-policy.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .keypagepartner.topkey {
           height: 500px;
           background-image: url('../images/banner-project.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .keypagepartner.pdpa {
           height: 500px;
           background-image: url('../images/banner-policy.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .partnername {
           font-size: 24px;
       }
       .keypagealumni.topkey,
       .keypagealumni.pdpa {
           height: 500px;
           background-image: url('../images/banner-policy.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .alumni-grid {
           margin-bottom: 0;
           padding-top: 40px;
           padding-bottom: 40px;
           font-family: Sarabun, sans-serif;
       }
       .container-23 {
           text-align: center;
           padding-top: 50px;
       }
       .logo-text {
           width: 500px;
           max-width: 50%;
           font-family: Sarabun, sans-serif;
       }
       .iconitems {
           max-width: 180px;
           font-family: Sarabun, sans-serif;
           position: relative;
           top: -165px;
           bottom: auto;
           left: auto;
           right: -53%;
           overflow: scroll;
       }
       .container-24 {
           height: 0;
       }
       .section-3 {
           height: 50px;
       }
       .keypage-contactus.topkey {
           height: 500px;
           background-image: url('../images/banner-contact.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .keypage-contactus.pdpa {
           height: 500px;
           background-image: url('../images/banner-policy.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .contactform {
           justify-content: center;
           font-family: Sarabun, sans-serif;
           font-size: 18px;
           line-height: 28px;
           display: flex;
       }
       .formblock {
           max-width: 1080px;
           padding-left: 0;
           padding-right: 0;
       }
       .hltext-contactus {
           color: var(--black);
           font-size: 28px;
           font-weight: 600;
           position: static;
       }
       .inputtextbox {
           font-weight: 400;
       }
       .textcontact {
           font-family: Sarabun, sans-serif;
       }
       .headaddress {
           font-family: Sarabun, sans-serif;
           font-weight: 500;
       }
       .textcontactaddress {
           font-family: Sarabun, sans-serif;
       }
       .keypagenewsmedia {
           background-color: var(--untitled-ui-success700);
           font-family: Sarabun, sans-serif;
       }
       .grid-3 {
           grid-template-columns: 1fr 1fr 1fr;
       }
       .medianav {
           justify-content: center;
           align-items: center;
           margin-top: 0;
           margin-bottom: 50px;
       }
       .blog3block {
           text-align: left;
       }
       .blogheadline {
           text-align: left;
           justify-content: flex-start;
           display: flex;
       }
       .blogsubdetail {
           text-align: left;
       }
       .keypage-blog.topkey {
           height: 500px;
           background-image: url('../images/banner-about.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .keypage-blog.pdpa {
           height: 500px;
           background-image: url('../images/banner-policy.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .keypage-projectdetail.topkey {
           height: 240px;
           background-image: url('../images/new_banner.png');
           background-position: 50% 0;
           background-repeat: repeat;
           background-size: cover;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .keypage-projectdetail.pdpa {
           height: 500px;
           background-image: url('../images/banner-policy.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .hltext-pppydetail {
           color: var(--pt-485c);
           font-size: 38px;
           font-weight: 700;
           position: static;
       }
       .pagedetail_photocenter {
           height: 600px;
           padding-top: 10px;
           padding-bottom: 10px;
       }
       .image-18 {
           max-width: 100%;
           margin-top: 0;
           margin-bottom: 10px;
           padding-top: 0;
           display: block;
           position: static;
       }
       .hltext-pppydetailcenter,
       .hltext-pppydetailheadcenter {
           color: var(--pt-485c);
           font-size: 38px;
           font-weight: 700;
           position: static;
       }
       .pppy_newsdetail {
           padding-top: 40px;
       }
       .link-block,
       .topdroplink {
           text-decoration: none;
       }
       .keypage-newsmedia {
           background-image: url('../images/banner-news.png');
           background-position: 0 0;
           background-size: auto;
       }
       .keypage-newsmedia.aboutus {
           height: 500px;
           background-color: var(--keybg);
           background-image: url('../images/banner-about.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .keypage-newsmedia.pdpa {
           height: 500px;
           background-image: url('../images/banner-policy.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .centerheadnewsmedia {
           width: 250px;
           min-width: 250px;
           color: #847870;
           -webkit-text-stroke-color: var(--black);
           border: 1px solid #847870;
           border-radius: 20px;
           margin: 10px auto;
           padding-bottom: 10px;
           padding-left: 10px;
           padding-right: 10px;
           font-size: 16px;
       }
       .keypage-projectdetaily.topkey {
           height: 500px;
           background-image: url('../images/banner-news.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .keypage-projectdetaily.pdpa {
           height: 500px;
           background-image: url('../images/banner-policy.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .partnergridlist {
           max-width: 100%;
       }
       .linesection.plus {
           height: 1px;
           background-color: var(--white);
           margin-top: 10px;
           margin-bottom: 10px;
           margin-right: 5px;
           padding-right: 20px;
           font-size: 30px;
       }
       .partnerblock {
           margin-top: 20px;
           margin-left: 0px;
       }
       .pagedetail_parner {
           background-color: var(--picker);
       }
       .commentatorlist {
           width: 23%;
           margin-top: 2%;
           margin-left: 10px;
           margin-right: 10px;
           display: block;
       }
       .nag-buttontop {
           color: var(--black);
           background-color: rgba(0, 0, 0, 0);
           border: 1px solid #000;
           border-radius: 20px;
           margin-bottom: 20px;
           margin-left: 5px;
           margin-right: 5px;
           padding-left: 50px;
           padding-right: 50px;
       }
       .nag-buttontop:hover {
           border-color: var(--darkred);
           background-color: var(--darkred);
           color: var(--white);
       }
       .nag-buttontop.active {
           border-style: solid;
           border-color: var(--darkred);
           background-color: var(--darkred);
           color: var(--white);
       }
       .nag-buttonpartner {
           color: var(--black);
           background-color: rgba(0, 0, 0, 0);
           border: 1px solid #000;
           border-radius: 20px;
           margin-bottom: 20px;
           margin-left: 5px;
           margin-right: 5px;
           padding-left: 50px;
           padding-right: 50px;
       }
       .nag-buttonpartner:hover {
           border-color: var(--darkred);
           background-color: var(--darkred);
           color: var(--white);
       }
       .nag-buttonpartner.active {
           border-style: solid;
           border-color: var(--darkred);
           background-color: var(--darkred);
           color: var(--white);
       }
       .image-19,
       .studentphoto {
           border-radius: 20px;
       }
       .pppyblockleft {
           margin-top: 0;
       }
       .icon-tree {
           text-align: left;
           position: relative;
           top: -101px;
           left: -159px;
       }
       .image-20 {
           width: 120px;
       }
       .footeremaillinks {
           text-decoration: none;
       }
       .slidenum {
           font-size: 19px;
           font-weight: 300;
       }
       .schoolimage3 {
           max-width: 120px;
           font-family: Sarabun, sans-serif;
           position: absolute;
           top: 7%;
           bottom: auto;
           left: auto;
           right: 15%;
       }
       .container-25 {
           max-width: 100%;
           background-color: var(--untitled-ui-gray300);
           padding-left: 15%;
           padding-right: 15%;
       }
       .keypageall {
           height: 200px;
           background-image: url('../images/new_banner.png');
           background-position: 0 0;
           background-size: cover;
           align-items: left;
           display: flex;
           /* เพิ่มบรรทัดนี้ */
           justify-content: left;
           /* เพิ่มบรรทัดนี้ */
           align-items: left;
           /* เพิ่มบรรทัดนี้ */
       }
       .keypage_block {
           margin: 0 0 0 0;
           padding-left: 40px;
           padding-top: 65px;
       }
       .keypageall.topkey {
           height: 200px;
           background-image: url('../images/new_banner.png');
           background-position: 50% 0;
           background-repeat: repeat;
           background-size: cover;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .keypageall.pdpa {
           height: 500px;
           background-image: url('../images/banner-policy.png');
           background-position: 0 0;
           background-size: auto;
           margin-left: 0;
           margin-right: 0;
           padding-left: 0;
       }
       .hmanagment {
           color: var(--pt-485c);
           font-size: 38px;
           font-weight: 700;
           position: static;
       }
       .container-mananagement {
           flex-direction: row;
           align-items: flex-start;
           padding-top: 0;
           font-family: Sarabun, sans-serif;
           display: flex;
       }
       .container-vission1 {
           text-align: left;
           align-items: flex-start;
           margin-top: 20px;
       }
       .blockcenterall {
           max-width: 100%;
           background-color: var(--untitled-ui-gray300);
           padding-left: 15%;
           padding-right: 15%;
       }
       .image-21 {
           max-width: 90%;
       }
       .section-nm-detail {
           justify-content: center;
           align-items: flex-start;
           display: block;
       }
       .hmanagment-light {
           color: var(--pt-485c);
           font-size: 38px;
           font-weight: 700;
           position: static;
       }
       .newsandmediaphoto {
           max-height: 550px;
           padding-top: 40px;
       }
       .articlecolcolor {
           background-color: #00953c;
           padding-top: 5px;
           padding-bottom: 5px;
       }
       .container-26 {
           max-width: 58%;
       }
       .blockkey {
           z-index: 1;
           background-color: rgba(0, 0, 0, 0);
           margin-top: -65px;
           margin-left: 0;
           margin-right: 0;
           padding-left: 10px;
           padding-right: 10px;
           position: relative;
       }
       .mainblockkeyvisual {
           max-width: 65%;
           background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
           background-position: 0 0;
           background-size: auto;
           flex-wrap: nowrap;
           justify-content: space-between;
           align-items: flex-start;
           display: flex;
           position: relative;
       }
       .articlewhite {
           background-color: var(--white);
           padding-top: 3px;
           padding-bottom: 2px;
       }
       .articledate {
           color: var(--black);
           text-align: left;
           margin-bottom: 20px;
           font-family: Sarabun, sans-serif;
           font-weight: 300;
       }
       .articletype {
           color: var(--white);
           text-align: center;
           margin-bottom: 20px;
           font-family: Sarabun, sans-serif;
           font-weight: 300;
       }
       .dropdown_camp-2 {
           margin-bottom: 0;
       }
       .paragraph-10 {
           margin-top: 40px;
       }
       .content-blog {
           margin-bottom: 50px;
       }
       .head1_blog {
           color: #00953b;
       }
       .section-7 {
           height: 450px;
       }
       .column-nm-left,
       .column-nm-right {
           padding-top: 10px;
       }
       .container-27 {
           width: 1080px;
       }
       .content-nm-detail {
           margin-bottom: 50px;
           padding-left: 50px;
           padding-right: 50px;
       }
       .slidenum3 {
           font-size: 19px;
           font-weight: 300;
       }
       .button-9 {
           width: 300px;
           color: #000;
           background-color: #fff;
           background-image: linear-gradient(to right, #00953b, #00953b 15%, #00953b 18%, #fff 18%, #fff);
           border-radius: 20px;
           padding-top: 40px;
           padding-bottom: 40px;
           font-family: Sarabun, sans-serif;
           font-size: 18px;
           box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
       }
       .text_praragraph16 {
           color: var(--black);
           text-indent: 50px;
           font-family: Sarabun, sans-serif;
           font-size: 18px;
           line-height: 28px;
       }
       .grid3blockschool {
           grid-column-gap: 18px;
           grid-row-gap: 18px;
           grid-template-columns: 1fr 1fr 1fr;
       }
       .flag_ln .flag_en,
       .flag_cn {
           opacity: .25;
       }
       .generation {
           background-color: #cce7d3;
           border-top-left-radius: 20px;
           border-top-right-radius: 20px;
           margin-left: 5px;
           margin-right: 5px;
           padding: 15px 80px;
       }
       .generation.w--current {
           background-color: var(--white);
           padding: 15px 80px;
       }
       .sectionpicker {
           font-family: Sarabun, sans-serif;
           font-size: 18px;
           line-height: 28px;
       }
       .tabsmart {
           background-color: var(--picker);
           text-align: center;
           border-top-left-radius: 20px;
           border-top-right-radius: 20px;
           padding-top: 20px;
           padding-left: 40px;
           padding-right: 40px;
       }
       .tabs {
           margin-top: 40px;
           padding-left: 0px;
           padding-right: 0px;
           font-family: Sarabun, sans-serif;
           font-size: 18px;
           line-height: 28px;
       }
       .generationtext {
           color: var(--texttab);
           font-size: 20px;
           font-weight: 600;
       }
       .campheader {
           color: var(--pt-485c);
           font-size: 38px;
           font-weight: 700;
           position: static;
       }
       .form {
           padding-right: 0;
           font-family: Sarabun, sans-serif;
           font-size: 18px;
           line-height: 28px;
       }
       .popseach {
           z-index: 10000;
           height: 100vh;
           color: #fff;
           background-color: #05a54b;
           font-size: 15px;
           display: none;
           position: fixed;
           top: 0%;
           bottom: auto;
           left: 0%;
           right: 0%;
       }
       .searchinbox {
           border-radius: 10px;
           padding-top: 10px;
           padding-bottom: 10px;
           display: flex;
       }
       .container-29 {
           text-align: right;
           padding-top: 60px;
       }
       .inputsearch {
           height: 50px;
           color: #fff;
           -webkit-text-stroke-color: rgba(255, 255, 255, 0);
           background-color: #048a40;
           border: 0 #048a40;
           border-radius: 20px;
           margin-bottom: 0;
           padding-top: 10px;
           padding-bottom: 10px;
           font-family: Sarabun, sans-serif;
           font-size: 18px;
       }
       .search-button-2 {
           background-color: #05a54b;
       }
       .btn {
           display: none;
       }
       .button-10 {
           background-color: #05a54b;
           font-family: Lato, sans-serif;
           font-size: 30px;
           font-weight: 300;
       }
   }
   
   @media screen and (max-width: 1280px) {
       .w-container {
           max-width: 1170px;
           margin-left: auto;
           margin-right: auto;
           display: block;
       }
       .banner_slider {
           height: fit-content;
           /*เดิม 750px; */
       }
       .banner_slider.w-col {
           height: fit-content;
           /*เดิม 750px; */
       }
       .slide-nav.w-slider-nav.w-slider-nav-invert.w-round {
           margin-top: 5%;
       }
   }
   
   @media screen and (max-width: 1140px) {
       .nav-menu-wrapper {
           background-color: rgba(255, 255, 255, 0);
       }
       .nav-menu {
           background-color: #fff;
           flex-wrap: wrap;
           justify-content: space-around;
           align-items: center;
           padding-left: 0;
           display: flex;
       }
       .navlink_menuthai {
           padding-left: 5px;
           padding-right: 5px;
       }
       .nav-dropdown-list.shadow-three.w--open {
           position: relative;
           z-index: 901;
       }
       .nav-button-wrapper {
           width: 100%;
           margin-left: 0;
       }
       .menu-button {
           padding: 12px;
       }
       .menu-button.w--open {
           color: #fff;
           background-color: #a6b1bf;
       }
       .banner_slider {
           height: fit-content;
           /*เดิม 750px; */
       }
       .banner_slider.w-col {
           height: auto;
           /*เดิม 750px; */
       }
       .slide-nav.w-slider-nav.w-slider-nav-invert.w-round {
           margin-top: 5%;
       }
       .nag-buttontop.w-button {
           margin-bottom: 25px;
       }
       .container-index_vdo {
           height: 680px;
       }
       .slider-3.w-slider {
           height: 450px;
       }
   }
   /* แก้ตรงนี้ นะ }*/
   
   @media (max-width:991px) and (min-width: 478px) {
       /* ipad Footer */
       .w-col.myipad1 {
           width: 40%;
       }
       .w-col.myipad2 {
           padding-left: 0;
           margin-left: -10px;
           margin-top: 0px;
           width: 22%;
       }
       .w-col.myipad3 {
           width: 38%;
       }
   }
   
   @media screen and (max-width: 991px) {
       .w-container {
           max-width: 800px;
           margin-left: auto;
           margin-right: auto;
           display: block;
       }
       .banner_slider {
           height: fit-content;
       }
       .banner_slider.w-col {
           height: fit-content;
           /*เดิม 750px; */
       }
       .slide-nav.w-slider-nav.w-slider-nav-invert.w-round {
           margin-top: 5%;
       }
       .container {
           max-width: 728px;
       }
       .hero-wrapper {
           flex-direction: column;
           justify-content: flex-start;
           align-items: flex-start;
           margin-bottom: -40px;
       }
       .hero-split {
           max-width: 100%;
           margin-bottom: 40px;
       }
       .team-slide-wrapper {
           width: 47%;
           margin-right: 6%;
       }
       .team-grid {
           grid-column-gap: 40px;
       }
       .team-member-image {
           width: 190px;
           height: 190px;
       }
       .footer-form-two {
           padding: 40px;
       }
       .footer-form-title {
           margin-right: 15px;
       }
       .footer-form-input {
           width: 400px;
           padding-right: 180px;
       }
       .footer-wrapper-three {
           flex-direction: column;
           justify-content: flex-start;
           align-items: flex-start;
       }
       .footer-social-block-three {
           margin-top: 40px;
       }
       .text-block {
           font-size: 25px;
       }
       .container-2 {
           max-width: 728px;
       }
       .slide-nav {
           margin-bottom: 0;
           font-size: 10px;
       }
       .container-3 {
           max-width: 728px;
       }
       .hero-wrapper-2 {
           flex-direction: column;
           justify-content: flex-start;
           align-items: flex-start;
           margin-bottom: -40px;
       }
       .hero-split-2 {
           max-width: 100%;
           margin-bottom: 40px;
       }
       .footer-content {
           grid-column-gap: 60px;
       }
       .team-grid-2 {
           grid-column-gap: 40px;
       }
       .team-member-image-2 {
           width: 190px;
           height: 190px;
       }
       .container-4 {
           max-width: 728px;
       }
       .team-slider-wrapper-2 {
           margin-top: 30px;
       }
       .team-slide-wrapper-2 {
           width: 100%;
           margin-right: 6%;
       }
       .team-member-name-two-2 {
           width: 100%;
           font-size: 15px;
       }
       .team-member-text-2 {
           width: 100%;
       }
       .partner-card {
           border-radius: 15px;
       }
       .hl_rdblack {
           margin-left: auto;
           margin-right: auto;
       }
       .footer-content-2 {
           grid-column-gap: 60px;
       }
       .footer-block-1 {
           font-family: Sarabun, sans-serif;
       }
       .footer-block-2 {
           width: 220px;
           margin-left: 10px;
       }
       .footer-block-2 {
           width: 220px;
           margin-left: 10px;
       }
       .flex-block {
           width: 250px;
           flex: none;
       }
       .footeremail {
           text-align: left;
       }
       .clients-title {
           margin-bottom: 32px;
       }
       .headsponsor {
           margin-left: auto;
           margin-right: auto;
       }
       .vdo_gallery {
           height: 550px;
           margin-bottom: 0;
           padding-bottom: 10px;
       }
       .container-index_vdo {
           text-align: center;
           flex-direction: column;
           align-items: center;
           padding-top: 20px;
           margin-bottom: 0;
           padding-bottom: 0;
           padding-left: 0px;
           padding-right: 0px;
       }
       .gallery-wrapper-2 {
           grid-template-columns: 1fr 1fr;
       }
       .gallery-slider-left {
           left: -20px;
       }
       .gallery-slider-right {
           right: -20px;
       }
       .team-slide-wrapper-4 {
           width: 47%;
           margin-right: 6%;
       }
       .button-3 {
           margin-left: auto;
           margin-right: auto;
       }
       .nag-button {
           margin-left: 5px;
           margin-right: 5px;
       }
       .hide-tablet {
           display: none;
       }
       .uui-space-large {
           min-height: 2.5rem;
       }
       .uui-heading-xlarge {
           font-size: 3.25rem;
       }
       .uui-heroheader09_component {
           min-height: auto;
           grid-template-columns: 1fr;
           grid-auto-flow: row;
       }
       .uui-padding-vertical-xhuge {
           padding-top: 6rem;
           padding-bottom: 6rem;
       }
       .uui-heroheader21_image {
           width: 100%;
           height: auto;
           max-height: none;
       }
       .uui-heroheader21_image-wrapper {
           justify-content: center;
           align-items: flex-start;
           padding-left: 2rem;
           padding-right: 2rem;
           display: flex;
       }
       .uui-heroheader21_content {
           max-width: none;
       }
       .uui-heroheader21_component {
           min-height: auto;
           grid-row-gap: 4rem;
           grid-template-columns: 1fr;
           grid-auto-flow: row;
           padding-top: 6rem;
           padding-bottom: 6rem;
       }
       .schoolteam {
           margin-bottom: 0;
       }
       .studentproject {
           max-width: 728px;
           margin-left: auto;
           margin-right: auto;
       }
       .centered-heading-6 {
           margin-left: auto;
           margin-right: auto;
       }
       .centered-subheading-6 {
           font-size: 40px;
           line-height: 40px;
       }
       .schoolstudentgrid4 {
           grid-column-gap: 54px;
           grid-row-gap: 96px;
           text-align: left;
           grid-template-rows: auto auto;
           grid-template-columns: 1fr 1fr 1fr 1fr;
           grid-auto-columns: 1fr;
           grid-auto-flow: row dense;
           align-self: center;
           justify-items: stretch;
           margin-bottom: 0;
           margin-left: auto;
           margin-right: auto;
           display: grid;
       }
       .school-studentcard {
           width: 200px;
           margin-bottom: 60px;
           margin-left: auto;
           margin-right: auto;
       }
       .schoolimage1 {
           max-width: 80px;
           margin-top: 0;
           top: 0%;
           left: 0%;
       }
       .schoolimage2 {
           margin-top: 0;
           top: 18%;
           right: 0%;
       }
       .flex-block-2 {
           margin-top: 50px;
       }
       .section-aboutus {
           padding-top: 40px;
           padding-bottom: 10px;
       }
       .school_button,
       .btn-rdcamp {
           margin-left: 5px;
           margin-right: 5px;
       }
       .drp_camp_text {
           font-size: 18px;
       }
       .h2l_rdwhite {
           margin-left: auto;
           margin-right: auto;
       }
       .container-14 {
           max-width: 728px;
       }
       .testimonial-left {
           width: 40%;
           margin-right: 40px;
       }
       .event_slide {
           height: 360px;
       }
       .slider-3 {
           height: 550;
           min-height: 0;
           padding-bottom: 50px;
       }
       .image-16 {
           max-width: 60%;
       }
       .pppy_brand {
           padding-left: 0;
           padding-right: 0;
       }
       .heading-9 {
           text-align: center;
           margin-top: 50px;
           margin-bottom: 20px;
       }
       .pppy_vission {
           padding-left: 0;
       }
       .container-17 {
           max-width: 728px;
       }
       .left-arrow-2 {
           width: 30px;
           margin-left: 0;
       }
       .right-arrow-3 {
           width: 30px;
           height: auto;
           margin-right: 0;
       }
       .icon-6,
       .icon-7 {
           font-size: 14px;
       }
       .container-19 {
           margin-top: 0;
           padding-left: 10px;
           padding-right: 10px;
       }
       .pppycamp_1 {
           max-width: 100%;
       }
       .subdetailmap {
           text-align: left;
           font-size: 18px;
       }
       .headline_home_map {
           font-size: 23px;
       }
       .btn_pppy_map {
           margin-top: 10px;
           margin-bottom: 20px;
       }
       .form-block {
           margin-right: 0;
           padding-left: 10px;
       }
       .pppy_camp,
       .pppy_camp-_btn {
           font-size: 18px;
       }
       .column-12 {
           overflow-wrap: normal;
       }
       .pppy_mapblock {
           align-items: center;
           display: flex;
       }
       .drp_campep {
           padding-top: 10px;
           padding-bottom: 10px;
       }
       .btn_grad_pppy {
           font-size: 17px;
       }
       .pppy_map {
           height: auto;
       }
       .mediaslidewrapper {
           width: 47%;
           margin-right: 6%;
       }
       .mediaheaderbutton {
           margin-left: auto;
           margin-right: auto;
       }
       .partnerphoto {
           border-radius: 15px;
           width: 100%;
       }
       .partnerblockinfo {
           padding-left: 10px;
           padding-right: 10px;
       }
       .partnerslidewrapper {
           width: 100%;
           margin-right: 6%;
       }
       .grid3block {
           grid-template-columns: 1fr 1fr;
       }
       .schoolteams {
           margin-bottom: 0;
       }
       .colmap {
           overflow-wrap: normal;
           align-self: center;
       }
       .keypage.aboutus,
       .keypage.pdpa {
           max-width: 991px;
           background-position: 50% 0;
           background-size: cover;
           padding-left: 20px;
       }
       .keypagecontainer {
           height: 200px;
           max-width: 735px;
           padding-left: 30px;
           padding-right: 30px;
       }
       .keypagetext {
           font-size: 35px;
       }
       .centered-headingvdo {
           margin-left: auto;
           margin-right: auto;
       }
       .partnercontainer {
           max-width: 100%;
       }
       .partnersubtext {
           width: 100%;
       }
       .partnersliderwrapper {
           margin-top: 30px;
       }
       .schoolstudentblock {
           width: 200px;
           margin-bottom: 60px;
           margin-left: auto;
           margin-right: auto;
       }
       .school-container {
           max-width: 728px;
           margin-left: auto;
           margin-right: auto;
       }
       .school-headertext {
           margin-left: auto;
           margin-right: auto;
       }
       .school-keytext {
           font-size: 40px;
           line-height: 40px;
       }
       .schoolcontainter {
           max-width: 728px;
       }
       .keypage-aboutus.topkey,
       .keypage-aboutus.pdpa,
       .keypagepartner.topkey,
       .keypagepartner.pdpa {
           max-width: 991px;
           background-position: 50% 0;
           background-size: cover;
           padding-left: 20px;
       }
       .partnername {
           width: 100%;
           font-size: 15px;
       }
       .keypagealumni.topkey,
       .keypagealumni.pdpa {
           max-width: 991px;
           background-position: 50% 0;
           background-size: cover;
           padding-left: 20px;
       }
       .alumni-grid {
           margin-bottom: 0;
       }
       .logo-text {
           max-width: 50%;
       }
       .iconitems {
           max-width: 80px;
           margin-top: 0;
           top: 0%;
           left: 0%;
       }
       .keypage-contactus.topkey,
       .keypage-contactus.pdpa {
           max-width: 991px;
           background-position: 50% 0;
           background-size: cover;
           padding-left: 20px;
       }
       .textcontact,
       .textcontactaddress {
           width: 220px;
           margin-left: 10px;
       }
       .formemailaddress {
           text-align: left;
       }
       .keypage-blog.topkey,
       .keypage-blog.pdpa,
       .keypage-projectdetail.topkey,
       .keypage-projectdetail.pdpa {
           max-width: 991px;
           background-position: 50% 0;
           background-size: cover;
           padding-left: 20px;
       }
       .pagedeail {
           padding-left: 20px;
           padding-right: 20px;
       }
       .pppy-head-ep {
           font-size: 40px;
           line-height: 40px;
       }
       .pagedetail_photocenter {
           height: 320px;
       }
       .keypage-newsmedia.aboutus,
       .keypage-newsmedia.pdpa {
           max-width: 991px;
           background-position: 50% 0;
           background-size: cover;
           padding-left: 20px;
       }
       .centerheadnewsmedia {
           margin-left: auto;
           margin-right: auto;
       }
       .keypage-projectdetaily.topkey,
       .keypage-projectdetaily.pdpa {
           max-width: 991px;
           background-position: 50% 0;
           background-size: cover;
           padding-left: 20px;
       }
       .partnerblock {
           margin-top: 50px;
       }
       .nag-buttontop {
           margin-left: 5px;
           margin-right: 5px;
           margin-bottom: 15px;
       }
       .nag-buttonpartner {
           margin-left: 5px;
           margin-right: 5px;
       }
       .pppyblockleft {
           margin-top: 0;
           padding-left: 10px;
           padding-right: 10px;
       }
       .schoolimage3 {
           max-width: 80px;
           margin-top: 0;
           top: 0%;
           left: 0%;
       }
       .container-25 {
           max-width: 100%;
       }
       .keypageall {
           height: 180px;
           background-image: url('../images/new_banner.png');
           background-position: 0 0;
           background-size: cover;
           align-items: left;
           display: flex;
           /* เพิ่มบรรทัดนี้ */
           justify-content: left;
           /* เพิ่มบรรทัดนี้ */
           align-items: left;
           /* เพิ่มบรรทัดนี้ */
       }
       .keypage_block {
           margin: 0 0 0 0;
           padding-left: 40px;
           padding-top: 65px;
       }
       .keypageall.topkey,
       .keypageall.pdpa {
           max-width: 100%;
           background-position: 50% 0;
           background-size: cover;
           padding-left: 5%;
           margin-left: 0px;
       }
       .tabcol {
           height: 100px;
           flex: 1;
           align-items: flex-start;
           padding-left: 0;
           display: flex;
       }
       .inntertextbold2 {
           margin-bottom: 0;
           font-size: 15px;
       }
       .inntertextnormal {
           font-size: 16px;
       }
       .manageblock2 {
           width: 240px;
       }
       .inntertextbold3 {
           font-size: 14px;
       }
       .container-vission1 {
           padding-left: 40px;
           padding-right: 40px;
       }
       .blockcenterall {
           max-width: 100%;
       }
       .heading-11 {
           font-weight: 500;
       }
       .paragraph-10 {
           margin-bottom: 20px;
           padding-left: 20px;
           padding-right: 20px;
       }
       .head1_blog {
           font-size: 39px;
           font-weight: 500;
       }
       .head2_contentblog {
           font-size: 29px;
       }
       .div-newsphoto {
           width: 100%;
       }
       .news-main-photo {
           max-width: 100%;
       }
       .container-nmi {
           /* height: 420px;
           position: static;*/
           padding-left: 5px;
           padding-right: 5px;
       }
       .columns-7 {
           margin-top: -64px;
       }
       .column-nm-left {
           padding-top: 10px;
           padding-bottom: 10px;
       }
       .column-nm-right {
           padding-top: 10px;
           padding-bottom: 15px;
       }
       .div-block-8 {
           padding-top: 10px;
           padding-bottom: 10px;
       }
       .flex-nm-left {
           padding-left: 40px;
       }
       .flex-nm-end {
           padding-top: 15px;
           padding-bottom: 15px;
           padding-right: 20px;
       }
       .grid3blockschool {
           grid-template-columns: 1fr 1fr;
       }
       .galleryslideschool {
           width: 100%;
           margin-right: 6%;
       }
       .slide-nav-3 {
           margin-top: 0px;
           text-align: center;
           font-size: 10px;
       }
       .generation {
           border-radius: 15px 15px 0 0;
           padding: 10px 40px;
       }
       .generation.w--current {
           border-radius: 10px 10px 0 0;
           padding: 10px 40px;
       }
       .brandcontainer {
           padding-left: 40px;
           padding-right: 40px;
       }
       .tabsmart {
           border-radius: 17px 17px 0 0;
       }
       .generationtext {
           font-size: 18px;
       }
       .text-block-copy {
           font-size: 25px;
       }
   }
   
   @media screen and (max-width: 767px) {
       .w-container {
           max-width: 728px;
           margin-left: auto;
           margin-right: auto;
           display: block;
       }
       .container-regular {
           height: auto;
           min-height: 30px;
       }
       .navbar-wrapper {
           flex-direction: row;
           justify-content: space-between;
           align-items: center;
       }
       .navbar-brand {
           padding-left: 0;
       }
       .nav-menu-wrapper {
           height: 100vh;
           justify-content: center;
           align-items: flex-start;
       }
       .nav-menu {
           height: 100vw;
           flex-flow: column wrap;
           align-content: stretch;
           justify-content: flex-start;
           align-items: flex-start;
           padding-bottom: 30px;
           padding-left: 20px;
           font-size: 18px;
       }
       .nav-menu {
           flex-direction: column;
       }
       .right {
           flex-wrap: wrap;
           align-content: flex-end;
           justify-content: flex-start;
           align-items: flex-end;
           display: flex;
       }
       .nav-button-wrapper {
           width: auto;
       }
       .navlink_menuthai {
           padding-top: 10px;
           padding-bottom: 10px;
           font-size: 18px;
           display: inline-block;
       }
       .nav-dropdown {
           flex-direction: column;
           align-items: center;
           display: flex;
       }
       .nav-dropdown-toggle {
           padding-top: 10px;
           padding-bottom: 10px;
           padding-left: 0;
       }
       .nav-dropdown-list.shadow-three {
           box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
       }
       .nav-dropdown-list.shadow-three.w--open {
           position: relative;
       }
       .nav-dropdown-list.shadow-three.mobile-shadow-hide {
           box-shadow: none;
       }
       .right {
           margin-top: 10px;
       }
       .banner_slider {
           height: auto;
       }
       .banner_slider.w-col {
           height: 450px;
           /*เดิม 750px; */
       }
       .slide-nav.w-slider-nav.w-slider-nav-invert.w-round {
           margin-top: 5%;
       }
       .hero-subscribe-left {
           padding: 60px 15px;
       }
       .margin-bottom-24px {
           font-size: 16px;
       }
       .team-slider,
       .team-circles {
           padding: 60px 15px;
       }
       .team-grid {
           grid-template-columns: 1fr 1fr;
       }
       .footer-subscribe {
           padding-left: 15px;
           padding-right: 15px;
       }
       .footer-form-container-two {
           flex-direction: column;
           justify-content: flex-start;
           align-items: flex-start;
       }
       .footer-form-title {
           margin-right: 0;
       }
       .footer-form-block-two {
           width: 100%;
           margin-top: 20px;
       }
       .footer-form-input {
           width: 100%;
       }
       .footer-block-three {
           flex-flow: column wrap;
           justify-content: flex-start;
           align-items: flex-start;
       }
       .footer-link-three {
           margin-bottom: 10px;
       }
       .footer-social-block-three {
           margin-top: 10px;
       }
       .footer-bottom {
           flex-direction: column;
           justify-content: flex-start;
           align-items: flex-start;
       }
       .footer-copyright {
           font-size: 14px;
           line-height: 20px;
       }
       .footer-legal-block {
           margin-top: 15px;
           margin-left: -24px;
       }
       .footer-legal-link {
           font-size: 14px;
           line-height: 20px;
       }
       .text-block {
           font-size: 25px;
       }
       .hero-without-image {
           padding: 0;
       }
       .margin-bottom-24px-2 {
           font-size: 15px;
       }
       .hl_rdwhite {
           font-size: 18px;
       }
       .paragraph {
           font-size: 15px;
           line-height: 25px;
       }
       .slide-nav {
           margin-top: 0;
           padding-top: 40px;
           padding-bottom: 0;
       }
       .icon,
       .icon-2 {
           font-size: 25px;
       }
       .right-arrow,
       .left-arrow {
           width: 50px;
       }
       .hero-heading-center {
           padding: 60px 15px;
       }
       .footer-dark {
           padding-left: 15px;
           padding-right: 15px;
       }
       .footer-wrapper {
           flex-direction: column;
           align-items: center;
       }
       .footer-content {
           grid-template-columns: 1fr;
           margin-top: 40px;
       }
       .footer-block {
           align-items: center;
       }
       .footer-link:hover {
           color: rgba(26, 27, 31, .75);
       }
       .footer-social-block {
           margin-top: 20px;
           margin-left: -20px;
       }
       .footer-social-link {
           margin-left: 20px;
       }
       .footer-divider {
           margin-top: 60px;
       }
       .testimonial-stack {
           padding: 60px 15px;
       }
       .testimonial-text-three {
           font-size: 20px;
           line-height: 28px;
       }
       .team-circles-2 {
           padding: 60px 15px;
       }
       .team-grid-2 {
           grid-template-columns: 1fr 1fr;
       }
       .footer-wrap {
           flex-direction: column;
           align-items: center;
       }
       .partner-pppy {
           padding: 60px 15px;
       }
       .centered-subheading-3 {
           font-size: 25px;
       }
       .team-block-2 {
           width: 45%;
           grid-column-gap: 16px;
           grid-row-gap: 16px;
           flex: 1;
           order: 0;
           grid-template-rows: auto auto;
           grid-template-columns: 1fr 1fr;
           grid-auto-columns: 1fr;
           align-content: start;
           align-self: center;
           align-items: stretch;
           margin-left: 2px;
           margin-right: 2px;
           display: block;
       }
       .hl_rdblack {
           margin-left: auto;
           margin-right: auto;
           font-size: 18px;
       }
       .footer-wrapper-2 {
           flex-direction: column;
           align-items: center;
           display: flex;
       }
       .footer-content-2 {
           grid-template-columns: 1fr;
           margin-top: 40px;
       }
       .footer-block-1 {
           font-family: Sarabun, sans-serif;
       }
       .footer-block-2 {
           align-items: flex-start;
       }
       .footer-block-3 {
           align-items: flex-end;
       }
       .footer-link-2:hover {
           color: rgba(26, 27, 31, .75);
       }
       .footer-social-block-2 {
           margin-top: 20px;
           margin-left: -20px;
       }
       .footer-social-link-2 {
           margin-left: 20px;
       }
       .footer-divider-2 {
           margin-top: 60px;
       }
       .flex-block {
           width: 100%;
       }
       .footeremail {
           text-align: center;
           align-self: auto;
       }
       .logopartners {
           padding: 60px 15px;
       }
       .clients-wrapper {
           flex-wrap: wrap;
           justify-content: space-around;
           margin-bottom: -20px;
       }
       .clients-image {
           margin-bottom: 30px;
           margin-left: 20px;
           margin-right: 20px;
       }
       .headsponsor {
           margin-left: auto;
           margin-right: auto;
       }
       .hero-stack {
           padding: 60px 15px;
       }
       .vdo_gallery {
           height: 350px;
           padding: 10px 0;
       }
       .container_index_vdo {
           padding-top: 0;
           padding-left: 0;
           padding-right: 0;
       }
       .container-newsandmedia {
           padding-top: 0;
           padding-left: 20px;
           padding-right: 20px;
       }
       .centered-heading-3 {
           clear: none;
           flex-direction: row;
           justify-content: center;
           align-items: center;
           margin-left: auto;
           margin-right: auto;
           display: block;
       }
       .newsandmedia {
           padding: 60px 15px;
       }
       .centered-heading-4 {
           margin-left: auto;
           margin-right: auto;
       }
       .gallery-overview {
           padding: 60px 15px;
       }
       .mask-2 {
           height: 300px;
       }
       .slider_vdo {
           height: 330px;
       }
       .slide-2 {
           height: 300px;
       }
       .icon-5 {
           font-size: 30px;
       }
       .bgvdo-left {
           margin-left: -12%;
       }
       .image-7 {
           height: 100%;
       }
       .vgvdo-right {
           bottom: 22%;
           right: -5%;
       }
       .gallery-slider {
           padding: 60px 15px;
       }
       .gallery-slide {
           margin-left: 10px;
           margin-right: 10px;
       }
       .gallery-slide-text {
           line-height: 30px;
       }
       .gallery-slider-left {
           left: -20px;
       }
       .gallery-slider-right {
           right: -20px;
       }
       .team-slider-2 {
           padding: 60px 15px;
       }
       .hide-mobile-landscape {
           display: none;
       }
       .uui-button {
           font-size: 1rem;
       }
       .uui-button:hover {
           border-color: var(--untitled-ui-primary600);
           background-color: var(--untitled-ui-primary600);
       }
       .uui-button.is-button-large {
           grid-column-gap: .5rem;
           padding: .75rem 1.25rem;
           font-size: 1rem;
       }
       .uui-button-wrapper.max-width-full-mobile-landscape {
           width: 100%;
       }
       .max-width-full-mobile-landscape {
           width: 100%;
           max-width: none;
       }
       .uui-button-icon.is-icon-large {
           width: 1.25rem;
           height: 1.25rem;
       }
       .uui-button-secondary-gray {
           padding-left: 1.25rem;
           font-size: 1rem;
       }
       .uui-button-secondary-gray:hover {
           background-color: var(--untitled-ui-white);
           color: var(--untitled-ui-gray700);
       }
       .uui-button-secondary-gray.is-button-large {
           grid-column-gap: .5rem;
           padding: .75rem 1.25rem;
           font-size: 1rem;
       }
       .uui-button-row {
           align-self: stretch;
       }
       .uui-button-row.is-reverse-mobile-landscape {
           flex-direction: column-reverse;
       }
       .uui-space-large {
           min-height: 2rem;
       }
       .uui-text-size-xlarge {
           font-size: 1.125rem;
       }
       .uui-space-small {
           min-height: 1.25rem;
       }
       .uui-heading-xlarge {
           font-size: 2.25rem;
       }
       .uui-padding-vertical-xhuge {
           padding-top: 4rem;
           padding-bottom: 4rem;
       }
       .uui-page-padding,
       .uui-heroheader21_image-wrapper {
           padding-left: 1rem;
           padding-right: 1rem;
       }
       .uui-heroheader21_form {
           margin-top: 2rem;
       }
       .uui-badge-group_badge {
           padding: .125rem .5rem;
           font-size: .75rem;
       }
       .uui-badge-group {
           font-size: .75rem;
       }
       .uui-heroheader21_content {
           padding-left: 1rem;
           padding-right: 1rem;
       }
       .uui-heroheader21_component {
           padding-top: 4rem;
           padding-bottom: 4rem;
       }
       .schoolteam {
           margin-bottom: 0;
           margin-left: auto;
           margin-right: auto;
           padding: 60px 15px;
       }
       .centered-heading-6 {
           margin-left: auto;
           margin-right: auto;
           font-size: 20px;
       }
       .centered-subheading-6 {
           margin-left: auto;
           margin-right: auto;
           font-size: 36px;
       }
       .schoolstudentgrid4 {
           height: auto;
           grid-row-gap: 125px;
           object-fit: fill;
           grid-template-rows: minmax(auto, 1fr) auto;
           grid-template-columns: 1fr 1fr 1fr;
           grid-auto-flow: row;
           align-items: stretch;
           margin-bottom: 60px;
           margin-left: auto;
           margin-right: auto;
           position: relative;
           overflow: visible;
       }
       .school-studentcard {
           height: 300px;
           margin-bottom: 0;
           padding-bottom: 60px;
           position: relative;
       }
       .school-student {
           width: 100%;
           position: relative;
       }
       .team-member-name-3,
       .team-member-position-3 {
           position: relative;
       }
       .schoolimage1 {
           max-width: 80px;
           top: 0;
           left: 0%;
       }
       .schoolimage2 {
           top: 15%;
           right: 0%;
       }
       .menuthai {
           font-size: 18px;
       }
       .menu_list {
           margin-top: 15px;
           margin-left: 10px;
           padding-top: 0;
           padding-left: 0;
       }
       .flex-block-2 {
           width: 100%;
           flex-flow: column;
           align-content: flex-start;
           justify-content: space-between;
           align-items: stretch;
           margin-top: 25px;
           display: flex;
       }
       .section-aboutus {
           background-repeat: repeat-x;
           background-size: contain;
           padding: 20px 40px;
       }
       .textdetailsub {
           padding-left: 10px;
           padding-right: 20px;
       }
       .text_praragraph {
           text-align: justify;
           padding-left: 20px;
           padding-right: 20px;
           line-height: 25px;
       }
       .dropdown_camp {
           box-shadow: none;
           background-color: rgba(0, 0, 0, 0);
           border-style: none;
           border-radius: 0;
           margin-bottom: 5px;
       }
       .dropdown_camp.plus {
           background-color: #faf9f9;
           border-style: solid;
           border-radius: 5px;
       }
       .h2l_rdwhite {
           margin-left: auto;
           margin-right: auto;
           font-size: 18px;
       }
       .paragraph-4 {
           text-align: justify;
           padding-left: 20px;
           padding-right: 20px;
           line-height: 25px;
       }
       .div-block-3 {
           padding-left: 20px;
           padding-right: 20px;
       }
       .bold-text-2 {
           color: #000;
           font-size: 30px;
           font-weight: 500;
       }
       .container-vission {
           padding-left: 20px;
           padding-right: 20px;
       }
       .testimonial-image-left {
           padding: 60px 15px;
       }
       .testimonial-wrapper-four {
           flex-direction: column;
       }
       .testimonial-left {
           width: 100%;
           margin-bottom: 40px;
           margin-right: 0;
       }
       .testimonial-image-four {
           height: auto;
       }
       .heading-small {
           font-size: 28px;
           line-height: 36px;
       }
       .event_slide {
           height: auto;
       }
       .slider-3 {
           height: 324px;
           min-height: auto;
           padding-bottom: 0;
       }
       .pppy_slide1 {
           padding-top: 5px;
           padding-bottom: 5px;
       }
       .pppy_slide2 {
           font-size: 12px;
           font-weight: 400;
       }
       .pppy_slide3 {
           height: 370px;
       }
       .column-9 {
           margin-bottom: 40px;
       }
       .pppy_aboutus {
           padding-left: 20px;
           padding-right: 20px;
           text-align: left;
       }
       .column-10 {
           margin-top: 50px;
       }
       .aboutus-list3 {
           list-style-type: disc;
       }
       .hero-without-image-2 {
           padding: 60px 15px;
       }
       .schoolbrand {
           padding: 20px 15px;
       }
       .mask-3 {
           height: 370px;
           min-height: 370px;
       }
       .pppycamp_1 {
           max-width: 80%;
       }
       .subdetailmap {
           font-size: 18px;
       }
       .headline_home_map {
           font-size: 25px;
       }
       .btn_pppy_map {
           margin-bottom: 20px;
       }
       .pppy_all_camps {
           padding: 50px 0 0;
       }
       .drp_campyep.w--open {
           border-top-left-radius: 0;
           border-top-right-radius: 0;
       }
       .drp_province_list {
           background-color: #ececec;
           padding-left: 30px;
       }
       .drp_province_listtop {
           background-color: var(--bg-card);
       }
       .drp_school_list {
           background-color: #ececec;
           padding-left: 30px;
       }
       .btn_grad_pppy {
           font-size: 18px;
       }
       .drp_coat_detail {
           background-color: #ececec;
           padding-left: 30px;
       }
       .mediaheaderbutton {
           margin-left: auto;
           margin-right: auto;
       }
       .partnerphoto {
           border-radius: 15px;
           width: 100%;
       }
       .partnersubhead {
           font-size: 25px;
       }
       .grid3block {
           grid-template-columns: 1fr 1fr;
           align-content: start;
           align-items: start;
       }
       .schoolteams {
           margin-bottom: 0;
           margin-left: auto;
           margin-right: auto;
           padding: 60px 15px;
       }
       .schoolphotovdos {
           padding: 60px 15px;
       }
       .keypage.aboutus,
       .keypage.pdpa {
           height: 275px;
           max-width: 767px;
           background-position: 50%;
           background-size: cover;
       }
       .keypagecontainer {
           background-image: url('../images/new_banner.png');
           background-position: 50%;
           background-size: cover;
           padding-left: 20px;
           padding-right: 20px;
       }
       .keypagetext {
           margin-top: 0;
           margin-bottom: 0;
       }
       .centered-headingvdo {
           clear: none;
           flex-direction: row;
           justify-content: center;
           align-items: center;
           margin: 0 auto 10px;
           padding-top: 10px;
           display: block;
       }
       .schoolstudentblock {
           height: 300px;
           margin-bottom: 0;
           padding-bottom: 60px;
           position: relative;
       }
       .school-headertext {
           margin-left: auto;
           margin-right: auto;
           font-size: 20px;
       }
       .school-keytext {
           margin-top: 10px;
           margin-left: auto;
           margin-right: auto;
           font-size: 25px;
       }
       .schoolstudent-name,
       .schoolname-subtext-student {
           position: relative;
       }
       .school-brand-subtextdetail {
           font-size: 16px;
       }
       .keypage-aboutus.topkey,
       .keypage-aboutus.pdpa,
       .keypagepartner.topkey,
       .keypagepartner.pdpa,
       .keypagealumni.topkey,
       .keypagealumni.pdpa {
           height: 275px;
           max-width: 767px;
           background-position: 50%;
           background-size: cover;
       }
       .alumni-grid {
           margin-bottom: 0;
           margin-left: auto;
           margin-right: auto;
           padding: 60px 15px;
       }
       .logo-text {
           max-width: 80%;
       }
       .iconitems {
           max-width: 80px;
           top: 0;
           left: 0%;
       }
       .keypage-contactus.topkey,
       .keypage-contactus.pdpa {
           height: 275px;
           max-width: 767px;
           background-position: 50%;
           background-size: cover;
       }
       .formblock {
           padding-left: 10px;
           padding-right: 10px;
       }
       .addressbblockform {
           justify-content: center;
           align-items: center;
           padding-top: 40px;
           display: flex;
       }
       .textcontact {
           align-items: flex-start;
       }
       .textcontactaddress {
           width: 50%;
           align-items: flex-start;
           margin-top: auto;
       }
       .formemailaddress {
           text-align: center;
           align-self: auto;
       }
       .footersocialblock2 {
           margin-top: 20px;
           margin-left: -20px;
       }
       .keypage-blog.topkey,
       .keypage-blog.pdpa {
           height: 275px;
           max-width: 767px;
           background-position: 50%;
           background-size: cover;
       }
       .keypage-projectdetail.topkey {
           height: 80px;
           max-width: 767px;
           background-position: 50% 0;
           background-repeat: repeat;
           background-size: cover;
       }
       .keypage-projectdetail.pdpa {
           height: 275px;
           max-width: 767px;
           background-position: 50%;
           background-size: cover;
       }
       .pppy-head-ep {
           margin-left: auto;
           margin-right: auto;
           font-size: 36px;
       }
       .container-pagedetail {
           padding-left: 20px;
           padding-right: 20px;
       }
       .paselink {
           padding-left: 5px;
           font-size: 18px;
       }
       .keypage-newsmedia.aboutus,
       .keypage-newsmedia.pdpa {
           height: 275px;
           max-width: 767px;
           background-position: 50%;
           background-size: cover;
       }
       .centerheadnewsmedia {
           margin-left: auto;
           margin-right: auto;
       }
       .keypage-projectdetaily.topkey,
       .keypage-projectdetaily.pdpa {
           height: 275px;
           max-width: 767px;
           background-position: 50%;
           background-size: cover;
       }
       .partnerblock {
           width: 100%;
           flex-flow: column;
           align-content: flex-start;
           justify-content: space-between;
           align-items: stretch;
           margin-top: 25px;
           display: flex;
       }
       .commentatorlist {
           width: 45%;
           grid-column-gap: 16px;
           grid-row-gap: 16px;
           flex: 1;
           order: 0;
           grid-template-rows: auto auto;
           grid-template-columns: 1fr 1fr;
           grid-auto-columns: 1fr;
           align-content: start;
           align-self: center;
           align-items: stretch;
           margin-left: 2px;
           margin-right: 2px;
           display: block;
       }
       .menuthaitext {
           padding-left: 5px;
           font-size: 18px;
           line-height: 22px;
       }
       .pppyblockleft {
           margin-bottom: 10px;
       }
       .dropdown-toggle-5 {
           width: 100%;
       }
       .schoolimage3 {
           max-width: 80px;
           top: 0;
           left: 0%;
       }
       .keypageall {
           height: 160px;
           background-image: url('../images/new_banner.png');
           background-position: 0 0;
           background-size: cover;
           align-items: left;
           display: flex;
           /* เพิ่มบรรทัดนี้ */
           justify-content: left;
           /* เพิ่มบรรทัดนี้ */
           align-items: left;
           /* เพิ่มบรรทัดนี้ */
       }
       .keypage_block {
           margin: 0 0 0 0;
           padding-left: 40px;
           padding-top: 65px;
       }
       .keypageall.topkey {
           max-width: 767px;
           background-position: 50% 0;
           background-repeat: repeat;
           background-size: cover;
       }
       .keypageall.pdpa {
           max-width: 767px;
           background-position: 50%;
           background-size: cover;
       }
       .manageblock {
           margin-top: 0;
       }
       .manageblock.plus {
           padding-left: 10px;
           display: flex;
       }
       .tabcol {
           border: 1px #000;
           flex: 1;
           align-items: stretch;
           padding-left: 15%;
           display: block;
           overflow: visible;
       }
       .container-mananagement {
           padding-top: 50px;
           padding-left: 20px;
           padding-right: 20px;
       }
       .inntertextbold2 {
           font-size: 18px;
       }
       .inntertextnormal {
           font-size: 17px;
       }
       .manageblock2 {
           flex: 0 auto;
           margin-top: 10px;
           margin-bottom: 10px;
       }
       .column-15 {
           justify-content: center;
           display: flex;
       }
       .column-17,
       .column-18 {
           justify-content: center;
       }
       .column-19 {
           grid-column-gap: 0px;
           grid-row-gap: 0px;
           justify-content: center;
           margin-top: -18px;
           display: flex;
       }
       .inntertextbold3 {
           font-size: 17px;
       }
       .container-vission1 {
           padding-left: 20px;
           padding-right: 20px;
       }
       .section-nm-detail {
           margin-top: 0px;
       }
       .container-mananagement-white {
           padding-top: 50px;
           padding-left: 20px;
           padding-right: 20px;
       }
       .tabcollight {
           display: none;
       }
       .buttonchart {
           width: 300px;
           height: 100px;
           background-color: var(--white);
           color: var(--black);
           border-radius: 20px;
           align-items: center;
           padding-top: 20px;
           padding-bottom: 20px;
           font-family: Sarabun, sans-serif;
           display: flex;
       }
       .dropdown_camp-2 {
           background-color: var(--white);
           border-style: solid;
           border-radius: 5px;
           margin-bottom: 5px;
           box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
       }
       .dropdown_camp-2.plus {
           background-color: #faf9f9;
           border-style: solid;
           border-radius: 5px;
       }
       .paragraph-10 {
           font-weight: 400;
       }
       .head2_contentblog {
           padding-left: 10px;
           padding-right: 10px;
           font-size: 26px;
       }
       .div-newsphoto {
           margin-top: 20px;
       }
       .container-nmi {
           padding-left: 0px;
           padding-right: 0px;
       }
       .column-nm-left {
           display: none;
       }
       .column-nm-right {
           margin-top: -60px;
           display: flex;
       }
       #st-1 .st-btn {}
       .headdate {
           font-size: 18px;
       }
       .headgroup {
           justify-content: flex-start;
           font-size: 18px;
       }
       .flex-nm-left {
           width: 200px;
       }
       .flex-nm-end {
           padding-top: 20px;
       }
       .content-nm-detail {
           margin-bottom: 50px;
           padding-left: 5px;
           padding-right: 5px;
       }
       .column-20,
       .column-21 {
           justify-content: center;
           display: flex;
       }
       .grid3blockschool {
           grid-template-columns: 1fr 1fr;
           align-content: start;
           align-items: start;
       }
       .slide-nav-3 {
           height: auto;
           margin-top: 0;
           padding-top: 0;
           display: block;
           position: relative;
           top: 0px;
           bottom: 0%;
           left: 0%;
           right: 0%;
       }
       .generation {
           margin-left: 2px;
           margin-right: 2px;
           padding-top: 10px;
           padding-bottom: 10px;
       }
       .generation.w--current {
           border-radius: 10px 10px 0 0;
           padding-top: 10px;
           padding-bottom: 10px;
       }
       .tabsmart {
           border-radius: 15px 15px 0 0;
           margin-left: 10px;
           margin-right: 10px;
       }
       .tabs {
           padding-left: 10px;
           padding-right: 10px;
       }
       .text-block-copy {
           font-size: 25px;
       }
   }
   
   @media screen and (max-width: 479px) {
       .section-nm-detail {
           margin-top: 0px;
       }
       .w-container {
           max-width: 428px;
           margin-left: auto;
           margin-right: auto;
           display: block;
       }
       .nag-button {
           color: var(--black);
           background-color: rgba(0, 0, 0, 0);
           border: 1px solid #000;
           border-radius: 20px;
           margin-left: 2px;
           margin-right: 2px;
           padding: 8px 14px 8px 14px;
           margin-top: 5px;
           
       }
       .footer-copyright-center-2 {
           margin-top: 50px;
           color: var(--pt-485c);
           text-align: center;
           font-size: 14px;
           line-height: 16px;
           padding-left: 50px;
           padding-right: 50px;
       }
       .w-layout-blockcontainer.container-6.w-container {
           font-size: 12px;
       }
       .w-layout-blockcontainer.keypagecontainer.w-container {
           height: 80px;
       }
       .nav-menu {
           flex-direction: column;
       }
       .right {
           flex-wrap: wrap;
           align-content: flex-end;
           justify-content: flex-start;
           align-items: flex-end;
           display: flex;
       }
       .nav-button-wrapper {
           width: auto;
       }
       .button-primary.footer-form-button {
           position: relative;
           right: 0;
       }
       .slide {
           height: 180px;
       }
       .banner_slider {
           height: auto;
           min-height: auto;
           height: 180px;
       }
       .container {
           max-width: none;
       }
       .hero-form {
           align-self: stretch;
           margin-bottom: 15px;
       }
       .hero-form-container {
           flex-direction: column;
           align-items: flex-start;
       }
       .hero-form-input {
           width: 100%;
           height: 48px;
           margin-bottom: 10px;
       }
       .headlinetext {
           margin-bottom: 24px;
           padding-left: 14px;
       }
       .team-slide-wrapper {
           width: 100%;
           margin-right: 0%;
       }
       .team-grid {
           grid-template-columns: 1fr;
       }
       .footer-form-two {
           padding: 20px;
       }
       .footer-form-block-two {
           flex-direction: column;
           justify-content: flex-start;
           align-items: flex-start;
       }
       .footer-form-input {
           margin-bottom: 10px;
           padding-right: 20px;
       }
       .footer-bottom {
           flex-direction: column;
           justify-content: flex-start;
           align-items: flex-start;
       }
       .image {
           width: 50px;
       }
       .text-block {
           font-size: 22px;
       }
       .hero-without-image {
           background-position: 50% 0;
           background-repeat: no-repeat;
           background-size: contain;
           padding-left: 10px;
           padding-right: 10px;
       }
       .container-2 {
           max-width: none;
       }
       .hero-wrapper-two {
           padding-left: 10px;
           padding-right: 10px;
       }
       .margin-bottom-24px-2 {
           text-align: left;
           margin-left: -5px;
           font-size: 15px;
           line-height: 20px;
       }
       .hl_rdwhite {
           padding-top: 0;
           padding-bottom: 0;
           font-size: 22px;
       }
       .paragraph {
           font-size: 14px;
       }
       .heading-2 {
           font-size: 25px;
           font-weight: 400;
       }
       .slide-nav {
           perspective: none;
           transform-origin: 50%;
           mix-blend-mode: normal;
           margin-top: 0;
           padding-top: 0px;
           padding-bottom: 20px;
           font-size: 5px;
           transform: translate(0);
       }
       .icon,
       .icon-2 {
           font-size: 15px;
       }
       .right-arrow {
           width: 15px;
       }
       .left-arrow {
           width: 20px;
       }
       .container-3 {
           max-width: none;
       }
       .centered-heading-2 {
           margin-bottom: 24px;
       }
       .footer-copyright-center {
           text-align: center;
           font-size: 12px;
       }
       .testimonial-card-three {
           padding-left: 24px;
           padding-right: 24px;
       }
       .testimonial-info-four {
           text-align: center;
           flex-direction: column;
       }
       .team-grid-2 {
           grid-template-columns: 1fr;
       }
       .container-4 {
           max-width: none;
           margin-left: auto;
           margin-right: auto;
       }
       .partner_sub_head {
           margin-bottom: 24px;
           font-size: 40px;
           line-height: 50px;
       }
       .centered-subheading-3 {
           letter-spacing: normal;
           text-indent: 10px;
           word-break: normal;
           overflow-wrap: normal;
           font-size: 22px;
           line-height: 30px;
       }
       .team-slider-wrapper-2 {
           float: none;
           object-fit: fill;
           margin-top: 0;
       }
       .team-slide-wrapper-2 {
           width: 100%;
           margin-right: 0%;
       }
       .team-block-2 {
           width: 100%;
           grid-column-gap: 16px;
           grid-row-gap: 16px;
           flex: none;
           grid-template-rows: auto auto;
           grid-template-columns: 1fr 1fr;
           grid-auto-columns: 1fr;
           align-self: auto;
           display: block;
       }
       .team-member-name-two-2 {
           width: 100%;
       }
       .team-member-text-2 {
           width: 100%;
           font-size: 14px;
       }
       .partner-card {
           border-radius: 20px;
       }
       .hl_rdblack {
           width: 290px;
           min-width: 0;
           margin-left: auto;
           margin-right: auto;
       }
       .footer-content-2 {
           width: 100%;
       }
       .footer-block-1 {
           text-align: center;
           flex-flow: column;
           align-self: auto;
           align-items: flex-start;
           margin-left: auto;
           margin-right: auto;
           display: flex;
       }
       .footer-block-2 {
           text-align: center;
           flex-flow: column;
           align-self: auto;
           align-items: flex-start;
           margin-left: auto;
           margin-right: auto;
           display: flex;
           margin-left: 42px;
       }
       .footer-block-3 {
           text-align: center;
           flex-flow: column;
           align-self: auto;
           align-items: flex-start;
           margin-left: auto;
           margin-right: auto;
           margin-top: 50px;
           margin-left: 5px;
           display: block;
           padding: 0px 0px 0px;
       }
       .footer-link-2:hover {
           color: var(--pt-485c);
       }
       .text-block-2 {
           text-align: center;
           font-size: 12px;
       }
       .footeremail {
           text-align: left;
           align-self: center;
       }
       .clients-image {
           mix-blend-mode: color-burn;
           margin-left: 10px;
           margin-right: 10px;
       }
       .headsponsor {
           margin-left: auto;
           margin-right: auto;
       }
       .vdo_gallery {
           height: 280px;
           padding-top: 0;
       }
       .container_index_vdo {
           max-width: none;
           align-items: flex-start;
           padding-top: 0px;
           padding-bottom: 0px;
           display: block;
       }
       .container-newsandmedia {
           max-width: none;
           align-items: flex-start;
           padding-top: 10px;
           padding-bottom: 20px;
           display: block;
       }
       .centered-heading-3 {
           width: 290px;
           min-width: 0;
           margin-bottom: 24px;
           margin-left: auto;
           margin-right: auto;
           font-size: 14px;
       }
       .team-slide-wrapper-3 {
           width: 100%;
           margin-right: 0;
       }
       .team-slider-nav-3 {
           text-align: center;
           margin-top: 20px;
           font-size: 15px;
           font-weight: 300;
           display: inline-block;
       }
       .newsandmedia {
           margin-bottom: 0px;
           padding-top: 20px;
           position: static;
       }
       /* NewsandMedia*/
       .newssubtag {
           font-size: 14px;
       }
       .w-layout-hflex.flex-nm-end.newsdetail {
           font-family: sarabun;
           font-size: 12px;
       }
       /* margin-top: 5px;margin-right: 10px; */
       .w-layout-hflex.flex-nm-end.newsdetail span {
           margin-top: 5px;
           margin-right: 10px;
       }
       .centered-heading-4 {
           width: 290px;
           min-width: 0;
           margin-bottom: 24px;
           margin-left: auto;
           margin-right: auto;
           font-size: 14px;
           font-weight: 700;
       }
       .schoolgallery {
           width: 100%;
           margin-bottom: 0;
       }
       .gallery-wrapper {
           grid-template-columns: 1fr;
       }
       .schoolbutton-active {
           display: none;
       }
       .container-6 {
           align-items: flex-start;
       }
       .image-6 {
           object-fit: cover;
           display: block;
           position: static;
           overflow: visible;
       }
       .slide-nav-2 {
           position: absolute;
           top: auto;
           overflow: visible;
       }
       .icon-3 {
           display: none;
           overflow: hidden;
       }
       .mask-2,
       .slider_vdo {
           height: 200px;
       }
       .slide-2 {
           height: 180px;
       }
       .icon-4 {
           overflow: hidden;
       }
       .right-arrow-2 {
           display: none;
       }
       .icon-5 {
           outline-offset: 0px;
           outline: 3px #333;
           font-size: 25px;
       }
       .bgvdo-left {
           height: 60px;
           margin-top: 20%;
           margin-left: -4%;
       }
       .image-7 {
           height: 100%;
       }
       .vgvdo-right {
           width: 50px;
           bottom: 15%;
           right: 0;
       }
       .flexblock2 {
           margin-bottom: 20px;
       }
       .slide_visual {
           height: 180px;
           max-width: 100%;
           object-fit: cover;
           object-position: 50% 50%;
           position: relative;
           left: auto;
       }
       .slide-text-block-3 {
           z-index: 99;
           opacity: 1;
           -webkit-backface-visibility: visible;
           backface-visibility: visible;
           perspective: none;
           transform-origin: 50%;
           color: var(--white);
           mix-blend-mode: normal;
           object-fit: fill;
           background-color: #847870;
           margin-top: 20px;
           margin-left: 10px;
           padding: 10px;
           font-size: 18px;
           line-height: 18px;
           position: absolute;
           transform: translate(-130px, -20px);
       }
       .slide-3 {
           height: 400px;
       }
       .image-10 {
           height: 100%;
           object-fit: cover;
       }
       .container-7 {
           max-width: none;
       }
       .gallery-wrapper-2 {
           grid-template-columns: 1fr;
       }
       .gallery-slide-wrapper {
           max-width: 100%;
           margin-right: 0%;
       }
       .gallery-slider-left {
           left: -20px;
       }
       .gallery-slider-right {
           right: -20px;
       }
       .centered-heading-5 {
           margin-bottom: 24px;
       }
       .team-slide-wrapper-4 {
           width: 100%;
           margin-right: 0%;
       }
       .hide-mobile-portrait {
           display: none;
       }
       .uui-heroheader09_image-wrapper {
           grid-template-columns: 1fr 1fr;
       }
       .uui-heroheader09_component {
           grid-template-columns: 1fr;
       }
       .uui-signup-form_wrapper {
           grid-row-gap: .75rem;
           flex-direction: column;
           grid-template-columns: 1fr;
       }
       .uui-heroheader21_component {
           grid-template-columns: 1fr;
       }
       .studentproject {
           max-width: none;
       }
       .centered-heading-6 {
           margin-bottom: 24px;
           font-size: 20px;
           line-height: 25px;
       }
       .centered-subheading-6 {
           margin-top: 0;
           font-size: 20px;
       }
       .schoolstudentgrid4 {
           grid-row-gap: 82px;
           grid-template-columns: 1fr;
           /* ค่าเริ่มต้น: 2 คอลัมน์สำหรับหน้าจอเล็ก */
           grid-auto-flow: row;
           margin-left: auto;
           margin-right: auto
       }
       .school-studentcard {
           width: 250px;
           height: 350px;
           margin-bottom: 60px;
           margin-left: auto;
           margin-right: auto;
       }
       .school-student {
           height: 400px;
       }
       .schoolimage1 {
           max-width: 60px;
           top: 0;
           left: 0%;
       }
       .schoolimage2 {
           max-width: 50px;
           top: 7%;
           right: 0%;
       }
       .paragraph-3 {
           margin-top: 20px;
           font-size: 12px;
       }
       .flex-block-2 {
           flex-wrap: nowrap;
           align-items: stretch;
       }
       .section-aboutus {
           background-position: 50% 5%;
           background-size: contain;
           padding-left: 10px;
           padding-right: 10px;
       }
       .text_praragraph {
           text-align: left;
       }
       .textheader-pdpa {
           font-size: 10px;
           font-weight: 500;
       }
       .drp_camp_text {
           font-size: 16px;
       }
       .h2l_rdwhite {
           width: 290px;
           min-width: 0;
           margin-left: auto;
           margin-right: auto;
       }
       .paragraph-4 {
           text-align: left;
       }
       .bold-text-2 {
           font-size: 18px;
       }
       .paragraph-5 {
           padding-left: 0;
       }
       .container-vission {
           padding-left: 10px;
           padding-right: 10px;
       }
       .aboutus-list1 {
           margin-bottom: 0;
       }
       .container-14 {
           max-width: none;
       }
       .heading-small {
           font-size: 24px;
           line-height: 32px;
       }
       .event_slide {
           height: 180px;
           min-height: 178px;
       }
       .slider-3 {
           height: 200px;
       }
       .pppy_slide1 {
           height: 164px;
       }
       .image-16 {
           margin-bottom: 0;
       }
       .column-9 {
           margin-bottom: 40px;
       }
       .heading-9 {
           padding-right: 20px;
       }
       .pppy_aboutus,
       .column-10 {
           padding-left: 0;
           padding-right: 0;
           text-align: left;
       }
       .aboutus-list3 {
           list-style-type: disc;
       }
       .about_color_brand_list {
           padding-left: 0;
       }
       .list-item-4 {
           font-size: 18px;
       }
       .container-17 {
           max-width: none;
       }
       .school_keybrand {
           font-size: 48px;
       }
       .mask-3 {
           height: 250px;
           min-height: 250px;
       }
       .pppycamp_1 {
           max-width: 100%;
       }
       .headline_home_map {
           font-size: 18px;
       }
       .pppy_camp {
           font-size: 15px;
           font-weight: 500;
       }
       .pppy_camp-_btn {
           font-size: 14px;
           font-weight: 500;
       }
       .pppy_all_camps {
           background-position: 50% 0;
           background-repeat: no-repeat;
           background-size: contain;
           padding-left: 10px;
           padding-right: 10px;
       }
       .maincontainer {
           margin-top: 50px;
       }
       .btn_grad_pppy {
           padding-left: 5px;
           padding-right: 5px;
           font-size: 16px;
       }
       .pppy_map {
           height: 500px;
       }
       .mediaphotocard {
           width: 100%;
           margin-bottom: 0;
       }
       .mediaslidewrapper {
           width: 100%;
           margin-right: 0%;
       }
       .mediaheaderbutton {
           width: 290px;
           min-width: 0;
           margin-bottom: 24px;
           margin-left: auto;
           margin-right: auto;
           font-size: 14px;
           font-weight: 700;
       }
       .partnerphoto {
           margin-bottom: 0;
           margin-left: -5px;
       }
       .partnerslidewrapper {
           width: 100%;
           margin-right: 0%;
       }
       .partnersubhead {
           letter-spacing: normal;
           text-indent: 10px;
           word-break: normal;
           overflow-wrap: normal;
           font-size: 22px;
           line-height: 30px;
       }
       .partnersubkey {
           margin-bottom: 24px;
           font-size: 40px;
           line-height: 50px;
       }
       .gallerythumb {
           width: 100%;
           margin-bottom: 0;
       }
       .grid3block {
           grid-column-gap: 16px;
           grid-row-gap: 16px;
           grid-template-rows: auto auto;
           grid-template-columns: 1fr;
           grid-auto-columns: 1fr;
           align-content: stretch;
           display: grid;
           position: static;
       }
       .sharetext {
           margin-bottom: 24px;
           padding-left: 14px;
       }
       .schoolphotovdos {
           padding-top: 20px;
       }
       .coldrop {
           padding-left: 0;
           padding-right: 0;
       }
       .keypage.aboutus,
       .keypage.pdpa {
           background-position: 65%;
           background-size: cover;
       }
       .hltext-aboutusvission {
           margin-bottom: 24px;
           padding-left: 0;
       }
       .keypagecontainer {
           text-align: center;
           background-position: 50%;
           background-size: cover;
       }
       .keypagetext {
           font-size: 22px;
       }
       .centered-headingvdo {
           width: 290px;
           min-width: 0;
           margin-bottom: 10px;
           margin-left: auto;
           margin-right: auto;
           font-size: 14px;
       }
       .partnercontainer {
           max-width: 100%;
           margin-left: 0px;
           margin-right: 0px;
           text-align: center;
       }
       .partnercontainer .show {
           padding-left: 0px;
           padding-right: 0px;
       }
       .sliderevents {
           height: 180px;
       }
       .partnersubtext {
           width: 100%;
           font-size: 14px;
       }
       .partnersliderwrapper {
           float: none;
           object-fit: fill;
           margin-top: 0;
       }
       .schoolstudentblock {
           width: 250px;
           height: 350px;
           margin-bottom: 60px;
           margin-left: auto;
           margin-right: auto;
       }
       .school-container {
           max-width: none;
       }
       .school-headertext {
           margin-bottom: 24px;
           font-size: 18px;
           line-height: 25px;
       }
       .school-keytext {
           margin-top: -18px;
           font-size: 18px;
       }
       .school-brand-keytextdetail {
           line-height: 28px;
       }
       .school-brand-subtextdetail {
           font-size: 18px;
       }
       .schoolcontainter {
           max-width: none;
       }
       .keypage-aboutus.topkey,
       .keypage-aboutus.pdpa {
           background-position: 65%;
           background-size: cover;
       }
       .keypagepartner.topkey {
           background-position: 65%;
           background-size: cover;
           padding-left: 10px;
           padding-right: 10px;
       }
       .keypagepartner.pdpa {
           background-position: 65%;
           background-size: cover;
       }
       .partnername {
           width: 100%;
       }
       .keypagealumni.topkey,
       .keypagealumni.pdpa {
           background-position: 65%;
           background-size: cover;
       }
       .logo-text {
           max-width: 100%;
       }
       .iconitems {
           max-width: 60px;
           top: 0;
           left: 0%;
       }
       .keypage-contactus.topkey {
           background-position: 50% 0;
           background-size: cover;
       }
       .keypage-contactus.pdpa {
           background-position: 65%;
           background-size: cover;
       }
       .hltext-contactus {
           margin-bottom: 24px;
           padding-left: 14px;
       }
       .inputtextbox {
           width: 95%;
           margin-left: 10px;
       }
       .textareadetail {
           width: 95%;
           margin-left: 10px;
           margin-right: auto;
       }
       .contactsubmitform {
           margin-left: 25%;
       }
       .paragraphform {
           padding-left: 21px;
       }
       .textcontact {
           text-align: center;
           flex-flow: column;
           align-self: auto;
           align-items: flex-start;
           margin-left: auto;
           margin-right: auto;
           display: flex;
       }
       .textcontactaddress {
           width: 100%;
           text-align: center;
           flex-flow: column;
           align-self: auto;
           align-items: flex-start;
           margin-left: auto;
           margin-right: auto;
           display: flex;
       }
       .formemailaddress {
           text-align: left;
           align-self: center;
       }
       .blogthumb {
           width: 100%;
           margin-bottom: 0;
       }
       .blogheadline,
       .blogsubdetail {
           text-align: left;
       }
       .keypage-blog.topkey,
       .keypage-blog.pdpa {
           background-position: 65%;
           background-size: cover;
       }
       .newsmedia {
           width: 100%;
           margin-bottom: 0;
       }
       .keypage-projectdetail.topkey,
       .keypage-projectdetail.pdpa {
           background-position: 65%;
           background-size: cover;
       }
       .pagedeail {
           padding-left: 5px;
           padding-right: 5px;
       }
       .pppyheadcenter {
           padding-left: 10px;
           padding-right: 10px;
       }
       .projectcontent {
           padding-left: 0px;
           padding-right: 0px;
       }
       .projectcontent2 {
           padding-left: 0px;
           padding-right: 0px;
       }
       .pppyheadcenter2 {
           padding-left: 0px;
           padding-right: 0px;
       }
       .pppy-head-ep {
           margin-top: 0;
           font-size: 20px;
       }
       .container-pagedetail {
           padding-left: 5px;
           padding-right: 5px;
       }
       .pppy-pagedetail {
           padding-left: 21px;
       }
       .hltext-pppydetail,
       .hltext-pppydetailcenter {
           margin-bottom: 24px;
           padding-left: 14px;
       }
       .pppy-pagedetail-center,
       .pppy-pagedetail2center {
           padding-left: 21px;
       }
       .hltext-pppydetailheadcenter {
           margin-bottom: 24px;
           padding-left: 14px;
       }
       .keypage-newsmedia.aboutus,
       .keypage-newsmedia.pdpa {
           background-position: 65%;
           background-size: cover;
       }
       .centerheadnewsmedia {
           width: 290px;
           min-width: 0;
           margin-bottom: 24px;
           margin-left: auto;
           margin-right: auto;
           font-size: 14px;
           font-weight: 700;
       }
       .keypage-projectdetaily.topkey {
           background-position: 65%;
           background-size: cover;
           padding-top: 60px;
           padding-bottom: 0;
           padding-left: 0;
       }
       .keypage-projectdetaily.pdpa {
           background-position: 65%;
           background-size: cover;
       }
       .partnerblock {
           flex-wrap: nowrap;
           align-items: stretch;
       }
       .commentatorlist {
           width: 100%;
           grid-column-gap: 16px;
           grid-row-gap: 16px;
           flex: none;
           grid-template-rows: auto auto;
           grid-template-columns: 1fr 1fr;
           grid-auto-columns: 1fr;
           align-self: auto;
           display: block;
       }
       .pppyblockleft {
           padding-left: 0;
           padding-right: 0;
       }
       .schoolimage3 {
           max-width: 60px;
           top: 0;
           left: 0%;
       }
       .keypageall {
           height: 80px;
           background-image: url('../images/new_banner.png');
           background-position: 50% 50%;
           background-size: cover;
           align-items: left;
           display: flex;
           /* เพิ่มบรรทัดนี้ */
           justify-content: left;
           /* เพิ่มบรรทัดนี้ */
           align-items: left;
           /* เพิ่มบรรทัดนี้ */
       }
       .keypage_block {
           margin: 0 0 0 0;
           padding-left: 25px;
           padding-top: 15px;
       }
       .keypageall.topkey,
       .keypageall.pdpa {
           background-position: 65%;
           background-size: cover;
       }
       .hmanagment {
           margin-bottom: 24px;
           padding-left: 0;
       }
       .manageblock {
           display: flex;
       }
       .tabcol {
           padding-left: 15%;
           overflow: hidden;
       }
       .tabcol.mobile {
           position: static;
           overflow: hidden;
       }
       .container-mananagement {
           padding-left: 10px;
           padding-right: 10px;
       }
       .manageblock2 {
           width: 300px;
           display: block;
       }
       .column-15,
       .column-16,
       .column-17,
       .column-18,
       .column-19 {
           padding-left: 0;
           padding-right: 0;
       }
       .container-vission1 {
           padding-left: 10px;
           padding-right: 10px;
       }
       .newsmediablock {
           width: 100%;
           margin-bottom: 0;
       }
       .section-nm-detail {
           padding-top: 0px;
           padding-left: 10px;
           padding-right: 10px;
       }
       .container-mananagement-white {
           padding-left: 10px;
           padding-right: 10px;
       }
       .hmanagment-light {
           color: var(--yglight);
           margin-bottom: 10px;
           padding-left: 0;
           font-size: 30px;
       }
       .paragraph-10 {
           text-align: left;
           padding-left: 10px;
           padding-right: 10px;
           font-size: 16px;
           text-align: justify;
       }
       .head1_blog {
           font-size: 28px;
       }
       .head2_contentblog {
           font-size: 20px;
       }
       .nubneang {
           padding-bottom: 10px;
       }
       .div-newsphoto {
           width: 100%;
           margin-top: 0;
       }
       .container-nmi {
           height: 250px;
       }
       .columns-7 {
           margin-top: 0;
           margin-right: 0;
           padding-left: 0;
           padding-right: 0;
       }
       .column-nm-left {
           grid-column-gap: 89px;
           grid-row-gap: 16px;
           grid-template-rows: auto auto;
           grid-template-columns: 1fr 1fr;
           grid-auto-columns: 1fr;
           display: block;
       }
       .column--nm-center {
           display: none;
       }
       .column-nm-right {
           justify-content: flex-end;
           margin-top: -65px;
       }
       .headgroup {
           justify-content: flex-start;
       }
       .flex-nm-left {
           width: 150px;
           padding-top: 5px;
           padding-bottom: 5px;
           padding-left: 10px;
       }
       .flex-nm-block {
           padding-top: 5px;
           padding-bottom: 5px;
       }
       .flex-nm-end {
           padding-top: 15px;
           padding-right: 10px;
       }
       .section-nm-keyimg {
           height: auto;
       }
       .image-24 {
           margin-bottom: 10px;
       }
       .image-25 {
           padding-bottom: 10px;
       }
       .column-20 {
           padding-left: 0;
           padding-right: 0;
       }
       .grid3blockschool {
           grid-column-gap: 16px;
           grid-row-gap: 16px;
           grid-template-rows: auto auto;
           grid-template-columns: 1fr;
           grid-auto-columns: 1fr;
           align-content: stretch;
           display: grid;
           position: static;
       }
       .galleryslideschool {
           width: 100%;
           margin-right: 0%;
       }
       .slide-nav-3 {
           font-size: 5px;
           top: 0px;
           margin-top: -15px;
       }
       .generation {
           width: 100px;
           border-top-left-radius: 10px;
           border-top-right-radius: 10px;
           padding: 5px 0px;
       }
       .generation.w--current {
           width: 100px;
           border-radius: 10px 10px 0 0;
           padding: 5px 0px;
           display: block;
       }
       .container-28 {
           padding-left: 20px;
       }
       .brandcontainer {
           padding-left: 10px;
           padding-right: 10px;
       }
       .tabsmart {
           margin-left: 0;
           margin-right: 0;
           padding-top: 10px;
           padding-left: 0;
           padding-right: 0;
           display: flex;
       }
       .tabs {
           padding-left: 10px;
       }
       .generationtext {
           justify-content: center;
           padding-left: 10px;
           padding-right: 10px;
           font-size: 14px;
           font-weight: 500;
           display: flex;
       }
       .text-block-copy {
           font-size: 18px;
           font-weight: 600;
           line-height: 28px;
       }
       .campheader {
           margin-bottom: 24px;
           padding-left: 14px;
       }
       .paragraph-11 {
           font-size: 14px;
           line-height: 1.3;
           padding-left: 10px;
           padding-right: 10px;
       }
   }
   
   #w-node-_3caa8932-8dcd-d19a-7044-51bdf0a159ba-f0a159a8,
   #w-node-_3caa8932-8dcd-d19a-7044-51bdf0a159ce-f0a159a8,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d8d-70c366c9,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d98-70c366c9,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5da2-70c366c9,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5db6-70c366c9,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5dac-70c366c9,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d8d-5cc61e5f,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d98-5cc61e5f,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5da2-5cc61e5f,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5dac-5cc61e5f,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5db6-5cc61e5f,
   #w-node-_24087f47-d731-99ba-eff6-4f2d8f861d6e-edcb8961,
   #w-node-_24087f47-d731-99ba-eff6-4f2d8f861d74-edcb8961,
   #w-node-_24087f47-d731-99ba-eff6-4f2d8f861d7a-edcb8961,
   #w-node-_24087f47-d731-99ba-eff6-4f2d8f861d80-edcb8961,
   #w-node-_24087f47-d731-99ba-eff6-4f2d8f861d86-edcb8961,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d8d-de6b47fa,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d98-de6b47fa,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5da2-de6b47fa,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5db6-de6b47fa,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5dac-de6b47fa,
   #w-node-a1c4acb3-dd13-ed60-a71d-2dab9973b3ad-279f7f3b,
   #w-node-a1c4acb3-dd13-ed60-a71d-2dab9973b3b3-279f7f3b,
   #w-node-a1c4acb3-dd13-ed60-a71d-2dab9973b3b9-279f7f3b,
   #w-node-a1c4acb3-dd13-ed60-a71d-2dab9973b3bf-279f7f3b,
   #w-node-a1c4acb3-dd13-ed60-a71d-2dab9973b3c5-279f7f3b,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d8d-a05fcbdd,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d98-a05fcbdd,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5da2-a05fcbdd,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5db6-a05fcbdd,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5dac-a05fcbdd,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d8d-af735623,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d98-af735623,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5da2-af735623,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5db6-af735623,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5dac-af735623,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d8d-f265d5ba,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d98-f265d5ba,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5da2-f265d5ba,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5db6-f265d5ba,
   #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5dac-f265d5ba,
   #w-node-d391813f-0495-a2fe-8e63-fad03486c649-6e14e18a,
   #w-node-d391813f-0495-a2fe-8e63-fad03486c64f-6e14e18a,
   #w-node-d391813f-0495-a2fe-8e63-fad03486c655-6e14e18a,
   #w-node-d391813f-0495-a2fe-8e63-fad03486c65b-6e14e18a,
   #w-node-d391813f-0495-a2fe-8e63-fad03486c661-6e14e18a,
   #w-node-aa60ee60-2481-4162-216e-0f72ed9e8dbe-6e14e18a,
   #w-node-_6e33c79f-f68f-b046-2cea-bf2a7b9c27c7-6e14e18a,
   #w-node-_1733fb88-b151-aa72-9a9c-6be3b4577650-6e14e18a,
   #w-node-f4681cf5-ed42-b5d3-a5f9-c8db5d3a2efd-6e14e18a,
   #w-node-_61ee2365-b006-e4ce-b2c8-3e18edc462a9-6e14e18a,
   #w-node-bb2d3fc0-6878-6145-cd6d-0bdef50a732c-6e14e18a,
   #w-node-bb2d3fc0-6878-6145-cd6d-0bdef50a7332-6e14e18a,
   #w-node-bb2d3fc0-6878-6145-cd6d-0bdef50a7338-6e14e18a,
   #w-node-bb2d3fc0-6878-6145-cd6d-0bdef50a733e-6e14e18a,
   #w-node-bb2d3fc0-6878-6145-cd6d-0bdef50a7344-6e14e18a,
   #w-node-_6a6920bd-2e54-47a7-a748-94c98e77670d-6e14e18a,
   #w-node-_6a6920bd-2e54-47a7-a748-94c98e776713-6e14e18a,
   #w-node-_6a6920bd-2e54-47a7-a748-94c98e776719-6e14e18a,
   #w-node-_6a6920bd-2e54-47a7-a748-94c98e77671f-6e14e18a,
   #w-node-_6a6920bd-2e54-47a7-a748-94c98e776725-6e14e18a,
   #w-node-_08feb65c-c1a8-ca62-e002-1928cf50c874-6e14e18a,
   #w-node-_08feb65c-c1a8-ca62-e002-1928cf50c87a-6e14e18a,
   #w-node-_08feb65c-c1a8-ca62-e002-1928cf50c880-6e14e18a,
   #w-node-_08feb65c-c1a8-ca62-e002-1928cf50c886-6e14e18a,
   #w-node-_08feb65c-c1a8-ca62-e002-1928cf50c88c-6e14e18a,
   #w-node-ad57677f-5a2c-f749-428b-bc3390f66a81-6e14e18a,
   #w-node-ad57677f-5a2c-f749-428b-bc3390f66a87-6e14e18a,
   #w-node-ad57677f-5a2c-f749-428b-bc3390f66a8d-6e14e18a,
   #w-node-ad57677f-5a2c-f749-428b-bc3390f66a93-6e14e18a,
   #w-node-ad57677f-5a2c-f749-428b-bc3390f66a99-6e14e18a,
   #w-node-_63a07775-23e1-aa4c-d964-cdf060f2bc0f-6e14e18a,
   #w-node-_63a07775-23e1-aa4c-d964-cdf060f2bc15-6e14e18a,
   #w-node-_63a07775-23e1-aa4c-d964-cdf060f2bc1b-6e14e18a,
   #w-node-_63a07775-23e1-aa4c-d964-cdf060f2bc21-6e14e18a,
   #w-node-_63a07775-23e1-aa4c-d964-cdf060f2bc27-6e14e18a,
   #w-node-_40c4ed25-8289-5807-8211-6eb67e80ec1b-6e14e18a,
   #w-node-_40c4ed25-8289-5807-8211-6eb67e80ec21-6e14e18a,
   #w-node-_40c4ed25-8289-5807-8211-6eb67e80ec27-6e14e18a,
   #w-node-_40c4ed25-8289-5807-8211-6eb67e80ec2d-6e14e18a,
   #w-node-_40c4ed25-8289-5807-8211-6eb67e80ec33-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693d1-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693d7-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693dd-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693e3-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693e9-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693ef-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693f5-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693fb-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69401-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69407-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6940d-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69413-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69419-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6941f-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69425-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6942b-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69431-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69437-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6943d-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69443-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69449-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6944f-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69455-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6945b-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69461-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69467-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6946d-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69473-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69479-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6947f-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69485-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6948b-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69491-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69497-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6949d-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b694a3-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b694a9-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b694af-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b694b5-6e14e18a,
   #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b694bb-6e14e18a {
       grid-area: span 1 / span 1 / span 1 / span 1;
   }
   
   @media screen and (min-width: 1440px) {
       #w-node-_9fc43944-a76c-4667-f8fe-05cd28671c38-33ca02f6,
       #w-node-c8284296-60ce-a256-4e89-222fe78f2ec6-33ca02f6,
       #w-node-fbc04fed-34bb-32b3-5aca-33ca03cf9c5b-33ca02f6,
       #w-node-_8d4c97cd-ebfe-3f29-c8be-0f4c37ba63fd-33ca02f6,
       #w-node-_1e0f44bb-1c53-574b-8446-9b09e98379cf-33ca02f6,
       #w-node-b35f2aef-687a-1520-c1c5-357992e0bff9-33ca02f6,
       #w-node-_1770e733-affc-b4bd-93fc-ab095270e8b2-33ca02f6,
       #w-node-_58f34f05-18e4-9af8-179e-c683ef69e176-33ca02f6,
       #w-node-_9e7511fc-fc13-860f-b21f-06e8b12667a7-33ca02f6,
       #w-node-def607fe-ef22-6b7f-4196-5461517e0ea7-33ca02f6,
       #w-node-fcf95242-aeb5-36f9-9a96-c9afde2f6c69-33ca02f6,
       #w-node-_5cff49eb-c7fc-74e6-5bd6-98af9aa49a9b-33ca02f6,
       #w-node-_445969d9-05ab-b269-9230-db8b6bdf42e5-33ca02f6,
       #w-node-_6abb7546-1748-a1f0-6e7d-7e8e073d3895-33ca02f6,
       #w-node-_5145cf47-935c-9853-f061-15a884935804-33ca02f6,
       #w-node-_4a128ef2-056c-42ac-b655-b3e104e25bd9-33ca02f6,
       #w-node-ff27364c-a86d-cf2b-b637-e88571002fac-33ca02f6,
       #w-node-ab3c1bf0-ab59-fa94-b248-19a7a0eb7d78-33ca02f6,
       #w-node-b8e8168f-3f6d-b546-80f4-a31c513af503-33ca02f6,
       #w-node-_44e724f2-0499-c363-0219-10cec147f024-33ca02f6,
       #w-node-b28d01c5-fced-325b-5f0e-69e97ff2fd77-33ca02f6,
       #w-node-ba11151a-d730-961e-c9c6-2551431b4ef9-33ca02f6,
       #w-node-b8e0cb5d-ed76-af97-d4da-2b2fde552a40-33ca02f6,
       #w-node-_852b0e14-1dcb-d7e9-9e2a-bb615222ce3f-33ca02f6,
       #w-node-_98c39cff-c79a-81b5-00f6-f02f0746034f-33ca02f6,
       #w-node-b80b9d48-e6e5-f70f-cdce-4fdc8a50e649-33ca02f6,
       #w-node-fe2aae9c-c1fe-1640-cbd7-eae96800ee95-33ca02f6,
       #w-node-_92c387f7-d9d6-36d4-2d72-bcf26be8fe1c-33ca02f6,
       #w-node-_8bf1601f-2d2f-a3cc-4212-ca198b61bfd9-33ca02f6,
       #w-node-e87634f3-004a-c08c-29f0-8a5010975c1c-33ca02f6,
       #w-node-a9707919-d50b-15a5-48b7-1390e0264039-33ca02f6,
       #w-node-fb45dc1e-f422-1701-ba45-ff900213e18f-33ca02f6,
       #w-node-_5205b6fe-5a64-2eca-535e-a27e8e4b7a7c-33ca02f6,
       #w-node-_36ee5d73-4258-7eed-e51a-3acfc3c219ae-33ca02f6,
       #w-node-_732e86b1-4ff4-15e9-8c59-36229b91c35c-33ca02f6,
       #w-node-_9ecf8855-724d-bb71-fc46-27d7f3463a39-33ca02f6,
       #w-node-eb92a96a-57d6-9ed5-8d26-d9c55832fc5d-33ca02f6,
       #w-node-_695aa930-ad47-045a-bd2d-f7619f0cb6a7-33ca02f6,
       #w-node-_272cfac6-fa47-f50b-5d73-e6a7d87c115b-33ca02f6,
       #w-node-_5b107d92-b743-c546-b8ba-6693401e825d-33ca02f6,
       #w-node-_7f9b0dd1-f43c-da44-6e34-fafa38517160-33ca02f6,
       #w-node-a4c98d45-81aa-bce2-68f9-163e45fe0cac-33ca02f6,
       #w-node-fffd24a6-9bbb-1e7c-84ef-cea906a907ba-33ca02f6,
       #w-node-_87dd630f-8d46-2757-899a-874e789cb58f-33ca02f6,
       #w-node-_3fd2bddd-d720-129f-223d-a1430033d266-33ca02f6,
       #w-node-_9f56870c-8b8c-137f-4043-8b2e959639f9-33ca02f6,
       #w-node-f377ec0c-dc3a-894d-9382-6606de034982-33ca02f6,
       #w-node-a847f7eb-8480-053a-3060-8df407900cb0-33ca02f6,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d98-70c366c9,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5da2-70c366c9,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d98-5cc61e5f,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5da2-5cc61e5f,
       #w-node-_24087f47-d731-99ba-eff6-4f2d8f861d74-edcb8961,
       #w-node-_24087f47-d731-99ba-eff6-4f2d8f861d7a-edcb8961,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d98-de6b47fa,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5da2-de6b47fa,
       #w-node-be93a279-2c71-a28f-70bc-f3c3b17e6cb5-de6b47fa,
       #w-node-be93a279-2c71-a28f-70bc-f3c3b17e6cb7-de6b47fa,
       #w-node-be93a279-2c71-a28f-70bc-f3c3b17e6cb9-de6b47fa,
       #w-node-be93a279-2c71-a28f-70bc-f3c3b17e6cbb-de6b47fa,
       #w-node-be93a279-2c71-a28f-70bc-f3c3b17e6cbd-de6b47fa,
       #w-node-be93a279-2c71-a28f-70bc-f3c3b17e6cbf-de6b47fa,
       #w-node-a1c4acb3-dd13-ed60-a71d-2dab9973b3b3-279f7f3b,
       #w-node-a1c4acb3-dd13-ed60-a71d-2dab9973b3b9-279f7f3b,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d98-a05fcbdd,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5da2-a05fcbdd,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d98-af735623,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5da2-af735623,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5d98-f265d5ba,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5da2-f265d5ba,
       #w-node-d391813f-0495-a2fe-8e63-fad03486c64f-6e14e18a,
       #w-node-d391813f-0495-a2fe-8e63-fad03486c655-6e14e18a,
       #w-node-aa60ee60-2481-4162-216e-0f72ed9e8dbe-6e14e18a,
       #w-node-_6e33c79f-f68f-b046-2cea-bf2a7b9c27c7-6e14e18a,
       #w-node-_1733fb88-b151-aa72-9a9c-6be3b4577650-6e14e18a,
       #w-node-f4681cf5-ed42-b5d3-a5f9-c8db5d3a2efd-6e14e18a,
       #w-node-_61ee2365-b006-e4ce-b2c8-3e18edc462a9-6e14e18a,
       #w-node-bb2d3fc0-6878-6145-cd6d-0bdef50a7332-6e14e18a,
       #w-node-bb2d3fc0-6878-6145-cd6d-0bdef50a7338-6e14e18a,
       #w-node-_6a6920bd-2e54-47a7-a748-94c98e776713-6e14e18a,
       #w-node-_6a6920bd-2e54-47a7-a748-94c98e776719-6e14e18a,
       #w-node-_08feb65c-c1a8-ca62-e002-1928cf50c87a-6e14e18a,
       #w-node-_08feb65c-c1a8-ca62-e002-1928cf50c880-6e14e18a,
       #w-node-ad57677f-5a2c-f749-428b-bc3390f66a87-6e14e18a,
       #w-node-ad57677f-5a2c-f749-428b-bc3390f66a8d-6e14e18a,
       #w-node-_63a07775-23e1-aa4c-d964-cdf060f2bc15-6e14e18a,
       #w-node-_63a07775-23e1-aa4c-d964-cdf060f2bc1b-6e14e18a,
       #w-node-_40c4ed25-8289-5807-8211-6eb67e80ec21-6e14e18a,
       #w-node-_40c4ed25-8289-5807-8211-6eb67e80ec27-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693d7-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693dd-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693ef-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693f5-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693fb-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69401-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69407-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69413-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69419-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69431-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69437-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6944f-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69455-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6946d-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69473-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6948b-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69491-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b694a9-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b694af-6e14e18a {
           grid-area: span 1 / span 1 / span 1 / span 1;
       }
   }
   
   @media screen and (max-width: 767px) {
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5db6-70c366c9,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5db6-5cc61e5f,
       #w-node-_24087f47-d731-99ba-eff6-4f2d8f861d80-edcb8961,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5db6-de6b47fa,
       #w-node-a1c4acb3-dd13-ed60-a71d-2dab9973b3bf-279f7f3b,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5db6-a05fcbdd,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5db6-af735623,
       #w-node-_56d3276b-ea8b-b0a7-0899-18c0664b5db6-f265d5ba,
       #w-node-d391813f-0495-a2fe-8e63-fad03486c65b-6e14e18a,
       #w-node-_61ee2365-b006-e4ce-b2c8-3e18edc462a9-6e14e18a,
       #w-node-bb2d3fc0-6878-6145-cd6d-0bdef50a733e-6e14e18a,
       #w-node-_6a6920bd-2e54-47a7-a748-94c98e77671f-6e14e18a,
       #w-node-_08feb65c-c1a8-ca62-e002-1928cf50c886-6e14e18a,
       #w-node-ad57677f-5a2c-f749-428b-bc3390f66a93-6e14e18a,
       #w-node-_63a07775-23e1-aa4c-d964-cdf060f2bc21-6e14e18a,
       #w-node-_40c4ed25-8289-5807-8211-6eb67e80ec2d-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b693e3-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69407-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6941f-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6943d-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b6945b-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69479-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b69497-6e14e18a,
       #w-node-_5da7f1a2-28c2-a1c3-a86b-4bcb14b694b5-6e14e18a {
           grid-area: span 1 / span 1 / span 1 / span 1;
       }
   }
   
   @media screen and (max-width: 479px) {
       #w-node-_3caa8932-8dcd-d19a-7044-51bdf0a159ba-f0a159a8 {
           order: 0;
           grid-area: span 1 / span 1;
       }
   }
   /* ตั้งค่า Grid สำหรับ Card */
   
   .schoolstudentgrid5 {
       display: grid;
       grid-gap: 20px;
       grid-template-columns: repeat(2, 1fr);
       /* ค่าเริ่มต้น: 2 คอลัมน์สำหรับมือถือ */
       margin-left: auto;
       margin-right: auto;
       margin-top: 50px;
       margin-bottom: 50px;
   }
   
   .shDesktop {
       display: block;
   }
   
   .shMobile {
       display: block;
   }
   /* Media Queries สำหรับ iPad (แสดงเป็น 3 คอลัมน์) */
   
   @media screen and (min-width: 768px) and (max-width: 1079px) {
       .schoolstudentgrid5 {
           grid-template-columns: repeat(3, 1fr);
           /* 3 คอลัมน์สำหรับ iPad */
       }
       .shDesktop {
           display: block;
       }
       .shMobile {
           display: none;
       }
   }
   /* Media Queries สำหรับหน้าจอใหญ่ (แสดงเป็น 5 คอลัมน์) */
   
   @media screen and (min-width: 1080px) {
       .schoolstudentgrid5 {
           grid-template-columns: repeat(5, 1fr);
           /* 5 คอลัมน์สำหรับหน้าจอใหญ่ */
       }
       .shDesktop {
           display: block;
       }
       .shMobile {
           display: none;
       }
   }
   /* ตั้งค่า Flexbox เพื่อให้ grid อยู่ตรงกลาง */
   
   .schoolteams5 {
       display: flex;
       justify-content: center;
       /* จัดให้อยู่ตรงกลางแนวนอน */
       /*align-items: center; /* จัดให้อยู่ตรงกลางแนวตั้ง */
       /*min-height: 100vh; /* ถ้าต้องการให้เนื้อหาอยู่กลางหน้าจอแนวตั้ง */
       padding: 20px;
   }
   
   .school-container5 {
       max-width: 1200px;
       /* กำหนดความกว้างสูงสุด */
       width: 100%;
       /* ทำให้ container กว้างเต็มที่ */
       margin-left: auto;
       margin-right: auto;
   }
   /* ปรับแต่ง block ของนักเรียน */
   
   .schoolstudentblock5 {
       /*background-color: #f9f9f9;*/
       /* สีพื้นหลังสำหรับ card */
       padding: 0px;
       border-radius: 10px;
       /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
       /* เพิ่มเงา */
       text-align: center;
       /* จัดให้อยู่ตรงกลาง */
   }
   /* ปรับขนาดรูปภาพให้ไม่ crop */
   
   .school-student5 {
       width: 100%;
       /* ทำให้รูปภาพกว้างเต็ม card */
       max-width: 292px;
       /* คงความกว้างตามสัดส่วนจริง */
       height: auto;
       /* ให้ความสูงปรับตามอัตราส่วน */
       border-radius: 10px;
       /* เพิ่มการโค้งมนที่มุม */
       object-fit: contain;
       /* ป้องกันการ crop รูปภาพ */
   }
   
   .schoolstudent-name5 {
       font-size: 1.2rem;
       font-weight: bold;
       margin-top: 10px;
       color: #333;
   }
   
   .schoolname-subtext-student5 {
       font-size: 1.0rem;
       color: #555;
       margin-top: 5px;
   }
   
   @media screen and (min-width: 1080px) {
       .school-student5 {
           max-width: 292px;
           height: auto;
       }
       .schoolstudent-name5 {
           font-size: 1.2rem;
       }
       .schoolname-subtext-student5 {
           font-size: 1.0rem;
       }
   }
   
   @media screen and (min-width: 768px) and (max-width: 1079px) {
       .school-student5 {
           max-width: 292px;
           height: auto;
       }
       .schoolstudent-name5 {
           font-size: 1.2rem;
       }
       .schoolname-subtext-student5 {
           font-size: 0.9rem;
       }
   }
   
   @media screen and (max-width: 767px) {
       .school-student5 {
           max-width: 292px;
           height: auto;
       }
       .schoolstudent-name5 {
           font-size: 0.85rem;
       }
       .schoolname-subtext-student5 {
           font-size: 0.75rem;
       }
   }