.section-top-promo{background:url(../images/promo/bg-promo.webp) var(--white) no-repeat;background-position:bottom;background-size:100%;height:auto;margin-top:var(--header-size);padding:84px 84px 60px}.section-top-promo .section-title{font-size:34px}.section-top-promo .feature-card{background:var(--white);border:1px solid var(--Neutral-200);border-radius:8px;box-shadow:0 4px 8px 0 #1c1c1c26;padding:20px 36px}.section-top-promo .swiper{padding:40px 7vw}.section-top-promo .swiper-wrapper{justify-content:center}.section-top-promo .feature-icon{margin-bottom:4px;margin-right:8px;width:24px}.section-top-promo .feature-card .card-title p{font-size:18px}.section-top-promo .feature-card .card-desc{margin-top:4px}.section-promo-list{padding:0 8.3vw 84px}.section-promo-list .section-title p{font-size:24px;margin-left:16px}.section-promo-list .section-title img{height:40px;margin-bottom:3px;width:40px}.section-promo-list .promo-wrapper{display:grid;gap:40px 32px;grid-template-columns:repeat(3,1fr);margin-top:36px}.promo-tag{background:var(--Primary-500);border-radius:40px;padding:4px 12px}.promo-tag img{margin-right:8px;width:12px}.promo-tag p{color:var(--white);font-size:12px}.promo-page .promo-desc p.promo-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:22px;margin-top:16px;overflow:hidden;text-overflow:ellipsis}.promo-page .promo-desc p.text-base{font-size:14px;margin-top:4px}.promo-page .promo-card .promo-banner{aspect-ratio:2.4/1;background-color:var(--Neutral-100);overflow:hidden;width:100%}.promo-page .promo-card .promo-banner img{aspect-ratio:2.4/1;height:100%;object-fit:cover;object-position:top;width:100%}.promo-page .promo-card.MuiCard-root{border-radius:8px;box-shadow:0 4px 8px 0 #1c1c1c26;display:flex;flex-direction:column}.promo-page .promo-card .MuiCardActions-root{border-top:1px solid var(--Neutral-200);margin:0 24px;padding:16px 0 24px}.promo-card .MuiCardActions-root a{text-decoration:none;width:100%}.promo-card .MuiCardActions-root .MuiButton-root{width:100%}.promo-card .MuiCardContent-root{flex:1;padding:24px 24px 12px}.section-promo-list .promo-pagination{margin-top:40px;padding:12px 0}.section-promo-list .promo-pagination .MuiStack-root,.section-promo-list .promo-pagination nav{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.section-promo-list .promo-pagination nav li:first-of-type{left:0;position:absolute}.section-promo-list .promo-pagination nav li:last-of-type{position:absolute;right:0}.section-promo-list .promo-pagination .MuiPaginationItem-previousNext{border:1px solid var(--Primary-600);border-radius:18px;color:var(--Primary-600);height:36px;padding:8px 16px}.section-promo-list .promo-pagination .MuiPaginationItem-previousNext:hover{background-color:var(--Secondary-50)}.section-promo-list .promo-pagination .MuiPaginationItem-root.Mui-disabled{border:1px solid var(--Neutral-200);color:var(--Neutral-200);opacity:1}.section-promo-list .promo-pagination .MuiPaginationItem-root.Mui-disabled img{filter:grayscale(1);opacity:.2}.section-promo-list .MuiPaginationItem-root{border-radius:8px;color:var(--Neutral-500)}.section-promo-list .MuiPaginationItem-root.Mui-selected,.section-promo-list .MuiPaginationItem-root.Mui-selected:hover,.section-promo-list .MuiPaginationItem-root:hover{background:var(--Primary-50);color:var(--Primary-600);font-weight:600}.section-promo-list .empty-image{height:213px;margin:0 auto;width:320px}.section-promo-list .empty-image img{height:100%;width:100%}.section-promo-list .empty-text{font-size:24px;margin:46px auto 0;max-width:500px}.section-promo-gardamobile{padding:84px 120px}.section-promo-gardamobile .download-banner{background:linear-gradient(60deg,#72b9ff -6.8%,#e4f3ff00 63.76%),#0b6cc2;border-radius:20px;box-shadow:0 16px 70px 0 #097bdf3d;position:relative}.section-promo-gardamobile .download-banner:before{background:url(../images/promo/bg-promo-gardamobile.webp) no-repeat;background-size:cover;border-radius:20px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.section-promo-gardamobile .illustration{align-items:flex-end;display:flex;height:296px;justify-content:flex-end;position:relative;width:255px}.section-promo-gardamobile .illustration-img{height:381px;min-width:255px;width:255px}.section-promo-gardamobile .download-detail{flex-basis:100%;padding-left:54px}.section-promo-gardamobile .illustration img{height:100%;width:100%}.section-promo-gardamobile .download-feature{display:flex;flex-basis:100%;flex-direction:column;gap:16px;padding-bottom:24px;padding-right:54px}.section-promo-gardamobile .download-feature .download-text{color:var(--white);font-size:24px}.section-promo-gardamobile .download-feature img{height:24px;margin-left:16px;width:24px}.section-promo-gardamobile .download-content{align-items:center;display:flex;padding:24px 42px 0;position:relative;z-index:5}.section-promo-gardamobile .download-tagline{color:var(--white);font-size:22px}.section-promo-gardamobile .logo-mygarda{margin-bottom:16px;margin-left:-20px}.section-promo-gardamobile .logo-mygarda img{height:100px;width:163px}.section-promo-gardamobile .logo-appstore{height:46px;object-fit:contain;object-position:left;width:auto}.section-promo-gardamobile .download-logo{margin-top:30px}.download-banner .close-download{display:none}.section-detail{margin-top:var(--header-size);padding:40px 8.5vw;position:relative;z-index:5}.container-form{border-radius:10px;box-shadow:0 4px 8px 0 #1c1c1c26;margin-right:24px;padding:24px;position:relative}.container-form:before{background:linear-gradient(180deg,#f1f8ff,#f1f8ff00);border-radius:10px 10px 0 0;content:"";height:30%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.container-form>div{position:relative;z-index:2}.container-form p.form-title{font-size:24px}.container-form .form-logo{height:48px;margin-right:12px;width:48px}.container-form .form-promo{display:flex;flex-direction:column;gap:var(--space-base);margin-top:var(--space-m)}.container-form .MuiTabs-root{border-bottom:1px solid var(--Neutral-200)}.container-form .MuiTabPanel-root{padding:0}.container-form .MuiButtonBase-root.MuiTab-root.Mui-selected,.tab-trip .MuiButtonBase-root.MuiTab-root.Mui-selected{color:var(--Primary-600);font-weight:600}.container-form .MuiTabs-indicator,.tab-trip .MuiTabs-indicator{background-color:var(--Primary-600)}.container-form .form-btn .MuiButton-root{height:64px;margin-top:8px;width:100%}.container-form .form-btn .MuiButton-root p{font-size:16px}.container-detail .promo-banner{aspect-ratio:2.02/1;border-radius:8px;overflow:hidden;width:100%}.container-detail .promo-banner img{aspect-ratio:2.02/1;height:100%;object-fit:cover;width:100%}.container-detail .promo-title{margin-bottom:8px;margin-top:40px}.container-detail .promo-title p{font-size:24px}.container-detail .promo-periode{margin:16px 0}.container-detail .promo-code-container{background:var(--Neutral-100);border:1px solid var(--Primary-500);border-radius:8px;min-width:25vw;overflow:hidden;padding:8px 16px;position:relative}.container-detail .promo-code-container:after{background:linear-gradient(246deg,#90c8ff80 -5.97%,#90c8ff00 80.78%);border-radius:300.285px;bottom:-120.268px;content:"";height:300.268px;pointer-events:none;position:absolute;right:-108.536px;width:300.285px}.container-detail .promo-code-container:before{background:linear-gradient(142deg,#90c8ff80 -5.97%,#90c8ff00 80.78%);content:"";height:197.529px;left:-128px;pointer-events:none;position:absolute;top:-104.485px;transform:rotate(-97.375deg);width:197.518px}.container-detail .promo-code-container>div{position:relative;z-index:1}.container-detail .promo-code-text p{font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promo-snk{margin-top:40px}.promo-snk .MuiAccordion-root.Mui-expanded{background-color:var(--Neutral-100);border-left:8px solid var(--Primary-200)}.promo-snk .MuiAccordion-root{border-left:8px solid var(--Neutral-200)}.promo-snk .MuiAccordion-root .MuiAccordionSummary-content{margin:16px 0}.promo-snk .MuiAccordion-root .MuiAccordionDetails-root img{max-width:100%}.promo-snk p.promo-accordion-title{font-size:18px}.promo-snk .fusion-layout-column{background-color:initial!important;width:unset!important}.promo-snk .accrodion-icon{align-items:center;background-color:var(--Neutral-100);border-radius:100%;display:flex;height:32px;justify-content:center;width:32px}.promo-snk .MuiAccordionDetails-root .text-base{color:var(--Neutral-700);font-size:16px}.promo-snk .promo-desc-accordion ol,.promo-snk .promo-desc-accordion p *{background-color:initial!important;font-family:CircularStd,sans-serif!important;font-size:16px!important}.promo-form-trip .box-info-blue{margin-top:var(--space-base)}.promo-form-trip .date-start .dropdown-desktop{display:none}.promo-form-trip .date-start.date-open+.date-end .dropdown-desktop .dropdown-list{top:-18px}.hide-modal.MuiDialog-root{display:none}.promo-detail .jumlah-penumpang .dropdown-popup input.Mui-disabled{-webkit-text-fill-color:var(--Neutral-400);color:var(--Neutral-400)}.container-form .MuiTabPanel-root .form-promo{margin-top:var(--space-base)}.promo-feature .swiper .swiper-pagination-bullets.swiper-pagination-horizontal{display:none}.testimoni-promo{bottom:120px;height:168px;position:fixed;right:64px;width:435px;z-index:10}.testimoni-promo .swiper{background:var(--white);border-radius:8px;box-shadow:0 8px 16px 0 #1c1c1c26;height:100%}.testimoni-promo .swiper .testimoni-card{padding:20px}.testimoni-promo .testimoni-profile{border:1px solid var(--Neutral-200);border-radius:100%;height:68px;margin-right:var(--space-base);object-fit:contain;width:68px}.testimoni-promo .testimoni-profile-name{margin-top:8px}.testimoni-promo .testimoni-profile-name p{font-size:12px}.testimoni-promo .testimoni-close{position:absolute;right:8px;top:8px;z-index:99}.testimoni-promo .testimoni-close .MuiIconButton-root{background-color:var(--white)}.testimoni-promo .testimoni-close .MuiIconButton-root img{opacity:.6}.testimoni-promo .testimoni-text{padding-right:var(--space-l)}.testimoni-promo .testimoni-text p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.testimoni-promo .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:10px;left:84px;text-align:left}.testimoni-promo .swiper-pagination-bullet-active{background-color:var(--Primary-600);border-radius:8px;width:16px}.section-promo-general{margin-top:var(--header-size);padding:var(--space-xl) 18.7vw 100px}.section-promo-general .promo-banner img{aspect-ratio:2.02/1;border-radius:8px;overflow:hidden;width:100%}.section-promo-general .promo-title p{font-size:34px;margin:40px 0 0}.section-promo-general .promo-date p{font-size:14px;margin-bottom:var(--space-base)}.section-promo-general .promo-text p{font-size:16px}.promo-feature .swiper-slide{display:inline-flex;height:auto}.form-checkbox.flex-justify-start{align-items:flex-start}.form-checkbox.flex-justify-start span{font-size:14px}.form-checkbox .text-base{margin-top:10px}.promo-detail .promo-desc{font-size:16px}.promo-detail .promo-desc p *,.promo-detail .promo-desc span{background-color:initial!important;font-family:CircularStd,sans-serif!important;font-size:16px!important}.promo-detail-col .MuiGrid-grid-sm-5{max-width:436px}.promo-detail-col .MuiGrid-grid-sm-7{flex:1;max-width:100%;overflow:hidden}.promo-detail .dropdown-popup .input-right{background:var(--Neutral-100);border-left:1px solid var(--Neutral-200)}@media only screen and (max-width:1200px){.section-promo-gardamobile{padding:50px 60px}.promo-card .MuiCardActions-root .MuiButton-root:first-child,.promo-card .MuiCardActions-root a{flex:1}}@media only screen and (max-width:900px){.section-top-promo{background-position:center 35px;background-size:100% 100%;height:auto;padding:52px 48px 48px}.section-top-promo .swiper{padding:16px 16px 32px}.section-top-promo .feature-card{padding:20px 12px}.section-top-promo .section-title{font-size:24px}.section-top-promo .feature-card .card-desc p{font-size:14px}.section-promo-list{padding:0 55px 40px}.section-promo-gardamobile .download-feature .download-text{font-size:16px;text-align:right}.section-promo-gardamobile .download-content{padding:20px 24px 0}.section-promo-gardamobile .illustration-img{height:362.092px;width:242.323px}.section-promo-gardamobile .illustration{height:280px;width:242.323px}.section-promo-gardamobile .logo-mygarda{height:68px;margin-left:-14px;width:111px}.section-promo-gardamobile .logo-mygarda img{height:100%;max-width:100%;width:100%}.section-promo-gardamobile .download-feature{min-width:200px;padding-right:22px}.section-promo-gardamobile .download-detail{padding-left:22px}.section-promo-list .promo-wrapper{gap:16px}.promo-card .MuiCardContent-root{padding:16px}.promo-page .promo-card .MuiCardActions-root{margin:0 16px;padding:16px 0}.promo-card .MuiCardActions-root .MuiButton-root:first-child{min-width:56px;width:56px}.promo-card .MuiCardActions-root .MuiButton-root p{font-size:12px}.section-detail{padding:32px 20px}.container-detail .promo-code-container{min-width:43vw}.container-form p.form-title{font-size:20px}.testimoni-promo{right:48px}.container-form{padding:16px}.container-form .form-btn .MuiButton-root{height:44px}.container-form .form-btn .MuiButton-root p{font-size:14px}.container-form .MuiButtonBase-root.MuiTab-root{padding:8px}.promo-detail-col .MuiGrid-grid-sm-5{max-width:100%}.section-promo-gardamobile .download-tagline{font-size:14px}.section-promo-gardamobile .download-logo{align-items:flex-start;flex-direction:column;justify-content:flex-start;margin-top:16px}.section-promo-gardamobile .download-logo .margin-left-base{margin-left:0}.section-promo-gardamobile .logo-appstore{height:auto;width:122px}.section-promo-gardamobile .download-content>.MuiGrid-item:last-child{padding-left:20px}.section-top-promo .swiper-wrapper{justify-content:unset}.section-promo-general{padding:40px 64px}.section-promo-general .promo-title p{font-size:24px;margin-top:24px}}@media only screen and (max-width:600px){.section-top-promo{background-position:center 40px;height:auto;padding:24px 0 0}.section-top-promo .section-title{font-size:20px;line-height:28px;padding:0 16px}.section-promo-list{padding:16px 0 88px}.section-promo-list .infinite-scroll-component{padding:0 16px}.promo-feature .swiper .swiper-pagination-bullets.swiper-pagination-horizontal{display:block}.section-promo-list .section-title p{font-size:18px}.section-promo-list .section-title img{height:24px;width:24px}.section-promo-list .promo-wrapper{gap:12px;grid-template-columns:repeat(1,1fr)}.promo-page .promo-desc p.promo-title{font-size:16px;margin-top:8px}.promo-card .MuiCardActions-root .MuiButton-root,.promo-card .MuiCardActions-root .MuiButton-root:first-child{height:36px;width:100%}.promo-card .MuiCardActions-root .MuiButton-root:first-child,.promo-card .MuiCardActions-root a{flex:unset}.promo-card .MuiCardActions-root .MuiButton-root p{font-size:12px}.promo-page .section-promo-gardamobile{bottom:0;padding:0;position:sticky}.promo-page .section-promo-gardamobile .download-banner{border-radius:12px 12px 0 0}.promo-page .download-banner .close-download{display:block;opacity:.5;position:absolute;right:0;top:0;z-index:2}.promo-page .promo-card.MuiCard-root{margin-bottom:var(--space-base)}.promo-detail .section-detail{padding:0}.promo-detail .promo-banner img{aspect-ratio:1.3/1;background-color:var(--Primary-50);object-fit:cover;width:100%}.promo-detail .container-form{background-color:var(--white);margin:-92px 16px 0}.promo-detail .container-detail{padding:16px}.container-detail .promo-title p{font-size:18px}.container-detail .promo-title{margin:24px 0 16px}.container-detail .promo-code-text p{font-size:18px}.container-detail .promo-code-container{width:100%}.promo-detail .promo-snk{border-top:8px solid var( --Neutral-100);margin:0}.promo-detail .promo-desc,.promo-snk .MuiAccordionDetails-root .text-base,.promo-snk .promo-desc-accordion p *{font-size:14px}.testimoni-promo{right:16px;width:90vw}.testimoni-promo .testimoni-text p{font-size:14px}.testimoni-promo .testimoni-profile{height:48px;width:48px}.container-form p.form-title{font-size:18px}.container-form .form-logo{height:32px;width:32px}.section-promo-general{padding:0}.section-promo-general .promo-banner img{border-radius:0}.section-promo-general .promo-content{padding:32px 16px}.section-promo-general .promo-title p{font-size:18px;margin:0}.section-promo-general .promo-date p{font-size:12px}.section-promo-general .promo-text p{font-size:14px}.tab-trip .MuiTabPanel-root{padding:0}.tab-trip.MuiDialog-root .MuiDialogContent-root{padding-top:0}.tab-trip .MuiTabs-root{border-bottom:1px solid var(--Neutral-200)}.modal-date.MuiDialog-root .MuiDialogContent-root{padding:0 8px 16px}.modal-date .MuiDateCalendar-root{margin:0;width:100%}.modal-date .MuiDayCalendar-weekDayLabel,.modal-date .MuiPickersDay-root{height:calc(14.28571vw - 6.28571px);width:100%}.modal-date .MuiPickersDay-root:not(.Mui-selected){border:none;position:relative}.modal-date .MuiPickersSlideTransition-root{min-height:unset;overflow:unset}.modal-date .MuiPickersCalendarHeader-root{padding:0 6px 0 16px}.modal-jenis .icon-jenis{height:20px;margin-right:10px;width:20px}.modal-jenis .dropdown-item{padding-right:32px}.modal-jenis .dropdown-item p{font-size:14px}.modal-jenis.MuiDialog-root .MuiDialogContent-root,.modal-jumlah.MuiDialog-root .MuiDialogContent-root{border-top:1px solid var(--Neutral-200);padding:0}.common-modal.MuiDialog-root.modal-date .MuiDialog-container>.MuiPaper-root{max-height:max-content}.modal-date .rdrCalendarWrapper{width:100%}.promo-detail .footer{margin-top:24px}.promo-detail .promo-desc p *,.promo-detail .promo-desc span{font-size:14px!important}.promo-detail-col .MuiGrid-grid-sm-7{flex:unset}}