html,body{color:#fff}.detail-portofolio-container{width:100%;max-width:1200px;margin:0 auto;padding:0}.detail-section{display:grid;grid-template-columns:1fr;gap:30px;padding:20px 0}.detail-content{max-width:1400px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:30px}.carousel{width:100%;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#fff}.carousel-inner{aspect-ratio:16/9;width:100%;height:auto}.carousel-inner img{width:100%;height:100%;border-radius:12px;-o-object-fit:contain;object-fit:contain;max-height:550px}.row{display:flex;flex-wrap:wrap;margin:0 auto}.row.grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.col-8{width:100%;padding:30px}.col{width:100%;padding:30px 0}p{font-size:20px;line-height:1.8;margin-bottom:5px}.icon-text-container{display:flex;align-items:center;gap:20px}.icon-text-container .icon{width:24px;height:24px}.icon-text-container p{margin:0}@media (min-width: 1200px) and (max-width: 1400px){.detail-portofolio-container{padding:0}.row.grid{gap:25px;margin-top:20px}.icon-text-container p{font-size:20px;margin:0}p{font-size:20px;line-height:1.6}}@media (min-width: 992px) and (max-width: 1199px){.detail-portofolio-container{padding:0 30px}.row.grid{gap:20px;margin-top:20px}.carousel-inner,.carousel-inner img{max-height:500px}.icon-text-container p{font-size:18px;margin:0}h4{font-size:20px}p{font-size:18px;line-height:1.6}}@media (min-width: 768px) and (max-width: 991px){.detail-portofolio-container{padding:0 25px}.detail-content{padding:20px}.carousel-inner,.carousel-inner img{max-height:400px}.col-8,.col{width:auto;padding:initial}.row.grid{margin-top:20px}.icon-text-container img{width:20px;height:20px}.detail-content p,.detail-content h4{margin-bottom:15px}.icon-text-container p{margin:3px 0}h4{font-size:20px}p{font-size:16px;line-height:1.3}}@media (min-width: 576px) and (max-width: 767px){.detail-portofolio-container{padding:0 15px}.detail-content{padding:15px;border-radius:15px}.carousel{border-radius:10px}.icon-text-container img{width:20px;height:20px}.col-8,.col{width:100%;padding:0}.row.grid{gap:20px;margin-top:20px}.icon-text-container p{margin:3px 0}h4{font-size:14px}p{font-size:12px;line-height:1.3}}@media (max-width: 575px){.detail-portofolio-container{padding:0 10px}.detail-content{padding:12px;border-radius:12px}.carousel{border-radius:8px}.icon-text-container img{width:16px;height:16px}.col-8,.col{width:100%;padding:0}.detail-content p,.detail-content h4{width:100%;text-align:left;margin-bottom:10px}.icon-text-container p{margin:3px 0}.row.grid{gap:20px;margin-top:20px}h4{font-size:14px}p{font-size:10px;line-height:1.4}}@media (max-width: 320px){.detail-portofolio-container{padding:0 8px}.detail-content{padding:10px;border-radius:10px}h1{font-size:20px}.carousel-inner,.carousel-inner img{max-height:200px}.icon-text-container img{width:18px;height:18px}.icon-text-container p{margin:0}.col-8,.col{width:100%;padding:0}.row.grid{gap:20px;margin-top:20px}h4{font-size:12px}p{font-size:10px;line-height:1.4}.detail-content p,.detail-content h4{width:100%;text-align:left;margin-bottom:8px}}