.form-container{display:flex;justify-content:space-between;padding:20px;font-family:Arial,sans-serif;margin:50px}.form-section{max-width:45%}.temp{margin-top:40px;display:flex;justify-content:flex-end;margin-right:20px}.tempbtn{background-image:linear-gradient(90deg,#d37373,#f97916);color:#fff;border:none;padding:15px;padding-inline:20px;font-size:18px}.form-group{margin-bottom:15px}.template{display:flex;flex-wrap:wrap;gap:20px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input,.form-group select{width:100%;padding:8px;margin-top:3px;border:1px solid #ccc;border-radius:5px}.file-info{font-size:12px;color:#666}.submit-button{background-color:#007bff;color:#fff;border:none;padding:10px;padding-inline:30px;font-size:18px;border-radius:5px;cursor:pointer}.submit-button:hover{background-color:#0056b3}.topics-section{width:100%;max-width:45%}.topics-section h3{margin-bottom:15px}.topics-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;max-height:70%;overflow-y:auto;overflow-x:hidden}.topics-list::-webkit-scrollbar{width:6px}.topics-list::-webkit-scrollbar-track{background:#f1f1f1}.topics-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.topics-list::-webkit-scrollbar-thumb:hover{background:#555}.topics-list{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.topic-item{display:inline-block;margin:5px;padding:10px 15px;background-color:#f8f9fa;border:1px solid #ccc;border-radius:20px;cursor:pointer}.topic-item:hover{background-color:#007bff;color:#fff}.content-div{padding:20px;padding-inline:80px;margin-bottom:50px}@media (max-width:768px){.form-container{flex-direction:column;margin:20px}.form-section,.topics-section{max-width:100%}.content-div{margin:0;padding-inline:20px}.form-section,.topics-section{width:100%;margin-bottom:20px}.temp{justify-content:center;margin-right:0}.tempbtn{padding:10px 15px;font-size:16px}.submit-button{width:100%;padding:12px;font-size:16px}.topics-list{max-height:50%}.topic-item{padding:8px 10px;font-size:14px}}@media (max-width:480px){.submit-button,.tempbtn{font-size:14px;padding:8px 12px}.form-group input,.form-group select{padding:6px}.topic-item{padding:5px 8px;font-size:12px}}.plans-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:#f5f5f5}.form-section{width:100%;max-width:70%;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;border-radius:8px}.accommodations-table,.plans-table{width:100%;border-collapse:collapse;margin-top:20px}.accommodations-table td,.accommodations-table th,.plans-table td,.plans-table th{border:1px solid #ddd;padding:10px;text-align:center}.plans-table th{background-color:#f8cb00;color:#fff}.plans-table th.active-plan{background-color:#4caf50;color:#fff}.plans-table th.inactive-plan{background-color:#ffc107;color:#000}.accommodations-table th{background-color:#4caf50;color:#fff}.plan-head{margin-top:30px;margin-bottom:20px}.submit-button{justify-self:center;align-self:center}.submit-button,.total-price-container{flex-direction:column;margin-block:20px}.paymentCon,.submit-button,.total-price-container{display:flex;justify-content:center;align-items:center}.paymentCon{flex-wrap:wrap;gap:50px;margin-block:30px}.paymentSubCon{display:flex;gap:10px}@media screen and (max-width:1024px){.form-section{max-width:90%}.accommodations-table td,.accommodations-table th,.plans-table td,.plans-table th{font-size:14px}}@media screen and (max-width:768px){.form-section{max-width:100%;padding:15px}.accommodations-table,.plans-table{font-size:12px}.accommodations-table td,.accommodations-table th,.plans-table td,.plans-table th{padding:8px}}@media screen and (max-width:480px){.form-section,.plans-container{padding:10px}.accommodations-table td,.accommodations-table th,.plans-table td,.plans-table th{font-size:10px;padding:5px}.plan-head{margin-top:20px;margin-bottom:15px}.submit-button{font-size:14px;padding:10px}.total-price-container{font-size:14px}}