html, body{
    overflow-x:hidden !important;
}
/*===========================Hero Section=================================  */
.hero_section .hero_box_section{
    padding-left: calc((100% - 1270px)/2 + 5px);
}

.hero_section {
  width: 100%;
  height: 100%;
}

.hero_image_section {
  position: relative;
  overflow: hidden;
  clip-path: polygon(
    0 43%,
    23% 0,
    100% 0,
    100% 100%,
    0 100%
  );
}

.hero_image_section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/*===========================How It work==================================  */
.work_section .elementor-icon-list-icon{
    border: 1px solid #e6edf5;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 5px !important;
}
/*===========================Header Start=================================  */

@media screen and (min-width: 767px) {
  .contact_item {
    display:none !important;
  }
}