* {
  font-family: Arial !important;
}

:root {
  --default-font-family: Arial, sans-serif;
}

html {
  scroll-behavior: smooth;
}
body {
  display: block;
  margin: 0px;
  overflow: overlay;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  /* width: calc(100vw-15px); */
  /* margin: 0 auto; */
  background: rgba(255, 255, 255, 0.2);
  overflow-x: hidden;
}
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: rgba(106, 178, 230, 0.5);
  z-index: 342;
}
.container-1 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 30px;
  position: relative;
  width: 100%;
  height: 80px;
  padding: 5px 15% 5px 5%;
  background: #003147;
  z-index: 1000;
  background: rgba(56, 83, 90, 0.5);
  justify-content: space-between;
}
.group {
  flex-shrink: 0;
  position: relative;
  width: 133px;
  height: 34.135px;
  /* z-index: 344; */
}
.group-2 {
  position: absolute;
  width: 26.22%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/images/eacc3866-9f8e-4974-a896-e21fb94d4458.png)
    no-repeat center;
  background-size: 100% 100%;
  /* z-index: 345; */
}
.lermao-vn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 5.568px;
  left: 53px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 346;
}
.group-3 {
  flex-shrink: 0;
  position: relative;
  width: 515px;
  height: 38.264px;
  /* z-index: 347; */
}
.group-4 {
  position: absolute;
  width: 7.43%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/images/6dd63fcf-84de-4e6e-8646-aa6eb4b8364a.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 348;
}
.contact-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 7.632px;
  left: 56px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 349;
}
.group-5 {
  flex-shrink: 0;
  position: relative;
  width: 288px;
  height: 29.064px;
  z-index: 350;
  color: white;
}
.group-6 {
  position: absolute;
  width: 12.61%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/images/a2b25d50-af1c-4b6d-9a3f-746e1a3de0ba.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 351;
}
.email {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 3.032px;
  left: 54px;
  color: #ffffff !important;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 352;
}
.container-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 100vw;
  padding: 0 12px 0 12px;
  z-index: 353;
}
.nav {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 92px;
  z-index: 354;
  border-radius: 7px;
}
.container-8 {
  position: absolute;
  height: 74px;
  top: 50%;
  right: 0;
  left: 222px;
  transform: translate(0, -50%);
  z-index: 358;
}
.list-margin {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex-wrap: nowrap;
  position: absolute;
  width: 1017.608px;
  min-width: 782.03px;
  height: 74px;
  top: 4px;
  right: 296.39px;
  padding: 0px;
  z-index: 359;
}
.list {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 50vw;
  z-index: 360;
  gap: 15px;
}
.item-margin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 89px;
  padding: 0 24px 0 0;
  z-index: 361;
}
.component {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 65px;
  height: 74px;
  z-index: 362;
}
.component-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 25px 17px 25px 0;
  z-index: 363;
}
.container-a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 29.01%;
  height: 30px;
  top: 22px;
  left: 81.15%;
  z-index: 364;
}
.component-b {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 30px;
  z-index: 365;
}
.vector {
  position: relative;
  width: 12.492px;
  height: 8.918px;
  margin: 11.254px 0 0 3.754px;
  background: url(./assets/images/8d39041e-93a9-4b6c-852c-c6cd858107f7.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 366;
}
.text-home {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 367;
}
.item-margin-c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 120px;
  padding: 0 24px 0 0;
  z-index: 368;
}
.component-d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 96px;
  height: 74px;
  z-index: 369;
}
.component-e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 25px 17px 25px 0;
  z-index: 370;
}
.container-f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 28.67%;
  height: 30px;
  top: 22px;
  left: 81.37%;
  z-index: 371;
}
.component-10 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 30px;
  z-index: 372;
}
.vector-11 {
  position: relative;
  width: 9.492px;
  height: 5.918px;
  margin: 12.754px 0 0 5.254px;
  background: url(./assets/images/8d8ea29c-597c-438b-9059-f3722ddc23e5.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 373;
}
.text-info {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 374;
}
.item-margin-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 125px;
  padding: 0 24px 0 0;
  z-index: 375;
}
.component-13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 101px;
  height: 74px;
  z-index: 376;
}
.component-14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 25px 17px 25px 0;
  z-index: 377;
}
.container-15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 18.67%;
  height: 30px;
  top: 22px;
  left: 87.87%;
  z-index: 378;
}
.component-16 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 30px;
  z-index: 379;
}
.vector-17 {
  position: relative;
  width: 9.492px;
  height: 5.918px;
  margin: 12.754px 0 0 5.254px;
  background: url(./assets/images/2846fab6-5006-4066-815e-d3787b18445d.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 380;
}
.text-recipe {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 381;
}
.item-margin-18 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 109px;
  padding: 0 24px 0 0;
  z-index: 382;
}
.component-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 85px;
  height: 74px;
  z-index: 383;
}
.component-1a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 25px 17px 25px 0;
  z-index: 384;
}
.container-1b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 18.15%;
  height: 30px;
  top: 22px;
  left: 88.2%;
  z-index: 385;
}
.component-1c {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 30px;
  z-index: 386;
}
.vector-1d {
  position: relative;
  width: 9.492px;
  height: 5.918px;
  margin: 12.754px 0 0 5.254px;
  background: url(./assets/images/1e8b1e56-e019-492f-a42f-b16dfecfee89.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 387;
}
.text-register {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 388;
}
.item-margin-1e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 138px;
  padding: 0 24px 0 0;
  z-index: 389;
}
.component-1f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 114px;
  height: 74px;
  z-index: 390;
}
.component-20 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 25px 17px 25px 0;
  z-index: 391;
}
.container-21 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 23.76%;
  height: 30px;
  top: 22px;
  left: 84.55%;
  z-index: 392;
}
.component-22 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 30px;
  z-index: 393;
}
.vector-23 {
  position: relative;
  width: 9.492px;
  height: 5.918px;
  margin: 12.754px 0 0 5.254px;
  background: url(./assets/images/a570becc-2d4d-4711-8d12-3022fd6e2996.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 394;
}
.text-lermao-bear {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 395;
}
.item-margin-24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 189px;
  padding: 0 24px 0 0;
  z-index: 396;
}
.component-25 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 165px;
  height: 74px;
  z-index: 397;
}
.component-26 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 25px 17px 25px 0;
  z-index: 398;
}
.container-27 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 14.72%;
  height: 30px;
  top: 22px;
  left: 90.43%;
  z-index: 399;
}
.component-28 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 30px;
  z-index: 400;
}
.vector-29 {
  position: relative;
  width: 9.492px;
  height: 5.918px;
  margin: 12.754px 0 0 5.254px;
  background: url(./assets/images/37d38ba7-6b16-4cba-8374-10de211bf56a.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 401;
}
.text-phoenix-tea {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 402;
}
.item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 60px;
  z-index: 403;
}
.component-2a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 25px 0 25px 0;
  z-index: 404;
}
.text {
  flex-shrink: 0;
  position: relative;
  width: 60px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 405;
}
.contact {
  position: relative;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.margin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: absolute;
  width: 296.39px;
  height: 64px;
  top: 8px;
  right: 2vw;
  padding: 0 0 0 30px;
  z-index: 406;
}
.container-2b {
  flex-shrink: 0;
  position: relative;
  width: 266.39px;
  height: 64px;
  z-index: 407;
}
.margin-2c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 236px;
  margin: 0 0 0 0;
  padding: 0 0 0 30px;
  z-index: 408;
}
.container-2d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 206px;
  z-index: 409;
}
.container-2e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 410;
}
.register-now {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: auto;
  padding: 15px 20px 15px 20px;
  background: #065fd4;
  z-index: 411;
  border-radius: 40px;
}
.register-now:hover {
  background: red;
}
.register-now:hover .link {
  color: #ffffff;
  text-decoration: none;
}
.link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 412;
  text-decoration: none;
}
.link-margin {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 83px;
  height: 64px;
  top: 16px;
  left: 0;
  padding: 0 16px 0 0;
  z-index: 355;
}
.link-2f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 67px;
  height: 64px;
  z-index: 356;
}
.asset {
  flex-shrink: 0;
  position: relative;
  width: 67px;
  height: 64px;
  background: url(./assets/images/59023c16ea6bf72296dd7c7f7fd1ae59b7c391d6.png)
    no-repeat center;
  background-size: cover;
  z-index: 357;
}
.background {
  display: block;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  width: 100vw;
  margin: 95vh 0 0 0;
  padding: 19px 5px 19px 5px;
  z-index: 336;
}
.group-30 {
  display: block;
  align-content: center;
  flex-shrink: 0;
  position: relative;
  /* width: 100vw; */
  font-size: 0px;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 337;
}

.group-30,
.group-30 * {
  font-family: Arial, sans-serif !important;
}

.speaker {
  padding: 1%;
  max-width: 1200px;
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: row;
  gap: 1%;
}

.custom-image {
  width: 23%;
}

.inner-speaker {
  width: 100%;
}
.workshop-experience {
  width: 100%;
  max-width: 100vw;
  overflow-wrap: break-word;
  word-wrap: break-word;
  box-sizing: border-box;
}

.workshop-experience b {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100vw;
  height: auto; /* Change from fixed 30px to auto */
  color: #212529;
  font-family: Arial, sans-serif !important;
  font-size: clamp(
    18px,
    4vw,
    48px
  ); /* Fluid font size: min 18px, preferred 4vw, max 48px */
  font-weight: 600;
  line-height: 1.2; /* Better line height */
  text-align: center;
  white-space: normal; /* Allow wrapping */
  word-wrap: break-word; /* Break long words */
  padding: 20px 10px 50px 10px; /* Add horizontal padding */
  z-index: 341;
  box-sizing: border-box; /* Include padding in width calculation */
}

.workshop-experience,
.workshop-experience b,
.workshop-experience * {
  font-family: Arial, sans-serif !important;
}

.flex-row-a {
  display: flex; /* Center content horizontally */
  align-items: center; /* Center content vertically */
  justify-content: center;
  position: relative;
  width: 100vw;
  margin: 0; /* Remove side margins to center */
  padding-bottom: 50px;
  z-index: 339;
}
.frame {
  position: relative;
  z-index: 339; /* Make sure it’s above .rectangle */
  width: 60vw; /* or as desired */
  height: 60vh;
  overflow: hidden;
  border-radius: 28px;
}
.image {
  position: absolute;
  width: 1120px;
  height: 630px;
  top: 0;
  left: 0;
  background: url(./assets/images/79e645aabcb695af564520173724693adcd389ee.png)
    no-repeat center;
  background-size: cover;
  z-index: 340;
}
.rectangle {
  position: absolute;
  width: 98vw;
  height: 40vh;
  top: 10vh;
  left: 0;
  background: #acedff;
  z-index: 338;
  border-radius: 37px;
}
.background-31 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  width: 100vw;
  margin: 0 0 0 0;
  padding: 0px 4vw 0px 4vw;
  z-index: 127;
}
.container-34 {
  display: flex;
  flex-direction: column;
  align-items: center; /* centers horizontally */
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-basis: 0;
  /* width: 40vw;
  padding: 12px 0 12px; */
  width: 100%;
  padding: 60px 0;
  z-index: 130;
}
.background-shadow {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* width: 40vw; */
  gap: 30px;
  position: relative;
  padding: 30px;
  text-align: center;
  /* background: #ffffff; */
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 131;
  overflow: hidden;
  border-radius: 15px;
  /* box-shadow: 0 0 30px 0 rgba(22, 23, 26, 0.05); */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 132;
  padding-top: 2vh;
}
.hoan-toan-mien-phi {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 28.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 133;
  text-align: center;
}
.container-35 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 676px;
  z-index: 134;
}
.container-36 {
  display: flex;
  flex-direction: column;
  /* align-items: flex-start; */
  max-width: 1200px;
  flex-wrap: nowrap;
  position: relative;
  /* padding: 0 0 0 1%; */
  z-index: 135;
}
.container-37 {
  /* align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%; */
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 136;
}
.heading-38 {
  /* display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  margin: 40px 0 0 0px;
  padding: 0 0 0.79px 0;
  z-index: 137; */
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  z-index: 137;
}
.chuyen-minh-thich-nghi {
  /* display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  text-align: left;
  text-overflow: initial;
  z-index: 138;
  overflow: hidden; */
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  text-align: center;
  z-index: 138;
}
.container-39 {
  display: flex;
  /* flex-direction: column;
  align-items: flex-start; */
  /* flex-wrap: nowrap; */
  position: relative;
  width: 75%;
  /* margin: 0.21px 0 0 40px; */
  padding: 10.8px 0 0 0;
  text-align: center;
  justify-content: center;
  z-index: 139;
}
.content {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 802px;
  min-width: 0;
  height: 123px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: justified;
  z-index: 140;
}
.container-3a {
  display: flex;
  justify-content: space-between;
  /* align-items: flex-start; */
  flex-wrap: wrap;
  position: relative;
  /* width: 826px;
  height: 285px; */
  /* margin: 0.2px 0 0 28px; */
  width: 75%;
  z-index: 141;
}
.container-3b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  width: 50%;
  /* min-width: 0;
  min-height: 0;
  padding: 0 12px 0 12px; */
  z-index: 142;
}
.list-3c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 25px;
  position: relative;
  padding: 30px 0 0px 0px;
  z-index: 143;
}
.item-3d {
  display: flex;
  flex-direction: row;
  /* align-items: flex-start;
  align-self: stretch; */
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  align-items: center;
  z-index: 144;
}
.container-3e {
  /* display: flex;
  flex-direction: column; */
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* position: absolute; */
  width: 25px;
  height: 25px;
  top: 5px;
  left: 0%;
  margin-right: 5px;
  z-index: 145;
}
.container-3f {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 146;
}
.component-40 {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 147;
}
.vector-41 {
  position: relative;
  width: 20.85px;
  height: 20.825px;
  margin: 2.075px 0 0 2.075px;
  background: url(./assets/images/bed4e49f-5db3-4239-9e6a-16a9a935aa79.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 148;
}
.luon-co-cong-thuc-moi {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 149;
}
.item-42 {
  display: flex;
  flex-direction: row;
  /* align-items: flex-start;
  align-self: stretch; */
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  align-items: center;
  z-index: 150;
}
.container-43 {
  /* display: flex;
  flex-direction: column; */
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* position: absolute; */
  width: 25px;
  height: 25px;
  top: 5px;
  left: 0%;
  margin-right: 5px;
  z-index: 151;
}
.container-44 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 152;
}
.component-45 {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 153;
}
.vector-46 {
  position: relative;
  width: 20.85px;
  height: 20.825px;
  margin: 2.075px 0 0 2.075px;
  background: url(./assets/images/501da7f3-a7f7-40bd-9413-bf6b9b8af4b8.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 154;
}
.dien-ra-hang-thang {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 155;
}
.item-47 {
  display: flex;
  flex-direction: row;
  /* align-items: flex-start;
  align-self: stretch; */
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  align-items: center;
  z-index: 156;
}
.container-48 {
  /* display: flex;
  flex-direction: column; */
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* position: absolute; */
  width: 25px;
  height: 25px;
  top: 5px;
  left: 0%;
  margin-right: 5px;
  z-index: 157;
}
.container-49 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 158;
}
.component-4a {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 159;
}
.vector-4b {
  position: relative;
  width: 20.85px;
  height: 20.825px;
  margin: 2.075px 0 0 2.075px;
  background: url(./assets/images/76596be3-0de6-4f21-87b9-ee3a580c42f9.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 160;
}

.co-mat-tai-ca-2-mien {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 161;
}
.item-4c {
  display: flex;
  flex-direction: row;
  /* align-items: flex-start;
  align-self: stretch; */
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  align-items: center;
  z-index: 162;
}
.container-4d {
  /* display: flex;
  flex-direction: column; */
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* position: absolute; */
  width: 25px;
  height: 25px;
  top: 5px;
  left: 0%;
  margin-right: 5px;
  z-index: 163;
}
.container-4e {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 164;
}
.component-4f {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 165;
}
.vector-50 {
  position: relative;
  width: 20.85px;
  height: 20.825px;
  margin: 2.075px 0 0 2.075px;
  background: url(./assets/images/c64fdd71-0635-4afd-9097-7265e68c9447.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 166;
}
.ho-tro-tu-van-chuyen-sau {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 167;
}
.item-51 {
  display: flex;
  flex-direction: row;
  /* align-items: flex-start;
  align-self: stretch; */
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  align-items: center;
  z-index: 168;
}
.container-52 {
  /* display: flex;
  flex-direction: column; */
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* position: absolute; */
  width: 25px;
  height: 25px;
  top: 5px;
  left: 0%;
  margin-right: 5px;
  z-index: 169;
}
.container-53 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 170;
}
.component-54 {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 171;
}
.vector-55 {
  position: relative;
  width: 20.85px;
  height: 20.825px;
  margin: 2.075px 0 0 2.075px;
  background: url(./assets/images/c89cd8b5-b05a-449c-b9b0-bc06ae9d8133.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 172;
}
.co-hoi-hop-tac-lau-dai {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 173;
}
.container-56 {
  display: flex;
  flex-direction: column;
  /* align-items: flex-start; */
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  width: 50%;
  /* min-width: 0;
  min-height: 0;
  padding: 0 12px 0 12px; */
  z-index: 174;
}
.list-57 {
  display: flex;
  flex-direction: column;
  /* align-items: flex-start; */
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 25px;
  position: relative;
  padding: 30px 0 0px 0px;
  z-index: 175;
}
.item-58 {
  display: flex;
  flex-direction: row;
  /* align-items: flex-start;
  align-self: stretch; */
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  align-items: center;
  z-index: 176;
}
.container-59 {
  /* display: flex;
  flex-direction: column; */
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* position: absolute; */
  width: 25px;
  height: 25px;
  top: 5px;
  left: 0%;
  margin-right: 5px;
  z-index: 177;
}
.container-5a {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 178;
}
.component-5b {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 179;
}
.vector-5c {
  position: relative;
  width: 20.85px;
  height: 20.825px;
  margin: 2.075px 0 0 2.075px;
  background: url(./assets/images/77f96f8b-c343-4b3e-bea6-99b9f0313020.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 180;
}
.trai-nghiem-san-pham-moi {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 181;
}
.item-5d {
  display: flex;
  flex-direction: row;
  /* align-items: flex-start;
  align-self: stretch; */
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  align-items: center;
  z-index: 182;
}
.container-5e {
  /* display: flex;
  flex-direction: column; */
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* position: absolute; */
  width: 25px;
  height: 25px;
  top: 5px;
  left: 0%;
  margin-right: 5px;
  z-index: 183;
}
.container-5f {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 184;
}
.component-60 {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 185;
}
.vector-61 {
  position: relative;
  width: 20.85px;
  height: 20.825px;
  margin: 2.075px 0 0 2.075px;
  background: url(./assets/images/ba2b50ff-766c-4e7e-957f-21732388c437.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 186;
}
.doi-ngu-to-chuc-chuyen-nghiep {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 187;
}
.item-62 {
  display: flex;
  flex-direction: row;
  /* align-items: flex-start;
  align-self: stretch; */
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  align-items: center;
  z-index: 188;
}
.container-63 {
  /* display: flex;
  flex-direction: column; */
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* position: absolute; */
  width: 25px;
  height: 25px;
  top: 5px;
  left: 0%;
  margin-right: 5px;
  z-index: 189;
}
.container-64 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 190;
}
.component-65 {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 191;
}
.vector-66 {
  position: relative;
  width: 20.85px;
  height: 20.825px;
  margin: 2.075px 0 0 2.075px;
  background: url(./assets/images/920df23a-d87c-4a2b-b2e2-ce3cfc762f01.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 192;
}
.hoan-toan-mien-phi-67 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 193;
}
.item-68 {
  display: flex;
  flex-direction: row;
  /* align-items: flex-start;
  align-self: stretch; */
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  align-items: center;
  z-index: 194;
}
.container-69 {
  /* display: flex;
  flex-direction: column; */
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* position: absolute; */
  width: 25px;
  height: 25px;
  top: 5px;
  left: 0%;
  margin-right: 5px;
  z-index: 195;
}
.container-6a {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 196;
}
.component-6b {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 197;
}
.vector-6c {
  position: relative;
  width: 20.85px;
  height: 20.825px;
  margin: 2.075px 0 0 2.075px;
  background: url(./assets/images/aac62bbe-5925-4892-b2d1-4c84ad8d758b.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 198;
}
.cap-nhat-xu-huong-hot-trend {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 199;
}
.item-6d {
  display: flex;
  flex-direction: row;
  /* align-items: flex-start;
  align-self: stretch; */
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  align-items: center;
  z-index: 200;
}
.container-6e {
  /* display: flex;
  flex-direction: column; */
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* position: absolute; */
  width: 25px;
  height: 25px;
  top: 5px;
  left: 0%;
  margin-right: 5px;
  z-index: 201;
}
.container-6f {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 202;
}
.component-70 {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 203;
}
.vector-71 {
  position: relative;
  width: 20.85px;
  height: 20.825px;
  margin: 2.075px 0 0 2.075px;
  background: url(./assets/images/1784daf2-0209-470d-a5e7-c418631ba074.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 204;
}
.nang-cao-kien-thuc-pha-che {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 205;
}
.container-72 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: 33px 0 33px 28px;
  z-index: 206;
}
.container-73 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  padding: 0 12px 0 12px;
  z-index: 207;
  max-width: 620px;
}
.container-74 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 208;
}
.margin-75 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 75px;
  padding: 0 15px 0 0;
  z-index: 209;
}
.container-76 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 60px;
  height: 60.8px;
  padding: 0 0 0.8px 0;
  z-index: 210;
}
.admin-image {
  flex-shrink: 0;
  position: relative;
  width: 60px;
  height: 60px;
  background: url(./assets/images/b0034f77-bc2d-44bb-83d7-4a37f234c214.png)
    no-repeat center;
  background-size: cover;
  z-index: 211;
  overflow: hidden;
  max-width: 60px;
}
.container-77 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 183px;
  z-index: 212;
}
.heading-78 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 213;
}
.nguyen-huu-toan {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 214;
}
.container-79 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 215;
}
.founder {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 216;
}
.container-7a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  padding: 0 12px 0 12px;
  z-index: 217;
  max-width: 620px;
}
.container-7b {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 218;
}
.margin-7c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 40px;
  padding: 0 15px 0 0;
  z-index: 219;
}
.container-7d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 25px;
  padding: 1.3px 0 0 0;
  z-index: 220;
}
.trophy-star {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  background: url(./assets/images/1100c3b4-3478-4c83-9e3c-e576a6bef7ea.png)
    no-repeat center;
  background-size: cover;
  z-index: 221;
  overflow: hidden;
  max-width: 25px;
}
.container-7e {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 0px;
  position: relative;
  width: 185px;
  z-index: 222;
}
.heading-margin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 84px;
  padding: 0 10px 8px 0;
  z-index: 223;
}
.heading-10 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 48px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-align: left;
  white-space: nowrap;
  z-index: 224;
}
.container-7f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 101px;
  z-index: 225;
}
.nam-kinh-nghiem {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 101px;
  height: 48px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-overflow: initial;
  z-index: 226;
  overflow: hidden;
}
.container-80 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  width: 100vw;
  margin: 0 0 0 0;
  padding: 50px 300px 51px 300px;
  z-index: 227;
}
.container-81 {
  flex-shrink: 0;
  position: relative;
  width: 1320px;
  height: 1200px;
  z-index: 228;
  max-width: 1320px;
}
.container-82 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: -0.8px;
  position: relative;
  width: 800px;
  margin: 0 0 0 260px;
  z-index: 229;
  max-width: 800px;
}
.container-83 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 0 302.46px 0 302.45px;
  z-index: 230;
}
.container-84 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 228px;
  z-index: 231;
}
.thong-tin-su-kien {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 228px;
  height: 36px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 232;
}
.heading-85 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 17px 80px 17px 80px;
  z-index: 233;
}
.workshop-sap-dien-ra {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 640px;
  height: 116px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  text-align: center;
  text-overflow: initial;
  z-index: 234;
  overflow: hidden;
}
.component-86 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: relative;
  width: 1308px;
  height: 413px;
  margin: -7.2px 0 0 12px;
  z-index: 235;
}
.container-87 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 531.53px;
  z-index: 236;
}
.events-image {
  flex-shrink: 0;
  position: relative;
  width: 531.53px;
  height: 347.08px;
  background: url(./assets/images/3f236bb6719c554900883bfeb8a47f1ed7b29970.png)
    no-repeat center;
  background-size: cover;
  z-index: 237;
  overflow: hidden;
  max-width: 531.53px;
}
.container-88 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 9px;
  position: relative;
  width: 776px;
  height: 347px;
  padding: 16px 50px 25px 30px;
  z-index: 238;
}
.background-89 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 134px;
  padding: 4px 8px 4px 8px;
  background: #065fd4;
  z-index: 239;
}
.featured-news {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 240;
}
.heading-8a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 241;
}
.component-8b {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 682px;
  padding: 1px 0 1px 0;
  z-index: 242;
}
.text-8c {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  font-family: Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 243;
}
.workshop-chuyen-sap-dien-ra {
  position: relative;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
.workshop-date {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 244;
}
.container-8d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 245;
}
.text-23 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 696px;
  height: 87px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  z-index: 246;
}
.container-8e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 2.62%;
  height: 9.47%;
  top: 11.3%;
  left: 92.38%;
  padding: 2px 0 3px 0;
  z-index: 247;
}
.component-8f {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 1px 0 4px 0;
  z-index: 248;
}
.container-90 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 249;
}
.component-91 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  z-index: 250;
}
.vector-92 {
  position: relative;
  width: 15px;
  height: 15px;
  margin: 2.5px 0 0 2.5px;
  background: url(./assets/images/5744f91b-d907-484e-a0bb-3a427f3b3f61.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 251;
}
.component-93 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 165px;
  height: 55px;
  padding: 5px 5px 5px 5px;
  background: #065fd4;
  z-index: 252;
  border-radius: 40px;
}
.component-93:hover {
  background: red;
}
.component-93:hover .dang-ky-ngay {
  color: #ffffff;
}
.text-94 {
  flex-shrink: 0;
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 253;
}
.dang-ky-ngay {
  position: relative;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.container-95 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  width: 1320px;
  margin: 6px 0 0 0;
  padding: 17px 0 0 0;
  z-index: 254;
}
.container-96 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 20px;
  position: absolute;
  width: 794px;
  height: 862px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 255;
}
.heading-97 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 256;
}
.su-kien-sap-dien-ra {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 257;
}
.border {
  display: flex;
  align-items: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 0px;
  position: relative;
  min-width: 0;
  height: 269px;
  padding: 30px 31px 30px 31px;
  border: 1px solid #49d7ff;
  z-index: 258;
  border-radius: 19px;
}
.container-98 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 118px;
  min-height: 0;
  z-index: 259;
}
.list-99 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 260;
}
.item-9a {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 4px 19.67px 4px 19.67px;
  background: #49d7ff;
  z-index: 261;
}
.text-26 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 262;
}
.section-21 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 5px 5px 5px 5px;
  background: #ffffff;
  z-index: 263;
}
.container-9b {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  z-index: 264;
}
.heading-9c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 10px;
  position: relative;
  min-height: 0;
  padding: 0 30px 0 64px;
  z-index: 265;
}
.component-9d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 266;
}
.text-9e {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 0.69px 0 0.69px 0;
  z-index: 267;
}
.gau-lermao-hoi-cho-vietfood-beverage-propack {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
  z-index: 268;
}
.container-9f {
  position: relative;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
}
.thuong-hieu-gau-lermao {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 269;
}
.container-a0 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 520px;
  height: 58px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  z-index: 270;
}
.container-a1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 5.01px 0 0 20px;
  z-index: 271;
}
.container-a2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 8.25%;
  height: 20px;
  top: 1px;
  left: -10.47%;
  z-index: 272;
}
.component-a3 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 273;
}
.vector-a4 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  z-index: 274;
}
.ice-tran-hung-dao {
  position: relative;
  width: 13.321px;
  height: 16.68px;
  margin: 1.66px 0 0 3.339px;
  background: url(./assets/images/e2158e5c-08eb-454f-8446-d2c011166752.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 275;
}
.container-a5 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 276;
}
.component-a6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 20px;
  height: 30px;
  top: 2.45px;
  right: 14.83px;
  padding: 2px 0 3px 0;
  z-index: 277;
}
.container-a7 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 1px 0 4px 0;
  z-index: 278;
}
.component-a8 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 279;
}
.vector-a9 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  z-index: 280;
}
.component-aa {
  position: relative;
  width: 15px;
  height: 15px;
  margin: 2.5px 0 0 2.5px;
  background: url(./assets/images/f2d8855d-c94a-4437-8ad7-a8024e559a42.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 281;
}
.text-ab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 142px;
  height: 44px;
  padding: 5px 5px 5px 5px;
  background: #acedff;
  z-index: 282;
  border-radius: 40px;
}
.text-ab:hover {
  background: red;
}
.text-ab:hover .dang-ky-ngay-ac {
  color: #ffffff;
}
.section-24 {
  flex-shrink: 0;
  position: relative;
  width: 116px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 283;
}
.dang-ky-ngay-ac {
  position: relative;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.border-ad {
  display: flex;
  align-items: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 0px;
  position: relative;
  min-width: 0;
  height: 254px;
  padding: 10px 31px 30px 31px;
  border: 1px solid #49d7ff;
  z-index: 284;
  border-radius: 19px;
}
.container-ae {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 118px;
  min-height: 0;
  z-index: 285;
}
.list-af {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 286;
}
.item-b0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 4px 19.67px 4px 19.67px;
  background: #065fd4;
  z-index: 287;
}
.text-2c {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 288;
}
.item-b1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 5px 5px 5px 5px;
  background: #ffffff;
  z-index: 289;
}
.text-2d {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  z-index: 290;
}
.container-b2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 10px;
  position: relative;
  min-width: 287.44px;
  min-height: 0;
  padding: 0 30px 0 64px;
  z-index: 291;
}
.heading-b3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 292;
}
.component-b4 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 0.69px 0 0.69px 0;
  z-index: 293;
}
.text-b5 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
  z-index: 294;
  width: 100%;
}
.gau-lermao-hoi-cho-mekong-food-drink-show-can-tho-gian-hang {
  position: relative;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
}
.container-b6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 295;
}
.thuong-hieu-gau-lermao-tra-phuong-hoang-hoi-cho-mekong-can-tho {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 520px;
  height: 58px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  z-index: 296;
}
.container-b7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 5px 0 0 20px;
  z-index: 297;
}
.container-b8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 8.25%;
  height: 20px;
  top: 1px;
  left: -10.31%;
  z-index: 298;
}
.container-b9 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 299;
}
.component-ba {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  z-index: 300;
}
.vector-bb {
  position: relative;
  width: 13.321px;
  height: 16.68px;
  margin: 1.66px 0 0 3.339px;
  background: url(./assets/images/b321026d-5637-42dd-8329-b05cd433fdcc.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 301;
}
.efc-le-loi-can-tho {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 302;
}
.container-bc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 20px;
  height: 30px;
  top: 2.449px;
  right: 14.83px;
  padding: 2px 0 3px 0;
  z-index: 303;
}
.component-bd {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 1px 0 4px 0;
  z-index: 304;
}
.container-be {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 305;
}
.component-bf {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  z-index: 306;
}
.vector-c0 {
  position: relative;
  width: 15px;
  height: 15px;
  margin: 2.5px 0 0 2.5px;
  background: url(./assets/images/f31ab130-709b-48c5-b759-2960f9c45308.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 307;
}
.component-c1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 165px;
  height: 55px;
  padding: 5px 5px 5px 5px;
  background: #065fd4;
  z-index: 308;
  border-radius: 40px;
}
.component-c1:hover {
  background: red;
}
.component-c1:hover .dang-ky-ngay-c3 {
  color: #ffffff;
}
.text-c2 {
  flex-shrink: 0;
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 309;
}
.dang-ky-ngay-c3 {
  position: relative;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.border-c4 {
  display: flex;
  align-items: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 0px;
  position: relative;
  min-width: 0;
  height: 255px;
  padding: 10px 31px 30px 31px;
  border: 1px solid #49d7ff;
  z-index: 310;
  border-radius: 19px;
}
.container-c5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 118px;
  min-height: 0;
  z-index: 311;
}
.list-c6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 312;
}
.item-c7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 4px 19.67px 4px 19.67px;
  background: #065fd4;
  z-index: 313;
}
.text-32 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 314;
}
.box-34 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 5px 5px 5px 5px;
  background: #ffffff;
  z-index: 315;
}
.container-c8 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  z-index: 316;
}
.heading-c9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 10px;
  position: relative;
  min-height: 0;
  padding: 0 30px 0 64px;
  z-index: 317;
}
.component-ca {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 318;
}
.text-cb {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 420px;
  padding: 0.69px 0 0.69px 0;
  z-index: 319;
}
.workshop-chuyen-cung-don-noel {
  flex-shrink: 0;
  position: relative;
  width: 420px;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 320;
}
.container-cc {
  position: relative;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
}
.phan-trai-nghiem-san-pham-phan-chia-se-thong-tin-kien-thuc-xu-huong-trong-nganh-fb-phan-chia-se-trai-nghiem-cac-cong-thuc-do-uong-moi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 321;
}
.container-cd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 525px;
  height: 87px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  z-index: 322;
}
.container-ce {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 5px 0 0 20px;
  z-index: 323;
}
.container-cf {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 8.25%;
  height: 20px;
  top: 1px;
  left: -10.61%;
  z-index: 324;
}
.component-d0 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 325;
}
.vector-d1 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  z-index: 326;
}
.nguyen-minh-hoang-tan-binh-tp-ho-chi-minh {
  position: relative;
  width: 13.321px;
  height: 16.68px;
  margin: 1.66px 0 0 3.339px;
  background: url(./assets/images/b00f1708-7fcd-494d-8586-d00cc60da528.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 327;
}
.container-d2 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 328;
}
.component-d3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 20px;
  height: 30px;
  top: 2.449px;
  right: 14.83px;
  padding: 2px 0 3px 0;
  z-index: 329;
}
.container-d4 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 1px 0 4px 0;
  z-index: 330;
}
.component-d5 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 331;
}
.vector-d6 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  z-index: 332;
}
.component-d7 {
  position: relative;
  width: 15px;
  height: 15px;
  margin: 2.5px 0 0 2.5px;
  background: url(./assets/images/afc31fd6-7491-4e68-9948-a5fa466c64ce.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 333;
}
.text-d8 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 165px;
  height: 55px;
  padding: 5px 5px 5px 5px;
  background: #065fd4;
  z-index: 334;
  border-radius: 40px;
}
.text-d8:hover {
  background: red;
}
.text-d8:hover .background-da {
  color: #ffffff;
}
.dang-ky-ngay-d9 {
  flex-shrink: 0;
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 335;
}
.background-da {
  position: relative;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.container-db {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  width: 100vw;
  height: 120vh;
  margin: 0 0 0 0;
  background: #eefbff;
  z-index: 43;
  border-radius: 40px 40px 0 0;
}
.container-dc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 95vw;
  height: 732px;
  z-index: 44;
}
.container-dd {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  width: 85vw;
  z-index: 45;
}
.container-de {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-basis: 0;
  width: 50vw;
  gap: 10px;
  position: relative;
  min-height: 0;
  padding: 100px 30px 0 30px;
  z-index: 46;
}
.container-df {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  z-index: 47;
}
.trai-nghiem-gi-tai-workshop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 336px;
  z-index: 48;
}
.container-e0 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 36px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 49;
}
.heading-e1 {
  align-self: stretch;
  flex-shrink: 0;
  width: 40vw;
  position: relative;
  height: 530.75px;
  z-index: 50;
}
.trai-nghiem-tron-ven-chi-co-tai-chuyen {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 636px;
  margin: -0.8px 0 0 0;
  padding: 0 0 0.79px 0;
  z-index: 51;
}
.container-e2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  text-align: left;
  text-overflow: initial;
  z-index: 52;
  overflow: hidden;
}
.heading-e3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 8px;
  position: relative;
  width: 636px;
  margin: 40px 0 0 0;
  padding: 0 0 0 80px;
  z-index: 53;
}
.cap-nhat-kien-thuc-moi-nhat-ve-nganh-fb {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 54;
}
.container-e4 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 27px;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26.4px;
  text-align: left;
  white-space: nowrap;
  z-index: 55;
}
.khach-hang-se-duoc-cap-nhat-nhung-xu-huong-do-uong-moi-nhat-dac-biet-la-tu-thi-truong-trung-quoc-dai-loan-noi-luon-di-dau-trong-nganh-pha-che {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 0 40px 0 0;
  z-index: 56;
}
.background-e5 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 516px;
  height: 87px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  z-index: 57;
}
.features-icon {
  flex-shrink: 0;
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 58;
  border-radius: 30px;
}
.container-e6 {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 16px 0 0 18px;
  background: url(./assets/images/5cf42bab-9675-47ac-928c-3ddc7c477c24.png)
    no-repeat center;
  background-size: cover;
  z-index: 59;
  overflow: hidden;
}
.heading-e7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 8px;
  position: relative;
  width: 636px;
  margin: 11px 0 0 0;
  padding: 0 0 0 80px;
  z-index: 60;
}
.trai-nghiem-tiep-can-nguyen-lieu-moi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 61;
}
.container-e8 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 27px;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26.4px;
  text-align: left;
  white-space: nowrap;
  z-index: 62;
}
.khach-hang-se-duoc-gioi-thieu-ve-cac-nguyen-lieu-pha-che-moi-doc-quyen-cua-gau-lermao-giup-ho-co-them-lua-chon-de-lam-phong-phu-menu-do-uong {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 0 40px 0 0;
  z-index: 63;
}
.background-e9 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 516px;
  height: 87px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  z-index: 64;
}
.section-31 {
  flex-shrink: 0;
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 65;
  border-radius: 30px;
}
.features-icon-ea {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 16px 0 0 18px;
  background: url(./assets/images/3fb235e0-dd47-4b78-90a7-5620741b0280.png)
    no-repeat center;
  background-size: cover;
  z-index: 66;
  overflow: hidden;
}
.container-eb {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 22.96%;
  height: 49px;
  bottom: -20px;
  left: 73.9%;
  z-index: 69;
}
.shape {
  flex-shrink: 0;
  position: relative;
  width: 146px;
  height: 49px;
  background: url(./assets/images/c1df148f-23f6-4506-bd07-a13a91a87cca.png)
    no-repeat center;
  background-size: cover;
  z-index: 70;
  overflow: hidden;
  max-width: 146px;
}
.component-ec {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  width: 437px;
  height: 64px;
  top: 502px;
  left: 0;
  margin-top: 30px;
  padding: 20px 30px 20px 30px;
  background: #065fd4;
  z-index: 67;
  border-radius: 40px;
}
.component-ec:hover {
  background: red;
}
.component-ec:hover .dang-ky-ngay-ee {
  color: #ffffff;
}
.text-ed {
  flex-shrink: 0;
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 68;
}
.dang-ky-ngay-ee {
  position: relative;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.container-ef {
  right: 0px;
  width: 40vw;
  flex-grow: 1;
  flex-basis: 0;
  position: absolute;
  min-height: 0;
  z-index: 71;
}
.container-f0 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  margin: 16.5px 0 0 0;
  padding: 0 55px 0 0;
  z-index: 72;
}
.container-f1 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 1091.41px;
  z-index: 73;
}
.flex-row-a-f2 {
  position: relative;
  width: 50vw;
  height: 55vh;
  margin: 0 0 0 0;
  z-index: 87;
}
.container-f3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 25px 12px 0 12px;
  z-index: 74;
}
.container-f4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 75;
}
.container-f5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 76;
}
.academic-image {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 40vh;
  background: url(./assets/images/1.png) no-repeat center;
  background-size: cover;
  z-index: 77;
  overflow: hidden;
}
.background-f6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8.8px;
  position: relative;
  padding: 20px 20px 20px 20px;
  background: #ffffff;
  z-index: 78;
}
.heading-f7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 79;
}
.dong-mut-trai-cay {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 53px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26.4px;
  text-align: left;
  z-index: 80;
}
.link-f8 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 92px;
  padding: 1px 1px 1px 1px;
  z-index: 81;
  border-radius: 6px;
}
.learn-more {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 90px;
  height: 24px;
  color: #065fd4;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 82;
}
.link-f8:hover .learn-more {
  color: red;
}
.container-f9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 25.054px;
  height: 25px;
  top: 1px;
  left: 104.13%;
  z-index: 83;
}
.container-fa {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 84;
}
.component-fb {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 85;
}
.vector-fc {
  position: relative;
  width: 13.965px;
  height: 13.965px;
  margin: 5.518px 0 0 6.25px;
  background-size: 100% 100%;
  z-index: 86;
}
.container-fd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 50%;
  padding: 0 12px 0 12px;
  z-index: 87;
}
.container-fe {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 88;
}
.container-ff {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 89;
}
.academic-image-100 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 40vh;
  background: url(./assets/images/4.png) no-repeat center;
  background-size: cover;
  z-index: 90;
  overflow: hidden;
}
.background-101 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8.8px;
  position: relative;
  padding: 20px 20px 20px 20px;
  background: #ffffff;
  z-index: 91;
}
.heading-102 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 92;
}
.bo-suu-tap-tra-phuong-hoang {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 53px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26.4px;
  text-align: left;
  z-index: 93;
}
.link-103 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 92px;
  padding: 1px 1px 1px 1px;
  z-index: 94;
  border-radius: 6px;
}
.link-103:hover .learn-more-104 {
  color: red;
}
.learn-more-104 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 90px;
  height: 24px;
  color: #065fd4;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 95;
}
.container-105 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 25.054px;
  height: 25px;
  top: 1px;
  left: 104.13%;
  z-index: 96;
}
.container-106 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 97;
}
.component-107 {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 98;
}
.vector-108 {
  position: relative;
  width: 13.965px;
  height: 13.965px;
  margin: 5.518px 0 0 6.25px;
  background-size: 100% 100%;
  z-index: 99;
}
.flex-row-ba {
  position: relative;
  width: 50vw;
  height: 545.7px;
  margin: 26.8px 0 0 0;
  z-index: 113;
}
.container-109 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 25px 12px 0 12px;
  z-index: 100;
  max-width: 917px;
}
.container-10a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: -0.01px;
  position: relative;
  min-width: 0;
  z-index: 101;
}
.container-10b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 102;
}
.academic-image-10c {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 40vh;
  background: url(./assets/images/18.png) no-repeat center;
  background-size: cover;
  z-index: 103;
  overflow: hidden;
}
.background-10d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8.8px;
  position: relative;
  padding: 20px 20px 20px 20px;
  background: #ffffff;
  z-index: 104;
}
.heading-10e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 105;
}
.cac-dong-nguyen-lieu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 53px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26.4px;
  text-align: left;
  z-index: 106;
}
.link-10f {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 92px;
  padding: 1px 1px 1px 1px;
  z-index: 107;
  border-radius: 6px;
}
.link-10f:hover .learn-more-110 {
  color: red;
}
.learn-more-110 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 90px;
  height: 24px;
  color: #065fd4;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 108;
}
.container-111 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 25.054px;
  height: 25px;
  top: 1px;
  left: 104.13%;
  z-index: 109;
}
.container-112 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 110;
}
.component-113 {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 111;
}
.vector-114 {
  position: relative;
  width: 13.965px;
  height: 13.965px;
  margin: 5.518px 0 0 6.25px;
  background-size: 100% 100%;
  z-index: 112;
}
.container-115 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 50%;
  padding: 0 12px 0 12px;
  z-index: 113;
  max-width: 917px;
}
.container-116 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: -0.01px;
  position: relative;
  min-width: 0;
  z-index: 114;
}
.container-117 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 115;
}
.academic-image-118 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 40vh;
  background: url(./assets/images/6.jpg) no-repeat center;
  background-size: cover;
  z-index: 116;
  overflow: hidden;
}
.background-119 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8.8px;
  position: relative;
  padding: 20px 20px 20px 20px;
  background: #ffffff;
  z-index: 117;
}
.heading-11a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 118;
}
.bo-topping-dong-lanh {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 80px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26.4px;
  text-align: left;
  z-index: 119;
}
.link-11b {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 92px;
  padding: 1px 1px 1px 1px;
  z-index: 120;
  border-radius: 6px;
}
.link-11b:hover .learn-more-11c {
  color: red;
}
.learn-more-11c {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 90px;
  height: 24px;
  color: #065fd4;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 121;
}
.container-11d {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 25.054px;
  height: 25px;
  top: 1px;
  left: 104.13%;
  z-index: 122;
}
.container-11e {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 123;
}
.component-11f {
  flex-shrink: 0;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 124;
}
.vector-120 {
  position: relative;
  width: 13.965px;
  height: 13.965px;
  margin: 5.518px 0 0 6.25px;
  background-size: 100% 100%;
  z-index: 125;
}
.background-121 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  width: 100vw;
  height: 707px;
  margin: 0 0 0 0;
  padding: 75px 300px 50px 300px;
  background: #eefbff;
  z-index: 20;
  border-radius: 0 0 40px 40px;
}
.container-122 {
  flex-shrink: 0;
  position: relative;
  width: 1320px;
  height: 632px;
  z-index: 21;
  max-width: 1320px;
}
.container-123 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 27px;
  position: relative;
  width: 800px;
  margin: 0 0 0 260px;
  z-index: 22;
  max-width: 800px;
}
.container-124 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 0 186.61px 0 186.61px;
  z-index: 23;
}
.container-125 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 24;
}
.luon-dap-ung {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 462px;
  height: 36px;
  color: #7a7a7a;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 25;
}
.heading-126 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 0 109px 0.8px 108.98px;
  z-index: 26;
}
.khach-hang-noi-gi-ve-workshop {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 582.02px;
  height: 116px;
  color: #212529;
  font-family: Arial, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  text-align: center;
  z-index: 27;
}
.container-127 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  width: 1320px;
  margin: 32.205px 0 0 0;
  z-index: 28;
}
.container-128 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  height: 313.95px;
  padding: 0 12px 0 12px;
  z-index: 29;
  max-width: 1320px;
}
.container-129 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 30;
}
.container-12a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 31;
}
.success-image {
  flex-shrink: 0;
  position: relative;
  width: 416px;
  height: 313.95px;
  background: url(./assets/images/1stvideo.png) no-repeat center;
  background-size: cover;
  z-index: 32;
  overflow: hidden;
  max-width: 416px;
}
.container-12b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  height: 313.95px;
  padding: 0 12px 0 12px;
  z-index: 33;
  max-width: 1320px;
}
.container-12c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 34;
}
.container-12d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 35;
}
.success-image-12e {
  flex-shrink: 0;
  position: relative;
  width: 416px;
  height: 313.95px;
  background: url(./assets/images/2ndvideo.png) no-repeat center;
  background-size: cover;
  z-index: 36;
  overflow: hidden;
  max-width: 416px;
}
.container-12f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  height: 313.95px;
  padding: 0 12px 0 12px;
  z-index: 37;
  max-width: 1320px;
}
.container-130 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 38;
}
.container-131 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 39;
}
.success-image-132 {
  flex-shrink: 0;
  position: relative;
  width: 416px;
  height: 313.95px;
  background: url(./assets/images/3rdvideo.png) no-repeat center;
  background-size: cover;
  z-index: 40;
  overflow: hidden;
  max-width: 416px;
}
.component-133 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: relative;
  width: 162px;
  height: 50px;
  margin: 20.05px 0 0 579px;
  padding: 5px 5px 5px 5px;
  background: #065fd4;
  z-index: 41;
  border-radius: 40px;
}
.text-134 {
  flex-shrink: 0;
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 42;
}
.component-133:hover {
  background: red;
}
.component-133:hover .dang-ky-ngay-135 {
  color: #ffffff;
}
.dang-ky-ngay-135 {
  position: relative;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.component-136 {
  position: relative;
  width: 43px;
  height: 45px;
  margin: 491px 0 0 1825px;
  background: #acedff;
  z-index: 413;
  overflow: visible auto;
  border-radius: 34px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.container-137 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 27px;
  margin: 9px 0 0 8px;
  z-index: 414;
}
.component-138 {
  flex-shrink: 0;
  position: relative;
  width: 27px;
  height: 27px;
  z-index: 415;
}
.vector-139 {
  position: relative;
  width: 15.082px;
  height: 15.082px;
  margin: 5.168px 0 0 5.959px;
  background: url(./assets/images/425a1c77-59ff-4953-be53-9f73be20d17e.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 416;
}
.background-13a {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  position: absolute;
  height: 100vh;
  top: 0px;
  right: 0;
  left: 0;
  padding: 134px 300px 212px 300px;
  background: url(./assets/images/3f236bb6719c554900883bfeb8a47f1ed7b29970.png)
    no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.background-13b {
  flex-shrink: 0;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  background: #120f2d;
  opacity: 0.4;
  z-index: 1;
}
.container-13c {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 0 110px 0 110px;
  z-index: 2;
  max-width: 1320px;
}
.container-13d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 1100px;
  height: 740px;
  z-index: 3;
  max-width: 1100px;
}
.container-13e {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 0.5px;
  position: relative;
  min-width: 0;
  height: 649px;
  z-index: 4;
}
.text-4a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 472px;
  height: 42px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
  white-space: nowrap;
  z-index: 5;
}
.section-43 {
  /* display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 250px;
  width: 100%; */

  width: 100%;
  position: relative;
  height: 220px;
  overflow: hidden;
  z-index: 6;
}
.pic-1a {
  /* flex-shrink: 0;
  position: relative;
  width: 55%;
  height: 100%; */
  width: 100%;
  height: 100%;
  background-image: url(./assets/images/97d27854e602d53794f160064f9a8ff632a4937f.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 7;
}
.wrapper-4b {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 770px;
  padding: 7.5px 25.75px 0 25.75px;
  z-index: 8;
}
.box-50 {
  flex-shrink: 0;
  position: relative;
  width: 130%;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 9;
  white-space: normal; /* Allows text to wrap to the next line */
  word-wrap: break-word; /* Optional: Adjust max-width to control wrapping */
  line-height: 1.5; /* Adjusts line spacing for readability */
  text-align: center;
}
.end-of-sentence {
  position: relative;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
}
.quote {
  position: relative;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
}
.end-of-sentence-13f {
  position: relative;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
}
.quote-140 {
  position: relative;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
}
.end-of-sentence-141 {
  position: relative;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
}
.transformation {
  position: relative;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
}
.container-142 {
  display: flex;
  align-items: flex-start;
  align-content: center;
  /* gap: 24.48px; */
  position: relative;
  width: auto;
  padding: 15px 20px 15px 20px;
  z-index: 10;
}
.component-143 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 206px;
  padding: 20px 30px 20px 30px;
  background: #065fd4;
  z-index: 11;
  border-radius: 40px;
}
.text-144 {
  flex-shrink: 0;
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 12;
}
.register-now-145 {
  position: relative;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.component-143:hover {
  background: red;
}
.component-143:hover .register-now-145 {
  color: #ffffff;
}
.component-146 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 150px;
  padding: 20px 45px 20px 45px;
  background: #ffffff;
  z-index: 13;
  border-radius: 40px;
}
.component-146:hover {
  background: red;
}
.component-146:hover .lien-he {
  color: #ffffff;
}
.text-147 {
  flex-shrink: 0;
  position: relative;
  width: 60px;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 14;
}
.lien-he {
  position: relative;
  color: #002147;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.container-148 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 1100px;
  height: 131px;
  padding: 35px 512.5px 35px 512.5px;
  z-index: 15;
}
.component-149 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 75px;
  padding: 1px 12.5px 4px 12.5px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 16;
  border-radius: 5px;
}
.component-149:hover {
  background: red;
}
.container-14a {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  z-index: 17;
}
.component-14b {
  flex-shrink: 0;
  position: relative;
  width: 50px;
  height: 50px;
  z-index: 18;
}
.vector-14c {
  position: relative;
  width: 23.73px;
  height: 14.795px;
  margin: 19.385px 0 0 13.135px;
  background: url(./assets/images/a3a353a7-90be-42e1-a741-bcdbf8b18087.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 19;
}
.background-14d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: -0.01px;
  height: 584.98px;
  top: 6432px;
  right: 0;
  left: 0;
  background: url(./assets/images/64d64a38-998f-4f8f-8dea-7da74fada842.png)
    no-repeat center;
  background-size: cover;
  z-index: 126;
  border-radius: 25px;
}
/*/////////////////////////////////////////////////////////*/
/*Footer*/
.footer {
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #6ab2e6;
  color: #fff;
  padding: 0.5vw 0vw 0vw 0vw;
}

.footer-social {
  width: 37vh;
  height: 16vh;
  position: absolute;
  left: 20vw;
  margin-top: 1vw;
  margin-left: 1vw;
  padding: 1vh;
  color: white;
  align-content: flex-end;
}
.footer-social h3 {
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5vw;
  margin-bottom: 0.3vw;
}
.social-contain {
  width: 100%;
  height: 6vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.social-icon img:hover {
  width: 3vw;
  height: auto;
  padding: 0.5vh;
}
.social-icon img {
  width: 2.5vw;
  padding: 0.5vh;
  height: auto;
}
.footer-content {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 0vw 10vw 0.5vw 10vw;
  margin: auto;
}
.footer-section {
  flex: 1.7;
  padding: 0.5vw 2vw;
  align-content: flex-end;
}
.footer-section2 {
  flex: 0.6;
  padding: 0.5vw 0vw 0.5vw 0vw;
  align-content: flex-end;
}
.footer-section3 {
  flex: 2;
  padding: 0.5vw 2vw;
  align-content: flex-end;
}
.footer-section3 h3 {
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5vw;
  margin-bottom: 1vw;
}
.footer-section h3,
.footer-section h4 {
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5vw;
  margin-bottom: 1vw;
}
.footer-section2 h3,
.footer-section2 h4 {
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5vw;
  margin-bottom: 1vw;
}
.footer-section ul {
  list-style: none;
  padding: 0;
}
.footer-section logo1 {
  width: 10vw;
  height: auto;
}
.footer-section ul li {
  margin-bottom: 10px;
}
.footer-section ul li a {
  color: #ccc;
  text-decoration: none;
  transition: color 0.3s;
}
.footer-section ul li a:hover {
  color: #fff;
}
.footer-section2 ul {
  list-style: none;
  padding: 0;
}
.footer-section2 ul li {
  margin-bottom: 10px;
}
.footer-section2 ul li a {
  color: white;
  text-decoration: none;
  transition: color 0.3s;
}
.footer-section2 ul li a:hover {
  color: #333;
}
.footer-section .contact p {
  margin: 10px 0;
}
.footer-bottom {
  text-align: center;
  padding: 1vw 0vw;
  border-top: 0.1vw solid #fff;
}
.footer-bottom p {
  margin: 0;
}
.footer-section.maps {
  width: 100%;
}
.logofoot {
  width: 7vw;
}
.map-row {
  border: 0.1vw solid #fff;
  border-radius: 1vh;
  display: flex;
  justify-content: space-between;
}
.map-container {
  flex: 1;
  margin-right: 1vw;
  padding: 0.5vw 0.5vw;
}
.map-container:last-child {
  margin-right: 0;
}
.map-container h4 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  color: #fff;
  font-size: 1vw;
  margin-bottom: 0.2vw;
}
.contact a {
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  color: #fff;
}
iframe {
  border: none;
}
/*Footer*/
/*/////////////////////////////////////////////////////////*/

#topButton {
  width: 60px;
  height: 60px;
  display: none;
  position: fixed;
  bottom: 40px;
  right: 30px;
  z-index: 9999; /* Set a very high z-index */
  background-color: #065fd4;
  color: #fff;
  padding: 10px 12px;
  border: none;
  border-radius: 60px;
  cursor: pointer;
  font-size: 18px;
  transition: opacity 0.3s;
}

#topButton:hover {
  background-color: red; /* Darker background on hover */
  color: white;
}

.form-container {
  display: flex;
  flex-direction: column;
  align-content: center;
  /* background-color: white; */
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
}

.form-container h2 {
  color: #3a5199;
}

h2 {
  font-family: Arial, sans-serif;
  text-align: center;
}

form {
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
}

label {
  text-align: left;
  margin-top: 10px;
}

input,
select,
button {
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: center;
}

button {
  display: block;
  margin: 0 auto;
  width: 30%;
  height: 6vh;
  background-color: #065fd4;
  color: #fff;
  border: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 20vw;
  font-size: 17px;
}

button:hover {
  background-color: red;
  color: white;
}

#statusMessage {
  font-family: Arial, sans-serif;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
}

/*//////////////////*/
@media only screen and (max-width: 390px) {
  /* CSS dành cho iPhone 12 Pro, iPhone 13 */

  body {
    margin: 0;
  }

  /* Base Styles */

  .background-13a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    height: 100vh;
    top: 0px;
    right: 0;
    left: 0;
    padding: 134px 300px 212px 300px;
    background: url(./assets/images/3f236bb6719c554900883bfeb8a47f1ed7b29970.png)
      no-repeat center;
    background-size: cover;
  }
  .background-13b {
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #120f2d;
    opacity: 0.4;
    z-index: 1;
  }
  .container-13c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    min-width: 0;
    padding: 0 110px;
    z-index: 2;
    max-width: 1320px;
  }
  .container-13d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 1100px;
    height: 740px;
    z-index: 3;
    max-width: 1100px;
  }

  .background-13a {
    padding: 50px 20px; /* Reduce padding for smaller screen */
    background-size: cover;
  }

  .container-13c {
    margin-top: 10vh;
    padding: 0 20px; /* Reduce padding for smaller screen */
    max-width: 100%;
  }

  .container-13d {
    width: 100%;
    height: auto;
    max-width: 100%;
    padding: 0 20px;
  }

  .container-13e {
    height: auto;
    max-width: 100%;
    padding: 0;
  }

  .text-4a {
    width: 100%;
    font-size: 20px; /* Adjust font size for readability on smaller screens */
    line-height: 1.2;
    white-space: normal; /* Allow text to wrap */
  }

  .section-43 {
    padding: 10px 20px; /* Reduce padding */
    height: 18vh; /* Allow height to adapt */
  }

  .pic-1a {
    width: 80vw;
    height: 100%;
  }

  .wrapper-4b {
    width: 100%;
    padding: 10px;
  }

  .box-50 {
    width: 130%;
    font-size: 18px; /* Adjust font size */
    line-height: 1.5;
    text-align: center;
  }

  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation {
    font-size: 16px; /* Smaller font size for readability */
    line-height: 1.4;
  }

  .container-142 {
    flex-direction: column;
    padding: 10px;
    gap: 10px;
  }

  .component-143,
  .component-146 {
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 20px;
  }

  .text-144,
  .text-147,
  .register-now-145,
  .lien-he {
    font-size: 14px;
    line-height: 1.2;
  }

  .container-148 {
    width: 100%;
    height: auto;
    padding: 20px;
  }
  /*////*/
  .container {
    display: none;
    height: 15vh;
    padding: 0 10px; /* Reduce padding for smaller screen */
  }

  .container-1 {
    padding: 5px 5vw; /* Adjust padding for smaller screen */
    flex-direction: column;
    height: auto; /* Allow height to adapt */
  }

  .group,
  .group-3,
  .group-5 {
    width: 80%; /* Make smaller to fit screen */
    height: auto;
  }

  .lermao-vn,
  .contact-info,
  .email {
    font-size: 14px; /* Reduce font size for readability on mobile */
    line-height: 20px;
    top: auto;
    left: 10px;
  }

  .container-7 {
    padding: 0 5px;
  }

  .nav {
    height: auto; /* Allow nav to adjust to content */
  }

  .list-margin,
  .list {
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 0;
  }

  .item-margin,
  .item-margin-c,
  .item-margin-12,
  .item-margin-18,
  .item-margin-1e,
  .item-margin-24 {
    width: 100%;
    padding: 0;
    align-items: center;
  }

  .component,
  .component-9,
  .component-d,
  .component-e,
  .component-13,
  .component-14,
  .component-19,
  .component-1a {
    width: 100%;
    height: auto;
  }

  .text-home,
  .text-info,
  .text-recipe,
  .text-register,
  .text-lermao-bear,
  .contact,
  .text {
    font-size: 14px; /* Adjust font size for readability */
    line-height: 20px;
    text-align: center;
  }

  .register-now,
  .link {
    width: 80%; /* Adjust button width */
    padding: 10px 15px;
    border-radius: 20px;
  }

  .asset,
  .vector,
  .vector-11,
  .vector-17,
  .vector-23,
  .vector-29,
  .vector-1d {
    width: 80%; /* Scale down vector sizes */
    height: auto;
  }

  .margin,
  .link-margin,
  .link-2f,
  .container-2b,
  .container-2d,
  .container-2e {
    width: 100%; /* Full width on mobile */
    padding: 5px;
  }

  .register-now {
    padding: 10px;
    border-radius: 20px; /* Adjust button radius */
  }

  /* Ensure icons and text align centrally on mobile */
  .container-21,
  .container-27 {
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
  }

  .container-15,
  .container-1b {
    width: 90%;
    display: flex;
    justify-content: center;
  }
  /*////*/
  .background {
    margin-top: 102vh;
    padding: 10px 0px; /* Adjust padding for mobile */
  }

  .group-30 {
    width: 100vw;
  }

  .workshop-experience {
    font-size: 24px; /* Reduce font size for readability on mobile */
    line-height: 1.2;
    padding-bottom: 20px;
  }

  .flex-row-a {
    padding-bottom: 10px; /* Adjust spacing */
  }

  .frame {
    width: 100vw; /* Increase width for better visibility */
    height: 30vh; /* Adjust height for mobile screen */
    border-radius: 20px; /* Reduce border radius */
  }

  .rectangle {
    display: none;
  }

  .background-31 {
    flex-direction: column;
    padding: 5px;
  }

  .container-34 {
    width: 100%;
    padding: 5px 0;
  }

  .background-shadow {
    width: 90%;
    padding: 20px 5px;
    gap: 15px;
  }

  .hoan-toan-mien-phi {
    font-size: 24px;
    line-height: 1.2;
  }

  .heading {
    padding-top: 10px;
  }

  .container-35 {
    height: auto;
    padding: 5px;
  }

  .chuyen-minh-thich-nghi {
    font-size: 20px; /* Reduce font size */
    line-height: 1.2;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
  }
  .container-3a {
    flex-direction: column;
    gap: 30vh;
  }

  .list-3c,
  .list-57 {
    padding: 10px;
    gap: 15px; /* Reduce gap */
  }

  .item-3d,
  .item-51,
  .item-58,
  .item-47,
  .item-42,
  .item-4c,
  .item-62,
  .item-68,
  .item-6d,
  .item-5d {
    padding: 5px; /* Adjust padding */
    width: 70vw;
  }

  .vector-41,
  .vector-46,
  .vector-4b,
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-55,
  .vector-50 {
    width: 15px; /* Scale down vector sizes */
    height: 15px;
  }

  .luon-co-cong-thuc-moi,
  .dien-ra-hang-thang,
  .co-mat-tai-ca-2-mien,
  .ho-tro-tu-van-chuyen-sau,
  .co-hoi-hop-tac-lau-dai,
  .trai-nghiem-san-pham-moi,
  .doi-ngu-to-chuc-chuyen-nghiep,
  .cap-nhat-xu-huong-hot-trend,
  .nang-cao-kien-thuc-pha-che,
  .nang-cao-kien-thuc-pha-che,
  .hoan-toan-mien-phi-67 {
    font-size: 16px; /* Reduce font size for better fit on mobile */
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word; /* Ngắt dòng nếu từ quá dài */
    white-space: normal; /* Cho phép văn bản ngắt dòng */
    overflow-wrap: break-word;
  }

  .admin-image {
    width: 40px; /* Scale down image */
    height: 40px;
  }

  .nguyen-huu-toan {
    font-size: 20px; /* Adjust font size */
    line-height: 1.2;
  }

  .founder {
    font-size: 17px;
    line-height: 1.2;
  }

  .trophy-star {
    display: none;
    width: 20px; /* Scale down icon size */
    height: 20px;
  }

  .nam-kinh-nghiem {
    display: none;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
  }
  .form-container {
    width: 100%; /* Make form take up more space on small screens */
    padding: 10px; /* Adjust padding */
  }

  h2 {
    font-size: 18px; /* Reduce font size for smaller screens */
    margin: 3px 0px;
  }

  input,
  select {
    font-size: 14px; /* Smaller font for inputs and selects */
    padding: 8px; /* Adjust padding for inputs */
    margin-top: 3px;
  }

  button {
    width: 70%; /* Increase button width for easier tapping */
    font-size: 16px; /* Adjust font size */
    height: 5vh; /* Adjust button height */
  }

  #statusMessage {
    font-size: 12px; /* Reduce status message font size for mobile */
  }

  .container-36,
  .container-37 {
    justify-content: center;
    padding: 0 5%; /* Reduce padding for mobile */
  }

  .heading-38 {
    width: 100%; /* Full width on smaller screens */
    justify-content: center;
    margin: 20px 0 0 0; /* Reduce side margin */
    padding: 0; /* Remove bottom padding */
    align-items: center;
  }

  .container-39 {
    width: 100%;
    margin: 10px 0; /* Adjust margin for better spacing */
    padding: 5px 0;
  }

  .content {
    width: 100%;
    font-size: 17px; /* Smaller font size */
    line-height: 1.4; /* Adjust line height for readability */
    height: auto; /* Allow height to adjust with content */
    padding: 5px 10px; /* Add padding for better fit */
    text-align: justify;
  }

  .speaker {
    display: flex;
    max-width: 1200px;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-left: 20px;
  }
  .custom-image {
    width: 100%;
    padding-bottom: 10px;
  }

  .container-72 {
    width: 100%; /* Set to full width for mobile */
    margin-top: 33vh;
    margin-bottom: 2vh;
  }

  .container-73 {
    max-width: 100%; /* Set to full width */
    padding: 0 5%; /* Reduce padding for a more compact fit */
  }

  .container-74,
  .margin-75 {
    width: 100%; /* Allow elements to stack and take full width */
    padding: 0;
  }

  .container-76 {
    padding: 0;
  }

  .admin-image {
    width: 50px;
    height: 50px;
    max-width: 50px;
  }

  .container-77 {
    position: absolute;
    align-content: center;
    justify-content: center;
    left: 3vh;
    gap: 5px; /* Reduce gap for tighter layout */
  }

  .heading-78 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }

  .container-79 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }
  .container-7e {
    display: none;
  }
  .container-75 {
    display: none;
  }
  .container-3b,
  .container-56 {
    padding: 0px;
  }
  .container-80 {
    padding: 20px; /* Reduced padding */
  }

  .container-81,
  .container-82,
  .container-83 {
    width: 100%; /* Full width */
    padding: 0;
    margin: 0 auto;
  }
  .container-81 {
    height: 1050px;
  }
  .container-84 {
    width: 100%;
    padding: 10px;
  }

  .workshop-sap-dien-ra {
    width: 100%;
    font-size: 24px; /* Reduced font size for better fit */
    line-height: 32px;
    padding: 10px;
  }

  .component-86 {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .container-87,
  .events-image {
    width: 0%;
    height: auto;
  }

  .container-88 {
    justify-content: center;
    width: 100%;
    padding: 10px; /* Reduced padding */
  }

  .background-89 {
    padding: 2px 4px;
    width: auto;
  }

  .heading-8a,
  .component-8b,
  .text-8c {
    font-size: 18px;
    width: 85vw;
    word-wrap: break-word;
  }

  .workshop-date {
    width: 85vw;
    word-wrap: break-word;
    overflow-wrap: break-word; /* Thêm thuộc tính này để hỗ trợ trên các trình duyệt mới */
    white-space: normal; /* Đảm bảo văn bản có thể ngắt dòng */
    margin-bottom: 40px;
  }
  .text-23 {
    width: 85vw;
    word-wrap: break-word;
    font-size: 14px;
  }

  .container-8d,
  .text-ab,
  .text-ab .dang-ky-ngay-ac {
    width: 100%;
    font-size: 14px;
  }

  .border,
  .border-ad,
  .border-c4 {
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: 90vw;
  }

  .dang-ky-ngay,
  .dang-ky-ngay-c3,
  .background-da {
    font-size: 16px;
  }

  .list-57,
  .list-99,
  .list-af,
  .list-c6 {
    gap: 15px; /* Reduced gap */
  }

  .heading-85,
  .text-26 {
    height: 0px;
    display: none;
  }
  .workshop-sap-dien-ra {
    font-size: 25px;
  }

  /* Reduced font sizes for smaller text elements */

  /* Image and vector adjustments */
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-a9,
  .vector-c0,
  .vector-d6 {
    width: 15px;
    height: 15px;
  }

  .container-96 {
    position: relative; /* Removed absolute positioning for better mobile handling */
    width: 90%; /* Full width with some padding on sides */
    max-width: 100%; /* Constrains to screen size */
    gap: 15px; /* Smaller gap for compact spacing */
    left: 0; /* Center-align by removing left offset */
    transform: none; /* Remove transform for mobile alignment */
    height: 600px;
  }

  .heading-97 {
    width: 100%;
    padding: 5px 0; /* Reduced padding */
    text-align: center; /* Center align heading text */
  }

  .su-kien-sap-dien-ra {
    margin-top: 60px;
    font-size: 20px; /* Reduced font size for mobile legibility */
    line-height: 20px; /* Adjusted line-height */
    width: 100%; /* Full width */
    text-align: left; /* Center-align for mobile */
    padding: 5px 0; /* Added padding for spacing */
  }

  .container-ae,
  .container-c5 {
    width: 70px;
  }
  .heading-c9,
  .container-b2 {
    width: 10px;
    padding: 0 20px;
  }
  .component-ca,
  .heading-b3 {
    width: 55vw;
  }
  .text-cb,
  .workshop-chuyen-cung-don-noel {
    width: 55vw;
  }

  .container-cc {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 50vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* Cho phép ngắt dòng */
  }

  .thuong-hieu-gau-lermao-tra-phuong-hoang-hoi-cho-mekong-can-tho,
  .container-cd {
    display: none;
  }

  .efc-le-loi-can-tho,
  .container-d2 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .container-d2 {
    margin-bottom: 20px;
  }

  .container-cf,
  .container-b8,
  .container-bc,
  .component-d3 {
    display: none;
  }
  .container-b7,
  .container-ce {
    padding: 0px;
  }

  .component-93 {
    margin-left: 89px;
    margin-top: 20px;
  }

  .background-89 {
    display: none;
  }

  .container-db {
    height: 600px;
    padding: 10px;
  }

  .container-dc,
  .container-dd {
    width: 90vw;
    height: 600px;
  }

  .container-de {
    width: 85vw;
    padding: 5px;
  }

  .heading-e1,
  .trai-nghiem-tron-ven-chi-co-tai-chuyen,
  .heading-e3 {
    width: 80vw;
    margin: 10px 0;
    font-size: 18px;
  }

  .container-e2,
  .container-e4 {
    font-size: 24px;
    line-height: 1.2;
  }

  .background-e5,
  .background-e9 {
    width: 85vw;
    height: auto;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    text-align: justify;
  }

  .features-icon,
  .section-31 {
    width: 0px;
    display: none;
  }

  .component-ec {
    width: 85vw;
    height: 85px;
    font-size: 16px;
    border-radius: 60px;
    margin-top: 20px;
    align-content: center;
    justify-content: center;
  }

  .features-icon-ea,
  .container-e6 {
    display: none;
  }

  .learn-more,
  .learn-more-104,
  .learn-more-110,
  .learn-more-11c {
    display: none;
  }

  .academic-image,
  .academic-image-100,
  .academic-image-118,
  .academic-image-10c {
    display: none;
  }

  .heading-f7,
  .heading-102,
  .heading-10e,
  .heading-11a {
    display: none;
  }

  .link-f8,
  .link-103,
  .link-10f,
  .link-11b {
    display: none;
  }

  .flex-row-a-f2,
  .flex-row-ba {
    display: none;
  }
  .dang-ky-ngay-ee {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
  }

  .heading-e3,
  .heading-e7 {
    padding: 0px;
    width: 90vw;
    max-width: 320px;
  }
  .container-e4,
  .container-e8 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 90vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
    margin-bottom: 20px;
  }
  .trai-nghiem-tron-ven-chi-co-tai-chuyen {
    margin-bottom: 30px;
  }
  .background-121 {
    height: 820px;
    padding: 5px;
  }

  .container-122,
  .container-127 {
    width: 90vw;
    max-width: 100%;
  }

  .container-123,
  .container-125 {
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 0px;
  }

  .heading-126 {
    padding: 5px;
  }

  .luon-dap-ung,
  .component-8f {
    display: none;
  }

  .khach-hang-noi-gi-ve-workshop {
    width: 100%;
    font-size: 22px;
    line-height: 1.2;
    height: 60px;
  }

  .container-128,
  .container-12b,
  .container-12f {
    width: 100%;
    padding: 10px 0;
    height: auto;
  }

  .success-image,
  .success-image-12e,
  .success-image-132 {
    width: 100%;
    height: 200px;
    max-width: 100%;
  }

  .component-133 {
    width: 80vw;
    height: 40px;
    margin: 20px auto;
    font-size: 14px;
  }

  .dang-ky-ngay-135 {
    font-size: 16px;
  }
  .container-127 {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
  .footer-social {
    display: none;
    width: 80%;
    height: auto;
    position: relative;
    left: 0;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
  }

  .footer-social h3 {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
  }

  .social-contain {
    height: auto;
    flex-direction: row;
    justify-content: center;
  }

  .social-icon img {
    width: 2rem;
    padding: 0.3rem;
  }

  .social-icon img:hover {
    width: 2.5rem;
  }

  .footer-content {
    display: block;
    padding: 1rem;
  }

  .footer-section,
  .footer-section2,
  .footer-section3 {
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
  }

  .footer-section h3,
  .footer-section2 h3,
  .footer-section3 h3,
  .footer-section h4,
  .footer-section2 h4 {
    font-size: 1.2rem;
  }

  .footer-section ul,
  .footer-section2 ul {
    padding: 0;
    text-align: center;
  }

  .footer-section ul li,
  .footer-section2 ul li {
    margin-bottom: 0.5rem;
  }

  .footer-section ul li a,
  .footer-section2 ul li a {
    font-size: 0.9rem;
  }

  .footer-bottom {
    padding: 1rem 0;
  }

  .footer-bottom p {
    font-size: 0.9rem;
  }

  .footer-section.maps {
    width: 100%;
  }

  .map-row {
    display: none;
    flex-direction: column;
    border-radius: 0.5rem;
  }

  .map-container {
    display: none;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
  }

  .map-container h4 {
    display: none;
    font-size: 1rem;
  }

  .contact a {
    font-size: 0.9rem;
  }

  iframe {
    width: 100%;
    height: 200px;
  }
  .footer-section3 {
    display: none;
  }
  .logofoot {
    width: 20vw; /* Adjust this value as needed */
    max-width: 200px; /* Ensures it doesn’t get too large */
    height: auto; /* Maintains the aspect ratio */
    padding: 0.5rem; /* Optional: adds padding around the logo */
    display: block; /* Centers it in its container */
    margin: 0 auto; /* Centers the logo horizontally */
  }
  .workshop-chuyen-sap-dien-ra,
  .text-8c,
  .workshop-date {
    text-align: center;
  }
  .thong-tin-su-kien {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 414px) {
  /* CSS dành cho iPhone 12 Pro, iPhone 13 */

  body {
    margin: 0;
  }

  /* Base Styles */

  .background-13a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    height: 100vh;
    top: 0px;
    right: 0;
    left: 0;
    padding: 134px 300px 212px 300px;
    background: url(./assets/images/3f236bb6719c554900883bfeb8a47f1ed7b29970.png)
      no-repeat center;
    background-size: cover;
  }
  .background-13b {
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #120f2d;
    opacity: 0.4;
    z-index: 1;
  }
  .container-13c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    min-width: 0;
    padding: 0 110px;
    z-index: 2;
    max-width: 1320px;
  }
  .container-13d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 1100px;
    height: 740px;
    z-index: 3;
    max-width: 1100px;
  }
  .container-13e,
  .section-43,
  .pic-1a,
  .wrapper-4b,
  .box-50,
  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation,
  .container-142,
  .component-143,
  .text-144,
  .register-now-145,
  .component-146,
  .text-147,
  .lien-he,
  .container-148 {
    /* Your original styles */
  }

  .background-13a {
    padding: 50px 30px; /* Reduce padding for smaller screen */
    background-size: cover;
  }

  .container-13c {
    margin-top: 10vh;
    padding: 0 30px; /* Reduce padding for smaller screen */
    max-width: 100%;
  }

  .container-13d {
    width: 100%;
    height: auto;
    max-width: 100%;
    padding: 0 30px;
  }

  .container-13e {
    height: auto;
    max-width: 100%;
    padding: 0;
  }

  .text-4a {
    width: 100%;
    font-size: 22px; /* Adjust font size for readability on smaller screens */
    line-height: 1.2;
    white-space: normal; /* Allow text to wrap */
  }

  .section-43 {
    padding: 15px 25px; /* Reduce padding */
    height: 18vh; /* Allow height to adapt */
  }

  .pic-1a {
    width: 85vw;
    height: 100%;
  }

  .wrapper-4b {
    width: 100%;
    padding: 10px;
  }

  .box-50 {
    width: 130%;
    font-size: 19px; /* Adjust font size */
    line-height: 1.5;
    text-align: center;
  }

  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation {
    font-size: 16px; /* Smaller font size for readability */
    line-height: 1.4;
  }

  .container-142 {
    flex-direction: column;
    padding: 10px;
    gap: 10px;
  }

  .component-143,
  .component-146 {
    width: 100%;
    padding: 15px 25px;
    font-size: 16px;
    border-radius: 20px;
  }

  .text-144,
  .text-147,
  .register-now-145,
  .lien-he {
    font-size: 14px;
    line-height: 1.2;
  }

  .container-148 {
    width: 100%;
    height: auto;
    padding: 20px;
  }
  /*////*/
  .container {
    display: none;
    height: 15vh;
    padding: 0 10px; /* Reduce padding for smaller screen */
  }

  .container-1 {
    padding: 5px 5vw; /* Adjust padding for smaller screen */
    flex-direction: column;
    height: auto; /* Allow height to adapt */
  }

  .group,
  .group-3,
  .group-5 {
    width: 80%; /* Make smaller to fit screen */
    height: auto;
  }

  .lermao-vn,
  .contact-info,
  .email {
    font-size: 14px; /* Reduce font size for readability on mobile */
    line-height: 20px;
    top: auto;
    left: 10px;
  }

  .container-7 {
    padding: 0 5px;
  }

  .nav {
    height: auto; /* Allow nav to adjust to content */
  }

  .list-margin,
  .list {
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 0;
  }

  .item-margin,
  .item-margin-c,
  .item-margin-12,
  .item-margin-18,
  .item-margin-1e,
  .item-margin-24 {
    width: 100%;
    padding: 0;
    align-items: center;
  }

  .component,
  .component-9,
  .component-d,
  .component-e,
  .component-13,
  .component-14,
  .component-19,
  .component-1a {
    width: 100%;
    height: auto;
  }

  .text-home,
  .text-info,
  .text-recipe,
  .text-register,
  .text-lermao-bear,
  .contact,
  .text {
    font-size: 14px; /* Adjust font size for readability */
    line-height: 20px;
    text-align: center;
  }

  .register-now,
  .link {
    width: 80%; /* Adjust button width */
    padding: 10px 15px;
    border-radius: 20px;
  }

  .asset,
  .vector,
  .vector-11,
  .vector-17,
  .vector-23,
  .vector-29,
  .vector-1d {
    width: 80%; /* Scale down vector sizes */
    height: auto;
  }

  .margin,
  .link-margin,
  .link-2f,
  .container-2b,
  .container-2d,
  .container-2e {
    width: 100%; /* Full width on mobile */
    padding: 5px;
  }

  .register-now {
    padding: 10px;
    border-radius: 20px; /* Adjust button radius */
  }

  /* Ensure icons and text align centrally on mobile */
  .container-21,
  .container-27 {
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
  }

  .container-15,
  .container-1b {
    width: 90%;
    display: flex;
    justify-content: center;
  }
  /*////*/
  .background {
    margin-top: 102vh;
    padding: 10px 0px; /* Adjust padding for mobile */
  }

  .group-30 {
    width: 100vw;
  }

  .workshop-experience {
    font-size: 24px; /* Reduce font size for readability on mobile */
    line-height: 1.2;
    padding-bottom: 20px;
  }

  .flex-row-a {
    padding-bottom: 10px; /* Adjust spacing */
  }

  .frame {
    width: 100vw; /* Increase width for better visibility */
    height: 30vh; /* Adjust height for mobile screen */
    border-radius: 20px; /* Reduce border radius */
  }

  .rectangle {
    display: none;
  }

  .background-31 {
    flex-direction: column;
    padding: 5px; /* Adjust padding for smaller screens */
  }

  .container-34 {
    width: 100%; /* Full width for mobile */
    padding: 5px 0;
  }

  .background-shadow {
    width: 90%; /* Make the shadow background fit smaller screens */
    padding: 20px 5px; /* Reduce padding */
    gap: 15px; /* Reduce gap */
  }

  .hoan-toan-mien-phi {
    font-size: 24px; /* Smaller font size for readability */
    line-height: 1.2;
  }

  .heading {
    padding-top: 10px;
  }

  .container-35 {
    height: auto; /* Allow container height to adapt */
    padding: 5px;
  }

  .chuyen-minh-thich-nghi {
    font-size: 22px; /* Reduce font size */
    line-height: 1.2;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
  }
  .container-3a {
    flex-direction: column;
    gap: 30vh;
  }

  .list-3c,
  .list-57 {
    padding: 10px;
    gap: 15px; /* Reduce gap */
  }

  .item-3d,
  .item-51,
  .item-58,
  .item-47,
  .item-42,
  .item-4c,
  .item-62,
  .item-68,
  .item-6d,
  .item-5d {
    padding: 5px; /* Adjust padding */
    width: 70vw;
  }

  .vector-41,
  .vector-46,
  .vector-4b,
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-55,
  .vector-50 {
    width: 15px; /* Scale down vector sizes */
    height: 15px;
  }

  .luon-co-cong-thuc-moi,
  .dien-ra-hang-thang,
  .co-mat-tai-ca-2-mien,
  .ho-tro-tu-van-chuyen-sau,
  .co-hoi-hop-tac-lau-dai,
  .trai-nghiem-san-pham-moi,
  .doi-ngu-to-chuc-chuyen-nghiep,
  .cap-nhat-xu-huong-hot-trend,
  .nang-cao-kien-thuc-pha-che,
  .nang-cao-kien-thuc-pha-che,
  .hoan-toan-mien-phi-67 {
    font-size: 16px; /* Reduce font size for better fit on mobile */
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word; /* Ngắt dòng nếu từ quá dài */
    white-space: normal; /* Cho phép văn bản ngắt dòng */
    overflow-wrap: break-word;
  }

  .admin-image {
    width: 40px; /* Scale down image */
    height: 40px;
  }

  .nguyen-huu-toan {
    font-size: 22px; /* Adjust font size */
    line-height: 1.2;
  }

  .founder {
    font-size: 17px;
    line-height: 1.2;
  }

  .trophy-star {
    display: none;
    width: 20px; /* Scale down icon size */
    height: 20px;
  }

  .nam-kinh-nghiem {
    display: none;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
  }
  .form-container {
    width: 100%; /* Make form take up more space on small screens */
    padding: 10px; /* Adjust padding */
  }

  h2 {
    font-size: 19px; /* Reduce font size for smaller screens */
    margin: 3px 0px;
  }

  input,
  select {
    font-size: 14px; /* Smaller font for inputs and selects */
    padding: 8px; /* Adjust padding for inputs */
    margin-top: 3px;
  }

  button {
    width: 70%; /* Increase button width for easier tapping */
    font-size: 16px; /* Adjust font size */
    height: 5vh; /* Adjust button height */
  }

  #statusMessage {
    font-size: 12px; /* Reduce status message font size for mobile */
  }

  .container-36,
  .container-37 {
    justify-content: center;
    padding: 0 5%; /* Reduce padding for mobile */
  }

  .heading-38 {
    width: 100%; /* Full width on smaller screens */
    justify-content: center;
    margin: 20px 0 0 0; /* Reduce side margin */
    padding: 0; /* Remove bottom padding */
    align-items: center;
  }

  .container-39 {
    width: 100%;
    margin: 10px 0; /* Adjust margin for better spacing */
    padding: 5px 0;
  }

  .content {
    width: 100%;
    font-size: 17px; /* Smaller font size */
    line-height: 1.4; /* Adjust line height for readability */
    height: auto; /* Allow height to adjust with content */
    padding: 5px 10px; /* Add padding for better fit */
    text-align: justify;
  }

  .speaker {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-left: 20px;
  }
  .custom-image {
    width: 100%;
    padding-bottom: 10px;
  }

  .container-72 {
    width: 100%; /* Set to full width for mobile */
    margin-top: 33vh;
    margin-bottom: 2vh;
  }

  .container-73 {
    max-width: 100%; /* Set to full width */
    padding: 0 5%; /* Reduce padding for a more compact fit */
  }

  .container-74,
  .margin-75 {
    width: 100%; /* Allow elements to stack and take full width */
    padding: 0;
  }

  .container-76 {
    padding: 0;
  }

  .admin-image {
    width: 50px;
    height: 50px;
    max-width: 50px;
  }

  .container-77 {
    position: absolute;
    align-content: center;
    justify-content: center;
    left: 3vh;
    gap: 5px; /* Reduce gap for tighter layout */
  }

  .heading-78 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }

  .container-79 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }
  .container-7e {
    display: none;
  }
  .container-75 {
    display: none;
  }
  .container-3b,
  .container-56 {
    padding: 0px;
  }
  .container-80 {
    padding: 20px; /* Reduced padding */
  }

  .container-81,
  .container-82,
  .container-83 {
    width: 100%; /* Full width */
    padding: 0;
    margin: 0 auto;
  }
  .container-81 {
    height: 1050px;
  }
  .container-84 {
    width: 100%;
    padding: 10px;
  }

  .workshop-sap-dien-ra {
    width: 100%;
    font-size: 24px; /* Reduced font size for better fit */
    line-height: 32px;
    padding: 10px;
  }

  .component-86 {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .container-87,
  .events-image {
    width: 0%;
    height: auto;
  }

  .container-88 {
    justify-content: center;
    width: 100%;
    padding: 10px; /* Reduced padding */
  }

  .background-89 {
    padding: 2px 4px;
    width: auto;
  }

  .heading-8a,
  .component-8b,
  .text-8c {
    font-size: 19px;
    width: 85vw;
    word-wrap: break-word;
  }

  .workshop-date {
    width: 85vw;
    word-wrap: break-word;
    overflow-wrap: break-word; /* Thêm thuộc tính này để hỗ trợ trên các trình duyệt mới */
    white-space: normal; /* Đảm bảo văn bản có thể ngắt dòng */
    margin-bottom: 40px;
  }
  .text-23 {
    width: 85vw;
    word-wrap: break-word;
    font-size: 14px;
  }

  .container-8d,
  .text-ab,
  .text-ab .dang-ky-ngay-ac {
    width: 100%;
    font-size: 14px;
  }

  .border,
  .border-ad,
  .border-c4 {
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: 90vw;
  }

  .dang-ky-ngay,
  .dang-ky-ngay-c3,
  .background-da {
    font-size: 16px;
  }

  .list-57,
  .list-99,
  .list-af,
  .list-c6 {
    gap: 15px; /* Reduced gap */
  }

  .heading-85,
  .text-26 {
    height: 0px;
    display: none;
  }
  .workshop-sap-dien-ra {
    font-size: 25px;
  }

  /* Reduced font sizes for smaller text elements */

  /* Image and vector adjustments */
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-a9,
  .vector-c0,
  .vector-d6 {
    width: 15px;
    height: 15px;
  }

  .container-96 {
    position: relative; /* Removed absolute positioning for better mobile handling */
    width: 90%; /* Full width with some padding on sides */
    max-width: 100%; /* Constrains to screen size */
    gap: 15px; /* Smaller gap for compact spacing */
    left: 0; /* Center-align by removing left offset */
    transform: none; /* Remove transform for mobile alignment */
    height: 600px;
  }

  .heading-97 {
    width: 100%;
    padding: 5px 0; /* Reduced padding */
    text-align: center; /* Center align heading text */
  }

  .su-kien-sap-dien-ra {
    margin-top: 60px;
    font-size: 22px; /* Reduced font size for mobile legibility */
    line-height: 20px; /* Adjusted line-height */
    width: 100%; /* Full width */
    text-align: left; /* Center-align for mobile */
    padding: 5px 0; /* Added padding for spacing */
  }

  .container-ae,
  .container-c5 {
    width: 70px;
  }
  .heading-c9,
  .container-b2 {
    width: 10px;
    padding: 0 30px;
  }
  .component-ca,
  .heading-b3 {
    width: 55vw;
  }
  .text-cb,
  .workshop-chuyen-cung-don-noel {
    width: 55vw;
  }

  .container-cc {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 50vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* Cho phép ngắt dòng */
  }

  .thuong-hieu-gau-lermao-tra-phuong-hoang-hoi-cho-mekong-can-tho,
  .container-cd {
    display: none;
  }

  .efc-le-loi-can-tho,
  .container-d2 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .container-d2 {
    margin-bottom: 20px;
  }

  .container-cf,
  .container-b8,
  .container-bc,
  .component-d3 {
    display: none;
  }
  .container-b7,
  .container-ce {
    padding: 0px;
  }

  .component-93 {
    margin-left: 89px;
    margin-top: 20px;
  }

  .background-89 {
    display: none;
  }

  .container-db {
    height: 600px;
    padding: 10px;
  }

  .container-dc,
  .container-dd {
    width: 90vw;
    height: 600px;
  }

  .container-de {
    width: 85vw;
    padding: 5px;
  }

  .heading-e1,
  .trai-nghiem-tron-ven-chi-co-tai-chuyen,
  .heading-e3 {
    width: 85vw;
    margin: 10px 0;
    font-size: 19px;
  }

  .container-e2,
  .container-e4 {
    font-size: 24px;
    line-height: 1.2;
  }

  .background-e5,
  .background-e9 {
    width: 85vw;
    height: auto;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    text-align: justify;
  }

  .features-icon,
  .section-31 {
    width: 0px;
    display: none;
  }

  .component-ec {
    width: 85vw;
    height: 85px;
    font-size: 16px;
    border-radius: 60px;
    margin-top: 20px;
    align-content: center;
    justify-content: center;
  }

  .features-icon-ea,
  .container-e6 {
    display: none;
  }

  .learn-more,
  .learn-more-104,
  .learn-more-110,
  .learn-more-11c {
    display: none;
  }

  .academic-image,
  .academic-image-100,
  .academic-image-118,
  .academic-image-10c {
    display: none;
  }

  .heading-f7,
  .heading-102,
  .heading-10e,
  .heading-11a {
    display: none;
  }

  .link-f8,
  .link-103,
  .link-10f,
  .link-11b {
    display: none;
  }

  .flex-row-a-f2,
  .flex-row-ba {
    display: none;
  }
  .dang-ky-ngay-ee {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
  }

  .heading-e3,
  .heading-e7 {
    padding: 0px;
    width: 90vw;
    max-width: 320px;
  }
  .container-e4,
  .container-e8 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 90vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
    margin-bottom: 20px;
  }
  .trai-nghiem-tron-ven-chi-co-tai-chuyen {
    margin-bottom: 30px;
  }
  .background-121 {
    height: 820px;
    padding: 5px;
  }

  .container-122,
  .container-127 {
    width: 90vw;
    max-width: 100%;
  }

  .container-123,
  .container-125 {
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 0px;
  }

  .heading-126 {
    padding: 5px;
  }

  .luon-dap-ung,
  .component-8f {
    display: none;
  }

  .khach-hang-noi-gi-ve-workshop {
    width: 100%;
    font-size: 22px;
    line-height: 1.2;
    height: 60px;
  }

  .container-128,
  .container-12b,
  .container-12f {
    width: 100%;
    padding: 10px 0;
    height: auto;
  }

  .success-image,
  .success-image-12e,
  .success-image-132 {
    width: 100%;
    height: 200px;
    max-width: 100%;
  }

  .component-133 {
    width: 85vw;
    height: 40px;
    margin: 20px auto;
    font-size: 14px;
  }

  .dang-ky-ngay-135 {
    font-size: 16px;
  }
  .container-127 {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
  .footer-social {
    display: none;
    width: 80%;
    height: auto;
    position: relative;
    left: 0;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
  }

  .footer-social h3 {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
  }

  .social-contain {
    height: auto;
    flex-direction: row;
    justify-content: center;
  }

  .social-icon img {
    width: 2rem;
    padding: 0.3rem;
  }

  .social-icon img:hover {
    width: 2.5rem;
  }

  .footer-content {
    display: block;
    padding: 1rem;
  }

  .footer-section,
  .footer-section2,
  .footer-section3 {
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
  }

  .footer-section h3,
  .footer-section2 h3,
  .footer-section3 h3,
  .footer-section h4,
  .footer-section2 h4 {
    font-size: 1.2rem;
  }

  .footer-section ul,
  .footer-section2 ul {
    padding: 0;
    text-align: center;
  }

  .footer-section ul li,
  .footer-section2 ul li {
    margin-bottom: 0.5rem;
  }

  .footer-section ul li a,
  .footer-section2 ul li a {
    font-size: 0.9rem;
  }

  .footer-bottom {
    padding: 1rem 0;
  }

  .footer-bottom p {
    font-size: 0.9rem;
  }

  .footer-section.maps {
    width: 100%;
  }

  .map-row {
    display: none;
    flex-direction: column;
    border-radius: 0.5rem;
  }

  .map-container {
    display: none;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
  }

  .map-container h4 {
    display: none;
    font-size: 1rem;
  }

  .contact a {
    font-size: 0.9rem;
  }

  iframe {
    width: 100%;
    height: 200px;
  }
  .footer-section3 {
    display: none;
  }
  .logofoot {
    width: 20vw; /* Adjust this value as needed */
    max-width: 200px; /* Ensures it doesn’t get too large */
    height: auto; /* Maintains the aspect ratio */
    padding: 0.5rem; /* Optional: adds padding around the logo */
    display: block; /* Centers it in its container */
    margin: 0 auto; /* Centers the logo horizontally */
  }
  .workshop-chuyen-sap-dien-ra,
  .text-8c,
  .workshop-date {
    text-align: center;
  }
  .thong-tin-su-kien {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 430px) {
  /* CSS dành cho iPhone 12 Pro, iPhone 13 */

  body {
    margin: 0;
  }

  /* Base Styles */

  .background-13a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    height: 100vh;
    top: 0px;
    right: 0;
    left: 0;
    padding: 134px 300px 212px 300px;
    background: url(./assets/images/3f236bb6719c554900883bfeb8a47f1ed7b29970.png)
      no-repeat center;
    background-size: cover;
  }
  .background-13b {
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #120f2d;
    opacity: 0.4;
    z-index: 1;
  }
  .container-13c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    min-width: 0;
    padding: 0 110px;
    z-index: 2;
    max-width: 1320px;
  }
  .container-13d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 1100px;
    height: 740px;
    z-index: 3;
    max-width: 1100px;
  }
  .container-13e,
  .section-43,
  .pic-1a,
  .wrapper-4b,
  .box-50,
  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation,
  .container-142,
  .component-143,
  .text-144,
  .register-now-145,
  .component-146,
  .text-147,
  .lien-he,
  .container-148 {
    /* Your original styles */
  }

  .background-13a {
    padding: 50px 35px; /* Reduce padding for smaller screen */
    background-size: cover;
  }

  .container-13c {
    margin-top: 10vh;
    padding: 0 35px; /* Reduce padding for smaller screen */
    max-width: 100%;
  }

  .container-13d {
    width: 100%;
    height: auto;
    max-width: 100%;
    padding: 0 35px;
  }

  .container-13e {
    height: auto;
    max-width: 100%;
    padding: 0;
  }

  .text-4a {
    width: 120%;
    font-size: 24px; /* Adjust font size for readability on smaller screens */
    line-height: 1.2;
    white-space: normal; /* Allow text to wrap */
  }

  .section-43 {
    padding: 15px 30px; /* Reduce padding */
    height: 18vh; /* Allow height to adapt */
  }

  .pic-1a {
    width: 92vw;
    height: 120%;
  }

  .wrapper-4b {
    width: 120%;
    padding: 10px;
  }

  .box-50 {
    width: 130%;
    font-size: 20px; /* Adjust font size */
    line-height: 1.5;
    text-align: center;
  }

  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation {
    font-size: 16px; /* Smaller font size for readability */
    line-height: 1.4;
  }

  .container-142 {
    flex-direction: column;
    padding: 10px;
    gap: 10px;
  }

  .component-143,
  .component-146 {
    width: 100%;
    padding: 15px 30px;
    font-size: 16px;
    border-radius: 20px;
  }

  .text-144,
  .text-147,
  .register-now-145,
  .lien-he {
    font-size: 14px;
    line-height: 1.2;
  }

  .container-148 {
    width: 100%;
    height: auto;
    padding: 20px;
  }
  /*////*/
  .container {
    display: none;
    height: 15vh;
    padding: 0 10px; /* Reduce padding for smaller screen */
  }

  .container-1 {
    padding: 5px 5vw; /* Adjust padding for smaller screen */
    flex-direction: column;
    height: auto; /* Allow height to adapt */
  }

  .group,
  .group-3,
  .group-5 {
    width: 80%; /* Make smaller to fit screen */
    height: auto;
  }

  .lermao-vn,
  .contact-info,
  .email {
    font-size: 14px; /* Reduce font size for readability on mobile */
    line-height: 20px;
    top: auto;
    left: 10px;
  }

  .container-7 {
    padding: 0 5px;
  }

  .nav {
    height: auto; /* Allow nav to adjust to content */
  }

  .list-margin,
  .list {
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 0;
  }

  .item-margin,
  .item-margin-c,
  .item-margin-12,
  .item-margin-18,
  .item-margin-1e,
  .item-margin-24 {
    width: 100%;
    padding: 0;
    align-items: center;
  }

  .component,
  .component-9,
  .component-d,
  .component-e,
  .component-13,
  .component-14,
  .component-19,
  .component-1a {
    width: 100%;
    height: auto;
  }

  .text-home,
  .text-info,
  .text-recipe,
  .text-register,
  .text-lermao-bear,
  .contact,
  .text {
    font-size: 14px; /* Adjust font size for readability */
    line-height: 20px;
    text-align: center;
  }

  .register-now,
  .link {
    width: 80%; /* Adjust button width */
    padding: 10px 15px;
    border-radius: 20px;
  }

  .asset,
  .vector,
  .vector-11,
  .vector-17,
  .vector-23,
  .vector-29,
  .vector-1d {
    width: 80%; /* Scale down vector sizes */
    height: auto;
  }

  .margin,
  .link-margin,
  .link-2f,
  .container-2b,
  .container-2d,
  .container-2e {
    width: 100%; /* Full width on mobile */
    padding: 5px;
  }

  .register-now {
    padding: 10px;
    border-radius: 20px; /* Adjust button radius */
  }

  /* Ensure icons and text align centrally on mobile */
  .container-21,
  .container-27 {
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
  }

  .container-15,
  .container-1b {
    width: 90%;
    display: flex;
    justify-content: center;
  }
  /*////*/
  .background {
    margin-top: 102vh;
    padding: 10px 0px; /* Adjust padding for mobile */
  }

  .group-30 {
    width: 100vw;
  }

  .workshop-experience {
    font-size: 24px; /* Reduce font size for readability on mobile */
    line-height: 1.2;
    padding-bottom: 20px;
  }

  .flex-row-a {
    padding-bottom: 10px; /* Adjust spacing */
  }

  .frame {
    width: 100vw; /* Increase width for better visibility */
    height: 30vh; /* Adjust height for mobile screen */
    border-radius: 20px; /* Reduce border radius */
  }

  .rectangle {
    display: none;
  }

  .background-31 {
    flex-direction: column;
    padding: 5px; /* Adjust padding for smaller screens */
  }

  .container-34 {
    width: 100%; /* Full width for mobile */
    padding: 5px 0;
  }

  .background-shadow {
    width: 90%; /* Make the shadow background fit smaller screens */
    padding: 20px 5px; /* Reduce padding */
    gap: 15px; /* Reduce gap */
  }

  .hoan-toan-mien-phi {
    font-size: 24px; /* Smaller font size for readability */
    line-height: 1.2;
  }

  .heading {
    padding-top: 10px;
  }

  .container-35 {
    height: auto; /* Allow container height to adapt */
    padding: 5px;
  }

  .chuyen-minh-thich-nghi {
    font-size: 24px; /* Reduce font size */
    line-height: 1.2;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
  }
  .container-3a {
    flex-direction: column;
    gap: 30vh;
  }

  .list-3c,
  .list-57 {
    padding: 10px;
    gap: 15px; /* Reduce gap */
  }

  .item-3d,
  .item-51,
  .item-58,
  .item-47,
  .item-42,
  .item-4c,
  .item-62,
  .item-68,
  .item-6d,
  .item-5d {
    padding: 5px; /* Adjust padding */
    width: 70vw;
  }

  .vector-41,
  .vector-46,
  .vector-4b,
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-55,
  .vector-50 {
    width: 15px; /* Scale down vector sizes */
    height: 15px;
  }

  .luon-co-cong-thuc-moi,
  .dien-ra-hang-thang,
  .co-mat-tai-ca-2-mien,
  .ho-tro-tu-van-chuyen-sau,
  .co-hoi-hop-tac-lau-dai,
  .trai-nghiem-san-pham-moi,
  .doi-ngu-to-chuc-chuyen-nghiep,
  .cap-nhat-xu-huong-hot-trend,
  .nang-cao-kien-thuc-pha-che,
  .nang-cao-kien-thuc-pha-che,
  .hoan-toan-mien-phi-67 {
    font-size: 16px; /* Reduce font size for better fit on mobile */
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word; /* Ngắt dòng nếu từ quá dài */
    white-space: normal; /* Cho phép văn bản ngắt dòng */
    overflow-wrap: break-word;
  }

  .admin-image {
    width: 40px; /* Scale down image */
    height: 40px;
  }

  .nguyen-huu-toan {
    font-size: 24px; /* Adjust font size */
    line-height: 1.2;
  }

  .founder {
    font-size: 17px;
    line-height: 1.2;
  }

  .trophy-star {
    display: none;
    width: 20px; /* Scale down icon size */
    height: 20px;
  }

  .nam-kinh-nghiem {
    display: none;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
  }
  .form-container {
    width: 100%; /* Make form take up more space on small screens */
    padding: 10px; /* Adjust padding */
  }

  h2 {
    font-size: 20px; /* Reduce font size for smaller screens */
    margin: 3px 0px;
  }

  input,
  select {
    font-size: 14px; /* Smaller font for inputs and selects */
    padding: 8px; /* Adjust padding for inputs */
    margin-top: 3px;
  }

  button {
    width: 70%; /* Increase button width for easier tapping */
    font-size: 16px; /* Adjust font size */
    height: 5vh; /* Adjust button height */
  }

  #statusMessage {
    font-size: 12px; /* Reduce status message font size for mobile */
  }

  .container-36,
  .container-37 {
    justify-content: center;
    padding: 0 5%; /* Reduce padding for mobile */
  }

  .heading-38 {
    width: 100%; /* Full width on smaller screens */
    justify-content: center;
    margin: 20px 0 0 0; /* Reduce side margin */
    padding: 0; /* Remove bottom padding */
    align-items: center;
  }

  .container-39 {
    width: 100%;
    margin: 10px 0; /* Adjust margin for better spacing */
    padding: 5px 0;
  }

  .content {
    width: 100%;
    font-size: 17px; /* Smaller font size */
    line-height: 1.4; /* Adjust line height for readability */
    height: auto; /* Allow height to adjust with content */
    padding: 5px 10px; /* Add padding for better fit */
    text-align: justify;
  }

  .speaker {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-left: 20px;
  }
  .custom-image {
    width: 100%;
    padding-bottom: 10px;
  }

  .container-72 {
    width: 100%; /* Set to full width for mobile */
    margin-top: 33vh;
    margin-bottom: 2vh;
  }

  .container-73 {
    max-width: 100%; /* Set to full width */
    padding: 0 5%; /* Reduce padding for a more compact fit */
  }

  .container-74,
  .margin-75 {
    width: 100%; /* Allow elements to stack and take full width */
    padding: 0;
  }

  .container-76 {
    padding: 0;
  }

  .admin-image {
    width: 50px;
    height: 50px;
    max-width: 50px;
  }

  .container-77 {
    position: absolute;
    align-content: center;
    justify-content: center;
    left: 3vh;
    gap: 5px; /* Reduce gap for tighter layout */
  }

  .heading-78 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }

  .container-79 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }
  .container-7e {
    display: none;
  }
  .container-75 {
    display: none;
  }
  .container-3b,
  .container-56 {
    padding: 0px;
  }
  .container-80 {
    padding: 20px; /* Reduced padding */
  }

  .container-81,
  .container-82,
  .container-83 {
    width: 100%; /* Full width */
    padding: 0;
    margin: 0 auto;
  }
  .container-81 {
    height: 1050px;
  }
  .container-84 {
    width: 100%;
    padding: 10px;
  }

  .workshop-sap-dien-ra {
    width: 100%;
    font-size: 24px; /* Reduced font size for better fit */
    line-height: 32px;
    padding: 10px;
  }

  .component-86 {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .container-87,
  .events-image {
    width: 0%;
    height: auto;
  }

  .container-88 {
    justify-content: center;
    width: 100%;
    padding: 10px; /* Reduced padding */
  }

  .background-89 {
    padding: 2px 4px;
    width: auto;
  }

  .heading-8a,
  .component-8b,
  .text-8c {
    font-size: 20px;
    width: 88vw;
    word-wrap: break-word;
  }

  .workshop-date {
    width: 88vw;
    word-wrap: break-word;
    overflow-wrap: break-word; /* Thêm thuộc tính này để hỗ trợ trên các trình duyệt mới */
    white-space: normal; /* Đảm bảo văn bản có thể ngắt dòng */
    margin-bottom: 40px;
  }
  .text-23 {
    width: 88vw;
    word-wrap: break-word;
    font-size: 14px;
  }

  .container-8d,
  .text-ab,
  .text-ab .dang-ky-ngay-ac {
    width: 100%;
    font-size: 14px;
  }

  .border,
  .border-ad,
  .border-c4 {
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: 90vw;
  }

  .dang-ky-ngay,
  .dang-ky-ngay-c3,
  .background-da {
    font-size: 16px;
  }

  .list-57,
  .list-99,
  .list-af,
  .list-c6 {
    gap: 15px; /* Reduced gap */
  }

  .heading-85,
  .text-26 {
    height: 0px;
    display: none;
  }
  .workshop-sap-dien-ra {
    font-size: 25px;
  }

  /* Reduced font sizes for smaller text elements */

  /* Image and vector adjustments */
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-a9,
  .vector-c0,
  .vector-d6 {
    width: 15px;
    height: 15px;
  }

  .container-96 {
    position: relative; /* Removed absolute positioning for better mobile handling */
    width: 90%; /* Full width with some padding on sides */
    max-width: 100%; /* Constrains to screen size */
    gap: 15px; /* Smaller gap for compact spacing */
    left: 0; /* Center-align by removing left offset */
    transform: none; /* Remove transform for mobile alignment */
    height: 600px;
  }

  .heading-97 {
    width: 100%;
    padding: 5px 0; /* Reduced padding */
    text-align: center; /* Center align heading text */
  }

  .su-kien-sap-dien-ra {
    margin-top: 60px;
    font-size: 24px; /* Reduced font size for mobile legibility */
    line-height: 20px; /* Adjusted line-height */
    width: 100%; /* Full width */
    text-align: left; /* Center-align for mobile */
    padding: 5px 0; /* Added padding for spacing */
  }

  .container-ae,
  .container-c5 {
    width: 70px;
  }
  .heading-c9,
  .container-b2 {
    width: 10px;
    padding: 0 35px;
  }
  .component-ca,
  .heading-b3 {
    width: 55vw;
  }
  .text-cb,
  .workshop-chuyen-cung-don-noel {
    width: 55vw;
  }

  .container-cc {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 50vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* Cho phép ngắt dòng */
  }

  .thuong-hieu-gau-lermao-tra-phuong-hoang-hoi-cho-mekong-can-tho,
  .container-cd {
    display: none;
  }

  .efc-le-loi-can-tho,
  .container-d2 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .container-d2 {
    margin-bottom: 20px;
  }

  .container-cf,
  .container-b8,
  .container-bc,
  .component-d3 {
    display: none;
  }
  .container-b7,
  .container-ce {
    padding: 0px;
  }

  .component-93 {
    margin-left: 89px;
    margin-top: 20px;
  }

  .background-89 {
    display: none;
  }

  .container-db {
    height: 600px;
    padding: 10px;
  }

  .container-dc,
  .container-dd {
    width: 90vw;
    height: 600px;
  }

  .container-de {
    width: 88vw;
    padding: 5px;
  }

  .heading-e1,
  .trai-nghiem-tron-ven-chi-co-tai-chuyen,
  .heading-e3 {
    width: 88vw;
    margin: 10px 0;
    font-size: 20px;
  }

  .container-e2,
  .container-e4 {
    font-size: 24px;
    line-height: 1.2;
  }

  .background-e5,
  .background-e9 {
    width: 88vw;
    height: auto;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    text-align: justify;
  }

  .features-icon,
  .section-31 {
    width: 0px;
    display: none;
  }

  .component-ec {
    width: 88vw;
    height: 85px;
    font-size: 16px;
    border-radius: 60px;
    margin-top: 20px;
    align-content: center;
    justify-content: center;
  }

  .features-icon-ea,
  .container-e6 {
    display: none;
  }

  .learn-more,
  .learn-more-104,
  .learn-more-110,
  .learn-more-11c {
    display: none;
  }

  .academic-image,
  .academic-image-100,
  .academic-image-118,
  .academic-image-10c {
    display: none;
  }

  .heading-f7,
  .heading-102,
  .heading-10e,
  .heading-11a {
    display: none;
  }

  .link-f8,
  .link-103,
  .link-10f,
  .link-11b {
    display: none;
  }

  .flex-row-a-f2,
  .flex-row-ba {
    display: none;
  }
  .dang-ky-ngay-ee {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
  }

  .heading-e3,
  .heading-e7 {
    padding: 0px;
    width: 90vw;
    max-width: 320px;
  }
  .container-e4,
  .container-e8 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 90vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
    margin-bottom: 20px;
  }
  .trai-nghiem-tron-ven-chi-co-tai-chuyen {
    margin-bottom: 30px;
  }
  .background-121 {
    height: 820px;
    padding: 5px;
  }

  .container-122,
  .container-127 {
    width: 90vw;
    max-width: 100%;
  }

  .container-123,
  .container-125 {
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 0px;
  }

  .heading-126 {
    padding: 5px;
  }

  .luon-dap-ung,
  .component-8f {
    display: none;
  }

  .khach-hang-noi-gi-ve-workshop {
    width: 100%;
    font-size: 24px;
    line-height: 1.2;
    height: 60px;
  }

  .container-128,
  .container-12b,
  .container-12f {
    width: 100%;
    padding: 10px 0;
    height: auto;
  }

  .success-image,
  .success-image-12e,
  .success-image-132 {
    width: 100%;
    height: 200px;
    max-width: 100%;
  }

  .component-133 {
    width: 88vw;
    height: 40px;
    margin: 20px auto;
    font-size: 14px;
  }

  .dang-ky-ngay-135 {
    font-size: 16px;
  }
  .container-127 {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
  .footer-social {
    display: none;
    width: 80%;
    height: auto;
    position: relative;
    left: 0;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
  }

  .footer-social h3 {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
  }

  .social-contain {
    height: auto;
    flex-direction: row;
    justify-content: center;
  }

  .social-icon img {
    width: 2rem;
    padding: 0.3rem;
  }

  .social-icon img:hover {
    width: 2.5rem;
  }

  .footer-content {
    display: block;
    padding: 1rem;
  }

  .footer-section,
  .footer-section2,
  .footer-section3 {
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
  }

  .footer-section h3,
  .footer-section2 h3,
  .footer-section3 h3,
  .footer-section h4,
  .footer-section2 h4 {
    font-size: 1.2rem;
  }

  .footer-section ul,
  .footer-section2 ul {
    padding: 0;
    text-align: center;
  }

  .footer-section ul li,
  .footer-section2 ul li {
    margin-bottom: 0.5rem;
  }

  .footer-section ul li a,
  .footer-section2 ul li a {
    font-size: 0.9rem;
  }

  .footer-bottom {
    padding: 1rem 0;
  }

  .footer-bottom p {
    font-size: 0.9rem;
  }

  .footer-section.maps {
    width: 100%;
  }

  .map-row {
    display: none;
    flex-direction: column;
    border-radius: 0.5rem;
  }

  .map-container {
    display: none;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
  }

  .map-container h4 {
    display: none;
    font-size: 1rem;
  }

  .contact a {
    font-size: 0.9rem;
  }

  iframe {
    width: 100%;
    height: 200px;
  }
  .footer-section3 {
    display: none;
  }
  .logofoot {
    width: 20vw; /* Adjust this value as needed */
    max-width: 200px; /* Ensures it doesn’t get too large */
    height: auto; /* Maintains the aspect ratio */
    padding: 0.5rem; /* Optional: adds padding around the logo */
    display: block; /* Centers it in its container */
    margin: 0 auto; /* Centers the logo horizontally */
  }
  .workshop-chuyen-sap-dien-ra,
  .text-8c,
  .workshop-date {
    text-align: center;
  }
  .thong-tin-su-kien {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 360px) {
  /* CSS dành cho iPhone 12 Pro, iPhone 13 */

  body {
    margin: 0;
  }

  /* Base Styles */

  .background-13a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    height: 100vh;
    top: 0px;
    right: 0;
    left: 0;
    padding: 134px 300px 212px 300px;
    background: url(./assets/images/3f236bb6719c554900883bfeb8a47f1ed7b29970.png)
      no-repeat center;
    background-size: cover;
  }
  .background-13b {
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #120f2d;
    opacity: 0.4;
    z-index: 1;
  }
  .container-13c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    min-width: 0;
    padding: 0 110px;
    z-index: 2;
    max-width: 1320px;
  }
  .container-13d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 1100px;
    height: 740px;
    z-index: 3;
    max-width: 1100px;
  }
  .container-13e,
  .section-43,
  .pic-1a,
  .wrapper-4b,
  .box-50,
  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation,
  .container-142,
  .component-143,
  .text-144,
  .register-now-145,
  .component-146,
  .text-147,
  .lien-he,
  .container-148 {
    /* Your original styles */
  }

  .background-13a {
    padding: 40px 15px; /* Reduce padding for smaller screen */
    background-size: cover;
  }

  .container-13c {
    margin-top: 10vh;
    padding: 0 15px; /* Reduce padding for smaller screen */
    max-width: 100%;
  }

  .container-13d {
    width: 100%;
    height: auto;
    max-width: 100%;
    padding: 0 15px;
  }

  .container-13e {
    height: auto;
    max-width: 100%;
    padding: 0;
  }

  .text-4a {
    width: 100%;
    font-size: 16px; /* Adjust font size for readability on smaller screens */
    line-height: 1.2;
    white-space: normal; /* Allow text to wrap */
  }

  .section-43 {
    padding: 8px 15px; /* Reduce padding */
    height: 18vh; /* Allow height to adapt */
  }

  .pic-1a {
    width: 85vw;
    height: 110%;
  }

  .wrapper-4b {
    width: 100%;
    padding: 10px;
  }

  .box-50 {
    width: 130%;
    font-size: 16px; /* Adjust font size */
    line-height: 1.5;
    text-align: center;
  }

  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation {
    font-size: 16px; /* Smaller font size for readability */
    line-height: 1.4;
  }

  .container-142 {
    flex-direction: column;
    padding: 10px;
    gap: 10px;
  }

  .component-143,
  .component-146 {
    width: 100%;
    padding: 8px 15px;
    font-size: 16px;
    border-radius: 20px;
  }

  .text-144,
  .text-147,
  .register-now-145,
  .lien-he {
    font-size: 14px;
    line-height: 1.2;
  }

  .container-148 {
    width: 100%;
    height: auto;
    padding: 20px;
  }
  /*////*/
  .container {
    display: none;
    height: 15vh;
    padding: 0 10px; /* Reduce padding for smaller screen */
  }

  .container-1 {
    padding: 5px 5vw; /* Adjust padding for smaller screen */
    flex-direction: column;
    height: auto; /* Allow height to adapt */
  }

  .group,
  .group-3,
  .group-5 {
    width: 80%; /* Make smaller to fit screen */
    height: auto;
  }

  .lermao-vn,
  .contact-info,
  .email {
    font-size: 14px; /* Reduce font size for readability on mobile */
    line-height: 20px;
    top: auto;
    left: 10px;
  }

  .container-7 {
    padding: 0 5px;
  }

  .nav {
    height: auto; /* Allow nav to adjust to content */
  }

  .list-margin,
  .list {
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 0;
  }

  .item-margin,
  .item-margin-c,
  .item-margin-12,
  .item-margin-18,
  .item-margin-1e,
  .item-margin-24 {
    width: 100%;
    padding: 0;
    align-items: center;
  }

  .component,
  .component-9,
  .component-d,
  .component-e,
  .component-13,
  .component-14,
  .component-19,
  .component-1a {
    width: 100%;
    height: auto;
  }

  .text-home,
  .text-info,
  .text-recipe,
  .text-register,
  .text-lermao-bear,
  .contact,
  .text {
    font-size: 14px; /* Adjust font size for readability */
    line-height: 20px;
    text-align: center;
  }

  .register-now,
  .link {
    width: 80%; /* Adjust button width */
    padding: 10px 15px;
    border-radius: 20px;
  }

  .asset,
  .vector,
  .vector-11,
  .vector-17,
  .vector-23,
  .vector-29,
  .vector-1d {
    width: 80%; /* Scale down vector sizes */
    height: auto;
  }

  .margin,
  .link-margin,
  .link-2f,
  .container-2b,
  .container-2d,
  .container-2e {
    width: 100%; /* Full width on mobile */
    padding: 5px;
  }

  .register-now {
    padding: 10px;
    border-radius: 20px; /* Adjust button radius */
  }

  /* Ensure icons and text align centrally on mobile */
  .container-21,
  .container-27 {
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
  }

  .container-15,
  .container-1b {
    width: 90%;
    display: flex;
    justify-content: center;
  }
  /*////*/
  .background {
    margin-top: 102vh;
    padding: 10px 0px; /* Adjust padding for mobile */
  }

  .group-30 {
    width: 100vw;
  }

  .workshop-experience {
    font-size: 24px; /* Reduce font size for readability on mobile */
    line-height: 1.2;
    padding-bottom: 20px;
  }

  .flex-row-a {
    padding-bottom: 10px; /* Adjust spacing */
  }

  .frame {
    width: 100vw; /* Increase width for better visibility */
    height: 30vh; /* Adjust height for mobile screen */
    border-radius: 20px; /* Reduce border radius */
  }

  .rectangle {
    display: none;
  }

  .background-31 {
    flex-direction: column;
    padding: 5px; /* Adjust padding for smaller screens */
  }

  .container-34 {
    width: 100%; /* Full width for mobile */
    padding: 5px 0;
  }

  .background-shadow {
    width: 90%; /* Make the shadow background fit smaller screens */
    padding: 20px 5px; /* Reduce padding */
    gap: 15px; /* Reduce gap */
  }

  .hoan-toan-mien-phi {
    font-size: 24px; /* Smaller font size for readability */
    line-height: 1.2;
  }

  .heading {
    padding-top: 10px;
  }

  .container-35 {
    height: auto; /* Allow container height to adapt */
    padding: 5px;
  }

  .chuyen-minh-thich-nghi {
    font-size: 16px; /* Reduce font size */
    line-height: 1.2;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
  }
  .container-3a {
    flex-direction: column;
    gap: 30vh;
  }

  .list-3c,
  .list-57 {
    padding: 10px;
    gap: 15px; /* Reduce gap */
  }

  .item-3d,
  .item-51,
  .item-58,
  .item-47,
  .item-42,
  .item-4c,
  .item-62,
  .item-68,
  .item-6d,
  .item-5d {
    padding: 5px; /* Adjust padding */
    width: 70vw;
  }

  .vector-41,
  .vector-46,
  .vector-4b,
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-55,
  .vector-50 {
    width: 15px; /* Scale down vector sizes */
    height: 15px;
  }

  .luon-co-cong-thuc-moi,
  .dien-ra-hang-thang,
  .co-mat-tai-ca-2-mien,
  .ho-tro-tu-van-chuyen-sau,
  .co-hoi-hop-tac-lau-dai,
  .trai-nghiem-san-pham-moi,
  .doi-ngu-to-chuc-chuyen-nghiep,
  .cap-nhat-xu-huong-hot-trend,
  .nang-cao-kien-thuc-pha-che,
  .nang-cao-kien-thuc-pha-che,
  .hoan-toan-mien-phi-67 {
    font-size: 16px; /* Reduce font size for better fit on mobile */
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word; /* Ngắt dòng nếu từ quá dài */
    white-space: normal; /* Cho phép văn bản ngắt dòng */
    overflow-wrap: break-word;
  }

  .admin-image {
    width: 40px; /* Scale down image */
    height: 40px;
  }

  .nguyen-huu-toan {
    font-size: 16px; /* Adjust font size */
    line-height: 1.2;
  }

  .founder {
    font-size: 17px;
    line-height: 1.2;
  }

  .trophy-star {
    display: none;
    width: 20px; /* Scale down icon size */
    height: 20px;
  }

  .nam-kinh-nghiem {
    display: none;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
  }
  .form-container {
    width: 100%; /* Make form take up more space on small screens */
    padding: 10px; /* Adjust padding */
  }

  h2 {
    font-size: 16px; /* Reduce font size for smaller screens */
    margin: 3px 0px;
  }

  input,
  select {
    font-size: 14px; /* Smaller font for inputs and selects */
    padding: 8px; /* Adjust padding for inputs */
    margin-top: 3px;
  }

  button {
    width: 70%; /* Increase button width for easier tapping */
    font-size: 16px; /* Adjust font size */
    height: 5vh; /* Adjust button height */
  }

  #statusMessage {
    font-size: 12px; /* Reduce status message font size for mobile */
  }

  .container-36,
  .container-37 {
    justify-content: center;
    padding: 0 5%; /* Reduce padding for mobile */
  }

  .heading-38 {
    width: 100%; /* Full width on smaller screens */
    justify-content: center;
    margin: 20px 0 0 0; /* Reduce side margin */
    padding: 0; /* Remove bottom padding */
    align-items: center;
  }

  .container-39 {
    width: 100%;
    margin: 10px 0; /* Adjust margin for better spacing */
    padding: 5px 0;
  }

  .content {
    width: 100%;
    font-size: 17px; /* Smaller font size */
    line-height: 1.4; /* Adjust line height for readability */
    height: auto; /* Allow height to adjust with content */
    padding: 5px 10px; /* Add padding for better fit */
    text-align: justify;
  }

  .speaker {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-left: 20px;
  }
  .custom-image {
    width: 100%;
    padding-bottom: 10px;
  }

  .container-72 {
    width: 100%; /* Set to full width for mobile */
    margin-top: 33vh;
    margin-bottom: 2vh;
  }

  .container-73 {
    max-width: 100%; /* Set to full width */
    padding: 0 5%; /* Reduce padding for a more compact fit */
  }

  .container-74,
  .margin-75 {
    width: 100%; /* Allow elements to stack and take full width */
    padding: 0;
  }

  .container-76 {
    padding: 0;
  }

  .admin-image {
    width: 50px;
    height: 50px;
    max-width: 50px;
  }

  .container-77 {
    position: absolute;
    align-content: center;
    justify-content: center;
    left: 3vh;
    gap: 5px; /* Reduce gap for tighter layout */
  }

  .heading-78 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }

  .container-79 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }
  .container-7e {
    display: none;
  }
  .container-75 {
    display: none;
  }
  .container-3b,
  .container-56 {
    padding: 0px;
  }
  .container-80 {
    padding: 20px; /* Reduced padding */
  }

  .container-81,
  .container-82,
  .container-83 {
    width: 100%; /* Full width */
    padding: 0;
    margin: 0 auto;
  }
  .container-81 {
    height: 1050px;
  }
  .container-84 {
    width: 100%;
    padding: 10px;
  }

  .workshop-sap-dien-ra {
    width: 100%;
    font-size: 24px; /* Reduced font size for better fit */
    line-height: 32px;
    padding: 10px;
  }

  .component-86 {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .container-87,
  .events-image {
    width: 0%;
    height: auto;
  }

  .container-88 {
    justify-content: center;
    width: 100%;
    padding: 10px; /* Reduced padding */
  }

  .background-89 {
    padding: 2px 4px;
    width: auto;
  }

  .heading-8a,
  .component-8b,
  .text-8c {
    font-size: 16px;
    width: 80vw;
    word-wrap: break-word;
  }

  .workshop-date {
    width: 80vw;
    word-wrap: break-word;
    overflow-wrap: break-word; /* Thêm thuộc tính này để hỗ trợ trên các trình duyệt mới */
    white-space: normal; /* Đảm bảo văn bản có thể ngắt dòng */
    margin-bottom: 40px;
  }
  .text-23 {
    width: 80vw;
    word-wrap: break-word;
    font-size: 14px;
  }

  .container-8d,
  .text-ab,
  .text-ab .dang-ky-ngay-ac {
    width: 100%;
    font-size: 14px;
  }

  .border,
  .border-ad,
  .border-c4 {
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: 90vw;
  }

  .dang-ky-ngay,
  .dang-ky-ngay-c3,
  .background-da {
    font-size: 16px;
  }

  .list-57,
  .list-99,
  .list-af,
  .list-c6 {
    gap: 15px; /* Reduced gap */
  }

  .heading-85,
  .text-26 {
    height: 0px;
    display: none;
  }
  .workshop-sap-dien-ra {
    font-size: 25px;
  }

  /* Reduced font sizes for smaller text elements */

  /* Image and vector adjustments */
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-a9,
  .vector-c0,
  .vector-d6 {
    width: 15px;
    height: 15px;
  }

  .container-96 {
    position: relative; /* Removed absolute positioning for better mobile handling */
    width: 90%; /* Full width with some padding on sides */
    max-width: 100%; /* Constrains to screen size */
    gap: 15px; /* Smaller gap for compact spacing */
    left: 0; /* Center-align by removing left offset */
    transform: none; /* Remove transform for mobile alignment */
    height: 600px;
  }

  .heading-97 {
    width: 100%;
    padding: 5px 0; /* Reduced padding */
    text-align: center; /* Center align heading text */
  }

  .su-kien-sap-dien-ra {
    margin-top: 60px;
    font-size: 16px; /* Reduced font size for mobile legibility */
    line-height: 20px; /* Adjusted line-height */
    width: 100%; /* Full width */
    text-align: left; /* Center-align for mobile */
    padding: 5px 0; /* Added padding for spacing */
  }

  .container-ae,
  .container-c5 {
    width: 70px;
  }
  .heading-c9,
  .container-b2 {
    width: 10px;
    padding: 0 15px;
  }
  .component-ca,
  .heading-b3 {
    width: 55vw;
  }
  .text-cb,
  .workshop-chuyen-cung-don-noel {
    width: 55vw;
  }

  .container-cc {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 50vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* Cho phép ngắt dòng */
  }

  .thuong-hieu-gau-lermao-tra-phuong-hoang-hoi-cho-mekong-can-tho,
  .container-cd {
    display: none;
  }

  .efc-le-loi-can-tho,
  .container-d2 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .container-d2 {
    margin-bottom: 20px;
  }

  .container-cf,
  .container-b8,
  .container-bc,
  .component-d3 {
    display: none;
  }
  .container-b7,
  .container-ce {
    padding: 0px;
  }

  .component-93 {
    margin-left: 89px;
    margin-top: 20px;
  }

  .background-89 {
    display: none;
  }

  .container-db {
    height: 600px;
    padding: 10px;
  }

  .container-dc,
  .container-dd {
    width: 90vw;
    height: 600px;
  }

  .container-de {
    width: 80vw;
    padding: 5px;
  }

  .heading-e1,
  .trai-nghiem-tron-ven-chi-co-tai-chuyen,
  .heading-e3 {
    width: 75vw;
    margin: 10px 0;
    font-size: 16px;
  }

  .container-e2,
  .container-e4 {
    font-size: 24px;
    line-height: 1.2;
  }

  .background-e5,
  .background-e9 {
    width: 80vw;
    height: auto;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    text-align: justify;
  }

  .features-icon,
  .section-31 {
    width: 0px;
    display: none;
  }

  .component-ec {
    width: 80vw;
    height: 85px;
    font-size: 16px;
    border-radius: 60px;
    margin-top: 20px;
    align-content: center;
    justify-content: center;
  }

  .features-icon-ea,
  .container-e6 {
    display: none;
  }

  .learn-more,
  .learn-more-104,
  .learn-more-110,
  .learn-more-11c {
    display: none;
  }

  .academic-image,
  .academic-image-100,
  .academic-image-118,
  .academic-image-10c {
    display: none;
  }

  .heading-f7,
  .heading-102,
  .heading-10e,
  .heading-11a {
    display: none;
  }

  .link-f8,
  .link-103,
  .link-10f,
  .link-11b {
    display: none;
  }

  .flex-row-a-f2,
  .flex-row-ba {
    display: none;
  }
  .dang-ky-ngay-ee {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
  }

  .heading-e3,
  .heading-e7 {
    padding: 0px;
    width: 90vw;
    max-width: 320px;
  }
  .container-e4,
  .container-e8 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 90vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
    margin-bottom: 20px;
  }
  .trai-nghiem-tron-ven-chi-co-tai-chuyen {
    margin-bottom: 30px;
  }
  .background-121 {
    height: 820px;
    padding: 5px;
  }

  .container-122,
  .container-127 {
    width: 90vw;
    max-width: 100%;
  }

  .container-123,
  .container-125 {
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 0px;
  }

  .heading-126 {
    padding: 5px;
  }

  .luon-dap-ung,
  .component-8f {
    display: none;
  }

  .khach-hang-noi-gi-ve-workshop {
    width: 100%;
    font-size: 22px;
    line-height: 1.2;
    height: 60px;
  }

  .container-128,
  .container-12b,
  .container-12f {
    width: 100%;
    padding: 10px 0;
    height: auto;
  }

  .success-image,
  .success-image-12e,
  .success-image-132 {
    width: 100%;
    height: 200px;
    max-width: 100%;
  }

  .component-133 {
    width: 75vw;
    height: 40px;
    margin: 20px auto;
    font-size: 14px;
  }

  .dang-ky-ngay-135 {
    font-size: 16px;
  }
  .container-127 {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
  .footer-social {
    display: none;
    width: 80%;
    height: auto;
    position: relative;
    left: 0;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
  }

  .footer-social h3 {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
  }

  .social-contain {
    height: auto;
    flex-direction: row;
    justify-content: center;
  }

  .social-icon img {
    width: 2rem;
    padding: 0.3rem;
  }

  .social-icon img:hover {
    width: 2.5rem;
  }

  .footer-content {
    display: block;
    padding: 1rem;
  }

  .footer-section,
  .footer-section2,
  .footer-section3 {
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
  }

  .footer-section h3,
  .footer-section2 h3,
  .footer-section3 h3,
  .footer-section h4,
  .footer-section2 h4 {
    font-size: 1.2rem;
  }

  .footer-section ul,
  .footer-section2 ul {
    padding: 0;
    text-align: center;
  }

  .footer-section ul li,
  .footer-section2 ul li {
    margin-bottom: 0.5rem;
  }

  .footer-section ul li a,
  .footer-section2 ul li a {
    font-size: 0.9rem;
  }

  .footer-bottom {
    padding: 1rem 0;
  }

  .footer-bottom p {
    font-size: 0.9rem;
  }

  .footer-section.maps {
    width: 100%;
  }

  .map-row {
    display: none;
    flex-direction: column;
    border-radius: 0.5rem;
  }

  .map-container {
    display: none;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
  }

  .map-container h4 {
    display: none;
    font-size: 1rem;
  }

  .contact a {
    font-size: 0.9rem;
  }

  iframe {
    width: 100%;
    height: 200px;
  }
  .footer-section3 {
    display: none;
  }
  .logofoot {
    width: 20vw; /* Adjust this value as needed */
    max-width: 200px; /* Ensures it doesn’t get too large */
    height: auto; /* Maintains the aspect ratio */
    padding: 0.5rem; /* Optional: adds padding around the logo */
    display: block; /* Centers it in its container */
    margin: 0 auto; /* Centers the logo horizontally */
  }
  .workshop-chuyen-sap-dien-ra,
  .text-8c,
  .workshop-date {
    text-align: center;
  }
  .thong-tin-su-kien {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 412px) {
  /* CSS dành cho iPhone 12 Pro, iPhone 13 */

  body {
    margin: 0;
  }

  /* Base Styles */

  .background-13a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    height: 100vh;
    top: 0px;
    right: 0;
    left: 0;
    padding: 134px 300px 212px 300px;
    background: url(./assets/images/3f236bb6719c554900883bfeb8a47f1ed7b29970.png)
      no-repeat center;
    background-size: cover;
  }
  .background-13b {
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #120f2d;
    opacity: 0.4;
    z-index: 1;
  }
  .container-13c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    min-width: 0;
    padding: 0 110px;
    z-index: 2;
    max-width: 1320px;
  }
  .container-13d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 1100px;
    height: 740px;
    z-index: 3;
    max-width: 1100px;
  }
  .container-13e,
  .section-43,
  .pic-1a,
  .wrapper-4b,
  .box-50,
  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation,
  .container-142,
  .component-143,
  .text-144,
  .register-now-145,
  .component-146,
  .text-147,
  .lien-he,
  .container-148 {
    /* Your original styles */
  }

  .background-13a {
    padding: 50px 30px; /* Reduce padding for smaller screen */
    background-size: cover;
  }

  .container-13c {
    margin-top: 10vh;
    padding: 0 30px; /* Reduce padding for smaller screen */
    max-width: 100%;
  }

  .container-13d {
    width: 100%;
    height: auto;
    max-width: 100%;
    padding: 0 30px;
  }

  .container-13e {
    height: auto;
    max-width: 100%;
    padding: 0;
  }

  .text-4a {
    width: 100%;
    font-size: 22px; /* Adjust font size for readability on smaller screens */
    line-height: 1.2;
    white-space: normal; /* Allow text to wrap */
  }

  .section-43 {
    padding: 15px 25px; /* Reduce padding */
    height: 18vh; /* Allow height to adapt */
  }

  .pic-1a {
    width: 85vw;
    height: 110%;
  }

  .wrapper-4b {
    width: 100%;
    padding: 10px;
  }

  .box-50 {
    width: 130%;
    font-size: 19px; /* Adjust font size */
    line-height: 1.5;
    text-align: center;
  }

  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation {
    font-size: 16px; /* Smaller font size for readability */
    line-height: 1.4;
  }

  .container-142 {
    flex-direction: column;
    padding: 10px;
    gap: 10px;
  }

  .component-143,
  .component-146 {
    width: 100%;
    padding: 15px 25px;
    font-size: 16px;
    border-radius: 20px;
  }

  .text-144,
  .text-147,
  .register-now-145,
  .lien-he {
    font-size: 14px;
    line-height: 1.2;
  }

  .container-148 {
    width: 100%;
    height: auto;
    padding: 20px;
  }
  /*////*/
  .container {
    display: none;
    height: 15vh;
    padding: 0 10px; /* Reduce padding for smaller screen */
  }

  .container-1 {
    padding: 5px 5vw; /* Adjust padding for smaller screen */
    flex-direction: column;
    height: auto; /* Allow height to adapt */
  }

  .group,
  .group-3,
  .group-5 {
    width: 80%; /* Make smaller to fit screen */
    height: auto;
  }

  .lermao-vn,
  .contact-info,
  .email {
    font-size: 14px; /* Reduce font size for readability on mobile */
    line-height: 20px;
    top: auto;
    left: 10px;
  }

  .container-7 {
    padding: 0 5px;
  }

  .nav {
    height: auto; /* Allow nav to adjust to content */
  }

  .list-margin,
  .list {
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 0;
  }

  .item-margin,
  .item-margin-c,
  .item-margin-12,
  .item-margin-18,
  .item-margin-1e,
  .item-margin-24 {
    width: 100%;
    padding: 0;
    align-items: center;
  }

  .component,
  .component-9,
  .component-d,
  .component-e,
  .component-13,
  .component-14,
  .component-19,
  .component-1a {
    width: 100%;
    height: auto;
  }

  .text-home,
  .text-info,
  .text-recipe,
  .text-register,
  .text-lermao-bear,
  .contact,
  .text {
    font-size: 14px; /* Adjust font size for readability */
    line-height: 20px;
    text-align: center;
  }

  .register-now,
  .link {
    width: 80%; /* Adjust button width */
    padding: 10px 15px;
    border-radius: 20px;
  }

  .asset,
  .vector,
  .vector-11,
  .vector-17,
  .vector-23,
  .vector-29,
  .vector-1d {
    width: 80%; /* Scale down vector sizes */
    height: auto;
  }

  .margin,
  .link-margin,
  .link-2f,
  .container-2b,
  .container-2d,
  .container-2e {
    width: 100%; /* Full width on mobile */
    padding: 5px;
  }

  .register-now {
    padding: 10px;
    border-radius: 20px; /* Adjust button radius */
  }

  /* Ensure icons and text align centrally on mobile */
  .container-21,
  .container-27 {
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
  }

  .container-15,
  .container-1b {
    width: 90%;
    display: flex;
    justify-content: center;
  }
  /*////*/
  .background {
    margin-top: 102vh;
    padding: 10px 0px; /* Adjust padding for mobile */
  }

  .group-30 {
    width: 100vw;
  }

  .workshop-experience {
    font-size: 24px; /* Reduce font size for readability on mobile */
    line-height: 1.2;
    padding-bottom: 20px;
  }

  .flex-row-a {
    padding-bottom: 10px; /* Adjust spacing */
  }

  .frame {
    width: 100vw; /* Increase width for better visibility */
    height: 30vh; /* Adjust height for mobile screen */
    border-radius: 20px; /* Reduce border radius */
  }

  .rectangle {
    display: none;
  }

  .background-31 {
    flex-direction: column;
    padding: 5px; /* Adjust padding for smaller screens */
  }

  .container-34 {
    width: 100%; /* Full width for mobile */
    padding: 5px 0;
  }

  .background-shadow {
    width: 90%; /* Make the shadow background fit smaller screens */
    padding: 20px 5px; /* Reduce padding */
    gap: 15px; /* Reduce gap */
  }

  .hoan-toan-mien-phi {
    font-size: 24px; /* Smaller font size for readability */
    line-height: 1.2;
  }

  .heading {
    padding-top: 10px;
  }

  .container-35 {
    height: auto; /* Allow container height to adapt */
    padding: 5px;
  }

  .chuyen-minh-thich-nghi {
    font-size: 22px; /* Reduce font size */
    line-height: 1.2;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
  }
  .container-3a {
    flex-direction: column;
    gap: 30vh;
  }

  .list-3c,
  .list-57 {
    padding: 10px;
    gap: 15px; /* Reduce gap */
  }

  .item-3d,
  .item-51,
  .item-58,
  .item-47,
  .item-42,
  .item-4c,
  .item-62,
  .item-68,
  .item-6d,
  .item-5d {
    padding: 5px; /* Adjust padding */
    width: 70vw;
  }

  .vector-41,
  .vector-46,
  .vector-4b,
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-55,
  .vector-50 {
    width: 15px; /* Scale down vector sizes */
    height: 15px;
  }

  .luon-co-cong-thuc-moi,
  .dien-ra-hang-thang,
  .co-mat-tai-ca-2-mien,
  .ho-tro-tu-van-chuyen-sau,
  .co-hoi-hop-tac-lau-dai,
  .trai-nghiem-san-pham-moi,
  .doi-ngu-to-chuc-chuyen-nghiep,
  .cap-nhat-xu-huong-hot-trend,
  .nang-cao-kien-thuc-pha-che,
  .nang-cao-kien-thuc-pha-che,
  .hoan-toan-mien-phi-67 {
    font-size: 16px; /* Reduce font size for better fit on mobile */
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word; /* Ngắt dòng nếu từ quá dài */
    white-space: normal; /* Cho phép văn bản ngắt dòng */
    overflow-wrap: break-word;
  }

  .admin-image {
    width: 40px; /* Scale down image */
    height: 40px;
  }

  .nguyen-huu-toan {
    font-size: 22px; /* Adjust font size */
    line-height: 1.2;
  }

  .founder {
    font-size: 17px;
    line-height: 1.2;
  }

  .trophy-star {
    display: none;
    width: 20px; /* Scale down icon size */
    height: 20px;
  }

  .nam-kinh-nghiem {
    display: none;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
  }
  .form-container {
    width: 100%; /* Make form take up more space on small screens */
    padding: 10px; /* Adjust padding */
  }

  h2 {
    font-size: 19px; /* Reduce font size for smaller screens */
    margin: 3px 0px;
  }

  input,
  select {
    font-size: 14px; /* Smaller font for inputs and selects */
    padding: 8px; /* Adjust padding for inputs */
    margin-top: 3px;
  }

  button {
    width: 70%; /* Increase button width for easier tapping */
    font-size: 16px; /* Adjust font size */
    height: 5vh; /* Adjust button height */
  }

  #statusMessage {
    font-size: 12px; /* Reduce status message font size for mobile */
  }

  .container-36,
  .container-37 {
    justify-content: center;
    padding: 0 5%; /* Reduce padding for mobile */
  }

  .heading-38 {
    width: 100%; /* Full width on smaller screens */
    justify-content: center;
    margin: 20px 0 0 0; /* Reduce side margin */
    padding: 0; /* Remove bottom padding */
    align-items: center;
  }

  .container-39 {
    width: 100%;
    margin: 10px 0; /* Adjust margin for better spacing */
    padding: 5px 0;
  }

  .content {
    width: 100%;
    font-size: 17px; /* Smaller font size */
    line-height: 1.4; /* Adjust line height for readability */
    height: auto; /* Allow height to adjust with content */
    padding: 5px 10px; /* Add padding for better fit */
    text-align: justify;
  }

  .speaker {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-left: 20px;
  }
  .custom-image {
    width: 100%;
    padding-bottom: 10px;
  }

  .container-72 {
    width: 100%; /* Set to full width for mobile */
    margin-top: 33vh;
    margin-bottom: 2vh;
  }

  .container-73 {
    max-width: 100%; /* Set to full width */
    padding: 0 5%; /* Reduce padding for a more compact fit */
  }

  .container-74,
  .margin-75 {
    width: 100%; /* Allow elements to stack and take full width */
    padding: 0;
  }

  .container-76 {
    padding: 0;
  }

  .admin-image {
    width: 50px;
    height: 50px;
    max-width: 50px;
  }

  .container-77 {
    position: absolute;
    align-content: center;
    justify-content: center;
    left: 3vh;
    gap: 5px; /* Reduce gap for tighter layout */
  }

  .heading-78 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }

  .container-79 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }
  .container-7e {
    display: none;
  }
  .container-75 {
    display: none;
  }
  .container-3b,
  .container-56 {
    padding: 0px;
  }
  .container-80 {
    padding: 20px; /* Reduced padding */
  }

  .container-81,
  .container-82,
  .container-83 {
    width: 100%; /* Full width */
    padding: 0;
    margin: 0 auto;
  }
  .container-81 {
    height: 1050px;
  }
  .container-84 {
    width: 100%;
    padding: 10px;
  }

  .workshop-sap-dien-ra {
    width: 100%;
    font-size: 24px; /* Reduced font size for better fit */
    line-height: 32px;
    padding: 10px;
  }

  .component-86 {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .container-87,
  .events-image {
    width: 0%;
    height: auto;
  }

  .container-88 {
    justify-content: center;
    width: 100%;
    padding: 10px; /* Reduced padding */
  }

  .background-89 {
    padding: 2px 4px;
    width: auto;
  }

  .heading-8a,
  .component-8b,
  .text-8c {
    font-size: 19px;
    width: 85vw;
    word-wrap: break-word;
  }

  .workshop-date {
    width: 85vw;
    word-wrap: break-word;
    overflow-wrap: break-word; /* Thêm thuộc tính này để hỗ trợ trên các trình duyệt mới */
    white-space: normal; /* Đảm bảo văn bản có thể ngắt dòng */
    margin-bottom: 40px;
  }
  .text-23 {
    width: 85vw;
    word-wrap: break-word;
    font-size: 14px;
  }

  .container-8d,
  .text-ab,
  .text-ab .dang-ky-ngay-ac {
    width: 100%;
    font-size: 14px;
  }

  .border,
  .border-ad,
  .border-c4 {
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: 90vw;
  }

  .dang-ky-ngay,
  .dang-ky-ngay-c3,
  .background-da {
    font-size: 16px;
  }

  .list-57,
  .list-99,
  .list-af,
  .list-c6 {
    gap: 15px; /* Reduced gap */
  }

  .heading-85,
  .text-26 {
    height: 0px;
    display: none;
  }
  .workshop-sap-dien-ra {
    font-size: 25px;
  }

  /* Reduced font sizes for smaller text elements */

  /* Image and vector adjustments */
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-a9,
  .vector-c0,
  .vector-d6 {
    width: 15px;
    height: 15px;
  }

  .container-96 {
    position: relative; /* Removed absolute positioning for better mobile handling */
    width: 90%; /* Full width with some padding on sides */
    max-width: 100%; /* Constrains to screen size */
    gap: 15px; /* Smaller gap for compact spacing */
    left: 0; /* Center-align by removing left offset */
    transform: none; /* Remove transform for mobile alignment */
    height: 600px;
  }

  .heading-97 {
    width: 100%;
    padding: 5px 0; /* Reduced padding */
    text-align: center; /* Center align heading text */
  }

  .su-kien-sap-dien-ra {
    margin-top: 60px;
    font-size: 22px; /* Reduced font size for mobile legibility */
    line-height: 20px; /* Adjusted line-height */
    width: 100%; /* Full width */
    text-align: left; /* Center-align for mobile */
    padding: 5px 0; /* Added padding for spacing */
  }

  .container-ae,
  .container-c5 {
    width: 70px;
  }
  .heading-c9,
  .container-b2 {
    width: 10px;
    padding: 0 30px;
  }
  .component-ca,
  .heading-b3 {
    width: 55vw;
  }
  .text-cb,
  .workshop-chuyen-cung-don-noel {
    width: 55vw;
  }

  .container-cc {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 50vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* Cho phép ngắt dòng */
  }

  .thuong-hieu-gau-lermao-tra-phuong-hoang-hoi-cho-mekong-can-tho,
  .container-cd {
    display: none;
  }

  .efc-le-loi-can-tho,
  .container-d2 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .container-d2 {
    margin-bottom: 20px;
  }

  .container-cf,
  .container-b8,
  .container-bc,
  .component-d3 {
    display: none;
  }
  .container-b7,
  .container-ce {
    padding: 0px;
  }

  .component-93 {
    margin-left: 89px;
    margin-top: 20px;
  }

  .background-89 {
    display: none;
  }

  .container-db {
    height: 600px;
    padding: 10px;
  }

  .container-dc,
  .container-dd {
    width: 90vw;
    height: 600px;
  }

  .container-de {
    width: 85vw;
    padding: 5px;
  }

  .heading-e1,
  .trai-nghiem-tron-ven-chi-co-tai-chuyen,
  .heading-e3 {
    width: 85vw;
    margin: 10px 0;
    font-size: 19px;
  }

  .container-e2,
  .container-e4 {
    font-size: 24px;
    line-height: 1.2;
  }

  .background-e5,
  .background-e9 {
    width: 85vw;
    height: auto;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    text-align: justify;
  }

  .features-icon,
  .section-31 {
    width: 0px;
    display: none;
  }

  .component-ec {
    width: 85vw;
    height: 85px;
    font-size: 16px;
    border-radius: 60px;
    margin-top: 20px;
    align-content: center;
    justify-content: center;
  }

  .features-icon-ea,
  .container-e6 {
    display: none;
  }

  .learn-more,
  .learn-more-104,
  .learn-more-110,
  .learn-more-11c {
    display: none;
  }

  .academic-image,
  .academic-image-100,
  .academic-image-118,
  .academic-image-10c {
    display: none;
  }

  .heading-f7,
  .heading-102,
  .heading-10e,
  .heading-11a {
    display: none;
  }

  .link-f8,
  .link-103,
  .link-10f,
  .link-11b {
    display: none;
  }

  .flex-row-a-f2,
  .flex-row-ba {
    display: none;
  }
  .dang-ky-ngay-ee {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
  }

  .heading-e3,
  .heading-e7 {
    padding: 0px;
    width: 90vw;
    max-width: 320px;
  }
  .container-e4,
  .container-e8 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 90vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
    margin-bottom: 20px;
  }
  .trai-nghiem-tron-ven-chi-co-tai-chuyen {
    margin-bottom: 30px;
  }
  .background-121 {
    height: 820px;
    padding: 5px;
  }

  .container-122,
  .container-127 {
    width: 90vw;
    max-width: 100%;
  }

  .container-123,
  .container-125 {
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 0px;
  }

  .heading-126 {
    padding: 5px;
  }

  .luon-dap-ung,
  .component-8f {
    display: none;
  }

  .khach-hang-noi-gi-ve-workshop {
    width: 100%;
    font-size: 22px;
    line-height: 1.2;
    height: 60px;
  }

  .container-128,
  .container-12b,
  .container-12f {
    width: 100%;
    padding: 10px 0;
    height: auto;
  }

  .success-image,
  .success-image-12e,
  .success-image-132 {
    width: 100%;
    height: 200px;
    max-width: 100%;
  }

  .component-133 {
    width: 85vw;
    height: 40px;
    margin: 20px auto;
    font-size: 14px;
  }

  .dang-ky-ngay-135 {
    font-size: 16px;
  }
  .container-127 {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
  .footer-social {
    display: none;
    width: 80%;
    height: auto;
    position: relative;
    left: 0;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
  }

  .footer-social h3 {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
  }

  .social-contain {
    height: auto;
    flex-direction: row;
    justify-content: center;
  }

  .social-icon img {
    width: 2rem;
    padding: 0.3rem;
  }

  .social-icon img:hover {
    width: 2.5rem;
  }

  .footer-content {
    display: block;
    padding: 1rem;
  }

  .footer-section,
  .footer-section2,
  .footer-section3 {
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
  }

  .footer-section h3,
  .footer-section2 h3,
  .footer-section3 h3,
  .footer-section h4,
  .footer-section2 h4 {
    font-size: 1.2rem;
  }

  .footer-section ul,
  .footer-section2 ul {
    padding: 0;
    text-align: center;
  }

  .footer-section ul li,
  .footer-section2 ul li {
    margin-bottom: 0.5rem;
  }

  .footer-section ul li a,
  .footer-section2 ul li a {
    font-size: 0.9rem;
  }

  .footer-bottom {
    padding: 1rem 0;
  }

  .footer-bottom p {
    font-size: 0.9rem;
  }

  .footer-section.maps {
    width: 100%;
  }

  .map-row {
    display: none;
    flex-direction: column;
    border-radius: 0.5rem;
  }

  .map-container {
    display: none;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
  }

  .map-container h4 {
    display: none;
    font-size: 1rem;
  }

  .contact a {
    font-size: 0.9rem;
  }

  iframe {
    width: 100%;
    height: 200px;
  }
  .footer-section3 {
    display: none;
  }
  .logofoot {
    width: 20vw; /* Adjust this value as needed */
    max-width: 200px; /* Ensures it doesn’t get too large */
    height: auto; /* Maintains the aspect ratio */
    padding: 0.5rem; /* Optional: adds padding around the logo */
    display: block; /* Centers it in its container */
    margin: 0 auto; /* Centers the logo horizontally */
  }
  .workshop-chuyen-sap-dien-ra,
  .text-8c,
  .workshop-date {
    text-align: center;
  }
  .thong-tin-su-kien {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 800px) {
  /* CSS dành cho iPhone 12 Pro, iPhone 13 */

  body {
    margin: 0;
  }

  /* Base Styles */

  .background-13a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    height: 100vh;
    top: 0px;
    right: 0;
    left: 0;
    padding: 134px 300px 212px 300px;
    background: url(./assets/images/3f236bb6719c554900883bfeb8a47f1ed7b29970.png)
      no-repeat center;
    background-size: cover;
  }
  .background-13b {
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #120f2d;
    opacity: 0.4;
    z-index: 1;
  }
  .container-13c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    min-width: 0;
    padding: 0 110px;
    z-index: 2;
    max-width: 1320px;
  }
  .container-13d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 1100px;
    height: 740px;
    z-index: 3;
    max-width: 1100px;
  }

  .background-13a {
    padding: 60px 40px; /* Reduce padding for smaller screen */
    background-size: cover;
  }

  .container-13c {
    margin-top: 10vh;
    padding: 0 40px; /* Reduce padding for smaller screen */
    max-width: 100%;
  }

  .container-13d {
    width: 100%;
    height: auto;
    max-width: 100%;
    padding: 0 40px;
  }

  .container-13e {
    height: auto;
    max-width: 100%;
    padding: 0;
  }

  .text-4a {
    width: 100%;
    font-size: 26px; /* Adjust font size for readability on smaller screens */
    line-height: 1.2;
    white-space: normal; /* Allow text to wrap */
  }

  .section-43 {
    /* padding: 20px 30px; 
    height: 18vh;  */
    height: 190px;
  }

  .pic-1a {
    /* width: 80vw;
    height: 170%; */
    width: 100%;
  }

  .wrapper-4b {
    width: 100%;
    padding: 10px;
  }

  .box-50 {
    margin-top: 70px;
    width: 130%;
    font-size: 22px; /* Adjust font size */
    line-height: 1.5;
    text-align: center;
  }

  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation {
    font-size: 16px; /* Smaller font size for readability */
    line-height: 1.4;
  }

  .container-142 {
    flex-direction: column;
    padding: 10px;
    gap: 10px;
  }

  .component-143,
  .component-146 {
    width: 100%;
    padding: 20px 30px;
    font-size: 16px;
    border-radius: 20px;
  }

  .text-144,
  .text-147,
  .register-now-145,
  .lien-he {
    font-size: 14px;
    line-height: 1.2;
  }

  .container-148 {
    width: 100%;
    height: auto;
    padding: 20px;
  }
  /*////*/
  .container {
    display: none;
    height: 15vh;
    padding: 0 10px; /* Reduce padding for smaller screen */
  }

  .container-1 {
    padding: 5px 5vw; /* Adjust padding for smaller screen */
    flex-direction: column;
    height: auto; /* Allow height to adapt */
  }

  .group,
  .group-3,
  .group-5 {
    width: 80%; /* Make smaller to fit screen */
    height: auto;
  }

  .lermao-vn,
  .contact-info,
  .email {
    font-size: 14px; /* Reduce font size for readability on mobile */
    line-height: 20px;
    top: auto;
    left: 10px;
  }

  .container-7 {
    padding: 0 5px;
  }

  .nav {
    height: auto; /* Allow nav to adjust to content */
  }

  .list-margin,
  .list {
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 0;
  }

  .item-margin,
  .item-margin-c,
  .item-margin-12,
  .item-margin-18,
  .item-margin-1e,
  .item-margin-24 {
    width: 100%;
    padding: 0;
    align-items: center;
  }

  .component,
  .component-9,
  .component-d,
  .component-e,
  .component-13,
  .component-14,
  .component-19,
  .component-1a {
    width: 100%;
    height: auto;
  }

  .text-home,
  .text-info,
  .text-recipe,
  .text-register,
  .text-lermao-bear,
  .contact,
  .text {
    font-size: 14px; /* Adjust font size for readability */
    line-height: 20px;
    text-align: center;
  }

  .register-now,
  .link {
    width: 80%; /* Adjust button width */
    padding: 10px 15px;
    border-radius: 20px;
  }

  .asset,
  .vector,
  .vector-11,
  .vector-17,
  .vector-23,
  .vector-29,
  .vector-1d {
    width: 80%; /* Scale down vector sizes */
    height: auto;
  }

  .margin,
  .link-margin,
  .link-2f,
  .container-2b,
  .container-2d,
  .container-2e {
    width: 100%; /* Full width on mobile */
    padding: 5px;
  }

  .register-now {
    padding: 10px;
    border-radius: 20px; /* Adjust button radius */
  }

  /* Ensure icons and text align centrally on mobile */
  .container-21,
  .container-27 {
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
  }

  .container-15,
  .container-1b {
    width: 90%;
    display: flex;
    justify-content: center;
  }
  /*////*/
  .background {
    margin-top: 102vh;
    padding: 10px 0px; /* Adjust padding for mobile */
  }

  .group-30 {
    width: 100vw;
  }

  .workshop-experience {
    font-size: 24px; /* Reduce font size for readability on mobile */
    line-height: 1.2;
    padding-bottom: 20px;
  }

  .flex-row-a {
    padding-bottom: 10px; /* Adjust spacing */
  }

  .frame {
    width: 100vw; /* Increase width for better visibility */
    height: 30vh; /* Adjust height for mobile screen */
    border-radius: 20px; /* Reduce border radius */
  }

  .rectangle {
    /* display: none; */
  }

  .background-31 {
    flex-direction: column;
    padding: 5px; /* Adjust padding for smaller screens */
  }

  .container-34 {
    width: 100%; /* Full width for mobile */
    padding: 5px 0;
  }

  .background-shadow {
    width: 90%; /* Make the shadow background fit smaller screens */
    padding: 20px 5px; /* Reduce padding */
    gap: 15px; /* Reduce gap */
  }

  .hoan-toan-mien-phi {
    font-size: 24px; /* Smaller font size for readability */
    line-height: 1.2;
  }

  .heading {
    padding-top: 10px;
  }

  .container-35 {
    height: auto; /* Allow container height to adapt */
    padding: 5px;
  }

  .chuyen-minh-thich-nghi {
    font-size: 26px; /* Reduce font size */
    line-height: 1.2;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
  }
  .container-3a {
    flex-direction: column;
    /* gap: 30vh; */
    max-width: 600px;
  }

  .list-3c,
  .list-57 {
    padding: 10px;
    gap: 15px; /* Reduce gap */
  }

  .item-3d,
  .item-51,
  .item-58,
  .item-47,
  .item-42,
  .item-4c,
  .item-62,
  .item-68,
  .item-6d,
  .item-5d {
    padding: 5px; /* Adjust padding */
    width: 70vw;
  }

  .vector-41,
  .vector-46,
  .vector-4b,
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-55,
  .vector-50 {
    width: 15px; /* Scale down vector sizes */
    height: 15px;
  }

  .luon-co-cong-thuc-moi,
  .dien-ra-hang-thang,
  .co-mat-tai-ca-2-mien,
  .ho-tro-tu-van-chuyen-sau,
  .co-hoi-hop-tac-lau-dai,
  .trai-nghiem-san-pham-moi,
  .doi-ngu-to-chuc-chuyen-nghiep,
  .cap-nhat-xu-huong-hot-trend,
  .nang-cao-kien-thuc-pha-che,
  .nang-cao-kien-thuc-pha-che,
  .hoan-toan-mien-phi-67 {
    font-size: 16px; /* Reduce font size for better fit on mobile */
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word; /* Ngắt dòng nếu từ quá dài */
    white-space: normal; /* Cho phép văn bản ngắt dòng */
    overflow-wrap: break-word;
  }

  .admin-image {
    width: 40px; /* Scale down image */
    height: 40px;
  }

  .nguyen-huu-toan {
    font-size: 26px; /* Adjust font size */
    line-height: 1.2;
  }

  .founder {
    font-size: 17px;
    line-height: 1.2;
  }

  .trophy-star {
    /* display: none; */
    width: 20px; /* Scale down icon size */
    height: 20px;
  }

  .nam-kinh-nghiem {
    /* display: none; */
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
  }
  .form-container {
    width: 100%; /* Make form take up more space on small screens */
    padding: 10px; /* Adjust padding */
  }

  h2 {
    font-size: 22px; /* Reduce font size for smaller screens */
    margin: 3px 0px;
  }

  input,
  select {
    font-size: 14px; /* Smaller font for inputs and selects */
    padding: 8px; /* Adjust padding for inputs */
    margin-top: 3px;
  }

  button {
    width: 70%; /* Increase button width for easier tapping */
    font-size: 16px; /* Adjust font size */
    height: 5vh; /* Adjust button height */
  }

  #statusMessage {
    font-size: 12px; /* Reduce status message font size for mobile */
  }

  .container-36,
  .container-37 {
    justify-content: center;
    padding: 0 5%; /* Reduce padding for mobile */
  }

  .heading-38 {
    width: 100%; /* Full width on smaller screens */
    justify-content: center;
    margin: 20px 0 0 0; /* Reduce side margin */
    padding: 0; /* Remove bottom padding */
    align-items: center;
  }

  .container-39 {
    width: 100%;
    margin: 10px 0; /* Adjust margin for better spacing */
    padding: 5px 0;
  }

  .content {
    width: 100%;
    font-size: 17px; /* Smaller font size */
    line-height: 1.4; /* Adjust line height for readability */
    height: auto; /* Allow height to adjust with content */
    padding: 5px 10px; /* Add padding for better fit */
    text-align: justify;
  }

  .speaker {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-left: 20px;
  }
  .custom-image {
    width: 100%;
    padding-bottom: 10px;
  }

  .container-72 {
    width: 100%;
    /* margin-top: 33vh;
    margin-bottom: 2vh; */
  }

  .container-73 {
    max-width: 100%;
    /* padding: 0 5%;  */
  }

  .container-74,
  .margin-75 {
    width: 100%; /* Allow elements to stack and take full width */
    padding: 0;
  }

  .container-76 {
    padding: 0;
  }

  .admin-image {
    width: 50px;
    height: 50px;
    max-width: 50px;
  }

  .container-77 {
    position: absolute;
    align-content: center;
    justify-content: center;
    left: 3vh;
    gap: 5px; /* Reduce gap for tighter layout */
  }

  .heading-78 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }

  .container-79 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }
  /* .container-7e {
    display: none;
  }
  .container-75 {
    display: none;
  } */
  .container-3b,
  .container-56 {
    padding: 0px;
    max-width: 45%;
  }
  .container-80 {
    padding: 20px; /* Reduced padding */
  }

  .container-81,
  .container-82,
  .container-83 {
    width: 100%; /* Full width */
    padding: 0;
    margin: 0 auto;
  }
  .container-81 {
    height: 1050px;
  }
  .container-84 {
    width: 100%;
    padding: 10px;
  }

  .workshop-sap-dien-ra {
    width: 100%;
    font-size: 24px; /* Reduced font size for better fit */
    line-height: 32px;
    padding: 10px;
  }

  .component-86 {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .container-87,
  .events-image {
    width: 0%;
    height: auto;
  }

  .container-88 {
    justify-content: center;
    width: 100%;
    padding: 10px; /* Reduced padding */
  }

  .background-89 {
    padding: 2px 4px;
    width: auto;
  }

  .heading-8a,
  .component-8b,
  .text-8c {
    font-size: 22px;
    width: 90vw;
    word-wrap: break-word;
  }

  .workshop-date {
    width: 90vw;
    word-wrap: break-word;
    overflow-wrap: break-word; /* Thêm thuộc tính này để hỗ trợ trên các trình duyệt mới */
    white-space: normal; /* Đảm bảo văn bản có thể ngắt dòng */
    margin-bottom: 40px;
  }
  .text-23 {
    width: 90vw;
    word-wrap: break-word;
    font-size: 14px;
  }

  .container-8d,
  .text-ab,
  .text-ab .dang-ky-ngay-ac {
    width: 100%;
    font-size: 14px;
  }

  .border,
  .border-ad,
  .border-c4 {
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: 90vw;
  }

  .dang-ky-ngay,
  .dang-ky-ngay-c3,
  .background-da {
    font-size: 16px;
  }

  .list-57,
  .list-99,
  .list-af,
  .list-c6 {
    gap: 15px; /* Reduced gap */
  }

  .heading-85,
  .text-26 {
    height: 0px;
    display: none;
  }
  .workshop-sap-dien-ra {
    font-size: 25px;
  }

  /* Reduced font sizes for smaller text elements */

  /* Image and vector adjustments */
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-a9,
  .vector-c0,
  .vector-d6 {
    width: 15px;
    height: 15px;
  }

  .container-96 {
    position: relative; /* Removed absolute positioning for better mobile handling */
    width: 90%; /* Full width with some padding on sides */
    max-width: 100%; /* Constrains to screen size */
    gap: 15px; /* Smaller gap for compact spacing */
    left: 0; /* Center-align by removing left offset */
    transform: none; /* Remove transform for mobile alignment */
    height: 600px;
  }

  .heading-97 {
    width: 100%;
    padding: 5px 0; /* Reduced padding */
    text-align: center; /* Center align heading text */
  }

  .su-kien-sap-dien-ra {
    margin-top: 60px;
    font-size: 26px; /* Reduced font size for mobile legibility */
    line-height: 20px; /* Adjusted line-height */
    width: 100%; /* Full width */
    text-align: left; /* Center-align for mobile */
    padding: 5px 0; /* Added padding for spacing */
  }

  .container-ae,
  .container-c5 {
    width: 70px;
  }
  .heading-c9,
  .container-b2 {
    width: 10px;
    padding: 0 40px;
  }
  .component-ca,
  .heading-b3 {
    width: 55vw;
  }
  .text-cb,
  .workshop-chuyen-cung-don-noel {
    width: 55vw;
  }

  .container-cc {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 50vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* Cho phép ngắt dòng */
  }

  .thuong-hieu-gau-lermao-tra-phuong-hoang-hoi-cho-mekong-can-tho,
  .container-cd {
    display: none;
  }

  .efc-le-loi-can-tho,
  .container-d2 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .container-d2 {
    margin-bottom: 20px;
  }

  .container-cf,
  .container-b8,
  .container-bc,
  .component-d3 {
    display: none;
  }
  .container-b7,
  .container-ce {
    padding: 0px;
  }

  .component-93 {
    margin-left: 89px;
    margin-top: 20px;
  }

  .background-89 {
    display: none;
  }

  .container-db {
    height: 600px;
    padding: 10px;
  }

  .container-dc,
  .container-dd {
    width: 90vw;
    height: 600px;
  }

  .container-de {
    width: 90vw;
    padding: 5px;
  }

  .heading-e1,
  .trai-nghiem-tron-ven-chi-co-tai-chuyen,
  .heading-e3 {
    width: 90vw;
    margin: 10px 0;
    font-size: 22px;
  }

  .container-e2,
  .container-e4 {
    font-size: 24px;
    line-height: 1.2;
  }

  .background-e5,
  .background-e9 {
    width: 90vw;
    height: auto;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    text-align: justify;
  }

  .features-icon,
  .section-31 {
    width: 0px;
    display: none;
  }

  .component-ec {
    width: 90vw;
    height: 85px;
    font-size: 16px;
    border-radius: 60px;
    margin-top: 20px;
    align-content: center;
    justify-content: center;
  }

  .features-icon-ea,
  .container-e6 {
    display: none;
  }

  .learn-more,
  .learn-more-104,
  .learn-more-110,
  .learn-more-11c {
    display: none;
  }

  .academic-image,
  .academic-image-100,
  .academic-image-118,
  .academic-image-10c {
    display: none;
  }

  .heading-f7,
  .heading-102,
  .heading-10e,
  .heading-11a {
    display: none;
  }

  .link-f8,
  .link-103,
  .link-10f,
  .link-11b {
    display: none;
  }

  .flex-row-a-f2,
  .flex-row-ba {
    display: none;
  }
  .dang-ky-ngay-ee {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
  }

  .heading-e3,
  .heading-e7 {
    padding: 0px;
    width: 90vw;
    max-width: 320px;
  }
  .container-e4,
  .container-e8 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 90vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
    margin-bottom: 20px;
  }
  .trai-nghiem-tron-ven-chi-co-tai-chuyen {
    margin-bottom: 30px;
  }
  .background-121 {
    height: 820px;
    padding: 5px;
  }

  .container-122,
  .container-127 {
    width: 90vw;
    max-width: 100%;
  }

  .container-123,
  .container-125 {
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 0px;
  }

  .heading-126 {
    padding: 5px;
  }

  .luon-dap-ung,
  .component-8f {
    display: none;
  }

  .khach-hang-noi-gi-ve-workshop {
    width: 100%;
    font-size: 26px;
    line-height: 1.2;
    height: 60px;
  }

  .container-128,
  .container-12b,
  .container-12f {
    width: 100%;
    padding: 10px 0;
    height: auto;
  }

  .success-image,
  .success-image-12e,
  .success-image-132 {
    width: 100%;
    height: 200px;
    max-width: 100%;
  }

  .component-133 {
    width: 90vw;
    height: 40px;
    margin: 20px auto;
    font-size: 14px;
  }

  .dang-ky-ngay-135 {
    font-size: 16px;
  }
  .container-127 {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
  .footer-social {
    display: none;
    width: 80%;
    height: auto;
    position: relative;
    left: 0;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
  }

  .footer-social h3 {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
  }

  .social-contain {
    height: auto;
    flex-direction: row;
    justify-content: center;
  }

  .social-icon img {
    width: 2rem;
    padding: 0.3rem;
  }

  .social-icon img:hover {
    width: 2.5rem;
  }

  .footer-content {
    display: block;
    padding: 1rem;
  }

  .footer-section,
  .footer-section2,
  .footer-section3 {
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
  }

  .footer-section h3,
  .footer-section2 h3,
  .footer-section3 h3,
  .footer-section h4,
  .footer-section2 h4 {
    font-size: 1.2rem;
  }

  .footer-section ul,
  .footer-section2 ul {
    padding: 0;
    text-align: center;
  }

  .footer-section ul li,
  .footer-section2 ul li {
    margin-bottom: 0.5rem;
  }

  .footer-section ul li a,
  .footer-section2 ul li a {
    font-size: 0.9rem;
  }

  .footer-bottom {
    padding: 1rem 0;
  }

  .footer-bottom p {
    font-size: 0.9rem;
  }

  .footer-section.maps {
    width: 100%;
  }

  .map-row {
    display: none;
    flex-direction: column;
    border-radius: 0.5rem;
  }

  .map-container {
    display: none;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
  }

  .map-container h4 {
    display: none;
    font-size: 1rem;
  }

  .contact a {
    font-size: 0.9rem;
  }

  iframe {
    width: 100%;
    height: 200px;
  }
  .footer-section3 {
    display: none;
  }
  .logofoot {
    width: 20vw; /* Adjust this value as needed */
    max-width: 200px; /* Ensures it doesn’t get too large */
    height: auto; /* Maintains the aspect ratio */
    padding: 0.5rem; /* Optional: adds padding around the logo */
    display: block; /* Centers it in its container */
    margin: 0 auto; /* Centers the logo horizontally */
  }
  .workshop-chuyen-sap-dien-ra,
  .text-8c,
  .workshop-date {
    text-align: center;
  }
  .thong-tin-su-kien {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 880px) {
  /* CSS dành cho iPhone 12 Pro, iPhone 13 */

  body {
    margin: 0;
  }

  /* Base Styles */

  .background-13a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    height: 100vh;
    top: 0px;
    right: 0;
    left: 0;
    padding: 134px 300px 212px 300px;
    background: url(./assets/images/3f236bb6719c554900883bfeb8a47f1ed7b29970.png)
      no-repeat center;
    background-size: cover;
  }
  .background-13b {
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #120f2d;
    opacity: 0.4;
    z-index: 1;
  }
  .container-13c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    min-width: 0;
    padding: 0 110px;
    z-index: 2;
    max-width: 1320px;
  }
  .container-13d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 1100px;
    height: 740px;
    z-index: 3;
    max-width: 1100px;
  }

  .background-13a {
    padding: 70px 50px; /* Reduce padding for smaller screen */
    background-size: cover;
  }

  .container-13c {
    margin-top: 10vh;
    padding: 0 50px; /* Reduce padding for smaller screen */
    max-width: 100%;
  }

  .container-13d {
    width: 100%;
    height: auto;
    max-width: 900px;
    /* max-width: 100%; */
    /* padding: 0 50px; */
  }

  .container-13e {
    height: auto;
    max-width: 100%;
    padding: 0;
  }

  .text-4a {
    width: 100%;
    font-size: 28px; /* Adjust font size for readability on smaller screens */
    line-height: 1.2;
    white-space: normal; /* Allow text to wrap */
  }

  .section-43 {
    /* padding: 20px 50px; 
    height: 18vh;  */
    height: 190px;
  }

  .pic-1a {
    /* width: 85vw;
    height: 170%; */
    width: 100%;
  }

  .wrapper-4b {
    width: 100%;
    padding: 10px;
  }

  .box-50 {
    width: 130%;
    font-size: 24px; /* Adjust font size */
    line-height: 1.5;
    text-align: center;
    margin-top: 90px;
  }

  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation {
    font-size: 16px; /* Smaller font size for readability */
    line-height: 1.4;
  }

  .container-142 {
    flex-direction: column;
    padding: 10px;
    gap: 10px;
  }

  .component-143,
  .component-146 {
    width: 100%;
    padding: 20px 50px;
    font-size: 16px;
    border-radius: 20px;
  }

  .text-144,
  .text-147,
  .register-now-145,
  .lien-he {
    font-size: 20px;
    line-height: 1.2;
  }

  .container-148 {
    width: 100%;
    height: auto;
    padding: 20px;
  }
  /*////*/
  .container {
    display: none;
    height: 15vh;
    padding: 0 10px; /* Reduce padding for smaller screen */
  }

  .container-1 {
    padding: 5px 5vw; /* Adjust padding for smaller screen */
    flex-direction: column;
    height: auto; /* Allow height to adapt */
  }

  .group,
  .group-3,
  .group-5 {
    width: 80%; /* Make smaller to fit screen */
    height: auto;
  }

  .lermao-vn,
  .contact-info,
  .email {
    font-size: 20px; /* Reduce font size for readability on mobile */
    line-height: 20px;
    top: auto;
    left: 10px;
  }

  .container-7 {
    padding: 0 5px;
  }

  .nav {
    height: auto; /* Allow nav to adjust to content */
  }

  .list-margin,
  .list {
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 0;
  }

  .item-margin,
  .item-margin-c,
  .item-margin-12,
  .item-margin-18,
  .item-margin-1e,
  .item-margin-24 {
    width: 100%;
    padding: 0;
    align-items: center;
  }

  .component,
  .component-9,
  .component-d,
  .component-e,
  .component-13,
  .component-14,
  .component-19,
  .component-1a {
    width: 100%;
    height: auto;
  }

  .text-home,
  .text-info,
  .text-recipe,
  .text-register,
  .text-lermao-bear,
  .contact,
  .text {
    font-size: 20px; /* Adjust font size for readability */
    line-height: 20px;
    text-align: center;
  }

  .register-now,
  .link {
    width: 80%; /* Adjust button width */
    padding: 10px 15px;
    border-radius: 20px;
  }

  .asset,
  .vector,
  .vector-11,
  .vector-17,
  .vector-23,
  .vector-29,
  .vector-1d {
    width: 80%; /* Scale down vector sizes */
    height: auto;
  }

  .margin,
  .link-margin,
  .link-2f,
  .container-2b,
  .container-2d,
  .container-2e {
    width: 100%; /* Full width on mobile */
    padding: 5px;
  }

  .register-now {
    padding: 10px;
    border-radius: 20px; /* Adjust button radius */
  }

  /* Ensure icons and text align centrally on mobile */
  .container-21,
  .container-27 {
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
  }

  .container-15,
  .container-1b {
    width: 90%;
    display: flex;
    justify-content: center;
  }
  /*////*/
  .background {
    margin-top: 102vh;
    padding: 10px 0px; /* Adjust padding for mobile */
  }

  .group-30 {
    width: 100vw;
  }

  .workshop-experience {
    font-size: 24px; /* Reduce font size for readability on mobile */
    line-height: 1.2;
    padding-bottom: 20px;
  }

  .flex-row-a {
    padding-bottom: 10px; /* Adjust spacing */
  }

  .frame {
    width: 100vw; /* Increase width for better visibility */
    height: 30vh; /* Adjust height for mobile screen */
    border-radius: 20px; /* Reduce border radius */
  }

  .rectangle {
    display: none;
  }

  .background-31 {
    flex-direction: column;
    padding: 5px; /* Adjust padding for smaller screens */
  }

  .container-34 {
    width: 100%; /* Full width for mobile */
    padding: 5px 0;
  }

  .background-shadow {
    width: 90%; /* Make the shadow background fit smaller screens */
    padding: 20px 5px; /* Reduce padding */
    gap: 15px; /* Reduce gap */
  }

  .hoan-toan-mien-phi {
    font-size: 24px; /* Smaller font size for readability */
    line-height: 1.2;
  }

  .heading {
    padding-top: 10px;
  }

  .container-35 {
    height: auto; /* Allow container height to adapt */
    padding: 5px;
  }

  .chuyen-minh-thich-nghi {
    font-size: 28px; /* Reduce font size */
    line-height: 1.2;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
  }
  .container-3a {
    flex-direction: column;
    /* gap: 30vh; */
  }

  .list-3c,
  .list-57 {
    padding: 10px;
    gap: 15px; /* Reduce gap */
  }

  .item-3d,
  .item-51,
  .item-58,
  .item-47,
  .item-42,
  .item-4c,
  .item-62,
  .item-68,
  .item-6d,
  .item-5d {
    padding: 5px; /* Adjust padding */
    width: 100%;
  }

  .vector-41,
  .vector-46,
  .vector-4b,
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-55,
  .vector-50 {
    width: 15px; /* Scale down vector sizes */
    height: 15px;
  }

  .luon-co-cong-thuc-moi,
  .dien-ra-hang-thang,
  .co-mat-tai-ca-2-mien,
  .ho-tro-tu-van-chuyen-sau,
  .co-hoi-hop-tac-lau-dai,
  .trai-nghiem-san-pham-moi,
  .doi-ngu-to-chuc-chuyen-nghiep,
  .cap-nhat-xu-huong-hot-trend,
  .nang-cao-kien-thuc-pha-che,
  .nang-cao-kien-thuc-pha-che,
  .hoan-toan-mien-phi-67 {
    font-size: 16px; /* Reduce font size for better fit on mobile */
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word; /* Ngắt dòng nếu từ quá dài */
    white-space: normal; /* Cho phép văn bản ngắt dòng */
    overflow-wrap: break-word;
  }

  .admin-image {
    width: 40px; /* Scale down image */
    height: 40px;
  }

  .nguyen-huu-toan {
    font-size: 28px; /* Adjust font size */
    line-height: 1.2;
  }

  .founder {
    font-size: 17px;
    line-height: 1.2;
  }

  .trophy-star {
    /* display: none; */
    width: 20px; /* Scale down icon size */
    height: 20px;
  }

  .nam-kinh-nghiem {
    /* display: none; */
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
  }
  .form-container {
    width: 100%; /* Make form take up more space on small screens */
    padding: 10px; /* Adjust padding */
  }

  h2 {
    font-size: 24px; /* Reduce font size for smaller screens */
    margin: 3px 0px;
  }

  input,
  select {
    font-size: 20px; /* Smaller font for inputs and selects */
    padding: 8px; /* Adjust padding for inputs */
    margin-top: 3px;
  }

  button {
    width: 70%; /* Increase button width for easier tapping */
    font-size: 16px; /* Adjust font size */
    height: 5vh; /* Adjust button height */
  }

  #statusMessage {
    font-size: 12px; /* Reduce status message font size for mobile */
  }

  .container-36,
  .container-37 {
    justify-content: center;
    padding: 0 5%; /* Reduce padding for mobile */
  }

  .heading-38 {
    width: 100%; /* Full width on smaller screens */
    justify-content: center;
    margin: 20px 0 0 0; /* Reduce side margin */
    padding: 0; /* Remove bottom padding */
    align-items: center;
  }

  .container-39 {
    width: 100%;
    margin: 10px 0; /* Adjust margin for better spacing */
    padding: 5px 0;
  }

  .content {
    width: 100%;
    font-size: 17px; /* Smaller font size */
    line-height: 1.4; /* Adjust line height for readability */
    height: auto; /* Allow height to adjust with content */
    padding: 5px 10px; /* Add padding for better fit */
    text-align: justify;
  }

  .speaker {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-left: 20px;
  }
  .custom-image {
    width: 100%;
    padding-bottom: 10px;
  }

  .container-72 {
    width: 100%; /* Set to full width for mobile */
    /* margin-top: 33vh;
    margin-bottom: 2vh; */
  }

  .container-73 {
    max-width: 100%; /* Set to full width */
    padding: 0 5%; /* Reduce padding for a more compact fit */
  }

  .container-74,
  .margin-75 {
    width: 100%; /* Allow elements to stack and take full width */
    padding: 0;
  }

  .container-76 {
    padding: 0;
  }

  .admin-image {
    width: 50px;
    height: 50px;
    max-width: 50px;
  }

  .container-77 {
    position: absolute;
    align-content: center;
    justify-content: center;
    left: 3vh;
    gap: 5px; /* Reduce gap for tighter layout */
  }

  .heading-78 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }

  .container-79 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }
  /* .container-7e {
    display: none;
  }
  .container-75 {
    display: none;
  } */
  .container-3b,
  .container-56 {
    padding: 0px;
    max-width: 44%;
  }
  .container-80 {
    padding: 20px; /* Reduced padding */
  }

  .container-81,
  .container-82,
  .container-83 {
    width: 100%; /* Full width */
    padding: 0;
    margin: 0 auto;
  }
  .container-81 {
    height: 1050px;
  }
  .container-84 {
    width: 100%;
    padding: 10px;
  }

  .workshop-sap-dien-ra {
    width: 100%;
    font-size: 24px; /* Reduced font size for better fit */
    line-height: 32px;
    padding: 10px;
  }

  .component-86 {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .container-87,
  .events-image {
    width: 0%;
    height: auto;
  }

  .container-88 {
    justify-content: center;
    width: 100%;
    padding: 10px; /* Reduced padding */
  }

  .background-89 {
    padding: 2px 4px;
    width: auto;
  }

  .heading-8a,
  .component-8b,
  .text-8c {
    font-size: 24px;
    width: 95vw;
    word-wrap: break-word;
  }

  .workshop-date {
    width: 95vw;
    word-wrap: break-word;
    overflow-wrap: break-word; /* Thêm thuộc tính này để hỗ trợ trên các trình duyệt mới */
    white-space: normal; /* Đảm bảo văn bản có thể ngắt dòng */
    margin-bottom: 40px;
  }
  .text-23 {
    width: 95vw;
    word-wrap: break-word;
    font-size: 20px;
  }

  .container-8d,
  .text-ab,
  .text-ab .dang-ky-ngay-ac {
    width: 100%;
    font-size: 20px;
  }

  .border,
  .border-ad,
  .border-c4 {
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: 90vw;
  }

  .dang-ky-ngay,
  .dang-ky-ngay-c3,
  .background-da {
    font-size: 16px;
  }

  .list-57,
  .list-99,
  .list-af,
  .list-c6 {
    gap: 15px; /* Reduced gap */
  }

  .heading-85,
  .text-26 {
    height: 0px;
    display: none;
  }
  .workshop-sap-dien-ra {
    font-size: 25px;
  }

  /* Reduced font sizes for smaller text elements */

  /* Image and vector adjustments */
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-a9,
  .vector-c0,
  .vector-d6 {
    width: 15px;
    height: 15px;
  }

  .container-96 {
    position: relative; /* Removed absolute positioning for better mobile handling */
    width: 90%; /* Full width with some padding on sides */
    max-width: 100%; /* Constrains to screen size */
    gap: 15px; /* Smaller gap for compact spacing */
    left: 0; /* Center-align by removing left offset */
    transform: none; /* Remove transform for mobile alignment */
    height: 600px;
  }

  .heading-97 {
    width: 100%;
    padding: 5px 0; /* Reduced padding */
    text-align: center; /* Center align heading text */
  }

  .su-kien-sap-dien-ra {
    margin-top: 60px;
    font-size: 28px; /* Reduced font size for mobile legibility */
    line-height: 20px; /* Adjusted line-height */
    width: 100%; /* Full width */
    text-align: left; /* Center-align for mobile */
    padding: 5px 0; /* Added padding for spacing */
  }

  .container-ae,
  .container-c5 {
    width: 70px;
  }
  .heading-c9,
  .container-b2 {
    width: 10px;
    padding: 0 50px;
  }
  .component-ca,
  .heading-b3 {
    width: 55vw;
  }
  .text-cb,
  .workshop-chuyen-cung-don-noel {
    width: 55vw;
  }

  .container-cc {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 50vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* Cho phép ngắt dòng */
  }

  .thuong-hieu-gau-lermao-tra-phuong-hoang-hoi-cho-mekong-can-tho,
  .container-cd {
    display: none;
  }

  .efc-le-loi-can-tho,
  .container-d2 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .container-d2 {
    margin-bottom: 20px;
  }

  .container-cf,
  .container-b8,
  .container-bc,
  .component-d3 {
    display: none;
  }
  .container-b7,
  .container-ce {
    padding: 0px;
  }

  .component-93 {
    margin-left: 89px;
    margin-top: 20px;
  }

  .background-89 {
    display: none;
  }

  .container-db {
    height: 600px;
    padding: 10px;
  }

  .container-dc,
  .container-dd {
    width: 90vw;
    height: 600px;
  }

  .container-de {
    width: 95vw;
    padding: 5px;
  }

  .heading-e1,
  .trai-nghiem-tron-ven-chi-co-tai-chuyen,
  .heading-e3 {
    width: 90vw;
    margin: 10px 0;
    font-size: 24px;
  }

  .container-e2,
  .container-e4 {
    font-size: 24px;
    line-height: 1.2;
  }

  .background-e5,
  .background-e9 {
    width: 95vw;
    height: auto;
    font-size: 20px;
    line-height: 1.5;
    padding: 10px;
    text-align: justify;
  }

  .features-icon,
  .section-31 {
    width: 0px;
    display: none;
  }

  .component-ec {
    width: 95vw;
    height: 85px;
    font-size: 16px;
    border-radius: 60px;
    margin-top: 20px;
    align-content: center;
    justify-content: center;
  }

  .features-icon-ea,
  .container-e6 {
    display: none;
  }

  .learn-more,
  .learn-more-104,
  .learn-more-110,
  .learn-more-11c {
    display: none;
  }

  .academic-image,
  .academic-image-100,
  .academic-image-118,
  .academic-image-10c {
    display: none;
  }

  .heading-f7,
  .heading-102,
  .heading-10e,
  .heading-11a {
    display: none;
  }

  .link-f8,
  .link-103,
  .link-10f,
  .link-11b {
    display: none;
  }

  .flex-row-a-f2,
  .flex-row-ba {
    display: none;
  }
  .dang-ky-ngay-ee {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
  }

  .heading-e3,
  .heading-e7 {
    padding: 0px;
    width: 90vw;
    max-width: 320px;
  }
  .container-e4,
  .container-e8 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 90vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
    margin-bottom: 20px;
  }
  .trai-nghiem-tron-ven-chi-co-tai-chuyen {
    margin-bottom: 30px;
  }
  .background-121 {
    height: 820px;
    padding: 5px;
  }

  .container-122,
  .container-127 {
    width: 90vw;
    max-width: 100%;
  }

  .container-123,
  .container-125 {
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 0px;
  }

  .heading-126 {
    padding: 5px;
  }

  .luon-dap-ung,
  .component-8f {
    display: none;
  }

  .khach-hang-noi-gi-ve-workshop {
    width: 100%;
    font-size: 30px;
    line-height: 1.2;
    height: 60px;
  }

  .container-128,
  .container-12b,
  .container-12f {
    width: 100%;
    padding: 10px 0;
    height: auto;
  }

  .success-image,
  .success-image-12e,
  .success-image-132 {
    width: 100%;
    height: 200px;
    max-width: 100%;
  }

  .component-133 {
    width: 90vw;
    height: 40px;
    margin: 20px auto;
    font-size: 20px;
  }

  .dang-ky-ngay-135 {
    font-size: 16px;
  }
  .container-127 {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
  .footer-social {
    display: none;
    width: 80%;
    height: auto;
    position: relative;
    left: 0;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
  }

  .footer-social h3 {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
  }

  .social-contain {
    height: auto;
    flex-direction: row;
    justify-content: center;
  }

  .social-icon img {
    width: 2rem;
    padding: 0.3rem;
  }

  .social-icon img:hover {
    width: 2.5rem;
  }

  .footer-content {
    display: block;
    padding: 1rem;
  }

  .footer-section,
  .footer-section2,
  .footer-section3 {
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
  }

  .footer-section h3,
  .footer-section2 h3,
  .footer-section3 h3,
  .footer-section h4,
  .footer-section2 h4 {
    font-size: 1.2rem;
  }

  .footer-section ul,
  .footer-section2 ul {
    padding: 0;
    text-align: center;
  }

  .footer-section ul li,
  .footer-section2 ul li {
    margin-bottom: 0.5rem;
  }

  .footer-section ul li a,
  .footer-section2 ul li a {
    font-size: 0.9rem;
  }

  .footer-bottom {
    padding: 1rem 0;
  }

  .footer-bottom p {
    font-size: 0.9rem;
  }

  .footer-section.maps {
    width: 100%;
  }

  .map-row {
    display: none;
    flex-direction: column;
    border-radius: 0.5rem;
  }

  .map-container {
    display: none;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
  }

  .map-container h4 {
    display: none;
    font-size: 1rem;
  }

  .contact a {
    font-size: 0.9rem;
  }

  iframe {
    width: 100%;
    height: 200px;
  }
  .footer-section3 {
    display: none;
  }
  .logofoot {
    width: 20vw; /* Adjust this value as needed */
    max-width: 200px; /* Ensures it doesn’t get too large */
    height: auto; /* Maintains the aspect ratio */
    padding: 0.5rem; /* Optional: adds padding around the logo */
    display: block; /* Centers it in its container */
    margin: 0 auto; /* Centers the logo horizontally */
  }
  .workshop-chuyen-sap-dien-ra,
  .text-8c,
  .workshop-date {
    text-align: center;
  }
  .thong-tin-su-kien {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* CSS dành cho iPhone 12 Pro, iPhone 13 */

  body {
    margin: 0;
  }

  /* Base Styles */

  .background-13a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    height: 100vh;
    top: 0px;
    right: 0;
    left: 0;
    padding: 134px 300px 212px 300px;
    background: url(./assets/images/3f236bb6719c554900883bfeb8a47f1ed7b29970.png)
      no-repeat center;
    background-size: cover;
  }
  .background-13b {
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #120f2d;
    opacity: 0.4;
    z-index: 1;
  }
  .container-13c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    min-width: 0;
    padding: 0 110px;
    z-index: 2;
    max-width: 1320px;
  }
  .container-13d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 1100px;
    height: 740px;
    z-index: 3;
    max-width: 1100px;
  }

  .background-13a {
    padding: 50px 30px;
    background-size: cover;
  }

  .container-13c {
    margin-top: 10vh;
    padding: 0 30px; /* Reduce padding for smaller screen */
    max-width: 100%;
  }

  .container-13d {
    width: 100%;
    height: auto;
    /* max-width: 100%; */
    max-width: 900px;
    /* padding: 0 30px; */
  }

  .container-13e {
    height: auto;
    max-width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
  }

  .text-4a {
    width: 100%;
    font-size: 22px; /* Adjust font size for readability on smaller screens */
    line-height: 1.2;
    white-space: normal; /* Allow text to wrap */
  }

  .section-43 {
    height: 220px;
  }

  .pic-1a {
    width: 100%;
  }

  .wrapper-4b {
    width: 60%;
    padding: 10px;
  }

  .box-50 {
    width: 130%;
    font-size: 19px; /* Adjust font size */
    line-height: 1.5;
    text-align: center;
    margin-top: 80px;
  }

  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation {
    font-size: 18px; /* Smaller font size for readability */
    line-height: 1.4;
  }

  .container-142 {
    flex-direction: column;
    padding: 10px;
    gap: 10px;
  }

  .component-143,
  .component-146 {
    width: 100%;
    padding: 15px 25px;
    font-size: 18px;
    border-radius: 20px;
  }

  .text-144,
  .text-147,
  .register-now-145,
  .lien-he {
    font-size: 14px;
    line-height: 1.2;
  }

  .container-148 {
    width: 100%;
    height: auto;
    padding: 20px;
  }
  /*////*/
  .container {
    display: none;
    height: 15vh;
    padding: 0 10px; /* Reduce padding for smaller screen */
  }

  .container-1 {
    padding: 5px 5% 5px 5%;
    /* flex-direction: column; */
    height: 80px;
    width: 100%;
  }

  /* .group,
  .group-3,
  .group-5 {
    width: 80%; 
    height: auto;
  } */

  .lermao-vn,
  .contact-info,
  .email {
    font-size: 14px; /* Reduce font size for readability on mobile */
    line-height: 20px;
    top: auto;
    left: 10px;
  }

  .container-7 {
    padding: 0 5px;
  }

  .nav {
    height: auto; /* Allow nav to adjust to content */
  }

  .list-margin,
  .list {
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 0;
  }

  .item-margin,
  .item-margin-c,
  .item-margin-12,
  .item-margin-18,
  .item-margin-1e,
  .item-margin-24 {
    width: 100%;
    padding: 0;
    align-items: center;
  }

  .component,
  .component-9,
  .component-d,
  .component-e,
  .component-13,
  .component-14,
  .component-19,
  .component-1a {
    width: 100%;
    height: auto;
  }

  .text-home,
  .text-info,
  .text-recipe,
  .text-register,
  .text-lermao-bear,
  .contact,
  .text {
    font-size: 14px; /* Adjust font size for readability */
    line-height: 20px;
    text-align: center;
  }

  .register-now,
  .link {
    width: 80%; /* Adjust button width */
    padding: 10px 15px;
    border-radius: 20px;
  }

  .asset,
  .vector,
  .vector-11,
  .vector-17,
  .vector-23,
  .vector-29,
  .vector-1d {
    width: 80%; /* Scale down vector sizes */
    height: auto;
  }

  .margin,
  .link-margin,
  .link-2f,
  .container-2b,
  .container-2d,
  .container-2e {
    width: 100%; /* Full width on mobile */
    padding: 5px;
  }

  .register-now {
    padding: 10px;
    border-radius: 20px; /* Adjust button radius */
  }

  /* Ensure icons and text align centrally on mobile */
  .container-21,
  .container-27 {
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
  }

  .container-15,
  .container-1b {
    width: 90%;
    display: flex;
    justify-content: center;
  }
  /*////*/
  .background {
    margin-top: 102vh;
    padding: 10px 0px; /* Adjust padding for mobile */
  }

  .group-30 {
    width: 100vw;
  }

  .workshop-experience {
    font-size: 24px; /* Reduce font size for readability on mobile */
    line-height: 1.2;
    padding-bottom: 20px;
  }

  .flex-row-a {
    padding-bottom: 10px; /* Adjust spacing */
  }

  .frame {
    width: 100vw; /* Increase width for better visibility */
    height: 30vh; /* Adjust height for mobile screen */
    border-radius: 20px; /* Reduce border radius */
  }

  .rectangle {
    display: none;
  }

  .background-31 {
    flex-direction: column;
    padding: 5px; /* Adjust padding for smaller screens */
  }

  .container-34 {
    width: 100%;
    padding: 60px 0;
  }

  .background-shadow {
    max-width: 1200px;
    /* width: 90%; */
    padding: 30px;
    gap: 15px;
  }

  .hoan-toan-mien-phi {
    font-size: 24px; /* Smaller font size for readability */
    line-height: 1.2;
  }

  .heading {
    padding-top: 10px;
  }

  .container-35 {
    max-width: 1500px;
    width: 100%;
    height: 680px;
    margin: 0 auto;
    /* padding: 5px; */
  }

  .chuyen-minh-thich-nghi {
    font-size: 22px; /* Reduce font size */
    line-height: 1.2;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
  }
  .container-3a {
    /* flex-direction: row;
    max-width: 1200px; */
    /* gap: 30vh; */
    width: 75%;
  }

  .list-3c,
  .list-57 {
    padding: 10px;
    gap: 15px; /* Reduce gap */
  }

  .item-3d,
  .item-51,
  .item-58,
  .item-47,
  .item-42,
  .item-4c,
  .item-62,
  .item-68,
  .item-6d,
  .item-5d {
    padding: 5px; /* Adjust padding */
    width: 100%;
  }

  .vector-41,
  .vector-46,
  .vector-4b,
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-55,
  .vector-50 {
    width: 15px; /* Scale down vector sizes */
    height: 15px;
  }

  .luon-co-cong-thuc-moi,
  .dien-ra-hang-thang,
  .co-mat-tai-ca-2-mien,
  .ho-tro-tu-van-chuyen-sau,
  .co-hoi-hop-tac-lau-dai,
  .trai-nghiem-san-pham-moi,
  .doi-ngu-to-chuc-chuyen-nghiep,
  .cap-nhat-xu-huong-hot-trend,
  .nang-cao-kien-thuc-pha-che,
  .nang-cao-kien-thuc-pha-che,
  .hoan-toan-mien-phi-67 {
    font-size: 18px; /* Reduce font size for better fit on mobile */
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word; /* Ngắt dòng nếu từ quá dài */
    white-space: normal; /* Cho phép văn bản ngắt dòng */
    overflow-wrap: break-word;
  }

  .admin-image {
    width: 40px; /* Scale down image */
    height: 40px;
  }

  .nguyen-huu-toan {
    font-size: 22px; /* Adjust font size */
    line-height: 1.2;
    text-align: center;
    display: block;
    margin: 0 auto;
  }

  .founder {
    font-size: 17px;
    line-height: 1.2;
  }

  .trophy-star {
    /* display: none; */
    width: 20px; /* Scale down icon size */
    height: 20px;
  }

  .nam-kinh-nghiem {
    /* display: none; */
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
  }
  .form-container {
    width: 100%;
    padding: 10px;
  }

  h2 {
    font-size: 19px; /* Reduce font size for smaller screens */
    margin: 3px 0px;
  }

  input,
  select {
    font-size: 14px; /* Smaller font for inputs and selects */
    padding: 8px; /* Adjust padding for inputs */
    margin-top: 3px;
  }

  button {
    width: 70%; /* Increase button width for easier tapping */
    font-size: 18px; /* Adjust font size */
    height: 5vh; /* Adjust button height */
  }

  #statusMessage {
    font-size: 12px; /* Reduce status message font size for mobile */
  }

  .container-36,
  .container-37 {
    justify-content: center;
    padding: 0 5%; /* Reduce padding for mobile */
  }

  .heading-38 {
    width: 100%; /* Full width on smaller screens */
    justify-content: center;
    margin: 20px 0 0 0; /* Reduce side margin */
    padding: 0; /* Remove bottom padding */
    align-items: center;
  }

  .container-39 {
    width: 100%;
    margin: 10px 0; /* Adjust margin for better spacing */
    padding: 5px 0;
  }

  .container-3e,
  .container-43,
  .container-48,
  .container-4d,
  .container-52,
  .container-59,
  .container-5e,
  .container-63,
  .container-69,
  .container-6e {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: absolute;
    width: 9.77%;
    height: 25px;
    top: 5px;
    left: -5%;
    z-index: 145;
  }

  .content {
    width: 100%;
    font-size: 17px; /* Smaller font size */
    line-height: 1.4; /* Adjust line height for readability */
    height: auto; /* Allow height to adjust with content */
    padding: 5px 10px; /* Add padding for better fit */
    text-align: justify;
  }

  .speaker {
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-left: 20px;
  }

  .inner-speaker {
    width: 100%;
  }

  .custom-image {
    width: 90%;
    padding-bottom: 10px;
  }

  .container-72 {
    width: 100%;
    /* margin-top: 33px;
    margin-bottom: 10px; */
  }

  .container-7a {
    max-width: 100%;
  }

  .container-7b {
    width: 100%;
  }

  .container-73 {
    max-width: 100%;
    /* padding: 0 5%; */
  }

  .container-74,
  .margin-75 {
    width: 100%; /* Allow elements to stack and take full width */
    padding: 0;
  }

  .container-76 {
    padding: 0;
  }

  .admin-image {
    width: 50px;
    height: 50px;
    max-width: 50px;
  }

  .container-77 {
    position: absolute;
    align-content: center;
    justify-content: center;
    left: 3vh;
    gap: 5px; /* Reduce gap for tighter layout */
  }

  .heading-78 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }

  .container-79 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }
  /* .container-7e {
    display: none;
  }
  .container-75 {
    display: none;
  } */
  .container-3b,
  .container-56 {
    padding: 0px;
  }
  .container-80 {
    padding: 20px; /* Reduced padding */
  }

  .container-81,
  .container-82,
  .container-83 {
    width: 100%; /* Full width */
    padding: 0;
    margin: 0 auto;
  }
  .container-81 {
    height: 1050px;
  }
  .container-84 {
    width: 100%;
    padding: 10px;
  }

  .workshop-sap-dien-ra {
    width: 100%;
    font-size: 24px; /* Reduced font size for better fit */
    line-height: 32px;
    padding: 10px;
  }

  .component-86 {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .container-87,
  .events-image {
    width: 0%;
    height: auto;
  }

  .container-88 {
    justify-content: center;
    width: 100%;
    padding: 10px; /* Reduced padding */
  }

  .background-89 {
    padding: 2px 4px;
    width: auto;
  }

  .heading-8a,
  .component-8b,
  .text-8c {
    font-size: 19px;
    width: 90vw;
    word-wrap: break-word;
  }

  .workshop-date {
    width: 90vw;
    word-wrap: break-word;
    overflow-wrap: break-word; /* Thêm thuộc tính này để hỗ trợ trên các trình duyệt mới */
    white-space: normal; /* Đảm bảo văn bản có thể ngắt dòng */
    margin-bottom: 40px;
  }
  .text-23 {
    width: 90vw;
    word-wrap: break-word;
    font-size: 14px;
  }

  .container-8d,
  .text-ab,
  .text-ab .dang-ky-ngay-ac {
    width: 100%;
    font-size: 14px;
  }

  .border,
  .border-ad,
  .border-c4 {
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: 90vw;
  }

  .dang-ky-ngay,
  .dang-ky-ngay-c3,
  .background-da {
    font-size: 18px;
  }

  .list-57,
  .list-99,
  .list-af,
  .list-c6 {
    gap: 15px; /* Reduced gap */
  }

  .heading-85,
  .text-26 {
    height: 0px;
    display: none;
  }
  .workshop-sap-dien-ra {
    font-size: 25px;
  }

  /* Reduced font sizes for smaller text elements */

  /* Image and vector adjustments */
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-a9,
  .vector-c0,
  .vector-d6 {
    width: 15px;
    height: 15px;
  }

  .container-96 {
    position: relative; /* Removed absolute positioning for better mobile handling */
    width: 90%; /* Full width with some padding on sides */
    max-width: 100%; /* Constrains to screen size */
    gap: 15px; /* Smaller gap for compact spacing */
    left: 0; /* Center-align by removing left offset */
    transform: none; /* Remove transform for mobile alignment */
    height: 600px;
  }

  .heading-97 {
    width: 100%;
    padding: 5px 0; /* Reduced padding */
    text-align: center; /* Center align heading text */
  }

  .su-kien-sap-dien-ra {
    margin-top: 60px;
    font-size: 22px; /* Reduced font size for mobile legibility */
    line-height: 20px; /* Adjusted line-height */
    width: 100%; /* Full width */
    text-align: left; /* Center-align for mobile */
    padding: 5px 0; /* Added padding for spacing */
  }

  .container-ae,
  .container-c5 {
    width: 70px;
  }
  .heading-c9,
  .container-b2 {
    width: 10px;
    padding: 0 30px;
  }
  .component-ca,
  .heading-b3 {
    width: 55vw;
  }
  .text-cb,
  .workshop-chuyen-cung-don-noel {
    width: 55vw;
  }

  .container-cc {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 50vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* Cho phép ngắt dòng */
  }

  .thuong-hieu-gau-lermao-tra-phuong-hoang-hoi-cho-mekong-can-tho,
  .container-cd {
    display: none;
  }

  .efc-le-loi-can-tho,
  .container-d2 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .container-d2 {
    margin-bottom: 20px;
  }

  .container-cf,
  .container-b8,
  .container-bc,
  .component-d3 {
    display: none;
  }
  .container-b7,
  .container-ce {
    padding: 0px;
  }

  .component-93 {
    margin-left: 89px;
    margin-top: 20px;
  }

  .background-89 {
    display: none;
  }

  .container-db {
    height: 600px;
    padding: 10px;
  }

  .container-dc,
  .container-dd {
    width: 90vw;
    height: 600px;
  }

  .container-de {
    width: 90vw;
    padding: 5px;
  }

  .heading-e1,
  .trai-nghiem-tron-ven-chi-co-tai-chuyen,
  .heading-e3 {
    width: 90vw;
    margin: 10px 0;
    font-size: 19px;
  }

  .container-e2,
  .container-e4 {
    font-size: 24px;
    line-height: 1.2;
  }

  .background-e5,
  .background-e9 {
    width: 90vw;
    height: auto;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    text-align: justify;
  }

  .features-icon,
  .section-31 {
    width: 0px;
    display: none;
  }

  .component-ec {
    width: 90vw;
    height: 85px;
    font-size: 18px;
    border-radius: 60px;
    margin-top: 20px;
    align-content: center;
    justify-content: center;
  }

  .features-icon-ea,
  .container-e6 {
    display: none;
  }

  .learn-more,
  .learn-more-104,
  .learn-more-110,
  .learn-more-11c {
    display: none;
  }

  .academic-image,
  .academic-image-100,
  .academic-image-118,
  .academic-image-10c {
    display: none;
  }

  .heading-f7,
  .heading-102,
  .heading-10e,
  .heading-11a {
    display: none;
  }

  .link-f8,
  .link-103,
  .link-10f,
  .link-11b {
    display: none;
  }

  .flex-row-a-f2,
  .flex-row-ba {
    display: none;
  }
  .dang-ky-ngay-ee {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
  }

  .heading-e3,
  .heading-e7 {
    padding: 0px;
    width: 90vw;
    max-width: 320px;
  }
  .container-e4,
  .container-e8 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 90vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
    margin-bottom: 20px;
  }
  .trai-nghiem-tron-ven-chi-co-tai-chuyen {
    margin-bottom: 30px;
  }
  .background-121 {
    height: 820px;
    padding: 5px;
  }

  .container-122,
  .container-127 {
    width: 90vw;
    max-width: 100%;
  }

  .container-123,
  .container-125 {
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 0px;
  }

  .heading-126 {
    padding: 5px;
  }

  .luon-dap-ung,
  .component-8f {
    display: none;
  }

  .khach-hang-noi-gi-ve-workshop {
    width: 100%;
    font-size: 22px;
    line-height: 1.2;
    height: 60px;
  }

  .container-128,
  .container-12b,
  .container-12f {
    width: 100%;
    padding: 10px 0;
    height: auto;
  }

  .success-image,
  .success-image-12e,
  .success-image-132 {
    width: 100%;
    height: 200px;
    max-width: 100%;
  }

  .component-133 {
    width: 90vw;
    height: 40px;
    margin: 20px auto;
    font-size: 14px;
  }

  .dang-ky-ngay-135 {
    font-size: 18px;
  }
  .container-127 {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
  .footer-social {
    display: none;
    width: 80%;
    height: auto;
    position: relative;
    left: 0;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
  }

  .footer-social h3 {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
  }

  .social-contain {
    height: auto;
    flex-direction: row;
    justify-content: center;
  }

  .social-icon img {
    width: 2rem;
    padding: 0.3rem;
  }

  .social-icon img:hover {
    width: 2.5rem;
  }

  .footer-content {
    display: block;
    padding: 1rem;
  }

  .footer-section,
  .footer-section2,
  .footer-section3 {
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
  }

  .footer-section h3,
  .footer-section2 h3,
  .footer-section3 h3,
  .footer-section h4,
  .footer-section2 h4 {
    font-size: 1.2rem;
  }

  .footer-section ul,
  .footer-section2 ul {
    padding: 0;
    text-align: center;
  }

  .footer-section ul li,
  .footer-section2 ul li {
    margin-bottom: 0.5rem;
  }

  .footer-section ul li a,
  .footer-section2 ul li a {
    font-size: 0.9rem;
  }

  .footer-bottom {
    padding: 1rem 0;
  }

  .footer-bottom p {
    font-size: 0.9rem;
  }

  .footer-section.maps {
    width: 100%;
  }

  .map-row {
    display: none;
    flex-direction: column;
    border-radius: 0.5rem;
  }

  .map-container {
    display: none;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
  }

  .map-container h4 {
    display: none;
    font-size: 1rem;
  }

  .contact a {
    font-size: 0.9rem;
  }

  iframe {
    width: 100%;
    height: 200px;
  }
  .footer-section3 {
    display: none;
  }
  .logofoot {
    width: 20vw; /* Adjust this value as needed */
    max-width: 200px; /* Ensures it doesn’t get too large */
    height: auto; /* Maintains the aspect ratio */
    padding: 0.5rem; /* Optional: adds padding around the logo */
    display: block; /* Centers it in its container */
    margin: 0 auto; /* Centers the logo horizontally */
  }
  .workshop-chuyen-sap-dien-ra,
  .text-8c,
  .workshop-date {
    text-align: center;
  }
  .thong-tin-su-kien {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 960px) {
  /* CSS dành cho iPhone 12 Pro, iPhone 13 */

  body {
    margin: 0;
  }

  /* Base Styles */

  .background-13a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    height: 100vh;
    top: 0px;
    right: 0;
    left: 0;
    padding: 134px 300px 212px 300px;
    background: url(./assets/images/3f236bb6719c554900883bfeb8a47f1ed7b29970.png)
      no-repeat center;
    background-size: cover;
  }
  .background-13b {
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #120f2d;
    opacity: 0.4;
    z-index: 1;
  }
  .container-13c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    min-width: 0;
    padding: 0 110px;
    z-index: 2;
    max-width: 1320px;
  }
  .container-13d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 1100px;
    height: 740px;
    z-index: 3;
    max-width: 1100px;
  }

  .background-13a {
    padding: 50px 30px;
    background-size: cover;
  }

  .container-13c {
    margin-top: 10vh;
    padding: 0 30px; /* Reduce padding for smaller screen */
    max-width: 100%;
  }

  .container-13d {
    width: 100%;
    height: auto;
    /* max-width: 100%; */
    max-width: 900px;
    /* padding: 0 30px; */
  }

  .container-13e {
    height: auto;
    max-width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
  }

  .text-4a {
    width: 100%;
    font-size: 22px; /* Adjust font size for readability on smaller screens */
    line-height: 1.2;
    white-space: normal; /* Allow text to wrap */
  }

  .section-43 {
    height: 220px;
  }

  .pic-1a {
    width: 100%;
  }

  .wrapper-4b {
    width: 60%;
    padding: 10px;
  }

  .box-50 {
    width: 130%;
    font-size: 19px; /* Adjust font size */
    line-height: 1.5;
    text-align: center;
    margin-top: 80px;
  }

  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation {
    font-size: 18px; /* Smaller font size for readability */
    line-height: 1.4;
  }

  .container-142 {
    flex-direction: column;
    padding: 10px;
    gap: 10px;
  }

  .component-143,
  .component-146 {
    width: 100%;
    padding: 15px 25px;
    font-size: 18px;
    border-radius: 20px;
  }

  .text-144,
  .text-147,
  .register-now-145,
  .lien-he {
    font-size: 14px;
    line-height: 1.2;
  }

  .container-148 {
    width: 100%;
    height: auto;
    padding: 20px;
  }
  /*////*/
  .container {
    display: none;
    height: 15vh;
    padding: 0 10px; /* Reduce padding for smaller screen */
  }

  .container-1 {
    padding: 5px 5% 5px 5%;
    /* flex-direction: column; */
    height: 80px;
    width: 100%;
  }

  /* .group,
  .group-3,
  .group-5 {
    width: 80%; 
    height: auto;
  } */

  .lermao-vn,
  .contact-info,
  .email {
    font-size: 14px; /* Reduce font size for readability on mobile */
    line-height: 20px;
    top: auto;
    left: 10px;
  }

  .container-7 {
    padding: 0 5px;
  }

  .nav {
    height: auto; /* Allow nav to adjust to content */
  }

  .list-margin,
  .list {
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 0;
  }

  .item-margin,
  .item-margin-c,
  .item-margin-12,
  .item-margin-18,
  .item-margin-1e,
  .item-margin-24 {
    width: 100%;
    padding: 0;
    align-items: center;
  }

  .component,
  .component-9,
  .component-d,
  .component-e,
  .component-13,
  .component-14,
  .component-19,
  .component-1a {
    width: 100%;
    height: auto;
  }

  .text-home,
  .text-info,
  .text-recipe,
  .text-register,
  .text-lermao-bear,
  .contact,
  .text {
    font-size: 14px; /* Adjust font size for readability */
    line-height: 20px;
    text-align: center;
  }

  .register-now,
  .link {
    width: 80%; /* Adjust button width */
    padding: 10px 15px;
    border-radius: 20px;
  }

  .asset,
  .vector,
  .vector-11,
  .vector-17,
  .vector-23,
  .vector-29,
  .vector-1d {
    width: 80%; /* Scale down vector sizes */
    height: auto;
  }

  .margin,
  .link-margin,
  .link-2f,
  .container-2b,
  .container-2d,
  .container-2e {
    width: 100%; /* Full width on mobile */
    padding: 5px;
  }

  .register-now {
    padding: 10px;
    border-radius: 20px; /* Adjust button radius */
  }

  /* Ensure icons and text align centrally on mobile */
  .container-21,
  .container-27 {
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
  }

  .container-15,
  .container-1b {
    width: 90%;
    display: flex;
    justify-content: center;
  }
  /*////*/
  .background {
    margin-top: 102vh;
    padding: 10px 0px; /* Adjust padding for mobile */
  }

  .group-30 {
    width: 100vw;
  }

  .workshop-experience {
    font-size: 24px; /* Reduce font size for readability on mobile */
    line-height: 1.2;
    padding-bottom: 20px;
  }

  .flex-row-a {
    padding-bottom: 10px; /* Adjust spacing */
  }

  .frame {
    width: 100vw; /* Increase width for better visibility */
    height: 30vh; /* Adjust height for mobile screen */
    border-radius: 20px; /* Reduce border radius */
  }

  .rectangle {
    display: none;
  }

  .background-31 {
    flex-direction: column;
    padding: 5px; /* Adjust padding for smaller screens */
  }

  .container-34 {
    width: 100%;
    padding: 60px 0;
  }

  .background-shadow {
    max-width: 1200px;
    /* width: 90%; */
    padding: 30px;
    gap: 15px;
  }

  .hoan-toan-mien-phi {
    font-size: 24px; /* Smaller font size for readability */
    line-height: 1.2;
  }

  .heading {
    padding-top: 10px;
  }

  .container-35 {
    max-width: 1500px;
    width: 100%;
    height: 680px;
    margin: 0 auto;
    /* padding: 5px; */
  }

  .chuyen-minh-thich-nghi {
    font-size: 22px; /* Reduce font size */
    line-height: 1.2;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
  }
  .container-3a {
    flex-direction: row;
    max-width: 900px;
    /* gap: 30vh; */
  }

  .list-3c,
  .list-57 {
    padding: 10px;
    gap: 15px; /* Reduce gap */
  }

  .item-3d,
  .item-51,
  .item-58,
  .item-47,
  .item-42,
  .item-4c,
  .item-62,
  .item-68,
  .item-6d,
  .item-5d {
    padding: 5px; /* Adjust padding */
    width: 100%;
  }

  .vector-41,
  .vector-46,
  .vector-4b,
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-55,
  .vector-50 {
    width: 15px; /* Scale down vector sizes */
    height: 15px;
  }

  .luon-co-cong-thuc-moi,
  .dien-ra-hang-thang,
  .co-mat-tai-ca-2-mien,
  .ho-tro-tu-van-chuyen-sau,
  .co-hoi-hop-tac-lau-dai,
  .trai-nghiem-san-pham-moi,
  .doi-ngu-to-chuc-chuyen-nghiep,
  .cap-nhat-xu-huong-hot-trend,
  .nang-cao-kien-thuc-pha-che,
  .nang-cao-kien-thuc-pha-che,
  .hoan-toan-mien-phi-67 {
    font-size: 18px; /* Reduce font size for better fit on mobile */
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word; /* Ngắt dòng nếu từ quá dài */
    white-space: normal; /* Cho phép văn bản ngắt dòng */
    overflow-wrap: break-word;
  }

  .admin-image {
    width: 40px; /* Scale down image */
    height: 40px;
  }

  .nguyen-huu-toan {
    font-size: 22px; /* Adjust font size */
    line-height: 1.2;
    text-align: center;
    display: block;
    margin: 0 auto;
  }

  .founder {
    font-size: 17px;
    line-height: 1.2;
  }

  .trophy-star {
    /* display: none; */
    width: 20px; /* Scale down icon size */
    height: 20px;
  }

  .nam-kinh-nghiem {
    /* display: none; */
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
  }
  .form-container {
    width: 100%;
    padding: 10px;
  }

  h2 {
    font-size: 19px; /* Reduce font size for smaller screens */
    margin: 3px 0px;
  }

  input,
  select {
    font-size: 14px; /* Smaller font for inputs and selects */
    padding: 8px; /* Adjust padding for inputs */
    margin-top: 3px;
  }

  button {
    width: 70%; /* Increase button width for easier tapping */
    font-size: 18px; /* Adjust font size */
    height: 5vh; /* Adjust button height */
  }

  #statusMessage {
    font-size: 12px; /* Reduce status message font size for mobile */
  }

  .container-36,
  .container-37 {
    justify-content: center;
    padding: 0 5%; /* Reduce padding for mobile */
  }

  .heading-38 {
    width: 100%; /* Full width on smaller screens */
    justify-content: center;
    margin: 20px 0 0 0; /* Reduce side margin */
    padding: 0; /* Remove bottom padding */
    align-items: center;
  }

  .container-39 {
    display: flex;
    width: 100%;
    /* margin: 10px 0; */
    padding: 5px 0;
    text-align: center;
    justify-content: center;
  }

  .container-3e,
  .container-43,
  .container-48,
  .container-4d,
  .container-52,
  .container-59,
  .container-5e,
  .container-63,
  .container-69,
  .container-6e {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: absolute;
    width: 9.77%;
    height: 25px;
    top: 5px;
    left: -5%;
    z-index: 145;
  }

  .content {
    width: 100%;
    font-size: 17px; /* Smaller font size */
    line-height: 1.4; /* Adjust line height for readability */
    height: auto; /* Allow height to adjust with content */
    padding: 5px 10px; /* Add padding for better fit */
    text-align: justify;
  }

  .speaker {
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-left: 20px;
  }

  .inner-speaker {
    width: 100%;
  }

  .custom-image {
    width: 90%;
    padding-bottom: 10px;
  }

  .container-72 {
    width: 100%;
    /* margin-top: 33px;
    margin-bottom: 10px; */
  }

  .container-7a {
    max-width: 100%;
  }

  .container-7b {
    width: 100%;
  }

  .container-73 {
    max-width: 100%;
    /* padding: 0 5%; */
  }

  .container-74,
  .margin-75 {
    width: 100%; /* Allow elements to stack and take full width */
    padding: 0;
  }

  .container-76 {
    padding: 0;
  }

  .admin-image {
    width: 50px;
    height: 50px;
    max-width: 50px;
  }

  .container-77 {
    position: absolute;
    align-content: center;
    justify-content: center;
    left: 3vh;
    gap: 5px; /* Reduce gap for tighter layout */
  }

  .heading-78 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }

  .container-79 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }
  /* .container-7e {
    display: none;
  }
  .container-75 {
    display: none;
  } */
  .container-3b,
  .container-56 {
    padding: 0px;
    max-width: 45%;
  }
  .container-80 {
    padding: 20px; /* Reduced padding */
  }

  .container-81,
  .container-82,
  .container-83 {
    width: 100%; /* Full width */
    padding: 0;
    margin: 0 auto;
  }
  .container-81 {
    height: 1050px;
  }
  .container-84 {
    width: 100%;
    padding: 10px;
  }

  .workshop-sap-dien-ra {
    width: 100%;
    font-size: 24px; /* Reduced font size for better fit */
    line-height: 32px;
    padding: 10px;
  }

  .component-86 {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .container-87,
  .events-image {
    width: 0%;
    height: auto;
  }

  .container-88 {
    justify-content: center;
    width: 100%;
    padding: 10px; /* Reduced padding */
  }

  .background-89 {
    padding: 2px 4px;
    width: auto;
  }

  .heading-8a,
  .component-8b,
  .text-8c {
    font-size: 19px;
    width: 90vw;
    word-wrap: break-word;
  }

  .workshop-date {
    width: 90vw;
    word-wrap: break-word;
    overflow-wrap: break-word; /* Thêm thuộc tính này để hỗ trợ trên các trình duyệt mới */
    white-space: normal; /* Đảm bảo văn bản có thể ngắt dòng */
    margin-bottom: 40px;
  }
  .text-23 {
    width: 90vw;
    word-wrap: break-word;
    font-size: 14px;
  }

  .container-8d,
  .text-ab,
  .text-ab .dang-ky-ngay-ac {
    width: 100%;
    font-size: 14px;
  }

  .border,
  .border-ad,
  .border-c4 {
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: 90vw;
  }

  .dang-ky-ngay,
  .dang-ky-ngay-c3,
  .background-da {
    font-size: 18px;
  }

  .list-57,
  .list-99,
  .list-af,
  .list-c6 {
    gap: 15px; /* Reduced gap */
  }

  .heading-85,
  .text-26 {
    height: 0px;
    display: none;
  }
  .workshop-sap-dien-ra {
    font-size: 25px;
  }

  /* Reduced font sizes for smaller text elements */

  /* Image and vector adjustments */
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-a9,
  .vector-c0,
  .vector-d6 {
    width: 15px;
    height: 15px;
  }

  .container-96 {
    position: relative; /* Removed absolute positioning for better mobile handling */
    width: 90%; /* Full width with some padding on sides */
    max-width: 100%; /* Constrains to screen size */
    gap: 15px; /* Smaller gap for compact spacing */
    left: 0; /* Center-align by removing left offset */
    transform: none; /* Remove transform for mobile alignment */
    height: 600px;
  }

  .heading-97 {
    width: 100%;
    padding: 5px 0; /* Reduced padding */
    text-align: center; /* Center align heading text */
  }

  .su-kien-sap-dien-ra {
    margin-top: 60px;
    font-size: 22px; /* Reduced font size for mobile legibility */
    line-height: 20px; /* Adjusted line-height */
    width: 100%; /* Full width */
    text-align: left; /* Center-align for mobile */
    padding: 5px 0; /* Added padding for spacing */
  }

  .container-ae,
  .container-c5 {
    width: 70px;
  }
  .heading-c9,
  .container-b2 {
    width: 10px;
    padding: 0 30px;
  }
  .component-ca,
  .heading-b3 {
    width: 55vw;
  }
  .text-cb,
  .workshop-chuyen-cung-don-noel {
    width: 55vw;
  }

  .container-cc {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 50vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* Cho phép ngắt dòng */
  }

  .thuong-hieu-gau-lermao-tra-phuong-hoang-hoi-cho-mekong-can-tho,
  .container-cd {
    display: none;
  }

  .efc-le-loi-can-tho,
  .container-d2 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .container-d2 {
    margin-bottom: 20px;
  }

  .container-cf,
  .container-b8,
  .container-bc,
  .component-d3 {
    display: none;
  }
  .container-b7,
  .container-ce {
    padding: 0px;
  }

  .component-93 {
    margin-left: 89px;
    margin-top: 20px;
  }

  .background-89 {
    display: none;
  }

  .container-db {
    height: 600px;
    padding: 10px;
  }

  .container-dc,
  .container-dd {
    width: 90vw;
    height: 600px;
  }

  .container-de {
    width: 90vw;
    padding: 5px;
  }

  .heading-e1,
  .trai-nghiem-tron-ven-chi-co-tai-chuyen,
  .heading-e3 {
    width: 90vw;
    margin: 10px 0;
    font-size: 19px;
  }

  .container-e2,
  .container-e4 {
    font-size: 24px;
    line-height: 1.2;
  }

  .background-e5,
  .background-e9 {
    width: 90vw;
    height: auto;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    text-align: justify;
  }

  .features-icon,
  .section-31 {
    width: 0px;
    display: none;
  }

  .component-ec {
    width: 90vw;
    height: 85px;
    font-size: 18px;
    border-radius: 60px;
    margin-top: 20px;
    align-content: center;
    justify-content: center;
  }

  .features-icon-ea,
  .container-e6 {
    display: none;
  }

  .learn-more,
  .learn-more-104,
  .learn-more-110,
  .learn-more-11c {
    display: none;
  }

  .academic-image,
  .academic-image-100,
  .academic-image-118,
  .academic-image-10c {
    display: none;
  }

  .heading-f7,
  .heading-102,
  .heading-10e,
  .heading-11a {
    display: none;
  }

  .link-f8,
  .link-103,
  .link-10f,
  .link-11b {
    display: none;
  }

  .flex-row-a-f2,
  .flex-row-ba {
    display: none;
  }
  .dang-ky-ngay-ee {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
  }

  .heading-e3,
  .heading-e7 {
    padding: 0px;
    width: 90vw;
    max-width: 320px;
  }
  .container-e4,
  .container-e8 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 90vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
    margin-bottom: 20px;
  }
  .trai-nghiem-tron-ven-chi-co-tai-chuyen {
    margin-bottom: 30px;
  }
  .background-121 {
    height: 820px;
    padding: 5px;
  }

  .container-122,
  .container-127 {
    width: 90vw;
    max-width: 100%;
  }

  .container-123,
  .container-125 {
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 0px;
  }

  .heading-126 {
    padding: 5px;
  }

  .luon-dap-ung,
  .component-8f {
    display: none;
  }

  .khach-hang-noi-gi-ve-workshop {
    width: 100%;
    font-size: 22px;
    line-height: 1.2;
    height: 60px;
  }

  .container-128,
  .container-12b,
  .container-12f {
    width: 100%;
    padding: 10px 0;
    height: auto;
  }

  .success-image,
  .success-image-12e,
  .success-image-132 {
    width: 100%;
    height: 200px;
    max-width: 100%;
  }

  .component-133 {
    width: 90vw;
    height: 40px;
    margin: 20px auto;
    font-size: 14px;
  }

  .dang-ky-ngay-135 {
    font-size: 18px;
  }
  .container-127 {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
  .footer-social {
    display: none;
    width: 80%;
    height: auto;
    position: relative;
    left: 0;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
  }

  .footer-social h3 {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
  }

  .social-contain {
    height: auto;
    flex-direction: row;
    justify-content: center;
  }

  .social-icon img {
    width: 2rem;
    padding: 0.3rem;
  }

  .social-icon img:hover {
    width: 2.5rem;
  }

  .footer-content {
    display: block;
    padding: 1rem;
  }

  .footer-section,
  .footer-section2,
  .footer-section3 {
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
  }

  .footer-section h3,
  .footer-section2 h3,
  .footer-section3 h3,
  .footer-section h4,
  .footer-section2 h4 {
    font-size: 1.2rem;
  }

  .footer-section ul,
  .footer-section2 ul {
    padding: 0;
    text-align: center;
  }

  .footer-section ul li,
  .footer-section2 ul li {
    margin-bottom: 0.5rem;
  }

  .footer-section ul li a,
  .footer-section2 ul li a {
    font-size: 0.9rem;
  }

  .footer-bottom {
    padding: 1rem 0;
  }

  .footer-bottom p {
    font-size: 0.9rem;
  }

  .footer-section.maps {
    width: 100%;
  }

  .map-row {
    display: none;
    flex-direction: column;
    border-radius: 0.5rem;
  }

  .map-container {
    display: none;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
  }

  .map-container h4 {
    display: none;
    font-size: 1rem;
  }

  .contact a {
    font-size: 0.9rem;
  }

  iframe {
    width: 100%;
    height: 200px;
  }
  .footer-section3 {
    display: none;
  }
  .logofoot {
    width: 20vw; /* Adjust this value as needed */
    max-width: 200px; /* Ensures it doesn’t get too large */
    height: auto; /* Maintains the aspect ratio */
    padding: 0.5rem; /* Optional: adds padding around the logo */
    display: block; /* Centers it in its container */
    margin: 0 auto; /* Centers the logo horizontally */
  }
  .workshop-chuyen-sap-dien-ra,
  .text-8c,
  .workshop-date {
    text-align: center;
  }
  .thong-tin-su-kien {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 414px) {
  /* CSS dành cho iPhone 12 Pro, iPhone 13 */

  body {
    margin: 0;
  }

  /* Base Styles */

  .background-13a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    height: 100vh;
    top: 0px;
    right: 0;
    left: 0;
    padding: 134px 300px 212px 300px;
    background: url(./assets/images/3f236bb6719c554900883bfeb8a47f1ed7b29970.png)
      no-repeat center;
    background-size: cover;
  }
  .background-13b {
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #120f2d;
    opacity: 0.4;
    z-index: 1;
  }
  .container-13c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    min-width: 0;
    padding: 0 110px;
    z-index: 2;
    max-width: 1320px;
  }
  .container-13d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 1100px;
    height: 740px;
    z-index: 3;
    max-width: 1100px;
  }

  .background-13a {
    padding: 50px 30px; /* Reduce padding for smaller screen */
    background-size: cover;
  }

  .container-13c {
    margin-top: 2vh;
    padding: 0 30px; /* Reduce padding for smaller screen */
    max-width: 100%;
  }

  .container-13d {
    width: 100%;
    height: auto;
    max-width: 100%;
    padding: 0 30px;
  }

  .container-13e {
    height: auto;
    max-width: 100%;
    padding: 0;
  }

  .text-4a {
    width: 100%;
    font-size: 22px; /* Adjust font size for readability on smaller screens */
    line-height: 1.2;
    white-space: normal; /* Allow text to wrap */
  }

  .section-43 {
    /* padding: 15px 25px; 
    height: 18vh;  */
    height: 220px;
  }

  .pic-1a {
    /* width: 85vw;
    height: 120%; */
    width: 100%;
  }

  .wrapper-4b {
    width: 100%;
    padding: 10px;
  }

  .box-50 {
    width: 130%;
    font-size: 19px; /* Adjust font size */
    line-height: 1.5;
    text-align: center;
  }

  .end-of-sentence,
  .quote,
  .end-of-sentence-13f,
  .quote-140,
  .end-of-sentence-141,
  .transformation {
    font-size: 16px; /* Smaller font size for readability */
    line-height: 1.4;
  }

  .container-142 {
    flex-direction: column;
    padding: 10px;
    gap: 10px;
  }

  .component-143,
  .component-146 {
    width: 100%;
    padding: 15px 25px;
    font-size: 16px;
    border-radius: 20px;
  }

  .text-144,
  .text-147,
  .register-now-145,
  .lien-he {
    font-size: 14px;
    line-height: 1.2;
  }

  .container-148 {
    width: 100%;
    height: auto;
    padding: 20px;
  }
  /*////*/
  .container {
    display: none;
    height: 15vh;
    padding: 0 10px; /* Reduce padding for smaller screen */
  }

  .container-1 {
    padding: 5px 5vw; /* Adjust padding for smaller screen */
    flex-direction: column;
    height: auto; /* Allow height to adapt */
  }

  .group,
  .group-3,
  .group-5 {
    width: 80%; /* Make smaller to fit screen */
    height: auto;
  }

  .lermao-vn,
  .contact-info,
  .email {
    font-size: 14px; /* Reduce font size for readability on mobile */
    line-height: 20px;
    top: auto;
    left: 10px;
  }

  .container-7 {
    padding: 0 5px;
  }

  .nav {
    height: auto; /* Allow nav to adjust to content */
  }

  .list-margin,
  .list {
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 0;
  }

  .item-margin,
  .item-margin-c,
  .item-margin-12,
  .item-margin-18,
  .item-margin-1e,
  .item-margin-24 {
    width: 100%;
    padding: 0;
    align-items: center;
  }

  .component,
  .component-9,
  .component-d,
  .component-e,
  .component-13,
  .component-14,
  .component-19,
  .component-1a {
    width: 100%;
    height: auto;
  }

  .text-home,
  .text-info,
  .text-recipe,
  .text-register,
  .text-lermao-bear,
  .contact,
  .text {
    font-size: 14px; /* Adjust font size for readability */
    line-height: 20px;
    text-align: center;
  }

  .register-now,
  .link {
    width: 80%; /* Adjust button width */
    padding: 10px 15px;
    border-radius: 20px;
  }

  .asset,
  .vector,
  .vector-11,
  .vector-17,
  .vector-23,
  .vector-29,
  .vector-1d {
    width: 80%; /* Scale down vector sizes */
    height: auto;
  }

  .margin,
  .link-margin,
  .link-2f,
  .container-2b,
  .container-2d,
  .container-2e {
    width: 100%; /* Full width on mobile */
    padding: 5px;
  }

  .register-now {
    padding: 10px;
    border-radius: 20px; /* Adjust button radius */
  }

  /* Ensure icons and text align centrally on mobile */
  .container-21,
  .container-27 {
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
  }

  .container-15,
  .container-1b {
    width: 90%;
    display: flex;
    justify-content: center;
  }
  /*////*/
  .background {
    margin-top: 102vh;
    padding: 10px 0px; /* Adjust padding for mobile */
  }

  .group-30 {
    width: 100vw;
  }

  .workshop-experience {
    font-size: 24px; /* Reduce font size for readability on mobile */
    line-height: 1.2;
    padding-bottom: 20px;
  }

  .flex-row-a {
    padding-bottom: 10px; /* Adjust spacing */
  }

  .frame {
    width: 100vw; /* Increase width for better visibility */
    height: 30vh; /* Adjust height for mobile screen */
    border-radius: 20px; /* Reduce border radius */
  }

  .rectangle {
    display: none;
  }

  .background-31 {
    flex-direction: column;
    padding: 5px; /* Adjust padding for smaller screens */
  }

  .container-34 {
    width: 100%; /* Full width for mobile */
    padding: 5px 0;
  }

  .background-shadow {
    width: 90%; /* Make the shadow background fit smaller screens */
    padding: 20px 5px; /* Reduce padding */
    gap: 15px; /* Reduce gap */
  }

  .hoan-toan-mien-phi {
    font-size: 24px; /* Smaller font size for readability */
    line-height: 1.2;
  }

  .heading {
    padding-top: 10px;
  }

  .container-35 {
    height: auto; /* Allow container height to adapt */
    padding: 5px;
  }

  .chuyen-minh-thich-nghi {
    font-size: 22px; /* Reduce font size */
    line-height: 1.2;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
  }
  .container-3a {
    flex-direction: column;
    gap: 30vh;
  }

  .list-3c,
  .list-57 {
    padding: 10px;
    gap: 15px; /* Reduce gap */
  }

  .item-3d,
  .item-51,
  .item-58,
  .item-47,
  .item-42,
  .item-4c,
  .item-62,
  .item-68,
  .item-6d,
  .item-5d {
    padding: 5px; /* Adjust padding */
    width: 70vw;
  }

  .vector-41,
  .vector-46,
  .vector-4b,
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-55,
  .vector-50 {
    width: 15px; /* Scale down vector sizes */
    height: 15px;
  }

  .luon-co-cong-thuc-moi,
  .dien-ra-hang-thang,
  .co-mat-tai-ca-2-mien,
  .ho-tro-tu-van-chuyen-sau,
  .co-hoi-hop-tac-lau-dai,
  .trai-nghiem-san-pham-moi,
  .doi-ngu-to-chuc-chuyen-nghiep,
  .cap-nhat-xu-huong-hot-trend,
  .nang-cao-kien-thuc-pha-che,
  .nang-cao-kien-thuc-pha-che,
  .hoan-toan-mien-phi-67 {
    font-size: 16px; /* Reduce font size for better fit on mobile */
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word; /* Ngắt dòng nếu từ quá dài */
    white-space: normal; /* Cho phép văn bản ngắt dòng */
    overflow-wrap: break-word;
  }

  .admin-image {
    width: 40px; /* Scale down image */
    height: 40px;
  }

  .nguyen-huu-toan {
    font-size: 22px; /* Adjust font size */
    line-height: 1.2;
  }

  .founder {
    font-size: 17px;
    line-height: 1.2;
  }

  .trophy-star {
    display: none;
    width: 20px; /* Scale down icon size */
    height: 20px;
  }

  .nam-kinh-nghiem {
    display: none;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
  }
  .form-container {
    width: 100%; /* Make form take up more space on small screens */
    padding: 10px; /* Adjust padding */
  }

  h2 {
    font-size: 19px; /* Reduce font size for smaller screens */
    margin: 3px 0px;
  }

  input,
  select {
    font-size: 14px; /* Smaller font for inputs and selects */
    padding: 8px; /* Adjust padding for inputs */
    margin-top: 3px;
  }

  button {
    width: 70%; /* Increase button width for easier tapping */
    font-size: 16px; /* Adjust font size */
    height: 5vh; /* Adjust button height */
  }

  #statusMessage {
    font-size: 12px; /* Reduce status message font size for mobile */
  }

  .container-36,
  .container-37 {
    justify-content: center;
    padding: 0 5%; /* Reduce padding for mobile */
  }

  .heading-38 {
    width: 100%; /* Full width on smaller screens */
    justify-content: center;
    margin: 20px 0 0 0; /* Reduce side margin */
    padding: 0; /* Remove bottom padding */
    align-items: center;
  }

  .container-39 {
    width: 100%;
    margin: 10px 0; /* Adjust margin for better spacing */
    padding: 5px 0;
  }

  .content {
    width: 100%;
    font-size: 17px; /* Smaller font size */
    line-height: 1.4; /* Adjust line height for readability */
    height: auto; /* Allow height to adjust with content */
    padding: 5px 10px; /* Add padding for better fit */
    text-align: justify;
  }

  .speaker {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-left: 20px;
  }
  .custom-image {
    width: 100%;
    padding-bottom: 10px;
  }

  .container-72 {
    width: 100%; /* Set to full width for mobile */
    margin-top: 33vh;
    margin-bottom: 2vh;
  }

  .container-73 {
    max-width: 100%; /* Set to full width */
    padding: 0 5%; /* Reduce padding for a more compact fit */
  }

  .container-74,
  .margin-75 {
    width: 100%; /* Allow elements to stack and take full width */
    padding: 0;
  }

  .container-76 {
    padding: 0;
  }

  .admin-image {
    width: 50px;
    height: 50px;
    max-width: 50px;
  }

  .container-77 {
    position: absolute;
    align-content: center;
    justify-content: center;
    left: 3vh;
    gap: 5px; /* Reduce gap for tighter layout */
  }

  .heading-78 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }

  .container-79 {
    align-items: center; /* Center-align on mobile */
    text-align: center; /* Center the text for better readability */
    width: 100%;
  }
  .container-7e {
    display: none;
  }
  .container-75 {
    display: none;
  }
  .container-3b,
  .container-56 {
    padding: 0px;
  }
  .container-80 {
    padding: 20px; /* Reduced padding */
  }

  .container-81,
  .container-82,
  .container-83 {
    width: 100%; /* Full width */
    padding: 0;
    margin: 0 auto;
  }
  .container-81 {
    height: 1050px;
  }
  .container-84 {
    width: 100%;
    padding: 10px;
  }

  .workshop-sap-dien-ra {
    width: 100%;
    font-size: 24px; /* Reduced font size for better fit */
    line-height: 32px;
    padding: 10px;
  }

  .component-86 {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .container-87,
  .events-image {
    width: 0%;
    height: auto;
  }

  .container-88 {
    justify-content: center;
    width: 100%;
    padding: 10px; /* Reduced padding */
  }

  .background-89 {
    padding: 2px 4px;
    width: auto;
  }

  .heading-8a,
  .component-8b,
  .text-8c {
    font-size: 19px;
    width: 85vw;
    word-wrap: break-word;
  }

  .workshop-date {
    width: 85vw;
    word-wrap: break-word;
    overflow-wrap: break-word; /* Thêm thuộc tính này để hỗ trợ trên các trình duyệt mới */
    white-space: normal; /* Đảm bảo văn bản có thể ngắt dòng */
    margin-bottom: 40px;
  }
  .text-23 {
    width: 85vw;
    word-wrap: break-word;
    font-size: 14px;
  }

  .container-8d,
  .text-ab,
  .text-ab .dang-ky-ngay-ac {
    width: 100%;
    font-size: 14px;
  }

  .border,
  .border-ad,
  .border-c4 {
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: 90vw;
  }

  .dang-ky-ngay,
  .dang-ky-ngay-c3,
  .background-da {
    font-size: 16px;
  }

  .list-57,
  .list-99,
  .list-af,
  .list-c6 {
    gap: 15px; /* Reduced gap */
  }

  .heading-85,
  .text-26 {
    height: 0px;
    display: none;
  }
  .workshop-sap-dien-ra {
    font-size: 25px;
  }

  /* Reduced font sizes for smaller text elements */

  /* Image and vector adjustments */
  .vector-5c,
  .vector-61,
  .vector-66,
  .vector-6c,
  .vector-71,
  .vector-a9,
  .vector-c0,
  .vector-d6 {
    width: 15px;
    height: 15px;
  }

  .container-96 {
    position: relative; /* Removed absolute positioning for better mobile handling */
    width: 90%; /* Full width with some padding on sides */
    max-width: 100%; /* Constrains to screen size */
    gap: 15px; /* Smaller gap for compact spacing */
    left: 0; /* Center-align by removing left offset */
    transform: none; /* Remove transform for mobile alignment */
    height: 600px;
  }

  .heading-97 {
    width: 100%;
    padding: 5px 0; /* Reduced padding */
    text-align: center; /* Center align heading text */
  }

  .su-kien-sap-dien-ra {
    margin-top: 60px;
    font-size: 22px; /* Reduced font size for mobile legibility */
    line-height: 20px; /* Adjusted line-height */
    width: 100%; /* Full width */
    text-align: left; /* Center-align for mobile */
    padding: 5px 0; /* Added padding for spacing */
  }

  .container-ae,
  .container-c5 {
    width: 70px;
  }
  .heading-c9,
  .container-b2 {
    width: 10px;
    padding: 0 30px;
  }
  .component-ca,
  .heading-b3 {
    width: 55vw;
  }
  .text-cb,
  .workshop-chuyen-cung-don-noel {
    width: 55vw;
  }

  .container-cc {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 50vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* Cho phép ngắt dòng */
  }

  .thuong-hieu-gau-lermao-tra-phuong-hoang-hoi-cho-mekong-can-tho,
  .container-cd {
    display: none;
  }

  .efc-le-loi-can-tho,
  .container-d2 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .container-d2 {
    margin-bottom: 20px;
  }

  .container-cf,
  .container-b8,
  .container-bc,
  .component-d3 {
    display: none;
  }
  .container-b7,
  .container-ce {
    padding: 0px;
  }

  .component-93 {
    margin-left: 89px;
    margin-top: 20px;
  }

  .background-89 {
    display: none;
  }

  .container-db {
    height: 600px;
    padding: 10px;
  }

  .container-dc,
  .container-dd {
    width: 90vw;
    height: 600px;
  }

  .container-de {
    width: 85vw;
    padding: 5px;
  }

  .heading-e1,
  .trai-nghiem-tron-ven-chi-co-tai-chuyen,
  .heading-e3 {
    width: 85vw;
    margin: 10px 0;
    font-size: 19px;
  }

  .container-e2,
  .container-e4 {
    font-size: 24px;
    line-height: 1.2;
  }

  .background-e5,
  .background-e9 {
    width: 85vw;
    height: auto;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    text-align: justify;
  }

  .features-icon,
  .section-31 {
    width: 0px;
    display: none;
  }

  .component-ec {
    width: 85vw;
    height: 85px;
    font-size: 16px;
    border-radius: 60px;
    margin-top: 20px;
    align-content: center;
    justify-content: center;
  }

  .features-icon-ea,
  .container-e6 {
    display: none;
  }

  .learn-more,
  .learn-more-104,
  .learn-more-110,
  .learn-more-11c {
    display: none;
  }

  .academic-image,
  .academic-image-100,
  .academic-image-118,
  .academic-image-10c {
    display: none;
  }

  .heading-f7,
  .heading-102,
  .heading-10e,
  .heading-11a {
    display: none;
  }

  .link-f8,
  .link-103,
  .link-10f,
  .link-11b {
    display: none;
  }

  .flex-row-a-f2,
  .flex-row-ba {
    display: none;
  }
  .dang-ky-ngay-ee {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 55vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
  }

  .heading-e3,
  .heading-e7 {
    padding: 0px;
    width: 90vw;
    max-width: 320px;
  }
  .container-e4,
  .container-e8 {
    display: inline-block; /* Đảm bảo span có thể nhận chiều rộng */
    width: 90vw; /* Giới hạn chiều rộng là 45% của viewport */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
    margin-bottom: 20px;
  }
  .trai-nghiem-tron-ven-chi-co-tai-chuyen {
    margin-bottom: 30px;
  }
  .background-121 {
    height: 820px;
    padding: 5px;
  }

  .container-122,
  .container-127 {
    width: 90vw;
    max-width: 100%;
  }

  .container-123,
  .container-125 {
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 0px;
  }

  .heading-126 {
    padding: 5px;
  }

  .luon-dap-ung,
  .component-8f {
    display: none;
  }

  .khach-hang-noi-gi-ve-workshop {
    width: 100%;
    font-size: 22px;
    line-height: 1.2;
    height: 60px;
  }

  .container-128,
  .container-12b,
  .container-12f {
    width: 100%;
    padding: 10px 0;
    height: auto;
  }

  .success-image,
  .success-image-12e,
  .success-image-132 {
    width: 100%;
    height: 200px;
    max-width: 100%;
  }

  .component-133 {
    width: 85vw;
    height: 40px;
    margin: 20px auto;
    font-size: 14px;
  }

  .dang-ky-ngay-135 {
    font-size: 16px;
  }
  .container-127 {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
  .footer-social {
    display: none;
    width: 80%;
    height: auto;
    position: relative;
    left: 0;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
  }

  .footer-social h3 {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
  }

  .social-contain {
    height: auto;
    flex-direction: row;
    justify-content: center;
  }

  .social-icon img {
    width: 2rem;
    padding: 0.3rem;
  }

  .social-icon img:hover {
    width: 2.5rem;
  }

  .footer-content {
    display: block;
    padding: 1rem;
  }

  .footer-section,
  .footer-section2,
  .footer-section3 {
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
  }

  .footer-section h3,
  .footer-section2 h3,
  .footer-section3 h3,
  .footer-section h4,
  .footer-section2 h4 {
    font-size: 1.2rem;
  }

  .footer-section ul,
  .footer-section2 ul {
    padding: 0;
    text-align: center;
  }

  .footer-section ul li,
  .footer-section2 ul li {
    margin-bottom: 0.5rem;
  }

  .footer-section ul li a,
  .footer-section2 ul li a {
    font-size: 0.9rem;
  }

  .footer-bottom {
    padding: 1rem 0;
  }

  .footer-bottom p {
    font-size: 0.9rem;
  }

  .footer-section.maps {
    width: 100%;
  }

  .map-row {
    display: none;
    flex-direction: column;
    border-radius: 0.5rem;
  }

  .map-container {
    display: none;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
  }

  .map-container h4 {
    display: none;
    font-size: 1rem;
  }

  .contact a {
    font-size: 0.9rem;
  }

  iframe {
    width: 100%;
    height: 200px;
  }
  .footer-section3 {
    display: none;
  }
  .logofoot {
    width: 20vw; /* Adjust this value as needed */
    max-width: 200px; /* Ensures it doesn’t get too large */
    height: auto; /* Maintains the aspect ratio */
    padding: 0.5rem; /* Optional: adds padding around the logo */
    display: block; /* Centers it in its container */
    margin: 0 auto; /* Centers the logo horizontally */
  }
  .workshop-chuyen-sap-dien-ra,
  .text-8c,
  .workshop-date {
    text-align: center;
  }
  .thong-tin-su-kien {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1440px) and (orientation: landscape) {
  .background-31 {
    flex-direction: column !important;
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    padding: 20px; /* Optional, for spacing around the form */
    box-sizing: border-box;
  }
  .container-34,
  .background-shadow {
    width: 60vw;
  }
  /* Add other responsive adjustments here */
}

/* General adjustments for laptop-sized screens */

@media (max-width: 1366px) and (orientation: landscape) {
  .background-31 {
    flex-direction: column !important;
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    padding: 20px; /* Optional, for spacing around the form */
    box-sizing: border-box;
  }
  .container-34,
  .background-shadow {
    width: 60vw;
  }
}

@media (max-width: 1280px) and (orientation: landscape) {
  .background-31 {
    flex-direction: column !important;
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    padding: 20px; /* Optional, for spacing around the form */
    box-sizing: border-box;
  }
  .container-34,
  .background-shadow {
    width: 60vw;
  }
}

/* For very small laptops or tablets */
@media (max-width: 1024px) and (orientation: landscape) {
  .background-31 {
    flex-direction: column !important;
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    padding: 20px; /* Optional, for spacing around the form */
    box-sizing: border-box;
  }
  .container-34,
  .background-shadow {
    width: 60vw;
  }
}