body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --font-noto-sans: "Noto Sans";
  --font-noto-music: "Noto Music";
  --font-museomoderno: MuseoModerno;

  /* font sizes */
  --font-size-5xl: 24px;
  --font-size-lgi: 19px;
  --font-size-xl: 20px;
  --font-size-base: 16px;
  --font-size-13xl: 32px;
  --font-size-7xl: 26px;
  --font-size-17xl: 36px;
  --font-size-3xl: 22px;
  --font-size-10xl: 29px;
  --font-size-21xl: 40px;

  /* Colors */
  --color-white: #fff;
  --color-darkolivegreen: #416d19;
  --color-black: #000;
  --color-beige: #cce1c7;
  --color-gainsboro: #d9d9d9;

  /* Gaps */
  --gap-xl: 20px;
  --gap-12xs-1: 0.1px;
  --gap-4xl: 23px;
  --gap-mini: 15px;
  --gap-10xl: 29px;
  --gap-lgi: 19px;
  --gap-68xl: 87px;

  /* Paddings */
  --padding-8xs: 5px;
  --padding-53xl-7: 72.7px;
  --padding-77xl-5: 96.5px;
  --padding-23xl-8: 42.8px;
  --padding-109xl: 128px;
  --padding-45xl: 64px;
  --padding-29xl: 48px;
  --padding-xl: 20px;
  --padding-9xs-7: 3.7px;
  --padding-mid-7: 17.7px;
  --padding-lg: 18px;
  --padding-11xs-7: 1.7px;
  --padding-35xl: 54px;
  --padding-8xl: 27px;
  --padding-12xl: 31px;
  --padding-18xl: 37px;
  --padding-2xl: 21px;
  --padding-5xs: 8px;
  --padding-3xs: 10px;
  --padding-xs: 12px;
  --padding-10xs: 3px;
  --padding-sm: 14px;
  --padding-smi: 13px;
  --padding-24xl: 43px;
  --padding-6xl: 25px;
  --padding-11xs: 2px;
  --padding-17xl: 36px;
  --padding-base: 16px;
  --padding-14xl: 33px;
  --padding-lgi: 19px;
  --padding-11xs-1: 1.1px;
  --padding-22xl: 41px;
  --padding-11xs-5: 1.5px;
  --padding-9xl: 28px;
  --padding-7xs: 6px;
  --padding-59xl-6: 78.6px;
  --padding-mini: 15px;
  --padding-11xs-2: 1.2px;
  --padding-8xl-5: 27.5px;
  --padding-16xl: 35px;
  --padding-xl-5: 20.5px;
  --padding-11xl-5: 30.5px;
  --padding-5xl: 24px;
  --padding-13xl: 32px;
  --padding-25xl: 44px;
  --padding-3xl: 22px;
  --padding-38xl: 57px;
  --padding-4xl: 23px;
  --padding-7xl: 26px;

  /* Border radiuses */
  --br-41xl: 60px;
  --br-3xs: 10px;
}

.logo {
  height: 117px;
  width: 179px;
  position: relative;
  object-fit: cover;
}
.hsi7 {
  position: relative;
  display: inline-block;
  min-width: 92px;
  font-size: 20px;
}
.hsi-wrapper5 {
  border-radius: var(--br-41xl);
  background-color: var(--color-white);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-11xl-5);
  white-space: nowrap;
}
.quan-h-c7 {
  position: relative;
}
.instance-wrapper10,
.quan-h-c-ng-wrapper5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.quan-h-c-ng-wrapper5 {
  align-self: stretch;
  border-radius: var(--br-41xl);
  background-color: var(--color-white);
  overflow: hidden;
  flex-direction: row;
  padding: 0 var(--padding-11xl-5);
  white-space: nowrap;
  z-index: 1;
}
.instance-wrapper10 {
  flex: 1;
  flex-direction: column;
  
}
.tin-tc7 {
  /*margin-top: -1.5px;*/
  width: 69px;
  position: relative;
  display: inline-block;
  min-width: 69px;
  font-size: 20px;
}
.tin-tc-wrapper5 {
  /*height: 32px;*/
  align-items: stretch;
  border-radius: var(--br-41xl);
  background-color: var(--color-white);
  overflow: hidden;
  flex-direction: row;
  padding: 0 var(--padding-xl-5);
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  font-size: var(--font-size-3xl);
}
.instance-parent6,
.output-port-inner,
.tin-tc-wrapper5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.instance-parent6 {
  align-self: stretch;
  flex-direction: row;
}
.output-port-inner {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-16xl) var(--padding-7xs) 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.thnh-vin15 {
  position: relative;
  display: inline-block;
  min-width: 107px;
}
.thnh-vin-wrapper8 {
  border-radius: var(--br-41xl);
  background-color: var(--color-white);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  white-space: nowrap;
}

.sn-phm7 {
  position: relative;
  display: inline-block;
  min-width: 101px;
}

.lienhe{
  position: relative;
  display: inline-block;
  align-self: stretch;
}

.lin-h-wrapper3 {
  flex-direction: column;

  box-sizing: border-box;
  overflow: hidden;
  align-items: center;
  white-space: nowrap;
}
.frame-parent75,
.lin-h-wrapper3,
.output-port-child {
  display: flex;
  align-items: flex-start;
  justify-content:center;
  gap: 60px
}
.frame-parent75 {
  align-self: stretch;
  flex-direction: row;
}
.output-port-child {
  width: 473px;
  flex-direction: column;
  padding: var(--padding-14xl) var(--padding-lgi) 0 0;
  box-sizing: border-box;
  max-width: 100%;
  
}
.v-chng-ti7 {
  /*margin-top: -1.5px;
  width: 132px;*/
  position: relative;
  display: inline-block;
  font-size: 20px;
}
.v-chng-ti-wrapper5 {
  /*height: 32px;*/
  border-radius: var(--br-41xl);
  /*background-color: var(--color-white);*/
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  padding: 0 var(--padding-base);
  box-sizing: border-box;
  white-space: nowrap;
}
.output-port,
.output-port-inner1,
.v-chng-ti-wrapper5 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.output-port-inner1 {
  flex-direction: column;
  padding: var(--padding-17xl) 0 0;
  text-align: center;
  font-size: var(--font-size-3xl);
}
.output-port {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-lgi);
  max-width: 100%;
  z-index: 4;
  font-size: var(--font-size-xl);
  color: var(--color-black);
  font-family: var(--font-museomoderno);
}

@media screen and (max-width: 1150px) {
  .sn-phm-g {
    gap: 74px 148px;
  }
}

@media screen and (max-width: 450px) {
  .sn-phm-g {
    gap: 37px 148px;
  }
}

a:link, a:visited {
  text-decoration: none;
  color:black;
}

.dropdown{
  float:left;
  overflow:hidden;
}

.dropdown, 
.hsi7, 
.quan-h-c7,
.tin-tc7,
.thnh-vin15,
.lienhe,
.v-chng-ti7{
  padding: 5px 10px 5px 10px;
  border-radius: 60px;
      
}

.dropdown:hover, 
.hsi7:hover, 
.quan-h-c7:hover,
.tin-tc7:hover,
.thnh-vin15:hover,
.lienhe:hover,
.v-chng-ti7:hover{
  background-color: #AAF0A4;
  color:#000;
}

.dropdown-content{
  display: none;
  position: absolute;
  z-index: 4;
  text-align: center;
}

.dropdown-content a{
  float:none;
  display:block;
  text-decoration: none;
}


.dropdown-content li{
  border: 1px solid black;
  list-style-type: none;
  text-decoration: none;
  border-radius: 60px;
  padding:5px;
  background-color: white;
  box-shadow: 0px 8px 18px 0px rgba(0,0,0,0.2);
}

.dropdown:hover{
  .dropdown-content {
    display:block;
  }
}

.dropdown-content:hover{
  color: #81E978;
}

a:link, a:visited {
  text-decoration: none;
  color:black;
}

a:hover {
  text-decoration: none;
  color:#81E978;
  .xem-thm20{
    color: black;
  }
}