.prinsip-section{background-color:#118ee9;overflow:hidden;padding:80px 0;position:relative}.prinsip-section .prinsip-container{color:#fff}.prinsip-section .prinsip-container .title{font-size:21px;font-weight:500;text-align:center;text-transform:uppercase;color:#ffffff80}@media (max-width: 640px){.prinsip-section .prinsip-container .title{text-align:left;font-size:17px;font-weight:500}}.prinsip-section .prinsip-container .subhead{font-size:52px;font-weight:700;line-height:120%;margin-top:12px;text-align:center;color:#fff}@media (max-width: 640px){.prinsip-section .prinsip-container .subhead{text-align:left;font-size:36px;font-weight:600}}.prinsip-section .prinsip-container .content{display:flex;flex-direction:row;justify-content:space-between;margin:47px -5px 0;position:relative}.prinsip-section .prinsip-container .content .card{background:white;border-radius:24px;display:block;margin:0 5px;max-width:343px;overflow:hidden;width:100%}.prinsip-section .prinsip-container .content .card img{object-fit:cover;object-position:center;width:100%;min-height:270px}.prinsip-section .prinsip-container .content .card .card-body{padding:12px 24px 24px;text-align:center}.prinsip-section .prinsip-container .content .card .card-title{color:#313131;font-size:33px;font-weight:700;margin-bottom:12px}@media (max-width: 640px){.prinsip-section .prinsip-container .content .card .card-title{font-size:36px}}.prinsip-section .prinsip-container .content .card .card-desc{color:#727272;font-size:17px;font-weight:500;line-height:140%;text-align:center}@media (max-width: 1024px){.prinsip-section .prinsip-container .content{flex-wrap:wrap;justify-content:center}.prinsip-section .prinsip-container .content .card{flex-shrink:0;justify-content:center;margin-bottom:24px;text-align:center}}
