/* ===== KPSABOUT : home page About section UI ===== */
.kpsabout{overflow-x:clip;float:none;clear:both;position:relative;left:auto;right:auto;width:100%;max-width:100%;margin-left:0;margin-right:0;}
.kpsabout .container{float:none;position:relative;left:auto;right:auto;margin-left:auto;margin-right:auto;}

/* left side */
.kpsabout .kpsabout-label{display:block;color:#f39c12;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:8px;}
.kpsabout .box h3::after{content:"";display:block;width:60px;height:4px;background:#f39c12;border-radius:2px;margin-top:16px;}
.kpsabout .kpsabout-content > p:nth-of-type(1){font-weight:600;}
.kpsabout .signature{margin-top:20px;}

.kpsabout .kpsabout-content > p:nth-of-type(3),
.kpsabout .kpsabout-content > p:nth-of-type(4),
.kpsabout .kpsabout-content > p:nth-of-type(5),
.kpsabout .kpsabout-content > p:nth-of-type(6){position:relative;min-height:64px;padding:6px 0 6px 92px;margin-bottom:18px;}

.kpsabout .kpsabout-content > p:nth-of-type(3)::before,
.kpsabout .kpsabout-content > p:nth-of-type(4)::before,
.kpsabout .kpsabout-content > p:nth-of-type(5)::before,
.kpsabout .kpsabout-content > p:nth-of-type(6)::before{font-family:FontAwesome;position:absolute;left:0;top:50%;transform:translateY(-50%);width:62px;height:62px;border-radius:50%;background:#fdf0dc;color:#f39c12;font-size:24px;display:flex;align-items:center;justify-content:center;}

.kpsabout .kpsabout-content > p:nth-of-type(3)::after,
.kpsabout .kpsabout-content > p:nth-of-type(4)::after,
.kpsabout .kpsabout-content > p:nth-of-type(5)::after,
.kpsabout .kpsabout-content > p:nth-of-type(6)::after{content:"";position:absolute;left:76px;top:0;bottom:0;width:1px;background:#ddd;}

.kpsabout .kpsabout-content > p:nth-of-type(3)::before{content:"\f0c0";}
.kpsabout .kpsabout-content > p:nth-of-type(4)::before{content:"\f080";}
.kpsabout .kpsabout-content > p:nth-of-type(5)::before{content:"\f0eb";}
.kpsabout .kpsabout-content > p:nth-of-type(6)::before{content:"\f140";}

/* right side */
.kpsabout .about-company-slider-wrapper{position:relative;}
.kpsabout .kpsabout-visual{position:relative;}
.kpsabout .kpsabout-visual::before{content:"";position:absolute;top:-28px;left:-28px;width:58%;height:48%;background:#0f2d52;border-radius:22px 0 0 0;z-index:0;}
.kpsabout .kpsabout-visual::after{content:"";position:absolute;right:-28px;bottom:70px;width:70px;height:48%;background:#f39c12;border-radius:0 22px 22px 0;z-index:0;}

.kpsabout .about-company-slider-wrapper::before,
.kpsabout .about-company-slider-wrapper::after{content:"";position:absolute;width:90px;height:90px;background-image:radial-gradient(#f39c12 1.5px,transparent 1.5px);background-size:14px 14px;z-index:0;}
.kpsabout .about-company-slider-wrapper::before{top:-35px;right:-10px;}
.kpsabout .about-company-slider-wrapper::after{bottom:80px;left:-25px;}

.kpsabout .about-company-slider{position:relative;z-index:2;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.15);}
.kpsabout .about-company-slider img{width:100%;}

.kpsabout .about-company-slider .owl-prev,
.kpsabout .about-company-slider .owl-next{width:52px;height:52px;line-height:50px;padding:0;margin:0 16px;border-radius:50%;text-align:center;font-size:24px;}

/* stats card */
.kpsabout .kpsabout-stats{position:relative;z-index:3;display:flex;background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.12);margin:-35px 18px 0;padding:18px 6px;}
.kpsabout .kpsabout-stat{flex:1;text-align:center;padding:0 8px;border-right:1px solid #eee;}
.kpsabout .kpsabout-stat:last-child{border-right:0;}
.kpsabout .kpsabout-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#fdf0dc;color:#f39c12;font-size:20px;margin-bottom:6px;}
.kpsabout .kpsabout-stat-num{display:block;font-size:24px;line-height:1.2;}
.kpsabout .kpsabout-stat-text{display:block;font-size:14px;line-height:1.4;}

/* responsive */
@media (max-width:991px){
  .kpsabout .about-company-slider-wrapper{margin-top:50px;}
  .kpsabout .kpsabout-visual::before{top:-14px;left:-14px;}
  .kpsabout .kpsabout-visual::after{right:-14px;}
  .kpsabout .about-company-slider-wrapper::before,
  .kpsabout .about-company-slider-wrapper::after{display:none;}
}
@media (max-width:575px){
  .kpsabout .kpsabout-content > p:nth-of-type(3),
  .kpsabout .kpsabout-content > p:nth-of-type(4),
  .kpsabout .kpsabout-content > p:nth-of-type(5),
  .kpsabout .kpsabout-content > p:nth-of-type(6){padding-left:78px;}
  .kpsabout .kpsabout-content > p:nth-of-type(3)::before,
  .kpsabout .kpsabout-content > p:nth-of-type(4)::before,
  .kpsabout .kpsabout-content > p:nth-of-type(5)::before,
  .kpsabout .kpsabout-content > p:nth-of-type(6)::before{width:52px;height:52px;font-size:20px;}
  .kpsabout .kpsabout-content > p:nth-of-type(3)::after,
  .kpsabout .kpsabout-content > p:nth-of-type(4)::after,
  .kpsabout .kpsabout-content > p:nth-of-type(5)::after,
  .kpsabout .kpsabout-content > p:nth-of-type(6)::after{left:64px;}
  .kpsabout .kpsabout-stats{margin:-24px 8px 0;padding:12px 2px;}
  .kpsabout .kpsabout-stat-icon{width:38px;height:38px;font-size:16px;}
  .kpsabout .kpsabout-stat-num{font-size:17px;}
  .kpsabout .kpsabout-stat-text{font-size:11px;}
}
/* right side vertically center */
@media (min-width:992px){
  .kpsabout .row.content{display:flex;align-items:center;}
}