html {
     scroll-behavior: smooth;
 }

 :root {
     --primary: rgba(0, 0, 0, 0.59);
     --background: #F3F6FC;
     --link: #1C75BC;
     --bg: var(--Grad-3, linear-gradient(90deg, #FF3C34 0%, #FF3C34 1.56%, #FF3D34 3.12%, #FF3E35 4.69%, #FF3E35 6.25%, #FF3F35 7.81%, #FF4035 9.37%, #FF4136 10.94%, #FF4236 12.5%, #FF4336 14.06%, #FF4336 15.62%, #FF4437 17.19%, #FF4537 18.75%, #FF4637 20.31%, #FF4737 21.87%, #FF4738 23.44%, #FF4838 25%, #FF4938 26.56%, #FF4A38 28.12%, #FF4B38 29.69%, #FF4C39 31.25%, #FF4C39 32.81%, #FF4D39 34.38%, #FF4E39 35.94%, #FF4F3A 37.5%, #FF503A 39.06%, #FF513A 40.63%, #FF513A 42.19%, #FF523B 43.75%, #FF533B 45.31%, #FF543B 46.88%, #FF553B 48.44%, #FF563C 50%, #FF563C 51.56%, #FF573C 53.13%, #FF583C 54.69%, #FF593D 56.25%, #FF5A3D 57.81%, #FF5A3D 59.38%, #FF5B3D 60.94%, #FF5C3E 62.5%, #FF5D3E 64.06%, #FF5E3E 65.63%, #FF5F3E 67.19%, #FF5F3F 68.75%, #FF603F 70.31%, #FF613F 71.88%, #FF623F 73.44%, #FF633F 75%, #FF6440 76.56%, #FF6440 78.13%, #FF6540 79.69%, #FF6640 81.25%, #FF6741 82.81%, #FF6841 84.38%, #FF6941 85.94%, #FF6941 87.5%, #FF6A42 89.06%, #FF6B42 90.63%, #FF6C42 92.19%, #FF6D42 93.75%, #FF6D43 95.31%, #FF6E43 96.88%, #FF6F43 98.44%, #FF7043 100%));
 }

 *,
 *::before,
 *::after {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 a:hover {
     text-decoration: none;
 }

 ::-webkit-scrollbar {
     scroll-behavior: smooth;
 }


 /* width */
 ::-webkit-scrollbar {
     width: 10px;
 }

 /* Track */
 ::-webkit-scrollbar-track {
     background: #f1f1f1;
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
     background: #888;
 }

 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #555;
 }

 /* apply CSS to the select tag of  
          div*/

 select {
     /* for Firefox */
     -moz-appearance: none;
     /* for Safari, Chrome, Opera */
     -webkit-appearance: none;
 }

 /* for IE10 */
 select::-ms-expand {
     display: none;
 }

 body {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     color: #000000;
     font-family: "Montserrat";
 }

 main {
     position: relative;
 }

 .btn {
     box-shadow: none !important;
 }

 .banner {
     position: relative;
     max-width: 1920px;
     margin: auto;
     padding: 0px 0px 44px;
     background: url('../images/banner_bg.png') no-repeat;
     background-position: bottom center;
     background-size: cover;
     height: 622px;
 }

 .banner {
     display: flex !important;
 }


 .banner .form-control {
     border-radius: 4px;
     border: 1px solid #F6F6F6;
     background: #F3F3F3;
     width: 100%;
     box-shadow: none !important;
     color: #323131;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: -0.42px;
     cursor: pointer;
     padding: 0 10px;
     height: 40px;
     margin: 0;
 }

 .banner .mauticform-label {
     color: #222;
     font-size: 12px;
     font-style: normal;
     font-weight: 600;
     line-height: 140.307%;
     letter-spacing: -0.36px;
 }

 .banner .change {
     color: #585858;
     width: 100%;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 139.297%;
     text-align: left;
     letter-spacing: -0.42px;
     margin-top: 20px;
     margin-bottom: 0px;
 }

 .banner .change .btn {

     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: 139.297%;
     /* 19.502px */
     letter-spacing: -0.42px;
     padding: 0;
     background: var(--bg);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }


 .banner .content {
     position: relative;
     padding-top: 44px;
 }

 .banner .content .heading {
     color: #363636;
     font-size: 39px;
     font-style: normal;
     font-weight: 700;
     line-height: 129%;
     letter-spacing: -0.96px;
     margin-bottom: 22px;
 }

 .banner .content .heading .orange {
     background: var(--bg);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }


 .banner .content .points {
     list-style: none;
     padding: 0;
     margin-bottom: 0;
     margin-left: 0;
 }

 .banner .content .points li {
     color: #212121;
     font-family: Montserrat;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: 24px;
     letter-spacing: -0.42px;
     margin-bottom: 10px;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .banner .content .rate_card {
     position: relative;
     width: 100%;
     border-radius: 8px;
     background: var(--bg);
     box-shadow: 2px 1px 4px 0px rgba(0, 0, 0, 0.25) inset;
     display: inline-flex;
     height: 88px;
     padding: 10px 22px;
     align-items: start;
     gap: 4px;
     flex-direction: column;
     justify-content: center;
     margin-top: 2rem;
     margin-bottom: 12px;
 }

 .banner .content .rate_card .subtext {
     color: #FFF;
     font-family: Montserrat;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
     letter-spacing: -0.72px;
     margin-bottom: 0;
 }

 .banner .content .rate_card .subtext2 {
     color: #FFF;
     font-family: Montserrat;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: 24px;
     letter-spacing: -0.42px;
     margin-bottom: 0;
 }

 .banner .content .ratings {
     color: #404040;
     font-family: Montserrat;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 141.233%;
     margin-bottom: 0;
     letter-spacing: -0.48px;
 }


 .banner-wrapper .heading {
     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: -0.6px;
     margin-bottom: 22px;
 }


 .banner .form {
     width: 90%;
     height: auto;
     padding: 24px 20px;
     gap: 10px;
     border-radius: 8px;
     background: #FFF;
     margin-top: 44px;
     margin-left: auto;
 }

 .banner .form .heading {
     color: #404040;
     font-family: Montserrat;
     font-size: 19px;
     font-style: normal;
     font-weight: 700;
     line-height: 141.233%;
     /* 22.597px */
     text-align: left;
     letter-spacing: -0.48px;
     margin-bottom: 12px;
 }

 .banner .form .heading .orange {
     background: var(--bg);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .mauticform-errormsg {
     font-size: 12px !important;
 }

 .mauticform-button-wrapper {
     text-align: center;
 }

 .mauticform-button-wrapper .mauticform-button {
     border-radius: 50px !important;
     background: var(--bg) !important;
     width: 168px;
     height: 42px;
     color: #FFF !important;
     font-size: 14px !important;
     font-style: normal;
     font-weight: 600 !important;
     line-height: normal !important;
     letter-spacing: -0.42px;
 }

 .mauticform-labels {
     color: #585858;
     font-family: Montserrat;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: -0.3px;
 }

 .mauticform-checkboxgrp-checkbox {
     margin-right: 6px;
     position: relative;
     top: 3px;
 }

 .mauticform-labels a {
     color: #585858;
     font-family: Montserrat;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     letter-spacing: -0.3px;
 }

 .mauticform-button-wrapper .mauticform-button[disabled] {
     background: #E4E4E4 !important;
 }

 .banner .form .text {
     color: #585858;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 148.011%;
     margin-bottom: 24px;
     letter-spacing: -0.36px;
 }

 .banner .form .icon1 {
     position: absolute;
     left: auto;
     font-size: 16px;
     transform: translate(-50%, 50%);
     right: 1rem;
     top: 1.5rem;
     user-select: none;
 }

 .banner .form .icon2 {
     position: absolute;
     left: auto;
     transform: translate(-50%, 50%);
     right: 0.5rem;
     top: 1.15rem;
     user-select: none;
 }

 .desk {
     display: none;
 }

 footer {
     position: relative;
     max-width: 1920px;
     margin: auto;
     overflow: hidden;
     padding: 10px 0px;
     background: #000;
 }

 footer .left {
     position: relative;
     width: 25%;
 }

 footer .left .text {
     color: #FFF;
     text-align: center;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     margin: 0;
     letter-spacing: -0.36px;
 }

 footer .right {
     position: relative;
     width: 75%;
     display: flex;
     justify-content: flex-end;
     gap: 1.5rem;
 }

 footer .right .links {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0;
     padding: 0;
     list-style: none;
     gap: 2rem;
     padding-right: 1rem;
 }

 footer .right .links li a {
     color: #FFF;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: -0.36px;
     text-decoration-line: underline;
 }

 footer .right .socials {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0;
     padding: 0;
     list-style: none;
     gap: 24px;
 }

 .ui-widget-content .ui-state-active {
     background: var(--bg) !important;
     color: #FFF !important;
     border: none !important;
 }

 .ui-datepicker td span,
 .ui-datepicker td a {
     text-align: center;
 }