@media (min-width: 992px) {section {margin-bottom: 80px;padding-top: 80px;}}.list-item {list-style: none;padding-left: 0;margin-bottom: 0;}.list-item li {position: relative;padding-left: 32px;}.list-item li:before {position: absolute;left: 0;top: 0;content: '';display: inline-block;width: 24px;height: 24px;background-image: url(/case-study/aia-surrender/img/revamp/checkbox-circle-fill.svg);background-size: contain;background-repeat: no-repeat;background-position: center;margin-right: 8px;}.font-barlow {font-family: 'Barlow' }.font-tajawal {font-family: 'Tajawal' }h1.title-36::before {content: '';position: absolute;display: inline-block;width: 44.26px;height: 5px;top: 45px;background-color: #F7CC49 }h2::before {display: none }h3::before {display: none }.mt-1 {margin-top: 10px !important }.mt-2 {margin-top: 20px !important }.mt-3 {margin-top: 32px !important }.mt-4 {margin-top: 40px !important }.mt-5 {margin-top: 50px !important }.mb-1 {margin-bottom: 10px !important }.mb-2 {margin-bottom: 20px !important }.mb-3 {margin-bottom: 32px !important }.mb-4 {margin-bottom: 40px !important }.mb-5 {margin-bottom: 50px !important }.title-14 {font-weight: 700;font-size: 14px;line-height: 125% }.title-18 {font-weight: 700;font-size: 18px;line-height: 125% }.title-20 {font-weight: 700;font-size: 20px;line-height: 125% }.title-36 {font-weight: 700;font-size: 36px;line-height: 125% }.title-60 {font-weight: 700;font-size: 60px;line-height: 125% }.body-base-14 {font-weight: 400;font-size: 14px;line-height: 150% }.body-base-16 {font-weight: 400;font-size: 16px;line-height: 150% }.body-base-18-500 {font-weight: 500;font-size: 18px;line-height: 150% }.body-base-20 {font-weight: 400;font-size: 20px;line-height: 150% }.body-base-20-500 {font-weight: 500;font-size: 20px;line-height: 150% }.body-base-24 {font-weight: 500;font-size: 24px;line-height: 150% }.body-base-24-400 {font-weight: 400;font-size: 24px;line-height: 150% }.body-base-36 {font-weight: 500;font-size: 35px;line-height: 125% }.text-white {color: #fff }.text-white:hover {color: #fff }.color-ffffff {color: #FFF }.color-0E0C0A {color: #0E0C0A }.color-000000 {color: #000 }.color-3E3D3B {color: #3E3D3B }.md-block {display: block }.md-none {display: none }.row-article-img {display: flex;align-items: stretch }.col-article-right {display: flex;flex-direction: column;justify-content: center }.img-container {width: 100%;display: flex;justify-content: center }.hero {background-image: url(/case-study/aia-surrender/img/revamp/bg-top-hero.png);background-size: cover;background-repeat: no-repeat;min-height: 530px }.content-wrapper.has-hero-bg .hero {padding-top: 0 }.hero-container {margin: 0;width: 100%;}.hero-content-container {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;text-align: left;}.hero-content-container .img-content {position: absolute;display: none;right: 0;}.hero-content-container .title-content {max-width: 713px;z-index: 10;}@media (min-width: 992px) {.hero-content-container .img-content {max-width: 400px;display: block;bottom: -137px;right: -112px;}}@media (min-width: 1200px) {.hero-content-container .title-content {max-width: 713px;z-index: 10;}}@media (min-width: 1300px) {.hero-content-container .img-content {max-width: 600px;}}.hero-content-container h1 {padding: 0 }.section-container {padding: 80px 0;margin-bottom: 0 }.section-latar-belakang {position: relative;background-image: url(/case-study/aia-surrender/img/revamp/bg-latar-belakang-aia.png);background-size: cover;background-repeat: no-repeat }.webp .section-latar-belakang {background-image: url(/case-study/aia-surrender/img/revamp/bg-latar-belakang-aia.webp);background-size: cover;background-repeat: no-repeat }.card-latar-belakang {box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.20);backdrop-filter: blur(12px);max-width: 75%;height: 300px;background: #1A3D72;box-sizing: border-box;border-top-right-radius: 300px;border-bottom-right-radius: 300px;opacity: 90%;padding-left: 342px }.bg-gradient-ffff3f {background: linear-gradient(360deg, #fff0 -7.51%, #F3F3F3 92.41%) }.article-latar-belakang-content {max-width: 780px;}.article-latar-belakang {padding: 12px;background-color: #1A3D72;box-shadow: 0px 0px 35px 10px rgba(0, 0, 0, 0.2);backdrop-filter: blur(25px);border-radius: 8px;}@media (min-width: 992px) {.section-latar-belakang {padding: 201px 0;}.article-latar-belakang {width: 100%;position: absolute;top: 50%;transform: translateY(-50%) !important;color: #fff;background: none;box-shadow: none;backdrop-filter: none;border-radius: 0;padding: 0;}}@media (max-width:991.98px) {.title-60 {font-size: 24px;line-height: 135% }.body-base-36 {font-size: 16px;line-height: 135% }.body-base-20 {font-size: 16px;line-height: 135% }.title-36 {font-size: 24px;line-height: 135% }.md-block {display: none }.md-none {display: block }.img-fluid {width: 100% }.section-container {padding: 30px 0 }.mt-2 {margin-top: 16px }.mt-3 {margin-top: 24px }.mt-4 {margin-top: 24px }.mt-5 {margin-top: 24px }.mb-2 {margin-bottom: 16px }.mb-3 {margin-bottom: 24px }.mb-4 {margin-bottom: 24px }.mb-5 {margin-bottom: 24px }.hero {display: inherit;min-height: auto }.hero-content-container {height: max-content !important;padding: 30px 0;text-align: left }.row {display: inherit }.col-article-right {margin-top: 16px }.section-latar-belakang {padding-left: 16px;padding-right: 16px }}.detail-company-wrapper {display: flex;flex-direction: column;gap: 16px;justify-content: center;position: relative;}@media (min-width: 992px) {.detail-company-wrapper {flex-direction: row;gap: 40px;align-items: flex-start;}.detail-company-img {flex: 0 0 400px;}.detail-company-content {position: sticky;top: 80px;flex: 0 1 540px;}}.project-summary-table-container, .project-summary-detail-container {max-width: 910px;margin: auto;}.project-summary-table {width: 100%;border-collapse: separate;border-spacing: 0;margin: 20px 0;color: #000;}.project-summary-table th {background-color: #3E3D3B;color: #ffffff;font-weight: 700;padding: 16px 24px;text-align: center;border: 1px solid #dddddd;border-bottom-width: 1px !important;}.project-summary-table th:first-child {border-top-left-radius: 12px }.project-summary-table th:last-child {border-top-right-radius: 12px }.project-summary-table td {padding: 16px 24px;border: 1px solid #E6E7E8;vertical-align: top }.project-summary-table tbody tr:last-child td:first-child {border-bottom-left-radius: 12px }.project-summary-table tbody tr:last-child td:last-child {border-bottom-right-radius: 12px }.section-proses-kolaborasi {padding: 0;margin: 0;}.section-proses-kolaborasi .container {padding: 30px 16px;border-top: 1px solid var(--Secondary-secondary-50, #E7E7E7);border-bottom: 1px solid var(--Secondary-secondary-50, #E7E7E7);}.proses-wrapper {display: grid;grid-template-columns: repeat(1, 1fr);gap: 24px;}.proses-item {border-radius: 10px;border: 1px solid #E6EDF2;background: #FFF;box-shadow: 0 0 40px 5px rgba(20, 99, 168, 0.03);padding: 16px 40px 16px 16px;position: relative;display: flex;align-items: center;gap: 12px;}.proses-item-wrapper {display: flex;align-items: center;gap: 12px;}.proses-number {width: 30px;height: 30px;border-radius: 0 8px 0 8px;background: var(--Secondary-secondary-500, #0E0C0A);display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 700;color: #fff;position: absolute;top: 0;right: 0;}.proses-item-img {width: 40px;height: 40px;border-radius: 50%;background-color: #0E0C0A;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.proses-item-img img {width: 30px;height: 30px;}.proses-item-list {display: grid;grid-template-columns: repeat(1, 1fr);gap: 12px;list-style: none;padding-left: 0;margin-bottom: 0;}.proses-item-list li {position: relative;padding-left: 32px;}.proses-item-list li:before {position: absolute;left: 0;top: 0;content: '';display: inline-block;width: 24px;height: 24px;background-image: url(/case-study/aia-surrender/img/revamp/checkbox-circle-fill.svg);background-size: contain;background-repeat: no-repeat;background-position: center;margin-right: 8px;}@media (min-width: 992px) {.section-proses-kolaborasi .container {padding: 80px 0;}.proses-wrapper {grid-template-columns: repeat(2, 1fr);gap: 40px;}.proses-item:nth-last-of-type(1) {grid-column: span 2;}.proses-item {padding: 24px 74px 24px 24px;gap: 16px;}.proses-item:last-of-type {gap: 32px;}.proses-number {width: 40px;height: 40px;font-size: 18px;line-height: 150%;}.proses-item-img {width: 50px;height: 50px;}.proses-item-img img {width: 40px;height: 40px;}.proses-item-wrapper {gap: 16px;}.proses-item-list {grid-template-columns: repeat(2, 1fr);row-gap: 16px;column-gap: 32px;}}.peran-wrapper {display: flex;flex-direction: column;align-items: center;gap: 16px;justify-content: center;max-width: 1000px;margin: auto;}@media (min-width: 992px) {.peran-wrapper {flex-direction: row;gap: 60px;}.peran-img {flex: 0 0 400px;}.peran-content {flex: 1;}}.section-fitur-utama {padding: 0;margin: 0;}.section-fitur-utama .container {padding: 30px 16px;border-top: 1px solid var(--Secondary-secondary-50, #E7E7E7);border-bottom: 1px solid var(--Secondary-secondary-50, #E7E7E7);}.fitur-wrapper {display: flex;flex-direction: column;align-items: center;gap: 16px;justify-content: center;max-width: 1000px;margin: auto;}@media (min-width: 992px) {.section-fitur-utama .container {padding: 80px 0;}.fitur-wrapper {flex-direction: row-reverse;gap: 60px;}.fitur-img {flex: 0 0 406px;}.fitur-content {flex: 1;}}.section-teknologi-diterapkan p {max-width: 800px;margin: auto;}.section-tantangan-solusi {background: var(--GG, linear-gradient(180deg, rgba(240, 249, 255, 0.00) 0%, #F0F9FF 100%));padding-bottom: 30px;}.tantangan-wrapper {display: flex;flex-direction: column;align-items: center;gap: 16px;justify-content: center;}@media (min-width: 992px) {.section-tantangan-solusi {padding-bottom: 0;}.tantangan-wrapper {flex-direction: row;gap: 40px;}.tantangan-img {flex: 0 1 529px;}.tantangan-content {flex: 0 1 540px;}}.section-keamanan-dokumentasi {padding: 0;margin: 0;}.section-keamanan-dokumentasi .container {padding: 30px 16px;border-top: 1px solid var(--Secondary-secondary-50, #E7E7E7);border-bottom: 1px solid var(--Secondary-secondary-50, #E7E7E7);}.keamanan-wrapper {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 16px;}.keamanan-item {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;padding: 16px;border-radius: 10px;border: 1px solid #E6EDF2;background: #FFF;box-shadow: 0 0 40px 5px rgba(20, 99, 168, 0.03);}.keamanan-item p {padding: 16px 0;text-align: center;}.keamanan-item-img {width: 40px;height: 40px;border-radius: 50%;background-color: #0E0C0A;display: flex;align-items: center;justify-content: center;}.keamanan-item-img img {width: 30px;height: 30px;}.keamanan-item:nth-child(even) .keamanan-item-img img {width: 20px;height: 20px;}@media (min-width: 992px) {.section-keamanan-dokumentasi .container {padding: 80px 0;}.keamanan-wrapper {gap: 40px;}.keamanan-item {padding: 24px 16px;}.keamanan-item-img {width: 50px;height: 50px;}.keamanan-item-img img {width: 40px;height: 40px;}.keamanan-item:nth-child(even) .keamanan-item-img img {width: 26px;height: 26px;}}.dampak-wrapper {display: grid;grid-template-columns: repeat(1, 1fr);gap: 16px;max-width: 880px;margin: auto;}.dampak-item {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;padding: 16px;border-radius: 10px;border: 1px solid #E6EDF2;background: #FFF;box-shadow: 0 0 40px 5px rgba(20, 99, 168, 0.03);}.dampak-item-img {width: 50px;height: 50px;border-radius: 50%;background-color: #0E0C0A;display: flex;align-items: center;justify-content: center;}.dampak-item-img img {width: 36px;height: 36px;}.dampak-item h4 {margin-bottom: 4px;}@media (min-width: 992px) {.dampak-wrapper {grid-template-columns: repeat(2, 1fr);gap: 40px;}.dampak-item {padding: 24px;}.dampak-item-img {width: 80px;height: 80px;}.dampak-item-img img {width: 48px;height: 48px;}}.section-mengapa-dipercaya {background: linear-gradient(180deg, #F0F9FF 0%, rgba(240, 249, 255, 0.00) 100%);}.mengapa-wrapper {display: flex;flex-direction: column;align-items: center;gap: 16px;justify-content: center;max-width: 1000px;margin: auto;}@media (min-width: 992px) {.mengapa-wrapper {flex-direction: row;gap: 60px;}.mengapa-img {flex: 0 0 400px;}.mengapa-content {flex: 1;}}.banner-wrapper {border-radius: 16px;background: #1A3D72;padding: 20px;display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;gap: 16px;}@media (min-width: 992px) {.banner-wrapper {padding: 32px 61px;flex-direction: row;gap: 24px;}.banner-img {flex: 0 0 152px;}.banner-content {flex: 1;}}