section#promotion {
  
  padding: 80px;
}
section#promotion .wrap {
  height: 100%;
  gap: 15px;
}
section#promotion .wrap h2 {
  
  color: #0e9447;
}
section#promotion .wrap p {
  margin-bottom: 15px;
  color: #333;
  font-weight: bold;
}
section#promotion .wrap iframe {
  border: 1px solid #333;
}

section#business {
  background-color: #eee;
  padding: 80px;
}
section#business .wrap {
  
  height: 100%;
  gap: 15px;
}
section#business .wrap h2 {
  
  color: #0e9447;
}
section#business .wrap p.h3{
  
  font-weight: bold;
  line-height: 1.5;
}
section#business .wrap ul {
  gap: 63px;
}
section#business .wrap ul li {
  width: 50%;
}
/* section#business .wrap ul li a {
  perspective: 800px;
} */
section#business .wrap ul li:nth-child(1) a::before{
  content: "";
  width: 751px;
  height: 345px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 30px;
  background-image: url(../img/busi_01.jpg);
/*   transform: rotateY(0deg);
  transition: all 1s; */
}
/* section#business .wrap ul li:nth-child(1) a:hover::before{
  transform: rotateY(60deg);
} */
section#business .wrap ul li:nth-child(2) a::before{
  content: "";
  background-image: url(../img/business2.jpg);
  display: block;
  width: 751px;
  height: 345px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px;
}
section#business .wrap ul li a h3 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}
section#business .wrap ul li a p {
  
  margin-bottom: 30px;
  line-height: 1.3;
}
section#products{
}
section#products .wrap {
  height: 100%;
  max-width: 1903px;
  position: relative;
}
section#products .wrap h2 {
  color: #0e9447;
  font-size: 20px;
  margin-bottom: 20px;
}
section#products .wrap article {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section#products .wrap article:nth-child(1){
  background-image: url(../img/paper_01.jpg);
  background-size: cover;
  height: 800px;
}
section#products .wrap article:nth-child(2){
  background-image: url(../img/paper_02.jpg);
  background-size: cover;
  height: 800px;
}
section#products .wrap article:nth-child(3){
  background-image: url(../img/paper_03.jpg);
  background-size: cover;
  height: 800px;
}
section#products .wrap article:nth-child(4){
  background-image: url(../img/paper_04.jpg);
  background-size: cover;
  height: 800px;
}
section#products .wrap article:nth-child(5){
  background-image: url(../img/paper_05.jpg);
  background-size: cover;
  height: 800px;
}
section#products .wrap article:nth-child(6){
  background-image: url(../img/paper_06.jpg);
  background-size: cover;
  height: 800px;
}
section#products .wrap article:nth-child(7){
  background-image: url(../img/paper_07.jpg);
  background-size: cover;
  height: 800px;
}
section#products .wrap div article h3 {
  
}
section#products .wrap div article figure{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
section#products .wrap div article figure img{
  
  max-width: 100%;
}
section#products .wrap div article p {
  
}
section#products .wrap div article a { 
  margin-top: 30px;
  font-weight: bold;
  font-size: 20px;
}
section#products .wrap article .text{
  margin-left: 210px;
}
section#products .wrap .slick-dots{ 
  position: absolute;
  bottom: 60px;
  left: -336px;
}

section#products .slick-dots li{  
  width: 80px;
}
section#products .wrap .slick-dots li button{
  
}
section#products .wrap .slick-dots li button::before{
  
  font-size: 10px;
}
section#products .wrap .slick-dots li:nth-child(1) button::after{

}
section#products .wrap span{
  
  display: inline-block;
  position: absolute;
  right: 200px;
  bottom: 300px;
  animation: circle_motion 20s linear 0s infinite normal;
}
@keyframes circle_motion {
    0% { transform: rotate(0deg); } /* Ban đầu, hình ảnh không được quay */
    100% { transform: rotate(360deg); } /* Khi hoàn thành, hình ảnh quay một vòng tròn đầy */
}

section#products .wrap span img{
  
}
/*NEWS*/
/* section#news{
  
}
section#news .wrap{
  display: grid;
  grid-template-columns: 2fr 2fr;
  grid-template-rows: auto auto auto auto;
  row-gap: 20px;
}
section#news .wrap h2 {
  grid-column: 1;
  grid-row: 1 / span 2;
  color: #0e9447;
  font-size: 20px;
}
section#news .wrap h3 {
  
}
section#news .wrap p {
  
}
section#news .wrap ul {
  grid-column: 2;
  grid-row: 1 / span 5;
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: auto auto auto auto auto;
  row-gap: 20px;
  column-gap: 20px;
}
section#news .wrap ul li {
  
}
section#news .wrap ul li:nth-child(1){
  grid-column: 1 / span 4;
  grid-row: 1;
}
section#news .wrap ul li:nth-child(2){
  grid-column: 1 / span 4;
  grid-row: 2;
}
section#news .wrap ul li:nth-child(3){
  grid-row: 3;
  grid-column: 1 / span 4;
  
}
section#news .wrap ul li:nth-child(4){
  grid-column: 1 / span 4;
  grid-row: 4;
}
section#news .wrap ul li a {
  
}
section#news .wrap ul li a figure{
  
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
section#news .wrap ul li a figure img{
  
}
section#news .wrap ul li a figure figcaption{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  color: white;
  background-color: rgba(0,0,0,0.6);
  padding: 0 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  line-height: 1.4;
  font-size: 14px;
  opacity:0;
  transition:1s;
}
section#news .wrap ul li a figure:hover figcaption{

  opacity:1;
}
section#news .wrap ul li a figure figcaption span{
  display: block;
  font-size: 16px;
}
section#news .wrap ul li a span {
  color: #666;
  font-size: 13px;
  vertical-align: 2px;
}
section#news .wrap ul li a time {
  
  font-size: 12px;
  color: #555555;
}
section#news .wrap a.more {
  position: absolute;
  bottom: 20px;
} */
/* .over{
  background-color: #eee;
} */
section#news{
  
}
section#news .wrap{
  display: flex;
  height: 100%;
}
section#news .wrap .left{
  width: 30%;
  display: flex;
  flex-direction: column;
}
section#news .wrap .left h2{
  
  margin-bottom: 30px;
  color: #0e9447;
}
section#news .wrap .left h3{
  font-size: 45px;
  line-height: 1.2;
  margin-bottom: 20px;
}
section#news .wrap .left h3 span{
  display: block;
}
section#news .wrap .left p{
  font-size: 20px;
}
section#news .wrap .left a{
  font-size: 20px;
  font-weight: bold;
}
section#news .wrap .right{
  
  width: 70%;
}
section#news .wrap .right ul.text{
  
}
section#news .wrap .right ul.text li{
  
  border-bottom: 1px solid black;
}
section#news .wrap .right ul.text li a{
  
  font-size: 18px;
  line-height: 4;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section#news .wrap .right ul.text li a span{
  
}
section#news .wrap .right ul.text li a time{
  
}
section#news .wrap .right ul.img {
  
  display: flex;
  gap: 10px;
}
section#news .wrap .right ul.img li{
  
  width: 100%;
}
section#news .wrap .right ul.img li a{
  
}
section#news .wrap .right ul.img li a figure{
  position: relative;
}
section#news .wrap .right ul.img li a figure img{
  max-width: 100%;
  height: 100%;
  border-radius: 20px;
}
section#news .wrap .right ul.img li a figure figcaption{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: rgba(0,0,0,0.6);
  border-radius: 20px;
  padding: 0 13px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 15px;
  line-height: 1.5;
  gap: 10px;
  opacity: 0;
  transition: 1s;
}
section#news .wrap .right ul.img li a figure figcaption:hover{
  
  opacity: 1;
}
section#news .wrap .right ul.img li a figure figcaption span{
  
}