.product-section-wrapper {display: flex;gap: 20px;justify-content: center;align-items: center;}@media (min-width: 768px) {.section-head-banner .container {width: 800px;}.product-section-soya .container {width: 800px;}.product-image-soya {width: 60%;}.artikel-terkait-soya-item {justify-items: center;padding: 10px;background: #E20018;min-height: 375px;border-radius: 20px;}.content-title p {color: #fff;font-family: 'VAG-Rounded-Bold' !important;font-size: 18px;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}.content-text {color: #fff;}.lihat-semuanya {background: linear-gradient(180deg, #eb0415 0, #c12a1e 100%);text-align: center;padding: 5px 100px;border-radius: 20px;border: 1px solid #fff;}.lihat-semuanya a {color: #fff;font-family: 'VAG-Rounded-Bold' !important;font-size: 20px;}.artikel-terkait-soya-item-bottom .read-more {background: #fff;margin-top: 15px;color: #E20018;font-family: 'VAG-Rounded-Bold' !important;border-radius: 20px;font-size: 19px;text-align: center;}.content-title.desktop-version p {font-family: 'VAG-Rounded-Bold' !important;font-size: 45px;text-align: center;color: #C50304;margin-bottom: 25px;}.mobile-version {display: none;}.desktop-version {display: block;}.artikel-terkait-soya-list-item.row {margin-bottom: 30px;}.artikel-terkait-soya-wrap {margin-bottom: 40px;justify-items: center;}#site-container {margin-top: 6.4rem !important;}}@media (max-width: 768px) {.product-desc-soya {width: calc(100% - 100px);}.artikel-item-small {display: flex;gap: 20px;margin-bottom: 15px;box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15);padding: 10px;border-radius: 20px;}.artikel-terkait-soya-item-top {width: 100% !important;height: 100% !important;}.artikel-terkait-soya-item {justify-items: center;box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15);border-radius: 20px;margin-bottom: 25px;padding: 12px;}.mobile-version {display: block;}.desktop-version {display: none;}.artikel-title {font-family: 'VAG-Rounded-Bold' !important;color: #000;margin-top: 10px;font-size: 16px;}.artikel-title-small p {font-family: 'VAG-Rounded-Bold' !important;color: #000;margin: 10px 0;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}.artikel-terkait-soya-item-bottom .badge {margin: 10px 0;background: #e47373;}.artikel-content-small .badge {background: #e47373;font-weight: unset;padding: 5px 10px;font-size: 10px;}.artikel-item-small img {border-radius: 20px;object-fit: cover;}.tim-penulis span {font-family: 'VAG-Rounded-BT' !important;color: #CB0024;}.tim-penulis {font-size: 8px;}.content-text {margin-bottom: 10px;}.lihat-semuanya {background: linear-gradient(180deg, #eb0415 0, #c12a1e 100%);text-align: center;padding: 8px 50px;border-radius: 20px;border: 1px solid #fff;margin-top: 20px;}.lihat-semuanya a {color: #fff;font-family: 'VAG-Rounded-Bold' !important;font-size: 16px;}.artikel-terkait-soya .container {margin-bottom: 30px;}section.registration-voucher-section {position: relative;margin-top: -50px;border-top-left-radius: 50px;border-top-right-radius: 50px;}.soya-btn {position: absolute;top: 32%;color: #C50304;border: none;border-radius: 50%;width: 30px;height: 30px;background: #fff;}.soya-btn.prev {left: 0;}.soya-btn.next {right: 0;}button[disabled] {opacity: 0.5;}}.artikel-terkait-soya-item-bottom .badge {font-size: 15px;font-weight: unset;padding: 5px 15px;margin-top: 10px;background-color: #ff6969;}.artikel-terkait-soya-list-item.row {padding: 0 80px;}.artikel-terkait-soya-item-top img {width: inherit;height: inherit;border-radius: 15px;object-fit: cover;}.artikel-terkait-soya-item-top img {width: inherit;height: inherit;border-radius: 15px;object-fit: cover;}.artikel-terkait-soya-item-top {width: 280px;height: 150px;}@media (min-width: 768px) {.registration-voucher-section .container {width: 900px;}.voucher-description-text {width: 440px;}.voucher-text {display: flex;flex-direction: column;align-items: center;justify-content: center;}}.voucher-section-wrapper {display: flex;flex-direction: column;align-items: center;justify-content: center;}.voucher-text {text-align: center;}.voucher-step-box {text-align: center;width: 33%;}.voucher-step-list {display: flex;gap: 20px;}.voucher-step-shadow img {width: 200px;height: 200px;}.voucher-title-text p {font-size: 45px;color: #C50304;font-family: 'VAG-Rounded-BT' !important;}section.registration-voucher-section {background: #fff;padding: 30px 0;padding-top: 10px !important;}.voucher-step-item p {color: #C50304;font-family: 'VAG-Rounded-BT' !important;}.voucher-description-text p {color: #C50304;font-family: 'VAG-Rounded-BT' !important;font-size: 25px;background: radial-gradient(50% 50% at 50% 50%, #FFFFEF 0%, #F4C939 100%);border-radius: 30px;}.voucher-disclaimer-text p {color: #C50304;}.section-phone-number {display: flex;align-items: center;justify-content: center;border-radius: 50px;overflow: hidden;background: #fff;border: 3px solid #C50304;}.form-check-phone-number {flex: 1;}.form-phone-number {border: none;outline: none;color: #000;background-color: #fff;font-size: 18px;padding: 12px 16px;border-radius: 50px 0 0 50px;width: 100%;}.form-phone-number::placeholder {color: #aaa;}.button-check-phone-number {display: flex;align-items: center;}.button-check-phone-number button {background: radial-gradient(50% 50% at 50% 50%, #FFFFEF 0%, #F4C939 100%);border: none;padding: 13px 15px;border-radius: 50px;cursor: pointer;transition: transform 0.2s, box-shadow 0.2s;color: #C50304;}.button-check-phone-number button:hover {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}.button-check-phone-number p {margin: 0;font-size: 18px;color: #cb0024;}.voucher-title-text strong {color: #ffcc00;}.section-phone-number-wrapper .error {color: #cb0024;font-size: 9px !important;}.datepicker.dropdown-menu {max-width: 230px;padding: 10px !important;}.datepicker .datepicker-switch {width: 100% !important;}th.datepicker-switch {background: #CB0024;color: #fff;}.datepicker-days .prev, .datepicker-days .next, .datepicker-months .prev, .datepicker-months .next {visibility: hidden !important;}.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.today, .datepicker table tr td.active.active, .datepicker table tr td span.active.active {background: linear-gradient(180deg, #EB0415 0%, #C12A1E 100%) !important;background-color: linear-gradient(180deg, #EB0415 0%, #C12A1E 100%) !important;color: #fff !important;}.datepicker .datepicker-switch {position: relative;}.datepicker-switch:after, .datepicker-months .switch:after {content: "";border-right: 2px solid #fff;border-bottom: 2px solid #fff;right: 16px !important;height: 6px;top: 9px;display: block;transform: rotate(43deg);font-size: 24px;position: absolute;width: 6px;}.datepicker-years .prev:before {content: "";border-right: 3px solid #CB0024;border-bottom: 3px solid #CB0024;height: 9px;top: 9%;display: block;transform: rotate(130deg);font-size: 30px;position: absolute;width: 9px;}.datepicker-years .next:before {content: "";border-right: 3px solid #CB0024;border-bottom: 3px solid #CB0024;height: 9px;top: 9%;display: block;transform: rotate(310deg);font-size: 30px;position: absolute;width: 9px;}.datepicker-years .datepicker-switch:after, .datepicker-years .datepicker-months .switch:after {display: none;}.datepicker-years .prev, .datepicker-years .next {color: #fff;}.datepicker table tr td span, .datepicker td, .datepicker th {font-family: VAG-Rounded-Light !important;}.datepicker-years .datepicker-switch {pointer-events: none;}.text-disclaimer {text-align: center;font-size: 12px;}.text-disclaimer a {color: #C50304;font-weight: bold;text-decoration: underline;font-family: 'VAG-Rounded-Light';}.text-disclaimer p {color: #C50304;font-weight: bold;font-size: 14px;margin-bottom: 0;}.text-disclaimer.child-age {margin-top: 5px;}.form-phone-number[disabled] {color: #606060;background: #eee;}.modal-form-otp {text-align: center;}.modal-body .modal-title {font-family: 'VAG-Rounded-Bold' !important;font-size: 20px;margin-bottom: 10px;}.modal-desc.text-center {font-size: 14px;margin-bottom: 10px;color: #5C5C5C;}form.otp-form {margin-bottom: 10px;}.wrapper-button-resend-otp {justify-content: center;align-items: center;gap: 15px;}.kirim-ulang {background: linear-gradient(to bottom, #cb0024, #b70000) !important;padding: 8px 25px;border-radius: 15px;}.kirim-ulang a {color: #fff;font-family: 'VAG-Rounded-Bold' !important;font-size: 14px;font-weight: 500;}.font-thin p {font-size: 12px;font-family: 'VAG-Rounded-Light' !important;}.font-thin a {color: #C50304;font-family: 'VAG-Rounded-Light' !important;}label.font-thin {display: flex;align-items: center;}.image-success.text-center {padding: 15px 0;}.button-close .close {float: unset;opacity: unset;color: #fff;text-shadow: unset;font-weight: unset;font-size: 24px;background: linear-gradient(0deg, #C5261D 0%, #EA0415 100%);padding: 12px 130px;border-radius: 20px;}.button-close {text-align: center;margin-top: 10px;}.image-failed.text-center {margin: 15px 0;}.text-kode p {margin-bottom: 0;}span#timer {color: #C50304;}.form-group {font-size: 16px;}.form-control {margin-bottom: 5px;}.modal .modal-dialog .modal-content {border-radius: 30px !important;}#popupSpecialRegister .modal .modal-dialog .modal-content .modal-body {padding-bottom: 0;}.modal .modal-dialog .modal-content .modal-footer {padding-top: 0;}.modal-footer:before {border: unset !important;}.modal-content .font-thin p {font-family: 'VAG-Rounded-Light' !important;}.modal-body .modal-title.text-center {line-height: 1;color: #C50304 !important;}.modal-desc-voucher.text-center {color: #C50304;font-size: 24px;font-family: 'VAG-Rounded-Bold' !important;}.modal .form-group input {margin-bottom: 0;}.modal-form-otp .form-group.input-opt {display: flex;gap: 10px;}.close:hover {color: #fff !important;opacity: 1 !important;}.form-group label {font-family: 'VAG-Rounded-Bold';}.modal-form-otp input.form-control.input-otp-form {font-family: 'VAG-Rounded-Bold' !important;}.modal-otp p.text-center.otp-wait {font-family: 'VAG-Rounded-Light' !important;}@media (max-width: 768px) {.modal-special-register .modal-body .modal-title.text-center {margin-bottom: 15px;}.form-group label {font-size: 14px;}.voucher-title-text p {font-size: 22px;}.voucher-description-text p {font-size: 14px;}.voucher-text {display: flex;flex-direction: column;align-items: center;justify-content: center;}.voucher-description-text p {width: 240px;margin-bottom: 3px;}.voucher-disclaimer-text p {font-size: 10px;}.voucher-step-list {gap: 10px;}.voucher-step-item p {font-size: 10px;}.form-phone-number {font-size: 15px;padding: 5px 20px;}.button-check-phone-number p {font-size: 12px;}.button-check-phone-number button {padding: 6px 15px;}#popupSpecialRegister.modal .modal-dialog .modal-content .modal-body {padding-bottom: 0;}.voucher-step-item {min-height: 40px;display: flex;justify-content: center;align-items: center;}.text-disclaimer a {font-size: 10px;}.text-disclaimer.child-age p {font-size: 10px;}}@media (max-width: 767px) {.desktop-version {display: none;}.kelebihan-soya-list {display: flex;gap: 5px;overflow-y: auto;scroll-snap-type: x mandatory;background: #fff;padding: 5px 10px;border-radius: 20px;}.kelebihan-soya-list-wrapper {position: relative;width: 100%;overflow: hidden;padding: 10px 0;padding-top: 0;}.kelebihan-soya-list::-webkit-scrollbar {height: 7px;width: 70px;}.kelebihan-soya-list::-webkit-scrollbar-thumb {background-color: #C50304;margin-left: 20px;border-radius: 50px;}.kelebihan-soya-shadow img {width: 80px;height: 80px;}.kelebihan-soya-item p {font-size: 10px;margin-bottom: 0;color: #C50304;font-family: 'VAG-Rounded-Bold' !important;text-align: center;}.content-bottom {margin-top: -100px;}.kelebihan-sgm-soya-wrapper {background: radial-gradient(50% 50% at 50% 50%, #FEF3E1 0%, #F9CC37 100%);border-radius: 20px;margin-top: 70px;}.packshot-kelebihan-sgm-soya {max-width: 290px;position: relative;margin: 0 auto;z-index: 2;transform: translateY(-50%);}.kelebihan-soya-title p {color: #C50304;font-family: 'VAG-Rounded-Bold' !important;font-size: 20px;margin-bottom: 0;}.kelebihan-soya-desc p {color: #C50304;font-family: 'VAG-Rounded-Bold' !important;font-size: 14px;}.text-disclaimer-bottom p {color: #C50304;font-size: 6px;}.content-top {text-align: center;position: relative;}.section-phone-number-wrapper {padding: 10px;}.content-title p {text-align: center;margin-top: 20px;}.content-title.mobile-version p {color: #C50304;font-family: 'VAG-Rounded-Bold' !important;font-size: 20px;}.voucher-step-shadow img {width: 100px;height: 100px;}input.form-control.input-otp-form {text-align: center;font-size: 14px;}.modal-title.text-center {font-size: 25px;}.modal-desc-voucher.text-center {font-size: 18px;}#popupOtp .modal-desc-voucher.text-center {font-size: 20px;margin-bottom: 10px;}.button-close .close {font-size: 16px;padding: 8px 80px;}.voucher-step-item h3 {margin-top: 0;margin-bottom: 0;}.modal-otp .modal-body .modal-title.text-center {font-size: 21px;margin-bottom: 5px;}.modal-otp .modal-body .modal-desc.text-center {font-size: 16px;font-family: 'VAG-Rounded-Light' !important;margin-bottom: 15px;}.modal-otp .modal-body p.text-center.otp-wait {font-family: 'VAG-Rounded-Light' !important;font-size: 14px;}.voucher-title-text h2 {margin-top: 20px;}.kelebihan-soya-box {min-width: 110px;display: flex;flex-direction: column;align-items: center;}}@media (min-width: 768px) {.kelebihan-sgm-soya-mobile {display: none;}.section-phone-number {width: 450px;}.section-phone-number-wrapper {padding: 10px;display: flex;justify-content: center;padding-top: 5px;flex-direction: column;align-items: center;}.text-disclaimer {font-size: 14px;}input.form-control.input-otp-form {min-height: 60px;text-align: center;font-size: 24px;}.modal-body .modal-title {font-size: 30px;}.modal-desc.text-center {font-size: 18px;}p.text-center.otp-wait {font-size: 18px;}.modal-content {max-height: 600px !important;}section.registration-voucher-section {position: relative;margin-top: -50px;border-top-left-radius: 65px;border-top-right-radius: 65px;}.modal .modal-dialog .modal-content {width: 70% !important;}button#btnRegisterLandingSoya {padding: 8px 110px !important;}.button-check-phone-number button {font-size: 17px;}.voucher-step-item h3 {margin-top: 0;}.voucher-title-text h2 {margin-top: 35px;}}@media (max-width: 361px) {.form-phone-number {padding: 5px 10px;}.soya-btn {top: 32.3% !important;}.modal-desc-voucher.text-center {font-size: 16px !important;}}@media (max-width: 385px) {.soya-btn {top: 31.7%;}}@media (max-width: 376px) {.soya-btn {top: 31.6%;}}