@media (max-width: 768px) {.small-screen-hide {display: none !important;}}@media (max-width: 768px) {*, *::before, *::after {box-sizing: border-box;}@font-face {font-family: 'AndesRoundedLight';src: url('font/AndesRoundedLight.woff2') format('woff2'), src: url('font/AndesRoundedLight.woff') format('woff');src: url('font/AndesRoundedLight.otf') format('opentype');src: url('font/AndesRoundedLight.ttf') format('truetype');}@font-face {font-family: 'Baskerville';src: url('font/Baskerville.ttc') format('truetype');}body {background-color: #FFFFFF;font-family: 'iCiel Andes Rounded', Arial, sans-serif;margin: 0;display: flex;flex-direction: column;align-items: center;overflow-x: hidden;}.logo-container {display: flex;justify-content: center;align-items: center;margin-bottom: 0;margin-top: 0;padding: 0;}.logo {max-width: 120px;height: auto;}.tab-container {position: sticky;top: 0;width: 100%;background-color: #FFFFFF;z-index: 1000;display: flex;justify-content: center;border-top: 1px solid #000000;}.tab {display: flex;justify-content: space-between;width: 70%;border-top: 1px solid #000000;}.tab button {background-color: inherit;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;font-size: 17px;font-family: 'iCiel Andes Rounded', Arial, sans-serif;flex: 1;text-align: center;line-height: 1.4;}.tab button:hover {background-color: #f6d393;}.tab button.active {background-color: #f0d9b9;}.tabcontent {display: none;padding: 6px 12px;border-top: none;width: 100%;}.tabcontent-container {margin-top: 70px;}.container {display: flex;justify-content: center;gap: 16px;width: 100%;position: relative;margin-top: 28px;padding: 0 20px;box-sizing: border-box;}.no-ipa {background-color: rgb(246, 164, 57);}.bold-red {font-weight: bold;color: red;}.sentence {display: block;margin-bottom: 10px;}html, body {height: 100%;margin: 0;display: flex;flex-direction: column;}.container-main {flex: 1;display: flex;flex-direction: column;justify-content: space-between;}.footer-top {background-color: #FFFFFF;color: black;padding: 20px;text-align: center;max-width: 100%;}.footer-bottom {background-color: black;color: white;padding: 10px;text-align: center;width: 100%;position: relative;left: 0;max-width: 100%;}.footer {margin-top: 20px;max-width: 100%;;}.footer-content {padding-bottom: 20px;}.footer-content h2 {margin: 5;color: #f89f33;font-size: 37px;letter-spacing: 0px;}.footer-content p {margin: 5px 0;margin-bottom: 15px;color: #000000;font-family: 'Baskerville', Arial, sans-serif;}.footer-content .social-icons {margin-top: 40px;}.footer-content .social-icons a {display: inline-block;margin: 0 10px;}.footer-content .social-icons img {width: 40px;height: 40px;}.footer-bottom {border-top: 1px solid #ccc;padding-top: 10px;font-size: 14px;color: white;font-family: 'iCiel Andes Rounded', Arial, sans-serif;}.zalo-chat-widget {position: fixed;bottom: 25px;right: 20px;z-index: 1000;}.zalo-qr {width: 50px;height: 50px;cursor: pointer;}.clear-btn.hidden {display: none;}.audio-button {position: absolute;bottom: -10px;left: 31%;background-color: transparent;border: none;cursor: pointer;display: flex;align-items: center;gap: 5px;z-index: 10;}.hidden {display: none;}.audio-button {background: none;border: none;cursor: pointer;}.audio-button img {width: 22px;height: 22px;}.cover-image {max-width: 100%;height: auto;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);margin-top: 28.5px;margin-bottom: 0px;}.welcome-image {width: 80%;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: auto;margin-right: auto;display: block;}.me-image {width: 30%;height: auto;margin-top: 5px;margin-bottom: 0px;margin-left: auto;margin-right: auto;display: block;}.infor1-image {width: 90%;height: auto;margin-top: 0px;margin-bottom: 5px;margin-left: 10%;margin-right: auto;display: block;}.infor2-image {width: 90%;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 9%;margin-right: auto;display: block;}.infor3-image {width: 85%;height: auto;margin-top: -10px;margin-bottom: 30px;margin-left: 9%;margin-right: auto;display: block;}.phu-am-image {width: 90%;height: auto;margin-top: -20px;margin-bottom: 40px;margin-left: 9%;margin-right: auto;display: block;}.nguyen-am-image {width: 90%;height: auto;margin-top: -20px;margin-bottom: 100px;margin-left: 4%;margin-right: auto;}.at-home-image {width: 90%;height: auto;margin-top: 18px!important;margin-bottom: 30px;margin-left: 5%;margin-right: auto;}.result-image {width: 80%;height: auto;margin-top: -20px;margin-bottom: 100px;margin-left: 10%;margin-right: auto;display: block;}.video-container1 {display: flex;justify-content: center;align-items: center;margin: 0 auto;width: 80%;max-width: 75vw;height: 5%;margin-top: 1vh;}.centered-video1 {width: 100%;height: 100%;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.video-container2 {display: flex;justify-content: center;align-items: center;margin: 0 auto;width: 100%;max-width: 75vw;height: 4.5%;margin-top: 2.5vh;margin-bottom: 2vh;}.centered-video2 {width: 100%;height: 100%;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.zoom-image {width: 90%;height: auto;margin-top: 20px;margin-bottom: 20px;margin-left: 5%;margin-right: auto;}.khoan-image {width: 90%;height: auto;margin-top: 14px;margin-bottom: 10px;margin-left: 5%;margin-right: auto;}.say1-image {width: 90%;height: auto;margin-top: -20px;margin-bottom: 40px;margin-left: 7%;margin-right: auto;display: block;}.say2-image {width: 90%;height: auto;margin-top: -20px;margin-bottom: 30px;margin-left: 4%;margin-right: auto;display: block;}.schedule-image {width: 90%;height: auto;margin-top: -20px;margin-bottom: 20px;margin-left: 4%;margin-right: auto;display: block;}.cover-image, .welcome-image, .me-image, .infor1-image, .infor2-image, .infor3-image, .phu-am-image, .nguyen-am-image, .at-home-image, .result-image, .zoom-image, .say1-image, .say2-image, .schedule-image {max-width: 100%;height: auto;margin: 0 auto;}.gt1-image {width: 90%;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: auto;margin-right: auto;display: block;}.gt2-image {width: 90%;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: auto;margin-right: auto;display: block;}.gt3-image {width: 90%;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: auto;margin-right: auto;display: block;}.videos-wrapper {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;gap: 20px;width: 75%;max-width: 1000px;margin: 0 auto;margin-top: 25px;}.video-container {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 300px;height: auto;margin: 0 auto;}.centered-video {width: 100%;height: auto;margin-bottom: 25px;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);overflow: hidden;}.video-container6 {display: flex;justify-content: center;align-items: center;margin: 0 auto;width: 80%;max-width: 75vw;height: auto;margin-top: 1vh;margin-bottom: 3vh;}.centered-video6 {width: 100%;height: auto;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.nx-image {width: 90% !important;height: auto;margin-bottom: 10vh;margin-left: auto;margin-right: auto;display: block;}.registration-form {max-width: 80%;margin: -20px auto;padding: 20px;display: flex;flex-direction: column;gap: 25px;justify-items: center;align-items: center;margin-bottom: 10px;margin-top: 0.1px;}.form-group {width: 100%;max-width: none;}.form-group input, .form-group select {width: 100%;padding: 25px;border: 1.5px solid transparent;border-radius: 10px;box-sizing: border-box;background-color: #F9D7BF;font-size: 17px;font-family: 'iCiel Andes Rounded', Arial, sans-serif;transition: background-color 0.2s, border-color 0.2s;}.form-group input:hover, .form-group select:hover {background-color: transparent;border-color: #F9D7BF;}.form-group.button-group {flex-direction: column;display: flex;justify-content: center;align-items: center;width: 100%;}.form-group button {padding: 20px;width: 50%;border: 2px solid #333;border-radius: 7px;background-color: white;color: #333;font-size: 20px;font-family: 'iCiel Andes Rounded', Arial, sans-serif;cursor: pointer;box-sizing: border-box;transition: background-color 0.2s, color 0.2s;text-align: center;max-width: none;}.form-group button:hover {background-color: #E5A443;color: white;border-color: #E5A443;}.nx-image {width: 65%;height: auto;margin-top: 5px;margin-bottom: 0px;margin-left: auto;margin-right: auto;display: block;}input::placeholder, select::placeholder {color: #666;}.input-container {display: flex;align-items: center;justify-content: center;margin-top: 20px;padding-left: -50px;}.input-container textarea {font-size: 22.5px;font-family: 'iCiel Andes Rounded', Arial, sans-serif;color: #000000;padding: 10px 10px 0px 0;border: none;border-bottom: 2px solid #D2E6F6;border-radius: 0;margin-right: 0;width: 70%;padding-right: 10px;transition: all 0.3s ease;margin-left: -40px;line-height: 1.5;resize: none;max-height: auto;overflow-y: hidden;padding-bottom: 30px;}.input-container textarea::placeholder {color: #8E8282;font-weight: lighter;height: auto;}.input-container textarea:focus {outline: none;border-bottom: 2px solid #D2E6F6;}.input-container button {background-color: #f0f8ff;color: #685e5e;padding: 10px;border: none;border-radius: 50%;cursor: pointer;width: 50px;height: 50px;display: fixed;align-items: center;justify-content: center;transition: all 0.3s ease;position: fixed;right: 5%;top: 50%;transform: translateY(-50%);}.input-container button:hover {background-color: #e6e6fa;}.input-container button img {width: 24px;height: 24px;}#xoa-button {background-color: #d1d1d1;display: none;width: 50px;height: 50px;padding: 10px;position: fixed;right: 5%;}#xoa-button:hover {background-color: #ffa07a;}#xoa-button img {width: 24px;height: 24px;margin-top: 3px;}.result-container {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;text-align: center;}.result-container div {margin: 10px 0;width: 100%;word-break: break-word;}.result-row {display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 10px;}.result-text {font-size: 24px;font-family: 'iCiel Andes Rounded', Arial, sans-serif;color: #000000;}#ipa-text {color: #FF8C00;font-family: 'Baskerville', Arial, sans-serif;}#vietnamese-text {color: #000000;}#text-container {width: 96%;text-align: left;margin-left: 25px;margin-top: 20px;}.text-pair {display: block;flex-direction: column;margin: 0px 0;width: 100%;max-width: 600px;word-wrap: break-word;}.text-english {display: inline-block;font-family: 'iCiel Andes Rounded', Arial, sans-serif;font-size: 18px;color: #000000;margin-bottom: 0px !important;}.text-ipa {display: inline-block;font-family: 'Baskerville', Arial, sans-serif;font-size: 18px;color: #FF9900;margin-bottom: 10px;word-spacing: 0.25em;width: 100%;}.text-vietnamese {font-family: 'iCiel Andes Rounded', Arial, sans-serif;font-size: 18px;color: #3f58e9 !important;margin-top: 10px;width: 93% !important;line-height: 1.7;text-align: left;margin-left: 0px;}body, html {overflow: auto;}.iframe-wrapper {position: relative;height: 85vh;overflow: hidden;}.result-container {overflow: auto;}#submit-button {display: flex !important;}}