@charset "utf-8";

.line{width: 1px; height: 85px; background-color: #000; margin: 60px auto 90px auto;}
.font28{font-size: 28px;}
.font17{font-size: 17px; line-height: 1.8; color: #666; margin: 0 0 5px;}
.font24{font-size: 24px;}
.font20{font-size: 20px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-70{margin-bottom: 70px;}
h3{line-height: 1.4; color: #111;}
.line-under{position: relative; padding-bottom: 2.5rem; margin-bottom: 2.5rem;}
.line-under2{position: relative; padding-bottom: 2.5rem; margin-bottom: 2.5rem; padding-top: 7.5rem;}
.line-under::before{content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; border-bottom: 1px solid #333;}

.txt-box{border: 3px dashed #ddd; padding: 2rem 2rem; line-height: 1.8;}

.liststyle{list-style: none; padding-left: 17px; margin-bottom: 0 !important;}
.liststyle li{position: relative; color: #666; font-size: 17px;}
.liststyle li::before{content: ""; position: absolute; left: -15px; top: 13px; width: 5px; height: 5px; background-color: #f1aac8; border-radius: 50%;}

.center{text-align: center;}

.circle{width: 218px; height: 218px; border-radius: 50%; background-color: #f6f6f6; text-align: center; line-height: 218px; margin: 0 auto 30px auto; padding-top: 80px; border-width: 0 15px 0 0; border-color: #aa778f;}
.circle h4{line-height: 30px; font-size: 24px;}
.text{font-size: 17px;}

.bl-box{background-color: #167ffa; text-align: center; padding: 3rem 0; font-size: 17px; color: #fff; font-weight: 500;}
.l-h{line-height: 55px;}

.gr-box{padding: 3rem; font-size: 17px; background-color: #f1f1f1; color: #1e1e1e;}
.pp-box{text-align: center; padding: 1rem 0; background-color: #8696ff; color: #fff; font-weight: 500;}

.pd-10{padding: 10rem 0;}
.pd-14{padding: 14rem 0;}

.bg-quote{border: 5px solid #e8e8e8; border-radius: 15px; padding: 4rem 0; position: relative;}
.fa-quote-left, .fa-quote-right{color: #e8e8e8;}
.quote{display: inline-block; width: 90px; background-color: #fff; z-index: 2;}
.quote-l{position: absolute; top: -18px; left: 70px;}
.quote-r{position: absolute; bottom: -23px; right: 70px;}

#kso-page .page-section .ico-gavel {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
  min-width: 40px;
  min-height: 40px;
    font-size: 23px;
	color: #fff;
	background-color: #f1aac8;
	border-radius: 100%;
}

.pd-l-4{padding-left: 3.2rem;}

.page-cont{line-height: 1.8;}

.bk-txt{color: #000 !important; margin-bottom: 0 !important;}
.wh-txt{color: #fff !important;}

.list-disc{list-style: disc;}

.box-process{position: relative; padding: 20px 20px; background-color: #2196f3;}
.box-process > h3, .box-process > h5{font-size: 20px;}
.box-process::before{content: ""; position: absolute; top: 50%; left: -25px; width: 30px; height: 1px; border-bottom: 1px solid #9dc4ff; z-index: -1;}

.box-process.bg1::before, .box-process.bg5::before, .box-process.bg9::before{display: none;}

.box-process2{position: relative; padding: 20px 20px; background-color: #0d47a1;}
.box-process2 > h3, .box-process2 > h5{font-size: 20px;}
.box-process2::before{content: ""; position: absolute; top: 50%; left: -25px; width: 30px; height: 1px; border-bottom: 1px solid #9dc4ff; z-index: -1;}

.box-process2.bg1::before, .box-process2.bg5::before{display: none;}

@media (min-width:993px){
  .bg-quote{max-width: 80%; margin: 0 auto;}
}