.footer-con{position:relative}.footer-con .sub-footer:first-child{background:var(--green-main);width:100vw;padding:40px 30px 20px}@media (max-width:987px){.footer-con .sub-footer:first-child{padding:35px 15px 20px}}@media (max-width:454px){.footer-con .sub-footer:first-child{bottom:72px}}@media (max-width:358px){.footer-con .sub-footer:first-child{bottom:92px}}.footer-con .sub-footer:first-child .footer{max-width:70rem;margin:0 auto}.footer-con .sub-footer:first-child .footer .box-footer{grid-template-columns:.4fr 1fr;display:grid}@media (max-width:987px){.footer-con .sub-footer:first-child .footer .box-footer{grid-template-columns:1fr}.footer-con .sub-footer:first-child .footer .box-footer .box-contact{flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px;display:flex}}.footer-con .sub-footer:first-child .footer .box-footer .box-contact .group-logo{cursor:pointer;gap:10px;display:flex}.footer-con .sub-footer:first-child .footer .box-footer .box-contact .group-logo img{width:auto;height:33px}.footer-con .sub-footer:first-child .footer .box-footer .box-contact .box-tel{margin-top:10px}@media (max-width:987px){.footer-con .sub-footer:first-child .footer .box-footer .box-contact .box-tel{align-items:center;gap:10px;display:flex}}@media (max-width:341px){.footer-con .sub-footer:first-child .footer .box-footer .box-contact .box-tel{flex-direction:column}}.footer-con .sub-footer:first-child .footer .box-footer .box-contact .box-tel h3{color:#fff;font-size:14px;font-weight:500}@media (max-width:525px){.footer-con .sub-footer:first-child .footer .box-footer .box-contact .box-tel h3{font-size:14px}}.footer-con .sub-footer:first-child .footer .box-footer .box-contact .box-tel .tel{align-items:center;display:flex}.footer-con .sub-footer:first-child .footer .box-footer .box-contact .box-tel .tel img{width:100%;max-width:24px;height:auto;margin-right:5px}@media (max-width:987px){.footer-con .sub-footer:first-child .footer .box-footer .box-contact .box-tel .tel img{max-width:17px}}.footer-con .sub-footer:first-child .footer .box-footer .box-contact .box-tel .tel h2{color:#fff;font-size:24px;font-weight:500}@media (max-width:987px){.footer-con .sub-footer:first-child .footer .box-footer .box-contact .box-tel .tel h2{font-size:18px}}.footer-con .sub-footer:first-child .footer .box-footer .box-contact .contact{align-items:center;margin-top:10px;display:flex}.footer-con .sub-footer:first-child .footer .box-footer .box-contact .contact p{color:#fff;font-size:14px}.footer-con .sub-footer:first-child .footer .box-footer .box-contact .contact .social{align-items:center;gap:4px;margin-left:5px;display:flex}.footer-con .sub-footer:first-child .footer .box-footer .box-contact .contact .social img{width:100%;max-width:24px;height:100%}.footer-con .sub-footer:first-child .footer .box-footer .box-list{grid-template-columns:1fr 1fr 1fr;display:grid}@media (max-width:525px){.footer-con .sub-footer:first-child .footer .box-footer .box-list{display:none}}.footer-con .sub-footer:first-child .footer .box-footer .box-list .list-menu{color:#fff;font-size:14px;font-family:var(--font-sukhumvitset-text);flex-direction:column;row-gap:10px;display:flex}@media (max-width:525px){.footer-con .sub-footer:first-child .footer .box-footer .box-list .list-menu{align-items:center;font-size:13px}}.footer-con .sub-footer:first-child .footer .box-footer .box-list .list-menu a,.footer-con .sub-footer:first-child .footer .box-footer .box-list .list-menu p{cursor:pointer}.footer-con .sub-footer:first-child .footer .box-footer .dropdown-box-list{font-family:var(--font-sukhumvitset-text);color:#fff;display:none}@media (max-width:525px){.footer-con .sub-footer:first-child .footer .box-footer .dropdown-box-list{flex-direction:column;justify-content:center;align-items:center;display:flex}}.footer-con .sub-footer:first-child .footer .box-footer .dropdown-box-list .ant-select-single{height:36px}.footer-con .sub-footer:first-child .footer .box-footer .dropdown-box-list .ant-select{color:#fff;font-family:var(--font-sukhumvitset-text)!important}.footer-con .sub-footer:first-child .footer .box-footer .dropdown-box-list svg,.footer-con .sub-footer:first-child .footer .box-footer .dropdown-box-list .ant-select-selection-item,.footer-con .sub-footer:first-child .footer .box-footer .dropdown-box-list .ant-select-selection-placeholder{color:#fff}.footer-con .sub-footer:first-child .footer .box-footer .dropdown-box-list .ant-select-selector{background-color:var(--green-main);color:#fff;border:1px solid #fff}.footer-con .sub-footer:last-child{background:var(--gold-main);width:100vw;padding:0 15px}.footer-con .sub-footer:last-child .bottom-footer{max-width:64rem;margin:0 auto}.footer-con .sub-footer:last-child .bottom-footer .menu-bottom{justify-content:space-between;align-items:center;padding:4px;display:flex}@media (max-width:454px){.footer-con .sub-footer:last-child .bottom-footer .menu-bottom{flex-direction:column;padding:10px}}.footer-con .sub-footer:last-child .bottom-footer .menu-bottom p{color:#fff;font-size:14px}@media (max-width:525px){.footer-con .sub-footer:last-child .bottom-footer .menu-bottom p{text-align:center;font-size:14px}}.footer-con .sub-footer:last-child .bottom-footer .menu-bottom .sub-box{color:#fff;border:1px solid #fff;border-radius:5px;align-items:center;height:30px;padding:0 5px;display:flex}@media (max-width:454px){.footer-con .sub-footer:last-child .bottom-footer .menu-bottom .sub-box{margin-top:6px}}.footer-con .sub-footer:last-child .bottom-footer .menu-bottom .sub-box .language-dropdown{display:inline-block;position:relative}.footer-con .sub-footer:last-child .bottom-footer .menu-bottom .sub-box .language-dropdown .dropdown-toggle{cursor:pointer;align-items:center;font-size:12px;font-weight:300;display:flex}.footer-con .sub-footer:last-child .bottom-footer .menu-bottom .sub-box .language-dropdown .dropdown-menu{z-index:99;background-color:#fff;border-radius:8px;padding:10px;position:absolute;bottom:100%;right:0}.footer-con .sub-footer:last-child .bottom-footer .menu-bottom .sub-box .language-dropdown .dropdown-menu .dropdown-item{color:var(--text-main);cursor:pointer;text-align:left;background-color:#fff;border:none;width:100%;padding:8px 16px}.footer-con .sub-footer:last-child .bottom-footer .menu-bottom .sub-box .language-dropdown .dropdown-menu .dropdown-item:hover{background-color:#f0f0f0}