.payment-form-section{padding:0;background-color:#fff;min-height:100vh;display:flex;align-items:center}.logIn{display:flex;align-items:center;justify-content:center}.logIn_buttons{display:flex!important;align-items:center;justify-content:center}.logIn-link{display:flex!important;align-items:center;gap:4px}.language{display:flex!important;align-items:center;justify-content:center;gap:4px;margin-left:auto}.cmp-container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.cmp-payment-layout{display:flex;gap:40px;min-height:600px;align-items:center}.cmp-payment-image{flex:1;position:relative}.cmp-image{position:sticky;top:20px;height:100%}.cmp-payment-image img{width:100%;object-fit:cover;border-radius:8px}.cmp-payment-form{flex:1;display:flex;flex-direction:column}.cmp-payment-form form{width:100%;max-width:500px;margin:0 auto;padding:0}.form-required-text{color:#666;font-size:14px;margin-bottom:30px}.cmp-form-field{margin-bottom:24px;width:100%}.cmp-form-field label{display:flex;align-items:center;margin-bottom:8px;color:#000;font-size:16px;font-weight:400}.cmp-form-field label:after{content:"*";color:#000;margin-left:4px}.cmp-form-field-input,.cmp-form-field-select{width:100%;position:relative}.cmp-form-field-input input,.cmp-form-field-select select{width:100%;padding:12px 16px;border:1px solid #ccc;border-radius:4px;font-size:16px;color:#000;box-sizing:border-box;height:48px;background-color:#fff}.cmp-form-field-input input:focus,.cmp-form-field-select select:focus{outline:none;border-color:#003087;box-shadow:0 0 0 1px #003087}.cmp-form-field-input input::placeholder{color:#666}.cmp-form-field-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:48px}.cmp-form-field-checkbox{margin:24px 0;display:flex;align-items:flex-start;gap:12px;width:100%}.cmp-form-field-checkbox input[type=checkbox]{width:20px;height:20px;margin-top:2px}.cmp-form-field-checkbox label{font-size:14px;color:#666;flex:1;line-height:1.5}.cmp-form-field-checkbox label:after{content:none}.cmp-link{color:#06c;text-decoration:none}.cmp-link:hover{text-decoration:underline}.cmp-button-wrapper{margin-top:30px;width:100%}.cmp-button{width:100%;padding:16px 24px;background-color:#b38c7a;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;box-sizing:border-box}.cmp-button:hover{background-color:#026}input[type=date]{position:relative;padding-right:48px}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;width:20px;height:20px}@media (max-width: 1024px){.cmp-payment-layout{gap:30px}}@media (max-width: 768px){.footer-brandbar{display:none}.payment-form-section{padding:40px 0;min-height:auto}.online-paymentLink{display:none}.cmp-payment-layout{flex-direction:column;min-height:auto}.cmp-payment-image{display:none}.cmp-payment-form form{max-width:100%}}@media (max-width: 480px){.cmp-container{padding:0 15px}.cmp-payment-image{max-height:300px}.cmp-form-field label,.cmp-form-field-input input,.cmp-form-field-select select{font-size:14px}}.paytitle{font-family:"Inter","Helvetica Neue",Helvetica,Arial,Sans-serif;font-weight:500;font-size:43px;font-style:normal;line-height:115%;display:block;text-align:center;padding-bottom:40px}#hotel-header .navigation .cmp-navigation__item{padding-bottom:0!important}#xf-primary-nav .image{margin:0!important}.btn-disable{background-color:#ccc;color:#999}.cmp-button:disabled:hover{background-color:#ccc}.spinner{display:inline-block;width:2rem;height:2rem;border:3px solid #ccc;border-top-color:#333;border-radius:70%;animation:spinner 1s linear infinite;margin-top:2px}@keyframes spinner{to{transform:rotate(360deg)}}.d-flex{display:flex;align-items:center;justify-content:center}.ms-2{margin-left:1rem}.mt-1{margin-top:.4em}.payment-response{display:flex;justify-content:center;align-items:center;height:100vh;padding:20px}.card{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:900px;width:100%;text-align:center;animation:fadeIn 1s ease-out}.card img{width:60px;margin-bottom:20px;animation:bounce 1.5s infinite}.card h1{font-size:28px;font-weight:700;color:#28a745;margin-bottom:15px}.card p{font-size:18px;color:#555;margin-bottom:30px;line-height:1.5}.buttons{margin-bottom:30px}.btn{padding:12px 25px;font-size:18px;font-weight:500;cursor:pointer;border:none;border-radius:6px;transition:background-color .3s}.btn-home{background-color:#28a745;color:#fff}.btn-home:hover{background-color:#218838}table{width:100%;border-collapse:collapse;margin-top:30px;background-color:#f9f9f9;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #0000001a;table-layout:fixed}table th,table td{padding:14px 20px;text-align:left;font-size:16px;border-bottom:2px solid #ddd;word-wrap:break-word}table th{background-color:#f2f2f2;color:#333;font-weight:700}table td{background-color:#fff;color:#555}table tr:hover{background-color:#f1f1f1}table td:last-child{text-align:center}@media (max-width: 1024px){.card{padding:30px}table th,table td{padding:12px 16px;font-size:14px}table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 768px){.card{padding:25px}.btn{font-size:16px;padding:10px 20px}table{font-size:14px}table th,table td{padding:10px}table td{text-align:center}table td:last-child{text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.disabled{background-color:#aac1f5}.receipt-container{max-width:500px;margin:40px auto;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.receipt-header{text-align:center;margin-bottom:15px}.receipt-header h2{margin:0;font-size:22px;font-weight:700}.receipt-header p{margin:5px 0 0;color:#666;font-size:14px}.receipt-success-box{text-align:center;background:#e8f9f0;padding:20px;border-radius:8px;margin-bottom:20px}.receipt-success-box i{font-size:40px;color:#0d904f;margin-bottom:10px}.receipt-success-box h3{color:#28a745;margin:0;font-size:20px}.receipt-success-box p{color:#555;margin:5px 0 0;font-size:14px}.receipt-details{background:#fafafa;border-radius:8px;padding:15px;margin-bottom:20px;border:1px solid #eee}.receipt-details-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #eee;font-size:14px}.receipt-details-row:last-child{border-bottom:none}.receipt-label{color:#555;font-weight:500}.receipt-value{font-weight:700;color:#333}.receipt-value-green{color:#28a745}.receipt-value-blue{color:#007bff}.receipt-btn{display:inline-block;font-weight:400;color:#fff;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;background-color:#007bff;border:1px solid #007bff;padding:1rem 5rem;font-size:1.5rem;line-height:1.5;border-radius:.25rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin:20px auto;display:block;width:fit-content}.receipt-btn:hover{background-color:#0069d9;border-color:#0062cc;text-decoration:none;color:#fff}.receipt-btn:focus{outline:0;box-shadow:0 0 0 .2rem #268fff80}.receipt-btn:active{background-color:#0062cc;border-color:#005cbf}.receipt-btn:disabled{opacity:.65;cursor:not-allowed}.receipt-footer{text-align:center;font-size:12px;color:#666;margin-top:10px}@media (max-width: 600px){.card{padding:20px}table{font-size:12px;width:100%;margin-right:20px;overflow-x:auto}table th,table td{padding:8px}table td{text-align:center}table td:last-child{text-align:center}.btn-home{font-size:16px;padding:8px 20px}.receipt-container{margin:40px 10px}}.page-skeleton{display:flex;flex-direction:column;gap:20px}.header-skeleton{display:flex;flex-direction:column;gap:10px}.topbar-placeholder{height:20px;background:#e0e0e0}.online-payment-placeholder{height:40px;background:#e0e0e0}.nav-placeholder{margin:0 20%;display:flex;align-items:center;justify-content:space-between}.logo-placeholder{width:180px;height:40px;background:#e0e0e0;border-radius:4px}.menu-placeholder{flex:1;height:20px;background:#e0e0e0;margin:0 20px;border-radius:4px}.button-placeholder.small{width:100px;height:30px;background:#d0d0d0;border-radius:4px}.title-placeholder{width:350px;height:24px;background:#e0e0e0;border-radius:4px;margin-left:auto;margin-right:auto;margin-bottom:2%}.reservation-section{margin-left:20%;margin-right:5%;display:flex;gap:30px}.form-placeholder{flex:1;display:flex;flex-direction:column;gap:12px}.input-placeholder{height:36px;background:#e0e0e0;border-radius:4px}.checkbox-placeholder{width:20px;height:20px;background:#e0e0e0;border-radius:4px}.button-placeholder.large{height:40px;background:#d0d0d0;border-radius:6px;width:50%}.ihg-section{margin-top:2%;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.logo-placeholder.small{height:40px;background:#e0e0e0;border-radius:4px}.footer-section{display:flex;flex-direction:column;gap:20px}.social-media-placeholder{display:flex;gap:15px}.social-icon-placeholder{width:30px;height:30px;background:#e0e0e0;border-radius:50%}.company-placeholder{display:flex;flex-direction:column;gap:8px}.footer-line{height:14px;background:#e0e0e0;border-radius:4px}.payment-placeholder{height:30px;background:#e0e0e0;border-radius:4px}.card{width:80%;margin-left:auto;margin-right:auto;background-color:#f1dede}.image-placeholder-logo{width:80%;margin-left:auto;margin-right:auto;height:80px;background:#e0e0e0;border-radius:8px}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.media-link{width:20%;background-color:#d0d0d0;height:50px;margin-left:10px}.image-placeholder-footer{width:80%;margin-left:auto;margin-right:auto;margin-bottom:3%;height:30px;background:#e0e0e0;border-radius:8px}.image-placeholder{width:400px;height:300px;background:#e0e0e0;border-radius:8px}@media (max-width: 768px){.image-placeholder{display:none}}