.demographics_sec .demographic .demographic-wrap:nth-child(1) {
    display: block !important;
}
.demographics_sec .demographic .demographic-wrap:nth-child(1) {
    justify-content: end;
    border:none;
    padding:0;
}

.demographics_sec .demographic .demographic-wrap:nth-child(1) .pie1a {
    /* stroke: #5c9ad3; */
    stroke-width: 34.830989 !important;
}
.demographics_sec.aos-animate .demographic .demographic-wrap:nth-child(1) circle {
    fill: #08174c00;
    stroke-width: 31.8309886184;
    stroke-dasharray: 0, 0, 0, 100;
    stroke-dashoffset: 26;
    -webkit-animation: pie1a 6s 1 ease both;
    animation: pie1a 6s 1 ease both;
}

.demographics_sec.aos-animate .demographic .demographic-wrap:nth-child(1) .pie2a {
    /* stroke: #006491; */
    -webkit-animation-name: pie2a;
    animation-name: pie2a;
    stroke-width: 20.8309886184;
}
.demographics_sec.aos-animate .demographic .demographic-wrap:nth-child(1) .pie5a {
    /* stroke: #019d93; */
    -webkit-animation-name: pie5a;
    animation-name: pie5a;
    stroke-width: 23.831;
}

.demographics_sec.aos-animate .demographic .demographic-wrap:nth-child(1) .pie4a {
    /* stroke: #019d93; */
    -webkit-animation-name: pie4a;
    animation-name: pie4a;
    stroke-width: 27.831;
}

.demographics_sec.aos-animate .demographic .demographic-wrap:nth-child(1) .pie3a {
    /* stroke: #426d97; */
    -webkit-animation-name: pie3a;
    animation-name: pie3a;
}

.demographics_sec .demographic .demographic-wrap{
	width: 100%;
}
.demographics_sec .senority-job .jobs:first-child{
	background-color: #053648;
}
.demographics_sec{
	padding: 0;
}
.demographics_sec .demographic{ margin: 0; margin-top: 30px;}

@-webkit-keyframes pie1a {

	50%,
	100% {
		stroke-dasharray: 57.3, 63.2, 0, 0;
	}
}

@keyframes pie1a {

	50%,
	100% {
		stroke-dasharray: 57.3, 63.2, 0, 0;
	}
}

@-webkit-keyframes pie3a {

	50%,
	100% {
		stroke-dasharray: 0, 81, 39, 10;
	}
}

@keyframes pie3a {

	50%,
	100% {
		stroke-dasharray: 0, 81, 39, 10;
	}
}

@-webkit-keyframes pie4a {

	50%,
	100% {
		stroke-dasharray: 0, 54, 20, 0;
	}
}

@keyframes pie4a {

	50%,
	100% {
		stroke-dasharray: 0, 54, 20, 0;
	}
}

.demographics_sec .demographic svg {
    width: 80%;
}

.pie1a-number{ top: 150px; font-size: 28pt; right: 80px;}
.pie1a-text span:before{
	top: 2px; 
	left: -50px; 
	width: 39px;
	transform: rotate(31deg);
	-webkit-transform: rotate(31deg);
    -moz-transform: rotate(31deg);
    -o-transform: rotate(31deg);
}
.pie1a-text span:after{left: -16px;top: 9px; }
.pie1a-text{right: -50px;bottom: -20px;top: initial;}
.pie3a-text span:before{right: -90px;width: 131px;}
.pie3a-text span:after{left:0px;}
.pie3a-text {
    z-index: 9;
    left: -79px;
    top: 150px;
}

.demographics_sec .senority-job .jobs:first-child h3{color: #fff;}
.pie3a-number{left: 75px; }
.demographics_sec .jobs-bar-vertical .v_bars .v_label{height: 100px;}
.testimoni{margin-top: -1px;}
.list-box ul li::marker {
  color: #019D93;
}
.list-box ul li:nth-child(2)::marker {
  color: #56BFB8;
}
.list-box ul li:nth-child(3)::marker {
  color: #01645a;
}
.list-box{top:50px;}
.demographics_sec .senority-job .jobs:last-child {
    padding: 60px 30px 60px 20px;
}

.pie-demographic text{
	/*font-size: 6px;*/
    font-weight: 700;
    text-transform: capitalize;
    fill: #fff;
}
#pie1a text{
	/*font-size: 6px;*/
}
.pie-demographic .text1{ /* , .pie-demographic text:last-child*/
	font-size: 4px !important;
    font-weight: 400;
    text-transform: capitalize;
    fill: #fff;
}
.demographics_sec .demographic .demographic-wrap svg {
    overflow: visible;
}
/*
.demographics_sec .senority-job .jobs:first-child{
	padding: 60px 0;
}
*/

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

	.demographics_sec .demographic svg {

    	width: 90%;
	}
}

@media only screen and (max-width: 1800px){
	.pie1a-number{

		right: 50px;
	}
	.pie3a-number {
	    left: 50px;
	}
	.pie3a-text span:before {
	    right: -66px;
	    width: 110px;
	}

}
@media only screen and (max-width: 1200px) and (min-width: 991px){
	.demographics_sec .jobs-bar-vertical .v_bars .v_label {
	    font-size: 11px;
	}

}

@media only screen and (max-width: 1399px){
	.pie1a-number {
	    right: -10px;
	    top: 150px;
	    font-size: 26pt;
	}
	.pie3a-number {
	    left: 40px;
	    top: 140px;
	}
	.pie4a-number {
	    left: 90px;
	    top: 50px;
	}
	.pie1a-text span:before{
		top: -16px;
    	left: 0px;
	}
	.pie1a-text span:after {
	    left: 37px;
    	top: -7px;
	}
	.pie3a-text span:before {
	    right: -40px;
	    width: 79px;
	}
	.pie3a-text {
	    left: -35px;

	}
	.pie4a-text{
		left: -48px;
	}

}

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

	.demographics_sec .jobs-bar-vertical{

		justify-content: flex-start;
	}
	.icon_sec h6 {

    	border-bottom: 1px solid #00283663;
	}

	.demographics_sec .demographic svg {

    	width: 45%;
	}
	.demographics_sec .jobs-bar-vertical .v_bars .v_label {
		height: 70px;
	}
}


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

	.list-box{
		top:0;
	}

}