.horz-sec{
  background-color: #0C4497;
  padding: 50px 20px;
  min-height: 100vh;
  position: relative;
}
.sticky-horzintal{
  position: sticky;
  top: 50px;
}
.container-stiky{
  overflow: hidden;
}
.p-section{
  color: #fff !important;
}
.horz-items-div{
  transform: translateX(0);
  transition: 1s;
}
.items-horz{
  padding: 0px;
  margin: 0px;
}
.items-horz li{
  display: inline-block;
  box-sizing: border-box;

  width: 320px;
}
.items-horz-div{
  margin-right: 10px;
  position: relative;
  padding: 20px 20px 80px 20px;
  background: rgb(0,72,164,.8);
  background: linear-gradient(360deg, rgba(0,72,164,.8) 10%, rgba(0,168,255,.4) 100%);
  color: #fff;

  border-radius: 20px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.items-horz-div h4{
  color: #fff;
  font-size: 16px;
  padding-right: 50px;
  height: 40px;
  overflow: hidden;
}
.items-horz-div h4:lang(ar){
  padding-right: 0px;
  padding-left: 50px;

}
.circle-bottom{
  background-color:rgba(255, 255, 255, .2) ;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  bottom: 20px;

}
.circle-bottom:lang(ar){
  right: auto;
  left: 20px;

}
.circle-bottom img{
  height: 30px;
}
/* -----------tools---------------		 */

.sec-tools{
	background-color: #181830;
	/* padding: 20px 0px; */
	position: relative;
}

.our-tools{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 419px;
	animation: hang-pulse 2s infinite;
	z-index: 0;
}

.our-tools h1{
	color: #ffffff;
	font-size: 200;
	font-weight: normal;
	}
  .our-tools h3{
	color: #0070FF;
	font-size: 250;
	position: absolute;
	top: 36px;
	left: 73px;
	font-weight: normal;
	/* bottom: 20px; */
	}
  .our-tools h3:lang(ar){
    left: auto;
    right: 73px;

  }
  @media (max-width:800px){
    .our-tools h1{
      font-size: 100;
    }
    .our-tools h3{
      color: #0070FF;
      font-size: 150;
    }
    .our-tools{
      height: 190px;
    }
  }
  .owl-carousel{
    display: none;
  }
  @media (max-width: 1024px){

    .items-horz{
      display: none
    }
    .owl-carousel{
      display: block;
    }

  }
  @media (max-width:500px){
    .our-tools h1{
      font-size: 70;
    }
    .our-tools h3{
      color: #0070FF;
      font-size:90px;
      top: 20px;
    }

  
  }