section[data-cattype="423"] .section-title { text-align: center; margin-bottom: 40px; } section[data-cattype="423"] { position: relative; padding-bottom: 100px; background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 23%, rgba(255,255,255,1) 89%, rgba(255,255,255,0.5634454465379901) 95%, rgba(255,255,255,0) 100%); } section[data-cattype="423"] .challenge-row { display: flex; justify-content: center; align-items: center; gap: 80px; width: 100%; } section[data-cattype="423"] .challenge-left ul, section[data-cattype="423"] .challenge-right ul { list-style: none; padding: 0; margin: 0; max-width: 350px; } section[data-cattype="423"] .challenge-left li, section[data-cattype="423"] .challenge-right li { position: relative; padding-left: 20px; margin-bottom: 18px; line-height: 1.5; text-align: left; } section[data-cattype="423"] .challenge-left ul { counter-reset: numlist 0; } section[data-cattype="423"] .challenge-right ul { counter-reset: numlist 3; } section[data-cattype="423"] .challenge-left li, section[data-cattype="423"] .challenge-right li { position: relative; padding-left: 70px; } section[data-cattype="423"] .challenge-left li::before, section[data-cattype="423"] .challenge-right li::before { counter-increment: numlist; content: counter(numlist, decimal-leading-zero); position: absolute; left: 0; top: 0; font-weight: 600; color: transparent; -webkit-text-stroke: 0.5px #000; font-size: 35px; } section[data-cattype="423"] .challenge-circle { width: 350px; height: 350px; border-radius: 50%; overflow: hidden; position: relative; } section[data-cattype="423"] .challenge-circle img { width: 100%; height: 100%; object-fit: cover; } section[data-cattype="423"] .challenge-right { margin-top: 50px; } @media (max-width: 991px) { section[data-cattype="423"] .challenge-row { flex-direction: column; align-items: center; text-align: left; gap: 5px; } section[data-cattype="423"] .challenge-circle { width: 220px; height: 220px; } section[data-cattype="423"] .challenge-left ul, section[data-cattype="423"] .challenge-right ul { max-width: 100%; width: 100%; padding-left: 20px; padding-right: 20px; } section[data-cattype="423"] .challenge-left li, section[data-cattype="423"] .challenge-right li { width: 100%; margin-bottom: 14px; line-height: 1.5; } section[data-cattype="423"] .challenge-right { margin-top: 0 !important; } section[data-cattype="423"] .challenge-center { order: 1; } section[data-cattype="423"] .challenge-left { order: 2; margin-top: 20px; } section[data-cattype="423"] .challenge-right { order: 3; } section[data-cattype="423"] .challenge-left ul, section[data-cattype="423"] .challenge-right ul { margin-top: 0 !important; margin-bottom: 0 !important; } section[data-cattype="423"] .challenge-left li, section[data-cattype="423"] .challenge-right li { margin-bottom: 12px; } }