section.need-services { padding: 80px 0; position: relative; }
section.need-services .listing .list .list-inner .list-points ul { display: flex; flex-direction: column;}
section.need-services .listing .list .list-inner .list-points ul > li { line-height: 1.5; }
section.need-services .listing .list .list-inner .list-points ul > li > a { position: relative; font-size: 20px; line-height: 1.5; color: var(--blackcolor); }
section.need-services .listing .list .list-inner .list-points ul > li > a:hover { color: var(--secondarycolor); }
section.need-services .listing .listing-inner { display: flex; flex-flow: row wrap; gap: 40px; }
section.need-services .listing .listing-inner .list { width: calc((100% - 40px) / 2); }
section.need-services .listing .listing-inner .list .list-title > .list-title-wrapper { display: flex; align-items: center; gap: 30px; font-size: 1.25rem; color: var(--blackcolor); line-height: 1.5; font-weight: 600; font-family: var(--secondaryfontfamily); text-transform: uppercase; }
section.need-services .listing .listing-inner .list .list-title > .list-title-wrapper span.title-icon { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: var(--primaryshadecolor); position: relative; }
section.need-services .listing .listing-inner .list .list-title > .list-title-wrapper span.title-icon svg { display: block; width: 18px; height: 18px; }
section.need-services .listing .listing-inner .list .list-title > .list-title-wrapper span.title-icon:after { content: ''; width: 5px; height: 5px; background-color: var(--secondarycolor); position: absolute; right: -2px; top: 50%; transform: translateY(-50%); border-radius: 50px; }
section.need-services .listing .listing-inner .list .list-points { padding: 0 0 0 68px; }
section.need-services .listing .listing-inner .list .list-inner { display: flex; flex-direction: column; gap: 20px; }
section.need-services .need-services-inner { position: relative; padding: 80px 80px 80px 80px; border: 5px solid #dcdb22; }
section.need-services .need-services-inner:before,
section.need-services .need-services-inner:after { content: ''; background-color: #000000; width: 5px; height: 5px; border-radius: 50px; position: absolute; }
section.need-services .need-services-inner:before { bottom: -5px; left: -5px; }
section.need-services .need-services-inner:after { right: -5px; bottom: -5px; }
section.need-services .need-services-inner > .title-content { position: absolute; top: -40px; left: -5px; background-color: var(--whitecolor); padding: 15px 40px 35px 0; }
section.need-services .need-services-inner > .title-content:after,
section.need-services .need-services-inner > .title-content:before { content: ''; background-color: #000000; width: 5px; height: 5px; border-radius: 50px; position: absolute; }
section.need-services .need-services-inner > .title-content:after { right: 0; top: 35px; }
section.need-services .need-services-inner > .title-content:before { bottom: 0; left: 0; }
section.need-services .need-services-inner > .need-services-square { position: relative; }
section.need-services .need-services-inner > .need-services-square:after { content: ''; background-color: #dcdb22; width: 10px; height: 10px; border-radius: 50px; position: absolute; right: -90px; top: -90px; }
section.need-services .need-services-inner .bottom-button { width: 424px; position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%); }
@media (max-width:1024px) {
   section.need-services .need-services-inner { padding: 80px 40px; }
   section.need-services .listing .listing-inner .list .list-points { padding: 0; }
   section.need-services .need-services-inner > .need-services-square:after { right: -50px; }
}
@media (max-width:767px) {
   section.need-services .need-services-inner { padding: 110px 20px 80px 20px; }
   section.need-services .listing .listing-inner .list { width: 100%; }
   section.need-services .need-services-inner > .title-content { width: 90%; padding: 15px 20px 35px 0; }
   section.need-services .need-services-inner > .need-services-square:after { right: -30px; top: -120px; }
   section.need-services .need-services-inner .bottom-button { width: 340px; bottom: -36px; }
   section.need-services { padding: 60px 0; }
}