h1,h2{font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:20px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0;font-size:14px}*{box-sizing:border-box;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.4em}#root{--bg-btn-primary:#013560;--text-btn-primary:#fff;--bg-btn-primary-hover:red;--text-btn-primary-hover:#fff;--bg-btn-secondary:#d8d4d4;--text-btn-secondary:#2b2b2b;--bg-btn-secondary-hover:red;--text-btn-secondary-hover:#fff;--bg-color:#dedede;background-color:var(--bg-color);justify-content:center;align-items:center;height:100%;display:flex}html,body{height:100%}body{margin:0}.main-container{background-color:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;width:25%;padding:20px 30px;display:flex;box-shadow:0 2px 6px #0000000d}.main-container .header{width:fit-content;margin:auto;padding-top:20px}.main-container .body{text-align:center;width:100%;padding-block:30px;display:inline-block;overflow:hidden}.main-container .body .section-wrapper{width:100%;transition:all .4s;display:flex}.main-container .body .section-wrapper .section{flex-shrink:0;width:100%;min-width:100%}.main-container .body .section-wrapper .section.middle{flex-direction:column;justify-content:center;align-items:center;display:flex}.main-container .body .section-wrapper .section .heading-details{text-wrap:balance;margin:auto;font-size:16px}.main-container .body .section-wrapper .section .form{text-align:left;width:fit-content;margin:20px auto auto}.main-container .body .section-wrapper .section label:has(input){cursor:pointer;color:#2b2b2b;align-items:center;gap:5px;margin-block:10px;font-size:16px;font-weight:500;display:flex}.main-container .body .section-wrapper .section .star-rating{align-items:center;gap:6px;display:flex}.main-container .body .section-wrapper .section .star{cursor:pointer;color:#ccc;background:0 0;border:0;padding:0;font-size:40px}.main-container .body .section-wrapper .section .star.active{color:#f5b301}.main-container .body .section-wrapper .section .btn-wrapper{gap:10px;width:100%;display:flex}.main-container .body .section-wrapper .section .btn-wrapper button{flex:1}.main-container .body .section-wrapper .section .loading-wrapper{margin-top:-50px}.main-container .body .section-wrapper .section .loading-wrapper svg{height:100px;margin-bottom:30px;animation:2s linear infinite loaderSpin}.main-container .body .section-wrapper .section .loading-wrapper .loading{height:100px}.main-container .body button{border:0;border-radius:4px;margin-top:30px;margin-bottom:20px;padding:8px 16px;transition:all .4s}.main-container .body button:disabled{opacity:.5}.main-container .body button.btn-primary{background-color:var(--bg-btn-primary);color:var(--text-btn-primary)}.main-container .body button.btn-primary:not(:disabled){cursor:pointer}.main-container .body button.btn-primary:not(:disabled):hover{background-color:var(--bg-btn-primary-hover);color:var(--text-btn-primary-hover)}.main-container .body button.btn-secondary{cursor:pointer;background-color:var(--bg-btn-secondary);color:var(--text-btn-secondary)}.main-container .body button.btn-secondary:hover{background-color:var(--bg-btn-secondary-hover);color:var(--text-btn-secondary-hover)}.main-container .body button.full-width{width:100%}.main-container .body textarea{background-color:var(--bg-color);border-radius:4px;width:100%;height:130px;margin-top:20px;margin-bottom:10px;padding:10px 14px;font-size:14px;font-weight:600}.main-container .footer{text-align:right;justify-content:center;display:flex}.main-container .footer p{margin-right:4px;padding-top:5px;font-size:12px}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-wrap{text-wrap:balance}@media (width<=767px){.main-container{width:90%}button{font-size:16px;padding:8px 16px!important}button.star{padding:5px!important}.section.middle .btn-wrapper{flex-direction:column-reverse;gap:10px;margin-block:30px}.section.middle .btn-wrapper button{margin:0}}@media (width>=768px) and (width<=1024px){.main-container{width:90%}}@media (width>=1025px) and (width<=1280px){.main-container{width:40%}}