section.ouradvantages { position: relative; padding: 100px 0; background-color: rgb(23 82 160 / 4%); }
section.ouradvantages .listing { margin: 50px 0 0 0; }
section.ouradvantages .listing .listing-inner { display: flex; flex-flow: row wrap; gap: 30px; }
section.ouradvantages .listing .listing-inner .list { width: calc((100% - 60px) / 3); position:relative; }
section.ouradvantages .listing .listing-inner .list .list-inner { position: relative; padding: 20px; }
section.ouradvantages .listing .listing-inner .list .list-inner .icon img { max-width: 74px; max-height: 74px; height: auto; width: auto; margin: 0 auto 20px auto; }

section.ouradvantages .listing .listing-inner .list:before,
section.ouradvantages .listing .listing-inner .list:After { content: ''; position: absolute; background-color: #000000; transition: 400ms; opacity: 0.15; }
section.ouradvantages .listing .listing-inner .list:nth-child(1):before,
section.ouradvantages .listing .listing-inner .list:nth-child(2):before,
section.ouradvantages .listing .listing-inner .list:nth-child(3):before,
section.ouradvantages .listing .listing-inner .list:nth-child(4):before,
section.ouradvantages .listing .listing-inner .list:nth-child(5):before,
section.ouradvantages .listing .listing-inner .list:nth-child(6):before,
section.ouradvantages .listing .listing-inner .list:nth-child(7):before,
section.ouradvantages .listing .listing-inner .list:nth-child(8):before,
section.ouradvantages .listing .listing-inner .list:nth-child(9):before,
section.ouradvantages .listing .listing-inner .list:nth-child(10):before,
section.ouradvantages .listing .listing-inner .list:nth-child(11):before,
section.ouradvantages .listing .listing-inner .list:nth-child(12):before { width: 94%; height: 1px; left: 50%; transform: translateX(-50%); top: -15px; }

section.ouradvantages .listing .listing-inner .list:nth-child(1):before,
section.ouradvantages .listing .listing-inner .list:nth-child(2):before,
section.ouradvantages .listing .listing-inner .list:nth-child(3):before { display: none; }

section.ouradvantages .listing .listing-inner .list:nth-child(1):after,
section.ouradvantages .listing .listing-inner .list:nth-child(2):after,
section.ouradvantages .listing .listing-inner .list:nth-child(4):after,
section.ouradvantages .listing .listing-inner .list:nth-child(5):after,
section.ouradvantages .listing .listing-inner .list:nth-child(7):after,
section.ouradvantages .listing .listing-inner .list:nth-child(8):after,
section.ouradvantages .listing .listing-inner .list:nth-child(10):after,
section.ouradvantages .listing .listing-inner .list:nth-child(11):after { width: 1px; height: 94%; right: -15px; transform: translateY(-50%); top: 50%; }

section.ouradvantages [class*="button--"].has-icon { margin: 60px auto 0 auto; width: 100%; }
section.ouradvantages [class*="button--"].has-icon a { max-width: 300px; margin: 0 auto; }

@media screen and (max-width:1429px) { }

@media screen and (max-width:1199px) {
	section.ouradvantages { padding: 40px 0; }
	section.ouradvantages .listing .listing-inner .list .list-inner { padding: 10px 5px; }
	section.ouradvantages [class*="button--"].has-icon { margin: 40px auto 0 auto; }	
}

@media screen and (max-width:767px) {
	section.ouradvantages .listing .listing-inner { flex-direction: column; }
	section.ouradvantages .listing .listing-inner .list { width: 100%; }
	section.ouradvantages .listing .listing-inner .list:before,
	section.ouradvantages .listing .listing-inner .list:After { display: none; }
}