.DOA{padding:32px;max-width:1184px;margin:0 auto}@media screen and (max-width:810px){.DOA{padding:32px 16px}}.DOA-Grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:32px;gap:32px}@media screen and (max-width:810px){.DOA-Grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.DOA-Title{font-size:32px;line-height:36px;font-family:var(--font-title-font);font-weight:800;padding-top:32px;padding-bottom:16px;letter-spacing:-1px;line-height:40px}@media screen and (max-width:810px){.DOA-Title{font-size:24px;line-height:28px;padding-top:0}}.DOA-Benefit{display:flex;gap:8px;padding-bottom:16px}.DOA-Benefit svg{flex-shrink:0}.DOA-BenefitTitle{font-size:20px;line-height:28px;color:#0f172a}@media screen and (max-width:810px){.DOA-BenefitTitle{font-size:16px;line-height:24px}}.DOA-DownloadButtons{display:flex;gap:8px;padding-top:16px}.DOA-DownloadButtons button{border:none;background:none;padding:0;margin:0;cursor:pointer}.DOA-DownloadButtons svg{height:40px}@media screen and (max-width:810px){.DOA-DownloadButtons{padding-top:8px}}.DOA-DesktopBlock{margin:32px 0;border:1px solid #d1d5db;border-radius:4px;padding:3px;display:flex;justify-content:space-between}@media screen and (max-width:810px){.DOA-DesktopBlock{display:none}}.DOA-DesktopInfo{padding:8px 12px;display:flex;flex-direction:column}.DOA-DesktopText{font-size:14px;line-height:20px;color:#52637a;padding-top:12px;width:75%}.DOA-ImageBlock{position:relative;min-height:444px;height:100%;border-radius:8px;overflow:hidden}@media screen and (max-width:810px){.DOA-ImageBlock{height:288px;min-height:0;min-height:auto}}.DOA-BackgroundImage{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.DOA-PhoneImage{position:absolute;right:48px;bottom:0;width:228px;height:auto}@media screen and (max-width:810px){.DOA-PhoneImage{position:absolute;right:30px;width:148px;height:auto}}.DOA.MyBookingPage{text-align:left;position:relative;padding:0}.DOA.MyBookingPage_isShowPage{margin-top:32px}.DOA.MyBookingPage_isShowPage .DOA-InfoBlock{border:1px solid #d1d5db;border-right-width:0;border-bottom-left-radius:4px;border-top-left-radius:4px}[dir=rtl] .DOA.MyBookingPage_isShowPage .DOA-InfoBlock{border-right-width:1px;border-left-width:0}@media screen and (max-width:440px){.DOA.MyBookingPage_isShowPage .DOA-InfoBlock{border-right-width:1px;border-bottom-left-radius:0}}@media screen and (max-width:810px){.DOA.MyBookingPage{overflow:hidden}}.DOA.MyBookingPage .DOA-Grid{gap:initial}.DOA.MyBookingPage .DOA-InfoBlock{padding:20px}@media screen and (max-width:810px){.DOA.MyBookingPage .DOA-InfoBlock{padding:16px}}.DOA.MyBookingPage .DOA-Title{font-size:24px;line-height:28px;font-weight:600;padding-top:0}.DOA.MyBookingPage .DOA-BenefitTitle,.DOA.MyBookingPage .DOA-DesktopText{font-size:16px;line-height:24px}.DOA.MyBookingPage .DOA-Benefit{padding-bottom:8px}.DOA.MyBookingPage .DOA-BackgroundImage{-o-object-position:right;object-position:right}[dir=rtl] .DOA.MyBookingPage .DOA-BackgroundImage{-o-object-position:left;object-position:left}.DOA.MyBookingPage .DOA-LogoBlock{display:none}@media screen and (max-width:440px){.DOA.MyBookingPage .DOA-LogoBlock{display:block;width:80px;height:80px;position:absolute;right:16px;bottom:10px;z-index:1}.DOA.MyBookingPage .DOA-LogoBlock img{width:inherit;height:inherit}}.DOA.MyBookingPage .DOA-DesktopBlock{margin-bottom:0;align-items:center}.DOA.MyBookingPage .DOA-DesktopInfo{flex:1 1}.DOA.MyBookingPage .DOA-DesktopText{width:auto}.DOA.MyBookingPage .DOA-ImageBlock{border-top-left-radius:0;border-bottom-left-radius:0;min-height:0;min-height:auto}[dir=rtl] .DOA.MyBookingPage .DOA-ImageBlock{border-radius:4px 0 0 4px}@media screen and (max-width:810px){.DOA.MyBookingPage .DOA-ImageBlock{height:auto;max-width:none;border-radius:0;border-radius:initial}}@media screen and (max-width:440px){.DOA.MyBookingPage .DOA-ImageBlock{max-height:270px;height:100%}}.DOA.MyBookingPage .DOA-ImageBlock img{position:static}[dir=rtl] .DOA.MyBookingPage .DOA-ImageBlock img{border-radius:4px 0 0 4px}@media screen and (max-width:810px){.DOA.MyBookingPage .DOA-ImageBlock img{-o-object-position:top;object-position:top}[dir=rtl] .DOA.MyBookingPage .DOA-ImageBlock img{right:-20px;-o-object-position:top;object-position:top}}