.gioi-thieu {margin:64px 0 32px;overflow:hidden;}
.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;z-index:2;}
.gioi-thieu .gioi-thieu-left img{float:left;width:100%;}
.gioi-thieu .gioi-thieu-right {position:relative;padding:0px 0px 0 0;z-index:1;}
.gioi-thieu .gioi-thieu-right .about-content {padding:30px 42px 56px 93px;border-radius:24px;background:#FFF7E8;margin-left:-20px;}
.gioi-thieu .gioi-thieu-right .see-more{background:#86A571;color:#fff;bottom:0;left:0px;padding:16px 26px 16px 26px;margin-top:20px;border:1px solid #86A571;text-transform: inherit;}
.gioi-thieu .gioi-thieu-right .see-more *{margin:0;}
.gioi-thieu .see-more:after{color:#fff;background:url('../images/arrow-white.png');}
.gioi-thieu-wrap .main-images {margin-bottom:24px;border-radius:16px;overflow:hidden;}
.gioi-thieu-wrap .gioi-thieu-tra-sua {background:url('../images/bg-intro.png') center center no-repeat;background-size:cover;margin-top:24px;}
.gioi-thieu-wrap .gioi-thieu-tra-sua .intro {padding:166px 0 165px;}
.gioi-thieu-wrap .gioi-thieu-tra-sua .intro h2{color:#EF4723;font-size:40px;font-family:"Paytone One";line-height: 120%;margin-bottom:24px;}
.gioi-thieu-wrap .gioi-thieu-tra-sua .intro p{margin-bottom:32px;}
.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 h2 {  font-size: 36px;  margin-bottom: 24px;font-weight:500;
    display: inline-block;color:#212121;}
.gioi-thieu h2 span {display:inline-block;position:relative;color:#86A571;}
.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:400;}
.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;}
.mobile-only {display:none}
@media only screen and (max-width: 768px) {
	.gioi-thieu-wrap .gioi-thieu-tra-sua {background:none;background-size:cover;text-align:center;}
	.mobile-only {display:block;}
}