#Notarisation .notary-public__img {
  background: url('../assets/translation.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
  margin: 32px 0;
}

#Notarisation .translate-from {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}

#Notarisation #TranslateFrom, #Notarisation #TranslateTo, #Notarisation #UseCountry, #Notarisation #DeliveryMethod, #Notarisation #ApostilleLanguage {
  width: 100%;
  padding: 16px;
  border: 1px solid #F4F3F2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color:#D83F1B; 
  font-weight: bold;
  line-height: 20px !important;
  height: auto !important;
  background: url("../assets/icon-arrow-down.svg") no-repeat scroll right 20px center transparent;
}

#Notarisation .translate-file__from{
  border: 2px dashed #1B08031A;
  width: 100%;
  height: 196px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
#Notarisation .translate-file__from .select-file__title, 
.order-online__content .order-online__from-title {
  font-family: Avenir;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
}

.order-online__content .order-online__from-input{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.order-online__content .order-online__from-input .select-lang {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 185px;
  padding: 16px;
  background: #FAFAF9;
  cursor: pointer; /* 添加指针样式 */
}

.order-online__content .order-online__from-input .select-lang .select-lang__list{
  background: #1B0803;
  position: absolute;
  top: 100%; /* 确保紧贴select-lang底部 */
  left: 0;
  color: #fff;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  transition: opacity 0.3s ease, visibility 0.3s ease; /* 添加过渡效果 */
  z-index: 1000;
  display: none; /* 默认隐藏 */
  width: 100%; /* 确保宽度与父元素一致 */
  padding-top: 5px; /* 添加顶部内边距，视觉上连接更好 */
}

/* 为Webkit浏览器隐藏滚动条 */
.order-online__content .order-online__from-input .select-lang .select-lang__list::-webkit-scrollbar {
  display: none;
}

/* 显示状态的样式 - 移除hover相关样式，改为通过JS控制 */
.order-online__content .order-online__from-input .select-lang.active .select-lang__list,
.order-online__content .order-online__from-input .select-lang .select-lang__list.show {
  display: block;
}
.order-online__content .order-online__from-input .select-lang .lang-desc{
  margin: 0 8px 0 8px;
}

.order-online__content .order-online__from-input .select-lang .select-lang__list{
  background: #1B0803;
  position: absolute;
  top: 56px;
  left: 0;
  color: #fff;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  transition: visibility 0.3s, opacity 0.3s ease;
  z-index: 1000;
  /* 移除这两个属性，改为使用display控制 */
  /* visibility: hidden; */
  /* opacity: 0; */
  display: none;
}

/* 为Webkit浏览器隐藏滚动条 */
.order-online__content .order-online__from-input .select-lang .select-lang__list::-webkit-scrollbar {
  display: none;
}

/* 显示状态的样式 */
.order-online__content .order-online__from-input .select-lang:hover .select-lang__list {
  /* visibility: visible;
  opacity: 1; */
  display: block;
}

/* 添加一个新的类用于JavaScript控制 */
.order-online__content .order-online__from-input .select-lang .select-lang__list.show {
  visibility: visible;
  opacity: 1;
}
.order-online__content .order-online__from-input .select-lang .select-lang__item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px;
  width: 185px;
  cursor: pointer;
  
}
.order-online__content .order-online__from-input .select-lang .select-lang__item:hover{
  background: #32211C;
}



@media only screen and (min-width : 744px) and (max-width : 1024px) {
  
}


@media screen and (max-width: 479px) {
  /* #Notarisation .notary-public__desc-list {
    flex-direction: column;
  }
  #Notarisation .notary-public__desc-list ul:last-child{
    margin-right: 0;
    margin-top: 16px;
  } */
}