* {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

.body-container {
    width: 100%;
    margin: 0;
    /*overflow-x: hidden; */

    
}

.main-app-container {
    width: 100%;
    /* min-height: 600px; */
    
}


a {
    color: #161823;
    text-decoration: none;
}
/* a:hover {
    color: red;
} */

button {
    outline: none;
    border: none;
}


.error {
    padding-bottom: 4px;
    font-style: italic;
    color: red;
}

.annouce-message {
    width: 90%;
    padding: 20px 15px;
    border-radius: 10px;
    
}
.alert {
    font-size: 15px;
}
.alert-danger {
    background-color: lightpink;
}

.priceColor {
    color: #069347;
}

.textBold {
    font-weight: bold;
}
.textCenter {
    text-align: center;
}

.noto-serif-Title {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 34px;
  color: #073D31;
}
.noto-serif-Title1 {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 34px;
  color: #040404;
}
.noto-serif-B30-noCol {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 30px;
}
.noto-serif-B28-noCol {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 28px;
}
.noto-serif-Regular {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400; /* regular */
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 22px;
  color: white;
}
.noto-serif-Regular24 {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400; /* regular */
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 24px;
  color: #029346;
}
.noto-serif-Regular60 {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400; /* regular */
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 45px;
}
.noto-serif-B30 {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 30px;
  color: black;
}
.noto-serif-B30-no-color {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 30px;
}


.montserratFont15 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400; /* regular */
  font-style: normal;
  font-size: 15px;
  color: #f5f5f5;
  /* color: red; */
}

.montserratFont16 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400; /* regular */
  font-style: normal;
  font-size: 16px;
}
.montserratFont16_m {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500; /* medium */
  font-style: normal;
  font-size: 16px;
}
.montserratFont16_bb_noCol {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold; 
  font-style: normal;
  font-size: 16px;
}

.montserratFont18 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400; /* regular */
  font-style: normal;
  font-size: 18px;
  color: #f5f5f5;
}

.montserratFont18_b {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500; /* medium */
  font-style: normal;
  font-size: 18px;
  color: black;
}

.montserratFont18_bb {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold; 
  font-style: normal;
  font-size: 18px;
  color: black;
}
.montserratFont18_bb_noCol {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold; 
  font-style: normal;
  font-size: 18px;
}

.montserratFont18_w {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400; /* regular */
  font-style: normal;
  font-size: 18px;
  color: #ffffff;
}

.montserratFont18_m {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500; /* medium */
  font-style: normal;
  font-size: 18px;
}

.montserratFont18_noCol {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400; /* regular */
  font-style: normal;
  font-size: 18px;
  
}

.montserratFont20 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400; /* regular */
  font-style: normal;
  font-size: 20px;
  color: black;
}

.montserratFont20_m {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500; /* medium */
  font-style: normal;
  font-size: 20px;
  color: black;
}
.montserratFont20_b {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
  color: black;
}
.montserratFont20_b_noCol {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
}

.montserratFont20_sb {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600; /* semiBold */
  font-style: normal;
  font-size: 20px;
  color: black;
}

.montserratFont24_sb {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600; /* semiBold */
  font-style: normal;
  font-size: 24px;
  color: black;
}

.colorPrimary {
  color: #029346;
}
.color-xanh-dam {
  color: #073D31;
}
.color-error {
  color: #DB0000;
}
.colorBlack {
  color: #000000;
}

@media (max-width: 768px) {
  .noto-serif-Title {
    font-size: 25px;
  }
  .noto-serif-B30-noCol {
    font-size: 25px;
  }
  .noto-serif-B30-no-color {
    font-size: 25px;
  }
  .noto-serif-Regular60 {
    font-size: 30px;
  }
  .noto-serif-Regular24 {
    font-size: 20px;
  }
  .noto-serif-Regular {
    font-size: 16px;
  }
  .montserratFont24_sb {
    font-size: 20px;
  }
  .montserratFont20_m {
    font-size: 18px;
  }
  .montserratFont18_b {
    font-size: 12px;
  }
}