.demark-profile{padding:80px 0;position:relative;background:#2A2A3F;}
.demark-profile h3{font-size:30px;line-height:1;color:#fff;font-weight:700;text-align:center;}
.demark-profile h3 span{color:#0271b7;border-bottom:2px solid #0271b7;}
.demark-profile ul{margin:60px 0 0;display:flex;flex-wrap:wrap;counter-reset:section;}
.demark-profile ul li{width:calc(100% / 3);padding:20px;position:relative;cursor:pointer;}
.demark-profile ul li .ico{display:flex;align-items:center;}
.demark-profile ul li .ico img{width:40px;}
.demark-profile ul li .ico h5{flex:1;margin-left:20px;font-size:22px;color:#fff;font-weight:600;line-height:1;}
.demark-profile ul li p{margin:20px 0 0;color:#fff;font-size:15px;line-height:26px;}

.demark-profile ul li:hover{background:#054DA1}
                                 

@media screen and (max-width:1441px) {
.demark-profile{padding:70px 0;}
.demark-profile h3{font-size:29px;}

}

@media screen and (max-width:1367px) {
.demark-profile{padding:65px 0;}
.demark-profile h3{font-size:28px;}

.demark-profile ul li .ico h5{font-size:21px;}
.demark-profile ul li p{line-height:25px;}
}

@media screen and (max-width:1281px){
.demark-profile{padding:60px 0;}
.demark-profile h3{font-size:27px;}

.demark-profile ul li .ico h5{font-size:20px;}
.demark-profile ul li p{line-height:24px;}

}

@media screen and (max-width:1171px){
.demark-profile{padding:50px 0;}
.demark-profile h3{font-size:26px;}
}

@media screen and (max-width:992px){
.demark-profile{padding:40px 0;}
.demark-profile h3{font-size:25px;}
.demark-profile ul li{width:calc(100% / 2);}
.demark-profile ul li .ico img{width:35px;}
.demark-profile ul li .ico h5{font-size:19px;}
}

@media screen and (max-width:768px){
.demark-profile{padding:30px 0;}
.demark-profile h3{font-size:24px;}
.demark-profile ul{margin:30px 0 0;}
.demark-profile ul li .ico h5{font-size:18px;}
.demark-profile ul li p{margin:15px 0 0;line-height:22px;}
}

@media screen and (max-width:576px) {

.demark-profile h3{font-size:23px;}
.demark-profile ul li{width:100%;}
.demark-profile ul li .ico img{width:30px;}
.demark-profile ul li .ico h5{font-size:17px;}

}

@media screen and (max-width:480px) {
.demark-profile h3{font-size:22px;}

}	


@media screen and (max-width:420px) {
.demark-profile h3{font-size:21px;}

}