#CorporatePackage .img.bg, #GroupBooking .img.bg {
    position: absolute;
    z-index: 1;
}

#Master #Content #Summary {
  z-index: 4;
  width: 100%;
  position: relative;
}

.w1520 {
  z-index: 2;
  margin: 0 auto;
  position: relative;
  padding: 0 0 28px;
}
    .w1520:first-child {
        top: 0;
    }

    .w1520 .w402 {
        width: 402px;
    }

    .w1520 .w402.animation {
        opacity: 0;
        transform: translateX(-10%);
        transition: opacity .5s, transform .5s;
    }

        .w1520 .w402.animation.in-view {
            opacity: 1;
            transform: translateX(0);
        }


        .w1520 .font32 {
            color: #054f99;
            line-height: 40px;
            margin-bottom: 36px;
            font-family: "Inter-Bold";
        }

        .w1520 .w402 .font32 {
            max-width: 541px;
        }

        .w1520 .w402 .font20 {
            color: #000;
            line-height: 1.5;
            font-family: "Inter-Regular";
            font-weight: 600;
        }

        .w1520 .w402 .font18 {
            color: #054f99;
        }

#Master #Content #Summary .yellow-label {
    display: inline-block;
    background-color: #FFE500;
    color: #004689;
    padding: 0.5625vw 1.625vw;
    border-radius: 100vw;
    font-size: 1.125vw;
    border: 0.1875vw dashed #0169AF;
    font-family: 'Inter-SemiBold';
    margin-bottom: 2.1875vw;
}

#top-container .banner-top-container .banner-description {
    font-size: 2vw;
    line-height: 2.5vw;
    text-align: left;
    color: #054f99;
    font-family: 'Inter-Bold';
    max-width: 33.8125vw;
    margin-bottom: 2.1875vw;
}

.left-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cagt-banner-1 {
  width: 16.75vw;
  height: 15.5625vw;
}

.cagt-banner-2 {
  width: 23.625vw;
  height: 15.5625vw;
}

.cagt-banner-3 {
  width: 29.5625vw;
  height: 15.5vw;
}

.cagt-banner-4 {
  width: 10.8125vw;
  height: 15.5vw;
}

#summary-img-1 {
  flex-direction: column;
  gap: 30px;
  align-self: flex-end;
}

.cagt-row {
  display: flex;
  flex-direction: row;
  gap: 1.4375vw;
}

#summary-img-1 {
  padding-right: 4vw;
}

.text-block {
    font-size: 1vw;
    line-height: 1.5;
    font-family: 'Inter-Regular';
}

.text-block-2 {
    width: 26.25vw;
    margin-top: 1.75vw;
}

.banner-top-container {
    gap: 1.5625vw;
}

.image-side {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 34.5625vw;
    height: 15vw;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    z-index: 1;
}

.sindo-card {
    width: 33.875vw;
    height: 16.6875vw;

    border-radius: 1.375vw;
    padding: 2.375vw 6vw 2.375vw 2.875vw;
    background: linear-gradient(180deg,#0169af 0.00%, #054f99 100.00%);
    position: relative;
}

.sindo-card .text-block {
    font-size: 1vw;
    line-height: 1.5vw;
    color: #fff;
    font-family: 'Inter-Regular';
}

/* Area Konten Teks (Kiri) */
.content-side {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 2.5vw;
}


.btn {
    background-color: #ffffff;
    color: #000;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 8px 8px 8px 24px; /* Padding kiri lebih besar untuk teks */
    border-radius: 50px; /* Membuat bentuk kapsul */
    font-weight: bold;
    transition: transform 0.2s ease;
}

.btn:hover {
    transform: scale(1.05); /* Efek zoom sedikit saat hover */
}

.btn .font16 {
    margin-right: 15px;
}

.btn-container .font16 {
    font-family: 'Inter-Regular';
}

/* Lingkaran Biru di dalam tombol */
/* .btn .circle {
    background-color: #0064a7;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.btn .circle img {
    width: 14px;
    height: auto;
    filter: brightness(0) invert(1); /* Memastikan icon panah jadi putih */
}

.character-img {
    width: 100%;
    height: auto;
    /* Jika gambar Anda terpotong di bawah, sesuaikan margin-bottom */
}

.corporate-and-special {
    top: 0 !important;
    line-height: 2.5vw;
    flex-direction: column;
}

.corporate-and-special-container {
    margin: 0 4vw;
}

.corporate-and-special .font32 {
    color: #054f99;
    font-family: 'Inter-Bold';
    line-height: 2.5vw;
    margin-bottom: 1vw;
}

.corporate-and-special-item {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    gap: 1.5625vw;
}

.corporate-and-special-content {
    border-radius: 1.375vw;
    overflow: hidden;
}

.corporate-and-special-content-footer-1 {
    background-color: #0169AF;
    margin-top: -3.3vw;
    border-radius: 1.375vw;
    z-index: 2;
    position: relative;
    padding: 2.25vw;
    padding-top: 1.4375vw;
    height: 6.0825vw;
}

.corporate-and-special-content-footer-1 .title {
    color: white;
    line-height: 1.5vw;
    font-family: 'Inter-Bold';
    margin-bottom: 0.8125vw;
}

.corporate-and-special-content-footer-1 .desc {
    line-height: 1.5vw;
    font-family: 'Inter-Regular';
    color: white;
}

.corporate-and-special-content-footer-2 {
    background-color: #FFDE0F;
    margin-top: -3.3vw;
    border-radius: 1.375vw;
    z-index: 2;
    position: relative;
    padding: 2.25vw;
    padding-top: 1.4375vw;
    height: 6.0825vw;
}

.corporate-and-special-content-footer-2 .title {
    color: #093F80;
    font-family: 'Inter-Bold';
    line-height: 1.5vw;
    margin-bottom: 0.8125vw;
}

.corporate-and-special-content-footer-2 .desc {
    color: #093F80;
    line-height: 1.5;
    font-family: 'Inter-Regular';
}

.corporate-and-special-image {
    width: 100%;
    z-index: 1;
    position: relative;
    height: 14.6875vw;
}

.why-sindo-card-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1.1875vw;
    margin-top: 1vw;
}

.why-sindo-card {
    padding: 1.5vw;
    border-radius: 1.375vw;
}

#GroupBooking .why-sindo-card {
    border-radius: 1.375vw;
}

.why-sindo-card-last {
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-sindo-card-list .why-sindo-card .icon, .why-book-as-a-group-list .why-sindo-card .icon {
    width: 2.5vw;
    height: 2.5vw;
}

.blue-card {
    background-color: #093F80;
    color: #ffffff;
}

.yellow-card {
    background-color: #FFDE0F;
    color: #093F80;
}

.btn-container .btn {
    padding: 7px 5px;
    /* margin-left: 19px; */
    border-radius: 32px;
    background-color: #fff;
    border: 1px solid #054f99;
}

.btn-container .btn .font16 {
    color: #000;
    margin-left: 20px;
    margin-right: 13px;
    white-space: nowrap;
    font-family: "Inter-SemiBold";
    font-weight: 600;
}

.btn-container .btn .circle {
    width: 11.395vw;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: relative;
    background-color: #0169af;
}

.btn-container .btn .circle .img {
    top: 16px;
    left: 16px;
    width: 18px;
    position: absolute;
}

.corporate-and-special-subtitle {
    font-family: 'Inter-SemiBold';
    margin-bottom: 2.25vw;
}

.corporate-booking-container {
    background-color: #0169AF;
}

.corporate-booking-container .body {
    padding-top: 4vw;
    padding-bottom: 11vw;
}

    .corporate-booking-container .banner-row-container {
        display: grid;
        grid-template-columns: 1.2fr 0.8fr;
        gap: 23px;
    }

        .banner-row-container .left-content {
            padding-top: 1vw;
            justify-content: center;
            display: flex;
            flex-direction: column;
        }

        .banner-row-container .right-content {
            justify-content: center;
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .left-content .title-text {
            font-family: 'Inter-Regular';
            color: #fff;
            line-height: 40px;
        }

        .left-content .description-text {
            font-family: 'Inter-Bold';
            line-height: 1.5;
            color: #fff;
            padding-top: 2vw;
        }

        .description-text.bold {
            font-family: 'Inter-SemiBold';
        }

        .right-content .img-banner {
            width: 36.47vw;
            border-radius: 22px;
        }

    .why-choose-sindo-corporate {
        margin-top: 3vw;
    }
        .why-choose-sindo-corporate .title-container {
            display: grid;
            grid-template-columns: 1.4fr .6fr;
            align-items: center;
        }

        .why-choose-sindo-corporate .title-container .title-text {
            font-family: 'Inter-Bold';
            color: #fff;
            line-height: 40px;
        }

        .why-choose-sindo-corporate .title-container .btn-container {
            justify-self: flex-end;
        }

    .why-choose-sindo-corporate-list {
        display: grid;
        margin-top: 2vw;
        grid-template-columns: repeat(6, 1fr);
        gap: 23px;
    }

    .why-choose-sindo-corporate-list .why-sindo-card .icon {
        width: 40px;
        height: 40px;
    }


.why-sindo-card-text {
    font-family: 'Inter-Regular';
    font-size: 1vw;
    line-height: 1.5;
}

.group-booking .body {
    display: grid;
    grid-template-columns: 1.3fr .4fr 1.3fr;
    gap: 2vw;
}

.group-booking .body .left-content .title {
    color: #054F99;
    font-family: 'Inter-Bold';
    font-size: 2vw;
    line-height: 2.5vw;
}

.group-booking .body .left-content .subtitle {
    color: #054F99;
    font-family: 'Inter-SemiBold';
    line-height: 1.5vw;
    margin-top: 1vw;
    font-size: 1vw;
}

.group-booking .body .left-content .description {
    color: #000;
    font-family: 'Inter-Regular';
    line-height: 1.5vw;
    margin-top: 1.75vw;
    font-size: 1vw;
}

.group-booking .body .left-content, .group-booking .body .right-content {
    padding-top: 2vw;
}

.group-booking .body .center-content .group-booking-banner {
    height: 100%;
    border-radius: 100vw;
    width: 18.39vw;
}

.group-booking .body .right-content .why-book-as-a-group-title {
    color: #054F99;
    font-family: 'Inter-Bold';
    font-size: 1.5vw;
    line-height: 2vw;
}

.why-book-as-a-group-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 23px;
    padding-top: 23px;
}

#GroupBooking .why-book-as-a-group-list {
    margin-top: 1.5vw;
    gap: 1.125vw;
    padding-top: 0px;
}

/* .rtt-section-wrapper {
    font-family: 'Poppins', sans-serif;
    padding: 40px 0px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    max-width: 86vw;
    justify-self: center;
}

.rtt-section-wrapper * {
    box-sizing: border-box;
} */

.rtt-container {
    background-image: url(https://dxw7qhywfcla7.cloudfront.net/images/read-to-travel-background.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: 1.375vw;
    display: flex;
    overflow: visible;
    position: relative;
    min-height: 19.5vw;
}

.rtt-image-col {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}

.rtt-mr-sindo {
    width: 100%;
    height: 24.125vw;
    max-width: none;
    display: block;
    margin-top: -80px;
    z-index: 10;
    object-fit: cover;
}

.rtt-content-col {
    padding: 2.625vw 1.625vw 1.625vw 0px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 2;
}

.rtt-title {
    color: #FFD700;
    font-size: 2vw;
    font-family: 'Inter-Bold';
    margin-bottom: 1vw;
    line-height: 2;
}

.rtt-description {
    font-size: 1vw;
    font-family: 'Inter-Regular';
    line-height: 1.6;
    margin-bottom: 1.8125vw;
    opacity: 0.95;
}

.rtt-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1.375vw;
}

.rtt-btn {
    background-color: #fff;
    color: #004689;
    text-decoration: none;
    padding: 12px 24px 12px 30px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.rtt-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    background-color: #f8f9fa;
}

.rtt-arrow-icon {
    background-color: #005FA3;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
}

.bottom-description-container {
    margin-top: 1.1875vw;
    margin-bottom: 2.5625vw;
}

.contact-button {
    background-color: #ffffff;
    border-radius: 50vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.675vw 2.25vw;
    gap: 10px;
    cursor: pointer;
    border-color: transparent;
}

.contact-button .ct-item-link {
    color: #0169AF;
    font-size: 1vw;
    font-family: 'Inter-Medium';
    line-height: 1.25vw;
}

.contact-button .green {
    color: #2DD24B;
}

.contact-button img {
    width: 2vw;
    height: 2vw;
    object-fit: contain;
}


.bottom-description {
    color: #FFDC00;
    font-family: 'Inter-Medium';
    font-size: 0.875vw;
    line-height: 1.5;
}

#CorporatePackage, #CorporateBooking, #GroupBooking {
    padding-top: 6.875vw;
}

#bottom-container {
    padding: 3vw 0;
}

#CorporateBookingFooter {
    position: relative;
    width: 100%;
    z-index: 3;
    padding-top: 42px;
}

    #CorporateBookingFooter .bg {
        top: -115px;
        z-index: 1;
        left: -168px;
        width: 1870px;
        position: absolute;
    }

#bottom-container .body .left-content .btn-container {
    padding-top: 23px;
}

#GroupBooking #bottom-container .body .left-content .btn-container {
    padding-top: 0px;
    margin-top: 3vw;
}

#CorporatePackageFooter .img.bg {
    position: absolute;
    z-index: 1;
}

#GolfBg #Footer .w1520 {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

#CorporateBooking .body .banner-row-container .title-text {
    font-size: 2vw;
    line-height: 2.5vw;
    font-family: 'Inter-Bold';
    margin-bottom: 1vw;
}

#CorporateBooking .left-content .description-text {
    padding-top: 1vw;
    font-family: 'Inter-Regular';
}

#CorporateBooking .left-content .description-text.bold {
    font-family: 'Inter-SemiBold';
    margin-bottom: 1.6875vw;
    padding-top: 0px;
}

#CorporateBooking .right-content .img-banner {
    border-radius: 1.375vw;
}

#CorporateBooking .why-choose-sindo-corporate-list {
    margin-top: 2.6875vw;
    gap: 1.5vw;
}

#CorporateBooking .why-choose-sindo-corporate-list .why-sindo-card .icon {
    height: 2.5vw;
    width: 2.5vw;
}


@media (max-width: 1380px) {
    .why-choose-sindo-corporate-list {
        grid-template-columns: repeat(3, 1fr);
        padding-top: 23px;
    }
}

@media (max-width: 1140px) {
    .rtt-container {
        flex-direction: column-reverse;
        margin-top: 0;
        overflow: hidden; /* Di HP sebaiknya hidden lagi biar rapi, atau sesuaikan */
    }

    .rtt-image-col {
        width: 100%;
        margin-top: 0;
        align-items: flex-end;
    }

    .rtt-mr-sindo {
        width: 80%;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: -10px; 
        display: none;
    }

    .rtt-content-col {
        padding: 50px 30px 20px 30px;
        align-items: flex-start;
    }

    #CorporateBookingFooter .rtt-content-col {
        padding: 2.625vw 1.625vw 1.625vw 0px;
    }
    
    #CorporateBookingFooter .rtt-container {
        flex-direction: row;
    }

    #CorporateBookingFooter .rtt-mr-sindo {
        width: 100%;
        display: block;
        margin-top: -80px;
        margin-bottom: 0px;
    }

    #CorporateBookingFooter .bottom-description {
        text-align: left;
    }

    #CorporateBookingFooter .rtt-image-col {
        align-items: flex-end;
        width: auto;
    }

    #GroupBooking .rtt-image-col {
        align-items: flex-end;
        width: auto;
    }

    #GroupBooking .rtt-content-col {
        padding: 2.625vw 1.625vw 1.625vw 0px;
    }
    
    #GroupBooking .rtt-container {
        flex-direction: row;
    }

    #GroupBooking .rtt-mr-sindo {
        width: 100%;
        display: block;
        margin-top: -80px;
        margin-bottom: 0px;
    }

    .rtt-btn {
        justify-content: space-between;
        width: 100%;
    }

    .bottom-description {
        text-align: center;
    }
}

@media screen and (min-width: 1024px) {
    .banner-top-container {
        padding: 4.8125vw 5.8125vw;
    }
    .w1520 {
        max-width: 95vw;
        padding: 0 0 2.438vw;
        top: -4.8vw;
    }

        .w1520 .w402 {
        width: 44.125vw;
        padding-left: 4vw;
        }

        .w1520 .font32 {
        line-height: 2.5vw;
        margin-bottom: 0.25vw;
        }

        .w1520 .w402 .font20 {
        line-height: 1.5vw;
        }

    
    #summary-img-1 {
        display: flex;
    }
    .btn-container .btn {
        padding: .438vw .313vw;
        /* margin-left: 1.188vw; */
        border-radius: 2vw;
        border: .063vw solid #054f99;
    }

    .btn-container .btn .font16 {
        line-height: 1.5vw;
        margin-left: 1.25vw;
        margin-right: .813vw;
    }

    .btn-container .btn .circle {
        width: 3.063vw;
    }

    .btn-container .btn .circle .img {
        top: .813vw;
        left: .813vw;
        width: 1.375vw;
    }

    #CorporateBookingFooter .bg {
        top: -10.5vw;
        left: -10.5vw;
        width: 116.875vw;
    }

    .why-sindo-card-outer {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .rtt-container {
        /* Tetap row tapi text agak mengecil */
        min-height: auto;
    }

    .rtt-content-col {
        padding-right: 30px;
    }

    .rtt-title {
        font-size: 5.581vw;
        line-height: 6.976vw;
        margin-bottom: 2.791vw;
    }

    .rtt-description {
        font-size: 3.256vw;
    }

    .contact-button .ct-item-link {
        font-size: 3.256vw;
    }

    .bottom-description {
        font-size: 2.791vw;
    }
    
    #CorporatePackage, #CorporateBooking, #GroupBooking {
        padding-top: 23.605vw;
    }

    #CorporateBookingFooter {
        padding-top: 0;
    }

    .w1520 {
        max-width: 95vw;
        padding: 4.884vw 0 3.744vw;
        flex-direction: column;
        top: -35vw;
    }

    .banner-top-container {
        justify-content: flex-start !important;
        max-width: 95vw;
        padding: 4.884vw 0 3.744vw;
        margin: 0 auto;
    }

    .left-side {
        margin: 0 4vw;
    }

    #top-container .banner-top-container .banner-description {
        font-size: 5.581vw;
        line-height: 6.976vw;
        max-width: 100%;
        margin-bottom: 6.104vw;
    }

    .w1520 .w402 {
        width: 100%;
        padding-left: 1.86vw;
        box-sizing: border-box;
    }

        .w1520 .font32 {
            font-size: 5.581vw;
            line-height: 7.442vw;
            margin-bottom: 2.791vw;
        }

        .w1520 .w402 .font32 {
            max-width: 100%;
        }

        .w1520 .w402 .font20 {
            margin-bottom: 8.372vw;
            line-height: 4.5vw;
            font-size: 3.5vw;
        }

    #Master #Content #Summary #summary-img-1 {
        top: -25vw;
        position: relative;
        z-index: -1;
    }

    #Master #Content #Summary .yellow-label {
        font-size: 3.139vw;
        line-height: 4.709vw;
        padding: 1.570vw 4.011vw;
        border: 0.3875vw dashed #0169AF;
        margin-bottom: 6.104vw;
    }

    #Master #Content #CorporatePackage .img.bg {
        width: 300%;
        bottom: 0;
    }

    #summary-img-1 {
        display: none;
    }

    .text-block {
        font-size: 3.721vw;
        line-height: 1.5;
    }

    .text-block-2 {
        width: 100%;
        padding-bottom: 23px;
    }

    .image-side {
        width: 79%;
    }

    .btn-container .btn {
        padding: 1.628vw 1.163vw;
        /* margin-left: 4.419vw; */
        border-radius: 7.442vw;
        background-color: #fff;
        border: .233vw solid #054f99;
    }
    
    .btn-container .btn .font16 {
        text-align: center;
    }

    .btn-container .btn .circle {
        width: 11.395vw;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        position: relative;
        background-color: #0169af;
    }

    .btn-container .btn .circle .img {
        top: 3.023vw;
        left: 3.023vw;
        width: 5.116vw;
        position: absolute;
    }

    .why-sindo-card-list .why-sindo-card-last {
        display: none;
    }

    .why-sindo-card-outer {
        display: flex;
        padding-top: 23px;
        justify-content: center;
    }

    .why-choose-sindo-corporate .title-container {
        display: grid;
        grid-template-columns: 1fr;
        padding-top: 23px;
    }

    .why-choose-sindo-corporate .title-container .btn-container {
        justify-self: center;
        padding-top: 23px;
    }

    .why-sindo-card-text {
        font-size: 3.256vw;
    }

    #bottom-container .corporate-and-special-container .body {
        grid-template-columns: 1fr;
    }

    #bottom-container .corporate-and-special-container .center-content {
        display: none;
    }

    #bottom-container .corporate-and-special-container .btn-container {
        justify-self: center;
    }

    .corporate-booking-container .body {
        padding-bottom: 40vw;
    }

    .sindo-card {
        width: auto;
        height: auto;
        border-radius: 3.837vw;
    }

    .sindo-card .text-block {
        font-size: 2.791vw;
        line-height: 4.186vw;
    }

    .content-side {
        gap: 7.876vw;
    }

    .text-block-2 {
        margin-top: 4.883vw;
    }

    .corporate-and-special-image {
        height: 34.9716vw;
    }

    .corporate-and-special-content {
        border-radius: 3.837vw;
    }

    .corporate-and-special-subtitle {
        margin-bottom: 6.279vw;
    }

    .corporate-and-special-content-footer-1 {
        border-radius: 0px;
        height: auto;
    }

    .corporate-and-special-content-footer-1 .title {
        padding-top: 4.011vw;
        font-size: 3.139vw;
        line-height: 4.709vw;
    }

    .corporate-and-special-content-footer-1 .desc {
        font-size: 2.791vw;
        line-height: 4.186vw;
    }

    .corporate-and-special-item {
        gap: 4.360vw;
        grid-template-columns: 1fr;
    }

    .corporate-and-special-content-footer-2 {
        border-radius: 0px;
        height: auto;
    }

    .corporate-and-special-content-footer-2 .title {
        padding-top: 4.011vw;
        font-size: 3.139vw;
        line-height: 4.709vw;
    }

    .corporate-and-special-content-footer-2 .desc {
        font-size: 2.791vw;
        line-height: 4.186vw;
    }

    .why-sindo-card-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 3.139vw;
    }

    .why-sindo-card-list .why-sindo-card .icon, .why-book-as-a-group-list .why-sindo-card .icon {
        width: 6.976vw;
        height: 6.976vw;
    }

    .why-sindo-card {
        border-radius: 3.837vw;
        padding: 4.360vw;
    }

    .corporate-booking-container .banner-row-container {
        display: flex;
        flex-direction: column-reverse;
        position: relative;
    }

    #CorporateBooking .body .banner-row-container .title-text {
        font-size: 5.581vw;
        line-height: 6.976vw;
        margin-bottom: 2.791vw;
    }

    #CorporateBooking .right-content .img-banner {
        width: 100%;
    }

    #CorporateBooking .left-content .description-text.bold {
        margin-bottom: 4.709vw;
    }

    .why-choose-sindo-corporate {
        margin-top: 9.592vw;
    }

    #CorporateBooking .why-choose-sindo-corporate .title-container {
        display: grid;
        grid-template-columns: 1fr;
        padding-top: 0px;
    }

    .why-choose-sindo-corporate .title-container .title-text {
        font-size: 5.581vw;
        line-height: 6.976vw;
    }

    #CorporateBooking .why-choose-sindo-corporate .title-container .btn-container {
        justify-self: center;
        padding-top: 3.139vw;
    }

    #CorporateBooking .why-choose-sindo-corporate .title-container .btn-container {
        display: none;
    }

    #CorporateBooking .why-choose-sindo-corporate-list {
        margin-top: 0px;
    }

    #CorporateBooking .why-choose-sindo-corporate-list .why-sindo-card .icon {
        height: 6.627vw;
        width: auto;
        object-fit: contain;
    }

    #CorporateBooking .why-choose-sindo-corporate-list {
        gap: 4.186vw;
        border-radius: 3.837vw;
    }

    #CorporateBooking .why-choose-sindo-corporate-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .rtt-container {
        height: auto;
        border-radius: 3.837vw;
        padding: 4.186vw 3.139vw;
        max-width: 80vw;
    }

    #CorporateBookingFooter .rtt-buttons {
        margin-top: 5.058vw;
        gap: 3.837vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #CorporateBookingFooter .contact-button {
        padding: 3.837vw 6.104vw;
    }

    #CorporateBookingFooter .contact-button img {
        width: 4.883vw;
        height: 3.488vw;
    }

    #CorporateBookingFooter .rtt-image-col {
        display: none;
    }

    #GroupBooking .rtt-buttons {
        margin-top: 5.058vw;
        gap: 3.837vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #GroupBooking .contact-button {
        padding: 3.837vw 6.104vw;
    }

    #GroupBooking .contact-button img {
        width: 4.883vw;
        height: 3.488vw;
    }

    #GroupBooking .rtt-image-col {
        display: none;
    }
    #GroupBooking .rtt-image-col {
        display: none;
    }

    #CorporateBookingFooter .bottom-description-container {
        margin-top: 3.314vw;
    }

    #CorporateBookingFooter .rtt-content-col {
        align-items: center;
    }

    #GroupBooking .rtt-content-col {
        align-items: center;
    }

    #GroupBooking .group-booking .body .left-content .title {
        font-size: 5.581vw;
        line-height: 6.976vw;
    }

    #GroupBooking .group-booking .body .left-content .subtitle {
        margin-top: 2.791vw;
        font-size: 2.791vw;
        line-height: 4.186vw;
    }

    #GroupBooking .group-booking .body .left-content .description {
        margin-top: 4.883vw;
        font-size: 2.791vw;
        line-height: 4.186vw;
    }

    #GroupBooking #bottom-container .body .left-content .btn-container {
        margin: 8.372vw 0px;
    }

    #GroupBooking .group-booking .body .right-content .why-book-as-a-group-title {
        font-size: 4.186vw;
        line-height: 5.581vw;
    }

    #GroupBooking .why-book-as-a-group-list { 
        margin-top: 4.186vw;
        gap: 3.139vw;
    }

    #GroupBooking .why-sindo-card {
        border-radius: 3.837vw;
    }
}

@media screen and (max-width: 890px) {
    .corporate-booking-container .banner-row-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .rtt-container {
        flex-direction: column-reverse; /* Gambar di bawah teks */
        text-align: center;
        margin-top: 30px;
        /* Di HP kita hidden overflow supaya rapi, 
           kecuali mau efek kepala nongol di tengah layout */
        overflow: hidden; 
    }

    .rtt-image-col {
        width: 100%;
        margin-top: -20px;
        justify-content: center;
    }

    .rtt-mr-sindo {
        width: 280px; /* Ukuran fix di HP */
        margin-top: 0; /* Reset margin negatif desktop */
        margin-left: 0;
    }

    .rtt-content-col {
        padding: 0 20px 0 20px;
    }

    .rtt-buttons {
        justify-content: center;
        flex-direction: column;
        width: 100%;
    }

    .rtt-btn {
        width: 100%;
        justify-content: space-between;
    }

}

@media (max-width: 614px) {
    .why-sindo-card-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .why-choose-sindo-corporate-list {
        grid-template-columns: repeat(2, 1fr);
        padding-top: 23px;
    }
}

@media (max-width: 488px) {
    .why-choose-sindo-corporate-list {
        grid-template-columns: 1fr !important;
        padding-top: 23px;
    }

    #CorporateBooking .why-sindo-card {
        display: flex !important;
        flex-direction: row  !important;
        align-items: center !important;
        gap: 2.093vw;
    }

}

@media (max-width: 398px) {
    .contact-button {
        gap: 15px
    }

    .contact-button img {
        width: 20px;
    }
}