/** skills-home-3 **/

.skills-home-3{
	position: relative;
	padding: 50px 0px 100px 0px;
}

.progress-box{
  position: relative;
  display: block;
  margin-bottom: 29px;
}

.progress-box:last-child{
  margin-bottom: 0px;
}

.progress-box .bar{
  position:relative;
  width:100%;
  height:6px;
  background:#f2f2f2;
  border-radius:5px;
}

.progress-box .bar-inner{
  position:relative;
  display:block;
  border-radius:5px;
  width:0px;
  height:6px;
  background: -webkit-linear-gradient(0deg, #ff5b66, #fc9049 100%);
  -webkit-transition:all 1500ms ease;
  -ms-transition:all 1500ms ease;
  -o-transition:all 1500ms ease;
  -moz-transition:all 1500ms ease;
  transition:all 1500ms ease; 
}

.progress-box .count-text{
  position:absolute;
  top: -37px;
  right: 0px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: #222;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  transition:all 500ms ease;  
}

.progress-box h4{
	font-weight: 400;
	margin-bottom: 3px;
}

.content_block_2 .content-box{
	position: relative;
	display: block;
	margin-right: 50px;
	margin-top: 70px;
}

.content_block_2 .content-box .text{
	position: relative;
	display: block;
	margin-bottom: 35px;
}

.content_block_2 .content-box .sec-title-two{
	margin-bottom: 12px;
}

.image_block_2 .image-box{
	position: relative;
	display: block;
	margin-left: 70px;
	padding: 80px 300px 280px 0px;
}

.image_block_2 .image-box .image{
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 20px 50px rgb(0 0 0 / 10%);
	background: -webkit-linear-gradient(0deg, #3e21e4, #cf97fa 100%);
}

.image_block_2 .image-box .image img{
	border-radius: 10px;
	width: 100%;
	transition: all 500ms ease;
}

.image_block_2 .image-box .image:hover img{
	opacity: 0.2;
	transform: scale(1.05);
}

.image_block_2 .image-box .image-2{
	position: absolute;
	top: 0px;
	right: 0px;
}

.image_block_2 .image-box .image-3{
	position: absolute;
	left: 30px;
	bottom: 0px;
}

.image_block_2 .image-box .image-4{
	position: absolute;
	right: 0px;
	bottom: 70px;
}

.image_block_2 .image-box .image-shape-1{
	position: absolute;
	left: -30px;
	top: 17px;
	width: 129px;
	height: 129px;
	background-repeat: no-repeat;
}

.image_block_2 .image-box .image-shape-2{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 354px;
	height: 271px;
	background-repeat: no-repeat;
}

.image_block_2 .image-box .image-shape-3{
	position: absolute;
	right: -75px;
	bottom: -20px;
	width: 180px;
	height: 180px;
	background-color: #f5e9e5;
	border-radius: 50%;
	-webkit-animation: zoom-fade 4s infinite linear;
    animation: zoom-fade 4s infinite linear;
}

.skills-home-4{
	position: relative;
	padding-top: 36px;
}

.image_block_5 .image-box{
	position: relative;
	display: block;
	margin-left: 20px;
	padding-right: 44px;
}

.image_block_5 .image-box .image img{
	position: relative;
	width: 100%;
}

.image_block_5 .image-box .content-box{
	position: absolute;
	left: 30px;
	bottom: 50px;
	width: 200px;
	background: #ffffff;
	border-radius: 10px;
	text-align: center;
	padding: 40px 15px 46px 15px;
	box-shadow: 0px 10px 40px rgb(0 0 0 / 10%);
}

.image_block_5 .image-box .content-box h2{
	position: relative;
	display: inline-block;
	width: 90px;
	height: 90px;
	line-height: 90px;
	font-size: 40px;
	color: #ffffff;
	text-align: center;
	border-radius: 50%;
	margin-bottom: 24px;
	background: -webkit-linear-gradient(0deg, #3c20e4, #cf97fa 100%);
}

.image_block_5 .image-box .image-shape-1{
	position: absolute;
	top: 110px;
	right: 0px;
	width: 444px;
	height: 437px;
	background-repeat: no-repeat;
}

.skills-home-4 .content_block_2 .content-box{
	margin-top: 95px;
}

.skills-home-4 .pattern-layer .pattern-1{
	position: absolute;
	left: 170px;
	top: -50px;
	width: 109px;
	height: 140px;
	background-repeat: no-repeat;
}

.skills-home-4 .pattern-layer .pattern-2{
    position: absolute;
    top: 100px;
    right: 340px;
    width: 109px;
    height: 140px;
    background-repeat: no-repeat;
}

.skills-home-4 .pattern-layer .pattern-3{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 486px;
	height: 651px;
	background-repeat: no-repeat;
	z-index: -1;
}