.nop {
    margin: 30px 0 70px;
}
.nop-all {
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    text-align: center;
    padding: 23px 10px 38px 10px;
    height: 332px;
    margin-top: 48px;
}
.nop-image {
    background: #F3F3F3;
    border-radius: 50%;
    width: 89px;
    height: 89px;
    margin: 0 auto;
    padding: 25px;
}
.nop-title h2 {
    margin: 14px 0 9px 0;
    color: #232C3B;
    font-weight: bold;
    font-size: 15px;
}
.nop-description {
    color: #18212D;
    font-size: 13px;
    line-height: 25px;
}
.nop-all:hover {
    background: #F3F3F3;
    box-shadow: 0 3px 6px rgb(0,0,0,0.16);
}
.nop-all:hover.nop-all{
    border: none;
}
.nop-all:hover .nop-image {
    background: #fff;
}
/**/
.nop-partner {
    background: #F5F5F5;
    padding: 76px 0;
}
.nop-partner-block {
    background: #58ABDB;
    border-radius: 10px;
    box-shadow: 0 3px 20px rgb(0,0,0,0.39);
}
.nop-partner-box {
    display: flex;
    align-items: center;
    padding: 44px 142px 44px 177px;
}
.nop-partner-text {
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    width: 71%;
}
/**/
.about-nop {
    margin-top: 50px;
}
.about-nop-detail-right h3, .about-nop-detail-left h3 {
    color: #434343;
    font-weight: bold;
    font-size: 18px;
}
.about-nop-detail-left {
    float: right;
}
.about-nop-detail-right p, .about-nop-detail-left p {
    text-align: initial;
    color: #434343;
}
.about-nop-detail-left.about-nop-detail-left-image {
    display: flex;
    float: left;
}
.nop-detail-left-image2 {
    text-align: center;
    margin-left: 43px;
}
.nop-detail-left-image2 ul li {
    margin-top: 20px;
}
.about-nop-detail-one, .about-nop-detail-two, .about-nop-detail-three {
    margin-bottom: 70px;
}
.about-nop-detail-one {
    margin-top: 46px;
}
/**/
.nop-work {
    background: #EBF6FE;
    padding: 38px 0 70px;
}
.nop-work-all {
    background: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 58px 17px 71px 17px;
}
.nop-work-title {
    color: #232C3B;
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0 5px 0;
}
.nop-work-description {
    color: #18212D;
}
.nop-works:hover {
    box-shadow: 0 3px 25px rgb(0,0,0,0.16);
}
.nop-work-detail {
    margin-top: 46px;
}
@media screen and (min-width :1401px) and (max-width:2200px){
	.nop {
    	margin: 43px 0 103px;
	}
	.nop-title h2 {
    	font-size: 16px;
	}
	.nop-description {
    	font-size: 14px;
	}
	.about-nop {
    	margin-top: 100px;
	}
	.about-nop-detail-one, .about-nop-detail-two, .about-nop-detail-three {
    	margin-bottom: 100px;
	}
	.about-nop-detail-right h3, .about-nop-detail-left h3 {
    	margin-bottom: 16px;
    	font-size: 24px;
	}
	.about-nop-detail-right p, .about-nop-detail-left p {
    	font-size: 16px;
	}
	.nop-work {
    	padding: 38px 0 100px;
	}
	.nop-work-title {
    	font-size: 16px;
    	margin: 19px 0 11px 0;
	}
}
@media screen and (max-width :1024px){
	.nop-detail-left-image1 img {
    	width: 100%;
	}	
    .nop-description {
        line-height: 20px;
    }
}
@media screen and (max-width :768px){
	.about-nop-detail-left {
    	float: none;
    	text-align: center;
	}
	.about-nop-detail-right {
    	text-align: center !important;
    	margin-top: 20px;
	}
	.nop-work-all {
    	margin-bottom: 30px;
	}
	.nop-partner-box {
    	padding: 44px 40px 44px 36px;
	}
	.nop-partner-text{
		font-size: 25px;
	}
    .nop-all{
        height: auto;
    }
}