.core-section{background-color:#f8f9fa;font-family:Poppins,sans-serif}.content-wrapper{justify-content:space-between;align-items:flex-start;gap:30px;max-width:1720px;margin:0 auto;padding:50px;display:flex}.text-content{flex:1;max-width:40%;position:sticky;top:160px}.text-content h3{color:#222;font-size:39px;font-weight:600}.text-content .highlight{color:#655615}.text-content p{color:#111;padding-top:15px;font-size:16px}.principles-list{scrollbar-width:thin;flex:1;max-width:55%;max-height:500px;padding:0 10px;overflow-y:auto}.principles-list::-webkit-scrollbar{display:none}.principle-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transform-style:preserve-3d;background:#ffffffe6;border-radius:12px;align-items:flex-start;margin-bottom:15px;padding:25px;transition:all .4s;display:flex;box-shadow:0 10px 25px #00000014}.principle-box.active{border:1px solid #655615;box-shadow:0 0 20px #0c61ff33}.number-circle{color:#655615;background:#fde105;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;min-width:60px;height:60px;min-height:60px;margin-right:15px;font-size:20px;font-weight:700;display:flex;box-shadow:0 5px 15px #0c61ff4d}.principle-text{flex:1}.principle-text h3{color:#222;font-size:18px;font-weight:700}.principle-content-wrapper{max-height:0;transition:max-height .4s ease-in-out;overflow:hidden}.principle-content-wrapper.expanded{max-height:200px}.principle-text .principle-content{color:#111;margin-top:5px;font-size:14px;line-height:1.6}@media (max-width:1024px){.text-content h3{text-align:center!important}.principle-text .principle-content,.principle-text h3,.text-content p{text-align:center}}@media (max-width:768px){.content-wrapper{flex-direction:column;align-items:center;padding:20px}.principles-list,.text-content{text-align:center;max-width:100%}.principles-list{padding:20px 0 0}.principle-box{text-align:center;flex-direction:column;align-items:center}.number-circle{margin-bottom:10px}}@media (max-width:600px){.text-content h3{text-align:center;font-size:22px}.text-content p{text-align:center;padding-top:8px;font-size:14px}.principles-list{max-height:none;padding:20px}.principle-box{padding:18px}.number-circle{width:45px;height:45px;font-size:16px}.principle-text h3{font-size:16px}.principle-content{font-size:13px}}