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


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

 main {
     position: relative;
 }

 .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: 580px;
 }

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

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

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

 .banner .content .text {
     color: #222;
     font-family: Montserrat;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 28px;
     letter-spacing: -0.48px;
     margin-bottom: 2rem;
 }

 .banner .ul {
     display: flex;
     gap: 2rem;
     overflow-x: hidden;
     overflow-y: hidden;
     min-height: 30rem;
     list-style: none;
     flex-direction: column;
     height: 580px;
     padding: 8px;
     margin: 0;
 }

 .banner .product-cards {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     /* padding: 2rem; */
     width: 100%;
     /* height: 250px; */
     border-radius: 8px;
     /* background: #0A0A0A; */
     box-shadow: -1px 0px 9px 0px rgba(129, 90, 4, 0.44);
 }

 .banner .product-card-img {
     display: flex;
     align-items: flex-start;
     justify-content: center;
     flex-direction: column;
 }

 .banner .product-card-img img {
     border-radius: 10px;
     width: 48px;
     height: 48px;
     object-fit: contain;
 }

 .banner .product-card-img .text {
     color: #908D8D;
     font-family: "SFPRODISPLAYREGULAR";
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
     margin-bottom: 24px;
 }

 .banner .content .element {
     position: relative;
     width: 100%;
     display: flex;
     list-style: none;
     margin: 0;
 }

 .banner .content .element::before {
     content: '';
     width: 75%;
     height: 1px;
     background: 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%);
     position: absolute;
     top: 12px;
 }

 .banner .content .element li {
     position: relative;
     width: 145px;
 }

 .banner .content .element li:nth-child(1) {
     width: 100px;
 }


 .banner .content .element .number {
     position: relative;
     display: flex;
     width: 24px;
     height: 24px;
     padding: 10px;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 10px;
     border-radius: 63px;
     background: var(--bg);
     color: #FFF;
     font-size: 10px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: -0.3px;
 }

 .banner .content .element .txt {
     color: #3B3B3B;
     font-size: 11px;
     font-style: normal;
     font-weight: 500;
     line-height: 20px;
     letter-spacing: -0.36px;
     display: block;
 }

 .banner .content .btn-wrapper {
     width: fit-content;
     text-align: center;
     padding-top: 0px;
 }

 .banner .content .btn {
     border-radius: 79.568px;
     background: var(--bg);
     display: flex;
     width: 204px;
     height: 49px;
     padding: 12px;
     justify-content: center;
     align-items: center;
     gap: 12px;
     color: #FFF;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     letter-spacing: -0.48px;
 }

 .banner .content .subtxt {
     color: #888;
     font-size: 10px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     letter-spacing: -0.3px;
 }

 .banner .content .ganesha {
     position: relative;
     z-index: 1;
     display: flex;
     justify-content: end;
     align-items: end;
     transform: translate(0px, 10.75rem);
 }

 .banner .content .ganesha .ganeshaimg {
     width: 320px;
     position: absolute;
     left: 0;
 }

 .banner .content .ganesha .ganeshaimgmob {
     display: none;
 }

 .banner .content .ganesha .digital {
     background: #FFF;
     box-shadow: 0px 0px 4.9px -1px rgba(109, 75, 9, 0.85);
     width: 328px;
     height: 130px;
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 15px;
 }

 .banner .content .ganesha .digital .digit {
     border-radius: 47px;
     background: #F7F5F6;
     box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
     width: 185px;
     height: 34px;
     margin: 0;
     text-align: center;
     font-size: 23.251px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     letter-spacing: -0.438px;
     background: var(--bg);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     letter-spacing: 12px;
     padding: 3px;
     padding-left: 10px;
 }

 .banner .content .ganesha .digital .text {
     color: #2D2D2D;
     text-align: center;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 159.72%;
     margin: 0;
     /* 19.166px */
 }

 .banner .content .ganesha .digital .text .link {
     background: var(--bg) !important;
     background-clip: text !important;
     -webkit-background-clip: text !important;
     -webkit-text-fill-color: transparent !important;
     font-size: 12px !important;
     font-style: normal !important;
     font-weight: 600 !important;
     line-height: 159.72% !important;
     text-decoration-line: underline !important;
     padding: 0 !important;
 }

 .banner-wrapper {
     position: relative;
     max-width: 1920px;
     margin: auto;
     overflow: hidden;
     padding: 20px 0px 28px;
     background: var(--bg);
 }

 .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-wrapper .listing {
     list-style: none;
     width: 100%;
     position: relative;
     display: flex;
     justify-content: space-between;
     margin: 0;
     padding: 0;
 }

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

 .banner-wrapper .listing li .text {
     color: #EFEFEF;
     text-align: center;
     font-size: 16.443px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: -0.329px;
 }

 .banner-wrapper .listing li .subtext {
     color: #EFEFEF;
     text-align: center;
     font-size: 11.322px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: -0.226px;
 }

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

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

 .prosperity .content .heading {
     color: #363636;
     text-align: center;
     font-family: Montserrat;
     font-size: 32px;
     font-style: normal;
     font-weight: 800;
     line-height: 144%;
     margin-bottom: 4rem;
     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: #8A8A8A;
     text-align: center;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     letter-spacing: -0.48px;
 }

 .prosperity .wrapper {
     position: relative;
     width: 100%;
     padding: 36px 48px;
     border-radius: 16px;
     background: #F7F7F7;
     margin-top: 40px;
 }

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

 .prosperity .wrapper .cards .box .heading {
     color: #545454;
     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;
 }

 .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-family: Montserrat;
     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-family: Montserrat;
     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;
     overflow: hidden;
     padding: 44px 0px;
     background: url('../images/wishes_bg.png') no-repeat;
     background-position: top center;
     background-size: cover;
     height: 380px;
 }

 .session::before {
     content: '';
     background: linear-gradient(95deg, #000 -13.63%, rgba(46, 46, 46, 0.00) 105.93%);
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
 }

 .session .content {
     position: relative;
     z-index: 6;
     padding-top: 12rem;
 }

 .session .wishes {
     position: absolute;
     top: 0;
     left: auto;
     right: 0;
     height: 100%;
     z-index: 6;
 }

 .session .wishes2 {
     display: none;
 }

 .session .content .heading {
     color: #FFF;
     font-size: 28px;
     font-style: normal;
     font-weight: 800;
     line-height: 48px;
     letter-spacing: -1.08px;
     margin-bottom: 1rem;
 }

 .session .content .heading2 {
     color: #FFF;
     font-size: 38px;
     font-style: normal;
     font-weight: 800;
     line-height: 48px;
     letter-spacing: -1.08px;
     margin-bottom: 1rem;
 }

 .session .content .text {
     color: #E5E5E5;
     font-family: Montserrat;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     letter-spacing: -0.42px;
     margin-bottom: 2.5rem;
 }

 .session .content .btn {
     border-radius: 79.568px;
     border: 1.243px solid var(--Grad-3, #FF3C34);
     background: var(--bg);
     display: flex;
     width: 268px;
     height: 49px;
     padding: 12.432px;
     justify-content: center;
     align-items: center;
     gap: 12.432px;
     color: #FFF !important;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     letter-spacing: -0.48px;
 }

 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;
     border: 1px solid #F6F6F6 !important;
     background: #F9F9F9 !important;
     height: 40px;
     color: #3B3B3B;
     font-family: Montserrat;
     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-family: Montserrat;
     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-family: Montserrat;
     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-family: Montserrat;
     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-family: Montserrat;
     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;
     padding: 15px 34px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     opacity: 0;
     visibility: hidden;
     z-index: 2;
     background: #FFF;
 }

 .form .thankyou img {
     width: 114px;
     margin: 0 auto 25px;
 }

 .form .thankyou .heading {
     text-align: center;
     font-size: 32px;
     font-style: italic;
     font-weight: 500 !important;
     /* background: var(--bg);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent; */
     line-height: 150%;
     margin-bottom: 24px !important;
 }

 .form .thankyou .text {
     color: #3B3B3B;
     text-align: center;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
     width: 80%;
     margin: 0;
     /* 171.429% */
     /* 214.286% */
 }

 .desk {
     display: none;
 }