html {
     scroll-behavior: smooth;
 }

 :root {
     --primary: rgba(0, 0, 0, 0.59);
     --background: #F3F6FC;
     --link: #1C75BC;
     --banner_bg: linear-gradient(180deg, #FFF8DF 0%, #FFFCF3 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;
 }


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

 main {
     position: relative;
 }

 input[type="date"]::-webkit-calendar-picker-indicator {
     background: transparent;
     bottom: 0;
     color: transparent;
     cursor: pointer;
     height: auto;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     width: auto;
     z-index: 10;
 }

 #mauticform_tgimf_preferred_visit_date1.mauticform-date::before {
     content: '';
     position: absolute;
     top: 0;
     background: url('../images/icons/calendar.png') no-repeat;
     background-position: center;
     background-size: contain;
     width: 20px;
     z-index: 9;
     height: 20px;
     left: auto;
     right: 0;
     transform: translate(-14px, 34px);
 }

 ._banner {
     position: relative;
     max-width: 1920px;
     margin: auto;
     background: url('../images/bgbanner.png') no-repeat;
     background-position: center;
     background-size: cover;
     padding: 40px 0px 40px;
     /* height: 640px; */
 }

 ._banner .text-right .subtxt {
     display: block;
     color: #D0D0D0;
     font-size: 10px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     letter-spacing: -0.3px;
 }

 ._banner .text-right .headerBtn {
     display: flex;
     align-items: flex-start;
     justify-content: flex-end;
     padding: 12px 0;
     margin-bottom: 1.5rem;
     width: fit-content;
     margin-left: auto;
 }

 ._banner .text-right .headerBtn span {
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     background: var(--TGIMF---Diwali-Gold-Grad, linear-gradient(135deg, #8E4B0B -28.02%, #D4820E 16.25%, #F0D561 88.37%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 ._banner .text-right .headerBtn .material-icons-outlined {
     font-size: 18px;
 }

 ._banner .left {
     position: relative;
     height: 100%;
     display: flex;
     width: 100%;
     flex-direction: column;
     justify-content: space-between;
 }

 ._banner .left .heading {
     color: var(--TGIMF---NY-Accent-2-Light, #F5F5F5);
     font-size: 29.177px;
     font-style: normal;
     font-weight: 500;
     line-height: 126%;
     letter-spacing: -0.875px;
     margin-bottom: 10px;
 }

 ._banner .left .heading .sub-heading {
     background: var(--TGIMF---Diwali-Gold-Grad, linear-gradient(135deg, #8E4B0B -28.02%, #D4820E 16.25%, #F0D561 88.37%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;

     font-size: 33.345px;
     font-style: normal;
     font-weight: 800;
     line-height: 126%;
     letter-spacing: -1px;
     display: block;
 }

 ._banner .left .text {
     color: #D0D0D0;
     font-size: 13.588px;
     font-style: normal;
     font-weight: 500;
     line-height: 25.009px;
     letter-spacing: -0.438px;
 }

 ._banner .left .text strong {
     color: #F4F2F2;
 }

 /* // lead form  */
 ._banner .form .sendotp {
     position: relative;
     text-align: center;
 }

 ._banner .form .editnumberbox {
     position: relative;
 }

 ._banner .form .sendotp .btn {
     width: 168px;
     height: 42px;
     margin-bottom: 0px;
     z-index: 2;
     cursor: pointer;
     box-shadow: none !important;
     border-radius: 49px;
     background: var(--TGIMF---NY-Accent-1, linear-gradient(90deg, #C743D5 0%, #513767 100%));
     color: #FFF8DF;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     letter-spacing: -0.42px;
 }

 ._banner .form .editnumberbox .editnumber {
     padding: 3px !important;
     font-size: 12px !important;
     min-width: 110px;
     border-radius: 0 !important;
     background: transparent !important;
     font-weight: 700;
     font-size: 14px;
     line-height: 24px;
     padding: 8px 50px;
     color: #000;
     margin-bottom: 0px;
     position: absolute;
     left: auto;
     right: 0;
     top: 0;
     transform: translateY(-48px);
     display: flex;
     justify-content: flex-end;
     align-items: center;
     gap: 4px;
     border: 0;
     z-index: 2;
     cursor: pointer;
 }

 ._banner .form .editnumberbox .resend {
     padding: 3px !important;
     font-size: 12px !important;
     min-width: 110px;
     border-radius: 0 !important;
     background: transparent !important;
     font-weight: 700;
     font-size: 14px;
     line-height: 24px;
     padding: 8px 50px;
     color: #3C3838 !important;
     margin-bottom: 0px;
     position: absolute;
     left: auto;
     right: 16px;
     top: 0;
     transform: translateY(-34px);
     display: flex;
     justify-content: flex-end;
     align-items: center;
     gap: 4px;
     border: 0;
     z-index: 2;
     cursor: pointer;
 }

 ._banner .form .editnumberbox .btn:hover span {
     transform: translateX(-3px);
 }

 ._banner .form .editnumberbox .btn span {
     font-size: 16px;
     transition: 0.5s all;
 }

 ._banner .form .editnumberbox .btn[disabled] {
     cursor: not-allowed;
 }

 ._banner .floating {
     position: absolute;
     top: auto;
     bottom: 0;
     width: 100%;
     max-width: 342px;
     transform: translate(-4%, 8%);
     z-index: 9;
 }

 .mauticform-selectbox,
 .mauticform-input {
     border: 0px !important;
     border-radius: 0px !important;
     /* border-bottom: 2px solid #cfcfcf !important; */
     background: #F9F9F9 !important;
     margin-bottom: 0px !important;
     font-size: 15px;
     outline: none !important;
     padding: 8px 0 8px 8px !important;
 }

 #mauticform_tgimf_submit {
     text-align: center;
     display: none;
     margin-bottom: 0 !important;
 }

 .mauticform-button {
     width: 100%;
     background: var(--TGIMF---NY-Accent-1, linear-gradient(90deg, #C743D5 0%, #513767 100%)) !important;
     color: #fff !important;
     padding: 10px 24px !important;
     border: 0;
     border-radius: 49px !important;
     background: var(--bg);
     height: 40px;
     color: #FFF;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     letter-spacing: -0.42px;
     width: fit-content;
     padding: 0px 32px;
     box-shadow: none !important;
 }

 .mauticform-button[disabled] {
     color: rgba(255, 248, 223, 0.54) !important;
     opacity: 1 !important;
 }

 .mauticform-page-wrapper .mauticform-errormsg {
     font-weight: 600;
     font-size: 10px;
     line-height: 12px;
 }

 .shadow_box {
     position: relative;
     margin: -5px 0px 0px 0px;
     padding: 24px;
     border-radius: 4px 4px 4px 4px;
     box-shadow: 1px 1px 6px 2px #00000014;
     max-width: 414px;
     width: 100%;
     margin: auto;
     background: #fff;
     padding-bottom: 14px;
     margin-right: 0px;
 }

 .shadow_box .formheading {
     color: #404040;
     font-size: 16.672px;
     font-style: normal;
     font-weight: 600;
     line-height: 141.233%;
     letter-spacing: -0.5px;
     border-bottom: 1px solid #E2E2E2;
     margin-bottom: 8px;
     padding-bottom: 16px;
 }

 .shadow_box .formheading .red {
     background: var(--TGIMF---NY-Accent-1, linear-gradient(90deg, #C743D5 0%, #513767 100%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;

     font-size: 16.672px;
     font-style: normal;
     font-weight: 600;
     line-height: 141.233%;
     letter-spacing: -0.5px;
 }

 .shadow_box .subformheading {
     font-size: 13px;
     color: grey;
     line-height: 174%;
     margin-bottom: 18px;
 }

 .mauticform-row {
     position: relative;
     margin-bottom: 16px !important;
 }

 .thank-you {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     background: #fff;
     text-align: center;
     display: none;
 }

 .thank-you .checkbox {
     color: #333;
     text-align: center;
     font-size: 20px;
     font-style: normal;
     font-weight: 800;
     line-height: 30px;
 }

 .thank-you .checkbox strong {
     display: block;
     font-size: 2rem;
 }

 .thank-you .message {
     color: #7D7D7D;
     text-align: center;

     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 33px;
     margin-bottom: 0px;
 }

 .form .thankyou {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 8px;
     background: #FFF;
     padding: 15px 15px 15px 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     opacity: 0;
     visibility: hidden;
     z-index: 2;
     overflow: hidden;
     z-index: 99;
 }

 .form .spams {
     display: flex;
     width: 136px;
     height: 26px;
     padding: 4px;
     justify-content: center;
     align-items: center;
     gap: 4px;
     border-radius: 16px;
     border: 1px solid #F4B000;
     background: #FFF8E7;
     color: #676046;

     font-size: 10px;
     font-style: normal;
     font-weight: 500;
     line-height: 154%;
     margin: auto;
     margin-right: 0;
     transform: translate(0px, -8px);
 }

 .form .thankyou img {
     width: 55%;
     margin: 0 auto 2.5rem;
 }

 .form .thankyou .heading {
     background: var(--TGIMF---NY-Accent-1, linear-gradient(90deg, #C743D5 0%, #513767 100%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     mix-blend-mode: plus-darker;
     font-size: 28px;
     font-style: normal;
     font-weight: 600;
     line-height: 141.233%;
     /* 38.133px */
     letter-spacing: -0.81px;
     margin: 0;
     transform: translate(0px, -28px);
 }

 .form .thankyou .sub-heading {
     color: #404040;
     text-align: center;

     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 141.233%;
     /* 19.773px */
     letter-spacing: -0.42px;
     margin-bottom: 0;
     transform: translate(0px, -18px);
 }

 .form .thankyou .sub-heading3 {
     color: #000;
     font-size: 15px;
     font-style: normal;
     font-weight: 500;
     line-height: 150%;
     text-align: center;
     margin: 0;
 }

 .mauticform-row.hasError .mauticform-errormsg {
     display: block !important;
 }

 .mauticform_wrapper a {
     color: #585858 !important;
     font-size: 12px !important;
     font-weight: 600;
     line-height: normal;
     text-decoration: underline !important;
 }

 .mauticform-label {
     font-size: 12px !important;
     margin-bottom: 0px !important;
     /* color: rgb(207, 160, 79) !important; */

     font-size: 12px;
     font-style: normal;
     font-weight: 600 !important;
     line-height: 140.307%;
     letter-spacing: -0.36px;
     margin-bottom: 8px !important;
 }

 .form .title {
     font-weight: 800;
     font-size: 16px;
     color: #434343;
 }

 .mauticform-message {
     display: none !important;
 }

 #mauticform_consent {
     display: flex;
     gap: 7px;
     align-items: flex-start;
 }

 #mauticform_consent .mauticform-checkboxgrp-checkbox {
     position: relative;
     top: 3px;
     accent-color: #b841c7;
 }

 #mauticform_consent small {
     display: block;
     line-height: normal;
 }

 .mauticform_wrapper {
     margin: 0px !important;
 }

 .mauticform-row.mauticform-required .mauticform-label:after {
     display: none !important;
 }

 /* // lead form  */

 .work {
     position: relative;
     max-width: 1920px;
     margin: auto;
     padding: 40px 0px 28px;
     background: var(--TGIMF---NY-Metal-2, linear-gradient(88deg, #AEAFB0 7.83%, #BFBFBF 21.92%, #EDEDEE 36.01%, #A5A5A5 50.09%, #FFF 70.68%, #A0A1A3 99.94%, #A8A8A8 114.03%));
 }

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

 .work .listing {
     list-style: none;
     width: 100%;
     position: relative;
     display: flex;
     justify-content: space-between;
     margin: 0;
     padding: 0;
 }

 .work .listing li {
     position: relative;
     display: flex;
     flex-direction: column;
 }

 .work .listing li .text {
     color: #333;
     text-align: center;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: -0.329px;
 }

 .work .listing li .subtext {
     color: #333;
     text-align: center;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: -0.226px;
 }


 .prosperity {
     position: relative;
     max-width: 1920px;
     margin: auto;
     overflow: hidden;
     padding: 78px 0px 42px;
 }

 .prosperity .tgimfbg {
     position: relative;
     padding-top: 60px;
     border-radius: 16px;
     background: var(--TGIMF---NY-Accent-BG, linear-gradient(90deg, rgba(245, 152, 255, 0.35) 0%, rgba(81, 55, 103, 0.35) 100%));
 }

 .prosperity .tgimfbg ._left {
     position: absolute;
     top: 0;
     left: 0;
     width: 124px;
     mix-blend-mode: exclusion;
     opacity: 0.13;
     border-top-left-radius: 16px;
 }

 .prosperity .tgimfbg ._right {
     position: absolute;
     top: 0;
     left: auto;
     right: 0;
     width: 124px;
     mix-blend-mode: exclusion;
     opacity: 0.13;
     border-top-right-radius: 16px;
 }

 .prosperity .content {
     position: relative;
     text-align: center;
     margin: auto;
     width: 84%;
 }

 .prosperity .content .heading {
     color: #333;
     text-align: center;
     font-size: 32px;
     font-style: normal;
     font-weight: 800;
     line-height: 40px;
     /* 125% */
     letter-spacing: -0.96px;
 }

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

 .prosperity .content .text {
     color: #333;
     text-align: center;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     letter-spacing: -0.48px;
     margin-bottom: 0;
 }

 .prosperity .wrapper {
     position: relative;
     width: 100%;
     padding: 36px 48px;
 }

 .prosperity .wrapper .cards_wrapper {
     position: relative;
 }

 .prosperity .wrapper .cards {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 1.5rem;
 }

 .prosperity .wrapper .cards .box {
     position: relative;
     width: 249px;
     height: 242px;
     border-radius: 8px;
     background: #FFF;
     display: flex;
     justify-content: center;
     align-items: flex-start;
     flex-direction: column;
     padding: 32px 24px;
     gap: 1rem;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
 }

 .prosperity .wrapper .cards .box .heading {
     color: #282828;
     font-size: 16px;
     font-style: normal;
     font-weight: 700;
     line-height: 150%;
     letter-spacing: -0.48px;
     margin: 0px;
 }

 .prosperity .wrapper .cards .box .text {
     color: #545454;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 160%;
     letter-spacing: -0.39px;
     margin: 0px;
 }

 .prosperity .wrapper .bannerimage {
     width: 100%;
     border-radius: 4px;
     margin-top: 2rem;
 }

 .guide {
     position: relative;
     max-width: 1920px;
     margin: auto;
     padding: 72px 0px 114px;
 }

 .guide .content {
     padding-bottom: 40px;
 }

 .guide .content .heading {
     color: #363636;
     text-align: center;
     font-size: 32px;
     font-style: normal;
     font-weight: 800;
     line-height: 40px;
     /* 125% */
     letter-spacing: -0.96px;
 }


 .guide .content .heading .red {
     background: var(--TGIMF---NY-Accent-1, linear-gradient(90deg, #C743D5 0%, #513767 100%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;

 }

 .guide .content .text {
     color: #8A8A8A;
     text-align: center;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     letter-spacing: -0.48px;
 }

 .guide .img_box {
     position: relative;
 }

 .guide .img_box .image {
     border-radius: 8px;
     /* background: var(--TGIMF-Accent-1, linear-gradient(135deg, #DB9832 -2.35%, #E0B43F 22.92%, #F0D561 57.13%, #E3B841 92.34%, #DCAB30 112.23%)); */
     padding: 12px;
     text-align: center;
 }

 .guide .img_box .image .img-fluid {
     mix-blend-mode: luminosity;
     height: 126px;
 }

 .guide .img_box .details {
     border-radius: 8px;
     background: #F7F7F7;
     display: flex;
     width: 100%;
     padding: 18px;
     flex-direction: column;
     align-items: flex-start;
     gap: 16px;
     margin-top: 16px;
     min-height: 140px;
 }

 .guide .img_box .details .heading {
     color: #2B2B2B;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 14.984px;
     letter-spacing: -0.48px;
     margin: 0;
 }

 .guide .img_box .details .text {
     color: #2B2B2B;

     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
     letter-spacing: -0.42px;
     margin: 0;
 }

 .journey {
     position: relative;
     max-width: 1920px;
     margin: auto;
     overflow: hidden;
     padding: 92px 0px 114px;
 }

 .journey .content {
     position: relative;
 }

 .journey .content .heading {
     color: #363636;
     text-align: center;

     font-size: 32px;
     font-style: normal;
     font-weight: 800;
     line-height: 40px;
     letter-spacing: -0.96px;
 }

 .journey .content .heading .orange {
     display: block;
     background: var(--bg);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;

     font-size: 32px;
     font-style: normal;
     font-weight: 800;
     line-height: 40px;
     letter-spacing: -0.96px;
 }

 .journey .content .text {
     color: #8A8A8A;
     text-align: center;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     letter-spacing: -0.48px;
 }

 .journey .hover_box {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 15px;
     margin-top: 2.5rem;
 }

 .journey .hover_box .box {
     position: relative;
     width: 25%;
     border-radius: 12px;
     background-color: #F7F7F7;
     transition: background 2s ease-out 100ms;
 }

 .journey .hover_box .box:hover {
     background: var(--bg);
 }

 .journey .hover_box .box:hover .text {
     color: #fff;
 }

 .journey .hover_box .box .number {
     position: absolute;
     top: 0;
     left: auto;
     right: 0;
     display: flex;
     width: 46px;
     height: 46px;
     padding: 19.167px;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 19.167px;
     border-radius: 120.75px;
     background: var(--bg);
     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: -0.575px;
     transform: translate(-16px, 16px);
 }

 .journey .hover_box .box img {
     border-top-right-radius: 12px;
     border-top-left-radius: 12px;
 }

 .journey .hover_box .box .text {
     color: #2B2B2B;
     text-align: center;
     font-size: 14.984px;
     font-style: normal;
     font-weight: 600;
     text-align: center;
     height: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     margin: 0;
 }


 .session {
     position: relative;
     max-width: 1920px;
     margin: auto;
     padding: 44px 0px;
     height: 580px;
     background: url('../images/footer.webp') no-repeat;
     background-position: center bottom;
     background-size: cover;
 }

 .session .f_left {
     position: absolute;
     top: 0;
     left: 0;
     width: 124px;
     height: auto;
     opacity: 0.4;
 }

 .session .f_center {
     position: absolute;
     top: 0;
     left: 0;
     width: 244px;
     height: auto;
     z-index: 1;
     right: 0;
     margin: auto;
     opacity: 0.4;
 }

 .session .f_right {
     position: absolute;
     top: 0;
     left: auto;
     right: 0;
     width: 124px;
     height: auto;
     z-index: 1;
     opacity: 0.4;
 }

 .session ._left {
     width: 72px;
     height: auto;
     mix-blend-mode: screen;
     position: absolute;
     transform: translate(10rem, 4rem);
     opacity: 0.4;
     mix-blend-mode: luminosity;
 }

 .session ._right {
     width: 42px;
     height: auto;
     mix-blend-mode: screen;
     position: absolute;
     right: 10rem;
     top: 16rem;
     opacity: 0.4;
     mix-blend-mode: luminosity;
 }

 .session .content {
     position: relative;
     padding-top: 3rem;
 }

 .session .content .sub-heading {
     color: #363636;
     text-align: center;
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
     line-height: 52px;
     letter-spacing: -0.72px;
     margin-bottom: 0;
 }

 .session .content .heading {
     color: #363636;
     font-size: 40px;
     text-align: center;
     font-style: normal;
     font-weight: 800;
     line-height: 52px;
     letter-spacing: -1.2px;
     margin-bottom: 18px;
 }

 .session .content .subtext {
     color: #3C3B3B;
     text-align: center;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     letter-spacing: -0.42px;
     margin-bottom: 28px;
 }

 .session .content .bookbtn {
     color: #FFF;

     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     letter-spacing: -0.48px;
     display: flex;
     width: 268px;
     height: 49px;
     padding: 12.432px;
     justify-content: center;
     align-items: center;
     gap: 12.432px;
     flex-shrink: 0;
     border-radius: 79.568px;
     box-shadow: -1px 12px 54px 0px #b441c394;
     background: var(--TGIMF---NY-Accent-1, linear-gradient(90deg, #C743D5 0%, #513767 100%));
     margin: auto;
 }

 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;
 }

 .modal .modal-dialog {
     width: 100%;
     height: 100%;
     max-width: 100%;
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .modal .modal-dialog .modal-content {
     width: 920px;
     height: auto;
     margin: auto;
     border-radius: 8px !important;
 }

 .modal .modal-dialog .modal-content .modal-body {
     padding: 32px 52px;
 }

 .modal .modal-dialog .modal-content .modal-body .close {
     position: absolute;
     left: auto;
     right: 16px;
     top: 12px;
     z-index: 9;
 }

 .modal .modal-dialog .modal-content .heading {
     color: #404040;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     text-align: center;
     line-height: 164%;
     letter-spacing: -0.6px;
     margin-bottom: 2.5rem;
 }

 .modal .modal-dialog .modal-content .mauticform-innerform {
     width: 100%;
     margin: auto;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper {
     width: 100%;
     display: flex !important;
     flex-wrap: wrap;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .left {
     position: relative;
     padding-right: 2.5rem;
     width: 50%;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .left::before {
     content: '';
     background: #C3C3C3;
     width: 1px;
     height: 100%;
     display: block;
     position: absolute;
     left: auto;
     right: 0;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .right {
     position: relative;
     padding-left: 2.5rem;
     width: 50%;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .mauticform-label {
     color: #323131;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     letter-spacing: -0.42px;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .label {
     color: #323131;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     letter-spacing: -0.42px;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .fpcmsg {
     border-radius: 8px;
     background: #FFFAED;
     display: block;
     padding: 10px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     color: #767676;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 148%;
     margin-top: 12px;
     margin-bottom: 0;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .mauticform-selectbox,
 .mauticform-input,
 .mauticform-textarea {
     border-radius: 4px !important;
     border: 1px solid #F6F6F6 !important;
     background: #F9F9F9 !important;
     height: 40px;
     color: #3B3B3B;

     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: -0.42px;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .sendotp {
     position: relative;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .sendotp #send_otp {
     background: var(--bg);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: 14px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: -0.42px;
     padding: 0;
     position: absolute;
     bottom: 10px;
     left: auto;
     right: 12px;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .editnumberbox .btn {
     background: var(--bg);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: 14px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: -0.42px;
     padding: 0;
     position: absolute;
     bottom: 10px;
     left: auto;
     right: 12px;
     margin: 0;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .mauticform-errormsg {
     font-size: 12px;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .mauticform-labels {
     color: #585858;

     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: -0.3px;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .mauticform-labels a {
     color: #585858;

     font-style: normal;
     font-weight: 600;
     line-height: normal;
     letter-spacing: -0.3px;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .mauticform-labels .mauticform-checkboxgrp-checkbox {
     margin-right: 6px;
     position: relative;
     top: 3px;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .mauticform-button-wrapper {
     margin: 0;
     width: 100%;
     text-align: center;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .mauticform-button-wrapper .btn {
     width: 168px;
     height: 42px;
     border-radius: 50px;
     background: var(--bg);
     color: #FFF;

     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     letter-spacing: -0.42px;
 }

 .modal .modal-dialog .modal-content .mauticform-page-wrapper .mauticform-button-wrapper .btn[disabled] {
     background: #E4E4E4 !important;
 }

 .thank-you {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     background: #fff;
     text-align: center;
     display: none;
 }

 .thank-you .checkbox {
     color: #333;
     text-align: center;
     font-size: 20px;
     font-style: normal;
     font-weight: 800;
     line-height: 30px;
 }

 .thank-you .checkbox strong {
     display: block;
     font-size: 2rem;
 }

 .thank-you .message {
     color: #7D7D7D;
     text-align: center;

     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 33px;
     margin-bottom: 0px;
 }

 .desk {
     display: none;
 }

 /* spin widget  */
 .spinwidget {
     position: fixed;
     top: auto;
     left: auto;
     right: 0%;
     bottom: 0%;
     width: 150px;
     /* height: 150px; */
     text-align: center;
     z-index: 99;
 }

 .spinwidget .label {
     width: 90px;
     margin: auto;
     transform: translate(0px, 4px);
 }

 .spinwidget .wheel {
     width: 132px;
     height: auto;
 }

 .spinwidget .spin-btn {
     border: 0;
     background: transparent;
     transform: translate(0rem, -2rem);
     width: 74px;
     cursor: pointer;
     outline: none !important;
 }

 .spinwidget .spin-btn img {
     width: 100%;
 }

 /* spin widget  */