.new_banner_for_service {
	background: #ccc;
	position: relative;
	padding: 50px 0;
	padding-bottom: 0;
	background: #1B7F89;

}
.img_service_banner, .img_service_banner img {
	position: relative;
}
.service_banner_wrap {
    position: relative;
}
.languages_list {
	width: 100%;
	top: 0;
	height: 100%;
}
.languages_list, .languages_list .icon_languages {
	position: absolute;
	color: #fff;
	font-size: 20px;
	border-radius: 50%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.languages_list .icon_languages:hover {
	  -webkit-transform: scale(1.9);
    transform: scale(1.9);
    z-index: 9999;
}
.languages_list .icon_aws {
	  width: 82px;
	  height: 82px;
	  line-height: 82px;
	  font-weight: bold;
	  text-align: center;
	  display: block;
	  background: #15C8FF;
	  top: 46%;
	  left: -1%;
	  font-size: 2.2vw;
}
.languages_list .icon_html5 {
    width: 89px;
    height: 89px;
    line-height: 89px;
    font-weight: bold;
    text-align: center;
    display: block;
    background: #FC5E5E;
    top: 16%;
    left: 8%;
}
.languages_list .icon_php {
	width: 88px;
	height: 88px;
	line-height: 88px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #89B414;
	top: -2%;
	left: 23%;
	
}
.languages_list .icon_vuejs {
	width: 88px;
	height: 88px;
	line-height: 88px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #FC5E5E;
	margin: 0 auto;
	left: 0;
	right: 0;
	font-size: 2.5vw;
}
.languages_list .icon_react {
	width: 68px;
	height: 68px;
	line-height: 68px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #15C8FF;
	right: 25%;
}
.languages_list .icon_kotlin {
	width: 95px;
	height: 95px;
	line-height: 95px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #89B414;
	right: 8%;
	top: 17%;
	font-size: 2vw;
}
.languages_list .icon_python {
	width: 89px;
	height: 89px;
	line-height: 89px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #89B414;
	left: 11%;
	top: 40%;
	font-size: 1.6vw;
}
.languages_list .icon_node {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-weight: bold;
    text-align: center;
    display: block;
    background: #F99C1D;
    left: 20%;
    top: 24%;
}
.languages_list .icon_nextjs {
    width: 78px;
    height: 78px;
    line-height: 78px;
    font-weight: bold;
    text-align: center;
    display: block;
    background: #F99C1D;
    right: 20%;
    top: 25%;
}
.languages_list .icon_micro {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
    text-align: center;
    display: block;
    background: #FC5E5E;
    left: 21.5%;
    top: 46%;
    font-size: 2vw;
}
.languages_list .icon_java {
		width: 88px;
		height: 88px;
		line-height: 83px;
		font-weight: bold;
		text-align: center;
		display: block;
		background: #15C8FF;
		left: 37%;
		top: 21%;
		font-size: 2.5vw;
}
.languages_list .icon_flutter {
	    width: 78px;
    height: 78px;
    line-height: 78px;
    font-weight: bold;
    text-align: center;
    display: block;
    background: #F99C1D;
    right: 38%;
    top: 25%;
}
.languages_list .icon_swift {
  width: 98px;
  height: 98px;
  line-height: 98px;
  font-weight: bold;
  text-align: center;
  display: block;
  background: #F99C1D;
  right: -2%;
  top: 46%;
  font-size: 2.5vw;
}
.languages_list .icon_ruby {
  width: 67px;
  height: 67px;
  line-height: 67px;
  font-weight: bold;
  text-align: center;
  display: block;
  background: #FC5E5E;
  right: 21.5%;
  top: 47%;
}

.languages_list .icon_mysql  {
  width: 60px;
  height: 60px;
  line-height: 27px;
  font-weight: bold;
  text-align: center;
  display: block;
  background: #15C8FF;
  right: 12%;
  top: 47%;
}

@media (max-width: 1300px) {
	.img_service_banner img {
	    max-width: 97%;
	    margin: 0 auto;
	}
	.languages_list .icon_kotlin {
	    right: 10%;
	}
	.languages_list .icon_ruby {
	    right: 23%;
	    top: 47%;
	}
	.languages_list .icon_mysql {
		right: 14%;
	}
	.languages_list .icon_swift {
		right: 1%;
	}
}

@media (max-width: 1199px) {
	.service_banner_wrap .container {
	    max-width: 97%;
	    margin: 0 auto;
	}
}

@media (max-width: 1000px) {
	.languages_list .icon_python {
		font-size: 2vw;
	}
	.languages_list .icon_python {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
}
.banner_mb {
	display: none;
}
@media (max-width: 992px) {
	.service_banner_wrap .container {
		max-width: 100%;
		padding: 0;
	}
	.new_banner_for_service {
		padding: 0;
		background: none;
	}
	.banner_pc {
		display: none;
	}
	.banner_mb {
		display: block;
	}
	.languages_list {
		display: none;
	}
	.img_service_banner img {
		max-width: 100%;
	}
}

/*------------------------------------------------------------------*/

.customer_logo {
	padding-bottom: 50px;
	align-items: center;
	justify-content: center;
}

@keyframes scroll {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(calc(-200px * 6));
	}
}
 .slider_logo {
	 margin: auto;
	 overflow: hidden;
	 position: relative;
	 width: auto;
}
 .slider_logo .slide-track {
	 animation: scroll 40s linear infinite;
	 display: flex;
	 width: calc(200px * 12);
}
 .slider_logo .slide_img {
	 height: 80px;
	 width: 200px;
}