/* points box style */
section.threepoints { padding: 80px 0; }
section.threepoints .listing { display: flex; flex-flow: row wrap; gap: 30px; }
section.threepoints .listing .list { width: calc((100% - 60px) / 3); border: 2px solid rgb(2 2 2 / 10%); background-color: var(--whitecolor); padding: 30px 30px 30px 30px; }
section.threepoints .listing .list:nth-child(1) { transform: rotate(-2deg); transform-origin: right; }
section.threepoints .listing .list:nth-child(3) { transform: rotate(2deg); transform-origin: left; }
section.threepoints .listing .list .image img { max-width: 60px; }
section.threepoints .listing .list .details { padding: 20px 0 0 0; }
section.threepoints .listing .list .details .title-content-wrapper { }
section.threepoints .listing .list .details .title-content-wrapper .content { padding: 20px 0 0 0; border-top: 2px solid rgba(0, 0, 0, 0.05); }




@media screen and (max-width:767px) {
    section.threepoints { padding: 40px 0; }
    section.threepoints .listing .list { width: 100%; }
}