h2.section-title { font-size: 24px; font-weight: 700; color: #3b3c3e; } p.section-title { font-size: 16px; margin-bottom: 1rem; color: #bcbaba; } p.section-title.sm { font-size: 12px; } .contents { background-color: #fff; padding: 3rem 0; } .contents .container { display: flex; } .contents .container>div { width: 50%; display: inline-flex; flex-direction: column; justify-content: center; } .contents .container>div>img { display: block; margin: auto; width: 100%; padding: 1rem; object-fit: contain; } .contents .container>div p:not(.section-title) { font-size: 14px; } .contents .container>div p:not(.section-title):not(:last-of-type) { margin-bottom: 20px; } .contents .container>div ul.list-items, .contents .container>div ol.list-items { margin: 20px 0; list-style: none; padding: 0; } .contents .container>div ul.list-items.large-icons li, .contents .container>div ol.list-items.large-icons li { padding-inline-start: 50px; } .contents .container>div ul.list-items.large-icons li::before, .contents .container>div ol.list-items.large-icons li::before { width: 30px; height: 30px; } .contents .container>div ul.list-items li, .contents .container>div ol.list-items li { position: relative; padding-inline-start: 25px; margin-bottom: 10px; font-size: 14px; } .contents .container>div ul.list-items li::before, .contents .container>div ol.list-items li::before { content: ""; position: absolute; width: 15px; height: 15px; left: 0; background: #f57c00; border-radius: 50%; } .contents .container>div ul.list-items li h3, .contents .container>div ol.list-items li h3 { font-weight: 700; } .contents .container>div ol.list-items { counter-reset: num; } .contents .container>div ol.list-items li { counter-increment: num; } .contents .container>div ol.list-items li::before { content: counter(num); color: #fff; text-align: center; line-height: 1.6; font-size: 18px; background: #d03b3a; } .contents .container>div ol.list-items.alternate li { margin-bottom: 2rem; } .contents .container>div ol.list-items.alternate li::before { content: "0" counter(num); background: #3b3c3e; font-size: 14px; line-height: 2; } .contents .contents-description { display: block; box-shadow: 0px 10px 10px 0px #f3f3f3; border-radius: 8px; padding: 20px 10px; margin-bottom: 2rem; flex-direction: row !important; align-items: flex-start; } .contents .contents-description .contents-title { color: #f57c00; width: 100%; flex-direction: row; margin-bottom: 20px; display: flex; } .contents .contents-description .contents-title img { height: 25px; width: auto; padding: 0; margin: 0; margin-inline-end: 10px; } .contents .contents-description .contents-title h2 { margin: 0; font-size: 1rem; font-weight: 700; flex: 1; border-bottom: 1px solid #eee; padding: 5px 0 15px; } .contents .contents-description .img-info { width: 200px; display: inline-flex; margin: 0; padding: 0; margin-inline-end: 2rem; border-radius: 5px; } .about-experience { background-color: #f57c00; color: #fff; text-align: center; padding: 4rem 0; } .about-experience h2 { font-weight: 700; } .about-experience .experience-icons { display: flex; margin-top: 5rem; } .about-experience .experience-icons > div { width: 25%; } .about-experience .experience-icons > div img { background: #fff; padding: 1rem; border-radius: 5px; } .about-experience .experience-icons > div span { display: block; font-size: 14px; padding: 1rem; } .about-partners { padding: 5rem 0; text-align: center; color: #fff; background-color: #3b3c3e; position: relative; background-image: url("/images/map.png"); background-size: cover; background-position: center; } .about-partners h2 { font-weight: 700; } .about-partners .partners { display: flex; justify-content: center; margin-top: 5rem; } .about-partners .partners a { margin: 0 2rem; } .about-partners .partners a img { height: 100px; } .about-goals { padding: 5rem 0; background-color: #fff; } .about-goals .titles { text-align: center; width: 60%; margin: auto; } .about-goals .goals { margin-top: 3rem; display: grid; grid-template-columns: auto auto auto auto; gap: 2.5rem; } .about-goals .goals .goal-box { background: #f7f7f7; border-radius: 5px; padding: 1.4rem; min-height: 300px; } .about-goals .goals .goal-box .goal-header { display: flex; align-items: center; font-size: 3rem; } .about-goals .goals .goal-box .goal-header span { margin-inline-end: 5px; } .about-goals .goals .goal-box .goal-body { font-size: 1rem; }