.image-with-four-col-sec { width: 100%; display: inline-block; vertical-align: top; padding-bottom: 40px; }
.image-with-four-col-sec .background-image { width: 100%; display: inline-block; position: relative; height: 100%; margin: 0; max-height: 650px; object-fit: cover; }
.image-with-four-col-sec .background-image img { height: 650px; margin: 0; width: 100%; object-fit: cover; }
.image-with-four-col-sec .angle-icon-sec { width: 100%; display: block; margin: 0 auto; max-width: 1260px; padding: 0 20px; }
.image-with-four-col-sec .angle-icon-sec .angle-icon-inner { background: #fff; margin-top: -60px; padding: 30px 30px 40px; position: relative; width: 100%; display: inline-block; }
.image-with-four-col-sec .angle-icon-sec .angle-icon-inner img.triangle-img { display: block; height: 70px; left: 0; margin: 0; object-fit: cover; position: absolute; top: -69px; width: 100%; }
.image-with-four-col-sec .angle-icon-sec .angle-icon-inner .title { width: 100%; display: inline-block; }
.image-with-four-col-sec .angle-icon-sec .angle-icon-inner .title h2 { color: #404041; font-size: 24px; line-height: 34px; margin: 0 0 40px; max-width: 400px; }
.image-with-four-col-sec .angle-icon-sec .angle-icon-inner .logo_wrap { margin-top: 10px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.image-with-four-col-sec .angle-icon-sec .angle-icon-inner .logo_wrap .logo { margin: 15px 5px; width: auto; display: inline-block; }
.image-with-four-col-sec .angle-icon-sec .angle-icon-inner .logo_wrap .logo .logo_inner { height: 35px; width: 100px; display:inline-block; }
.image-with-four-col-sec .angle-icon-sec .angle-icon-inner .logo_wrap .logo .logo_inner img { object-fit: contain; height: 100%; width: 100%; display: block; margin: 0; }
.image-with-four-col-sec .angle-icon-sec .angle-icon-wrap { max-width: 1260px; padding: 0 20px;width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.image-with-four-col-sec .angle-icon-wrap .angle-icon-group {margin-left: 0;margin-right: 12px;align-items: flex-start;gap:10px; display: flex; justify-content: space-between; margin-top: 30px; width: 47%; }
.image-with-four-col-sec .angle-icon-wrap .angle-icon-group .angle_icon { margin-right: 0;margin-left: 0;  width: auto; display: inline-block; }
.image-with-four-col-sec .angle-icon-wrap .angle-icon-group .angle_title {margin: 0;width: auto; display: inline-block; }
.image-with-four-col-sec .angle-icon-wrap .angle-icon-group .angle_icon img {object-fit: contain;height: 30px; display: block; margin: 0; width: 37px; }
.image-with-four-col-sec .angle-icon-wrap .angle-icon-group .angle_title h3 { margin-bottom: 0;color: #404041;font-size: 12px;width: 100%; font-weight: 300; line-height: 26px; font-family: 'Axiforma-normal';display: inline-block; }

@media(min-width:900px) {
  .image-with-four-col-sec { padding-bottom: 100px; }
  .image-with-four-col-sec .angle-icon-sec { max-width: 1405px; padding: 0 50px; }
  .image-with-four-col-sec .angle-icon-sec .angle-icon-inner { margin-top: -135px; padding: 60px 80px 80px; }
  .image-with-four-col-sec .angle-icon-sec .angle-icon-inner img.triangle-img { height: 97px; top: -96px; }
  .image-with-four-col-sec .angle-icon-wrap .angle-icon-group { align-items: center; justify-content: flex-start;gap:0; margin: 40px 0 0; width: auto; }
  .image-with-four-col-sec .angle-icon-sec .angle-icon-wrap { padding: 0 50px; }
  .image-with-four-col-sec .angle-icon-wrap .angle-icon-group .angle_title{calc(100% - 35px)}
  .image-with-four-col-sec .angle-icon-sec .angle-icon-inner .logo_wrap .logo { margin: 20px; }
  .image-with-four-col-sec .angle-icon-wrap .angle-icon-group .angle_icon{margin-right:12px;}
}

@media(max-width:600px) {
  .image-with-four-col-sec .angle-icon-wrap .angle-icon-group{width:100%;}
}