.gioi-thieu-wrap {
	position:relative;z-index:4;
}
.gioi-thieu-wrap:after{
	content:"";
	height:123px;width:100%;
	background:url('../images/wave.svg') top center no-repeat;background-size:contain;display: block;
    position: absolute;left:0;bottom:0;
    transform: translateY(99%);
}
.gioi-thieu {margin:84px 0 0px;overflow:hidden;position:relative;}
.gioi-thieu h1 {font-family:"DVN Fredoka", tahoma;font-weight:bold;text-transform:uppercase;font-size:36px;line-height: 120%;letter-spacing: 1.08px;margin-bottom:4px;color:#0B2038;}
.gioi-thieu h2 {font-family:"DVN Fredoka", tahoma;font-weight:bold;font-size:20px;line-height: 120%;letter-spacing: 0.6px;}
.gioi-thieu h2.title-soft {font-family:"SVN farmhouse", tahoma;font-size:32px;line-height: 120%;letter-spacing: 0.6px;color:#FF9900;}
.gioi-thieu h2.sub-name {font-family:"DVN Fredoka", tahoma;font-size:20px;line-height: 120%;letter-spacing: 0.6px;margin-bottom:16px;color:#0B2038;}
.gioi-thieu .m-right{position:relative;}
.gioi-thieu .m-right .back{position:absolute;right:0;z-index:1;top:50px;}
.gioi-thieu .m-right .front{position:absolute;left:0;z-index:2;}
.flex {display:flex;}
.gioi-thieu .gioi-thieu-left {right: 0;padding:0px 30px 0 0;}
.gioi-thieu .gioi-thieu-left img{float:left;width:100%;border-radius:10px;}
.gioi-thieu .gioi-thieu-right {position:relative;padding:0px 80px 0 0;}
.gioi-thieu .gioi-thieu-right .see-more{background:#FF9900;color:#fff;padding:16px 26px 16px 26px;border:1px solid #FF9900;text-transform: inherit;margin-top:24px;display:inline-flex;border-radius:8px;}
.gioi-thieu .gioi-thieu-right .see-more *{margin:0;}
.gioi-thieu .see-more:after{color:#fff;background:url('../images/arrow-white.png');}
.gioi-thieu .about-content {margin-bottom:24px;}
.gioi-thieu .armorial {font-family:"DVN Fredoka", tahoma;font-weight:bold;font-size:20px;display:flex;gap:16px;justify-content:left;align-items:start;width:100%;margin-bottom:16px;color:#0B2038;}
.gioi-thieu .armorial span {width: calc(100% - 46px);}
.gioi-thieu .armorial:before {content:"";background:url('../images/award.svg') left center no-repeat;height:40px;width:40px;background-size:contain;}
.title{font-size: 18px;
    font-weight: 700;
    margin-bottom: 22px;
	margin-left:70px;
  
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    letter-spacing: 0.05em;}
.title:before{position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: #292c37;
    top: 0;
    left: -67px;
    top: 50%;
    transform: translateY(-50%);}
.gioi-thieu h3 {margin:15px 0;color:#212121;font-size:24px;}
.gioi-thieu p {line-height:140%;color:#0B0B0B;font-size: 16px;margin-bottom:10px;font-weight:500;}
.gioi-thieu p.mota {margin-bottom:40px;} 
.about-slider-wrap {
  position: relative;  
  list-style-type: none;
  padding: 0;
  max-width: 34em;
}

.about-slider-item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 50px;
  transform: translateY(50px) rotate(0deg) translateX(90px) scale(0.6);
  transform-origin: 0 0;
  
  transition: transform 0.6s cubic-bezier(.8,.2,.1,0.8) 0.1s,
    background 0.4s linear;
  
  cursor: pointer;
  user-select: none;
   animation: about-slider-item-next 0.6s cubic-bezier(.8,.2,.1,0.8);
  :last-child { margin-bottom: 0; }
}

.about-slider-item--next { 
  z-index: 5; 
  transform: translateY(50px) rotate(0deg) translateX(90px) scale(1);
  animation: about-slider-item-next 0.6s cubic-bezier(.8,.2,.1,0.8);
}

.about-slider-item--out {
  animation: about-slider-item-out 0.6s cubic-bezier(.8,.2,.1,0.8);
  transform: translateY(50px) rotate(0deg) translateX(90px) scale(0.8);
  z-index: 1;
}

@keyframes about-slider-item-out {
  0% { z-index: 20; transform: translateY(0px) rotate(0deg); }
  50% { transform: translateX(-90px) rotate(0deg) translateY(-40px); opacity: 1; }
  80% { z-index: 1; opacity: 1; }
  100% { transform: translateX(-50px) rotate(0deg) translateX(90px) scale(0.95);  opacity: 1; }
}
@keyframes about-slider-item-in {
  0% { z-index: 10; transform: translateY(50px) rotate(0deg) translateX(90px) ; }
  50% { transform: translateX(45px) rotate(0deg) translateY(60px);}
  80% { z-index: 10; }
  100% {  transform: rotate(0deg) translateX(0%) scale(1); }
}
@keyframes about-slider-item-next {
  
}
.about-slider-item--current {
  cursor: auto;
  user-select: auto;
  position: relative;
  z-index: 10;
  opacity: 1;
  transform: rotate(0deg) translateX(0%) scale(1);
  animation: about-slider-item-in 0.6s cubic-bezier(.8,.2,.1,0.8);
}
.panigation {position:absolute;bottom:-40px;left:30px;z-index:999;}
.panigation span {width:15px;height:15px;border-radius:50%;background:#999;display:inline-block;margin-right:10px;cursor:pointer;}
.panigation span.active {background:#d30000;}
.contentLeft {display:none;}