:root {
  /* colors */

  /* not changing this for now as it is being used in a lot of places currently */
  --primary-color: #144835;
  --white-color: #ffffff;
  --black-color: #000000;

  --green-lightest-2: #e7f4ed;
  --chalk-white: #fafafa;
  --white01: #ecf0ef;

  --blue-secondary-light: #558fe5;

  --black01: #0000001A;
  --black02: #101012;
  --black03: #28292D;

  --orange01: #ffe5db;
  --orange05: #ff7f4c;
  --orange06: #DE5E2B;
  --orange09: #efd9d7;

  --yellow01: #f59d33;

  --magenta01: #f5e4ff;
  --magenta03: #d8aaf3;
  --magenta04: #ca9ce5;
  --magenta07: #764891;
  --magenta08: #582A73;
  --magenta10: #e8e1ee;
  --magenta11: #EBD2FF;
  
  --grey01: #F6F6F6;
  --grey02: #ECECEC;
  --grey03: #D9D9D9;
  --grey04: #c6c6c6;
  --grey05: #b2b2b2;
  --grey06: #9f9f9f;
  --grey07: #7f7f7f;
  --grey08: #5e5e5e;
  --grey09: #202020;
  --grey10: #5E5E5E14;
  --grey11: #4D4F56;
  --grey12: #38393d;
  --grey13: #B9BABD;
  --grey14: #505259;

  --grey200: #DCDCDE;
  --grey700: #34353A;

  
  --green01: #D7F4E9;
  --green02: #AFE9D4;
  --green05: #37c893;
  --green07: #217858;
  --green05: #37c893;
  --green06: #2CA076;
  --green10: #BEF5C3;

  --error01: #d6273c;

  --transparent01: #0000000D;

  /* font size */
  --body-font-size: 16px;

  /* line height */
  --body-line-height: 24px;

  /* font weight */
  --font-weight-regular: 350;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

}

body {
  overscroll-behavior: none;
  font-weight: var(--font-weight-semibold);
}

.text-black {
  color: black !important;
}

.text-justify {
  text-align: justify !important;
}

.text-center {
  text-align: center !important;
}

.marginTop0px {
  margin-top: 0px !important;
}

.font-14 {
  font-size: 14px;
}

.font-15 {
  font-size: 15px;
}

.fontWeightSemibold {
  font-weight: var(--font-weight-semibold);
}

.color-chalk-white {
 color: var(--white-color) !important;
}

.primaryColorBg {
  background: var(--primary-color);
}

.primaryColor {
  color: var(--primary-color);
}

.p0 {
  padding: 0px !important;
}

.p20 {
  padding: 20px !important;
}

.p40 {
  padding: 40px !important;
}

.p20-top {
  padding-top: 20px !important;
}

.padding16 {
  padding: 16px !important;
}

.padding11 {
  padding: 11px;
}

.padding12 {
  padding: 12px;
}

.padding32 {
  padding: 32px;
}

.paddingInline16 {
  padding: 0 16px;
}

.paddingLeft16 {
  padding-left: 16px;
}

.paddingLeft28 {
  padding-left: 28px;
}

.paddingTop0 {
  padding-top: 0px !important;
}

.w100 {
  width: 100%;
}

.w-600 {
  width: 600px;
}

.w-700 {
  width: 700px;
}

.h70 {
  height: 70vh;
}

.h-100 {
  height: 100%;
}

.marginTop0 {
  margin-top: 0px !important;
}

.marginTop32 {
  margin-top: 32px;
}

.margin24 {
  margin: 24px;
}

.margin0 {
  margin: 0px !important;
}

.marginBottom2 {
  margin-bottom: 2px;
}

.marginBottom8 {
  margin-bottom: 8px;
}

.marginBottom10 {
  margin-bottom: 10px;
}

.marginBottom12 {
  margin-bottom: 12px;
}

.marginBottom16 {
  margin-bottom: 16px;
}

.marginBottom20 {
  margin-bottom: 20px;
}

.marginBottom24 {
  margin-bottom: 24px;
}

.marginBottom32 {
  margin-bottom: 32px;
}

.marginTop12 {
  margin-top: 12px;
}

.marginBlock0 {
  margin-block: 0px !important;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-block-auto {
  margin-block: auto;
}

.margin-block-auto {
  margin-block: auto;
}

.marginInlineAuto {
  margin-inline: auto;
}

.overflowHidden {
  overflow: hidden !important;
}

.displayNone {
 display: none;
}

.displayBlock {
  display: block;
}

.displayGrid {
  display: grid;
}

.displayFlexDesktop {
 display: flex !important;
}

.displayDesktop {
  display: block !important;
}

.displayMobile {
  display: none !important;
}

.displayGridMobile {
  display: none !important;
}

.displayGridDesktop {
  display: grid !important;
}

.displayBlockMobile {
  display: none !important;
}

.displayBlockDesktop {
  display: block !important;
}

.displayFooterGridMobile {
  display: none !important;
}

.displayFooterGridDesktop {
  display: grid !important;
}

.positionRelative {
  position: relative;
}

/*Grid Styles*/
.mainContainer {
  display: grid;
}

.gridContainer {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.fullRowClass {
  display: grid;
  grid-column-end: span 12;
}

.colspan-xl-1-7 {
  display: grid;
  grid-column-start: 1;
  grid-column-end: span 7;
}

.colspan-xl-8-12 {
  display: grid;
  grid-column-start: 8;
  grid-column-end: span 5;
}

.colspan-xl-1-6 {
  display: grid;
  grid-column-start: 1;
  grid-column-end: span 6;
}

.colspan-xl-1-5 {
  display: grid;
  grid-column-start: 1;
  grid-column-end: span 5;
}

.colspan-xl-1-4 {
  display: grid;
  grid-column-start: 1;
  grid-column-end: span 4;
}

.colspan-xl-1-3 {
  display: grid;
  grid-column-start: 1;
  grid-column-end: span 3;
}

.colspan-xl-4-6 {
  display: grid;
  grid-column-start: 4;
  grid-column-end: span 3;
}

.colspan-xl-5-8 {
  display: grid;
  grid-column-start: 5;
  grid-column-end: span 4;
}
.colspan-xl-9-12 {
  display: grid;
  grid-column-start: 9;
  grid-column-end: span 4;
}

.colspan-xl-5-12 {
  display: grid;
  grid-column-start: 5;
  grid-column-end: span 8;
}

.colspan-xl-6-11 {
  display: grid;
  grid-column-start: 6;
  grid-column-end: span 6;
}

.colspan-xl-6-12 {
  display: grid;
  grid-column-start: 6;
  grid-column-end: span 7;
}

.colspan-xl-7-12 {
  display: grid;
  grid-column-start: 7;
  grid-column-end: span 6;
}

.colspan-xl-1-2 {
  display: grid;
  grid-column-start: 1;
  grid-column-end: span 2;
}

.colspan-xl-3-4 {
  display: grid;
  grid-column-start: 3;
  grid-column-end: span 2;
}

.colspan-xl-5-6 {
  display: grid;
  grid-column-start: 5;
  grid-column-end: span 2;
}

.colspan-xl-7-8 {
  display: grid;
  grid-column-start: 7;
  grid-column-end: span 2;
}

.colspan-xl-9-10 {
  display: grid;
  grid-column-start: 9;
  grid-column-end: span 2;
}

.colspan-xl-11-12 {
  display: grid;
  grid-column-start: 11;
  grid-column-end: span 2;
}

.alignItemsEnd {
  justify-content: end;
}

/* DUPLICATE */
.h100px {
  height: 100px !important;
}

.p-none {
  padding: 0px !important;
}

/* Navbar styles */
/*

.mv-logo {
  width: 205px;
  height: 48px;
}


.navbar-menu-section{
  width: max-content;
  justify-self: flex-end;
}

.navbar-light .navbar-toggler-icon {
  background-image: none;
}

.navbar-collapse {
  align-items: unset;
}

.navbar-custom {
  background-color: var(--white-color);
  align-items: unset;
  border-bottom: 1px solid var(--black01);
  padding: 0px;
}

.navbar-custom a {
  color: var(--primary-color);
  font-weight: var(--font-weight-regular);
  font-size: 16px;
  line-height: 28px;
}

.navbar-custom a:hover {
  color: var(--primary-color);
  font-size: 16px;
}

.navbar-custom li {
  height: 100% !important;
}

.navbar-custom ul {
  padding: 0px !important;
}

.navbar-brand-container {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 16px
}

.navbar-utm-logo {
  aspect-ratio: 7.75;
  max-height: 48px;
}


.navbar-brand-divider {
  width: 1px;
  height: 32px;
  background: #00000033;
}

.navbar-brand {
  padding-bottom: 12px;
  padding-top: 0px;
  margin-right: 0px;
}

.navbar-light .navbar-nav .nav-link {
  color: var(--primary-color);
}

.navbar-light .navbar-nav .show > .nav-link {
  color: var(--primary-color);
}

.nav-link {
  padding: 12px 20px !important;
  display: flex;
  color: var(--primary-color);
}

.nav-link:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.nav-link.active {
  border-bottom: 2px solid var(--primary-color) !important;
  font-weight: var(--font-weight-semibold);
  margin-bottom: -2px;
}

.nav-link.active + div.dropdown-menu {
  margin: 4px 0 0 !important;
}

.sign-in {
  padding-bottom: 8px;
  padding-left: 44px;
}

.sign-in a {
  display: block;
  height: 40px !important;
  width: 160px !important;
  border: 1.5px solid var(--primary-color) !important;
  border-radius: 8px;
  color: var(--primary-color) !important;
  font-size: var(--body-font-size) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--body-line-height) !important;
  text-align: center;
  padding: 8px 0px !important;
  text-decoration: none;
}

.dropdown-menu {
  margin: 0px 0 0 !important;
  box-shadow: 0px 12px 36px rgba(0, 0, 0, 0.16) !important;
  border-radius: 12px !important;
  border: none !important;
}

.dropdown-menu a {
  color: #565378 !important;
  font-size: 14px !important;
  font-weight: var(--font-weight-regular);
  line-height: var(--body-line-height) !important;
}

.dropdown-menu a:hover {
  background: var(--green01);
  color: var(--primary-color)
}

.dropdownItem_padding {
  padding: 8px 23px;
  background-color: var(--white-color);
}

.menu-fa-icons {
  font-size: 24px;
  vertical-align: middle;
  margin-left: 15px;
  color: #a7a7a7;
  line-height: 24px !important;
}

.dropdown > a[aria-expanded="true"] .fa-angle-down {
  display: none;
}

.dropdown > a[aria-expanded="false"] .fa-angle-up {
  display: none;
}
*/

.accordion .card-header > a[aria-expanded="true"] .fa-angle-down {
  display: none;
}

.accordion .card-header > a[aria-expanded="false"] .fa-angle-up {
  display: none;
}

button:focus {
  outline: none;
}

/* Accordion & FAQ */
.card {
  border: none;
  background-color: var(--white-color);
  border-bottom: 1px solid rgba(234, 234, 234, 1);
}

.faqCard {
  border-bottom: 1px solid rgba(234, 234, 234, 1) !important;
  padding-block: 16px;
}

.card-header {
  border-top: 1px solid rgba(234, 234, 234, 1);
  border-bottom: 1px solid rgba(234, 234, 234, 1);
  background-color: var(--white-color);
  padding-left: 5px;
}

.card-header a {
  color: var(--primary-color);
  padding: 5px 0px;
  font-weight: var(--font-weight-semibold) !important;
  letter-spacing: 0px;
  font-size: 15px;
  text-transform: capitalize !important;
  width: 100%;
  text-align: left;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

.card-header a:hover {
  color: var(--primary-color) !important;
}

.card-header a.collapsed {
  color: var(--black-color);
}

.card-body {
  padding: 10px 5px !important;
}

.faqCardHeader {
  border-top: 0px !important;
  border-bottom: 0px !important;
  padding: 0px;
  padding-left: 0px !important;
}

.faqCardHeader a {
  padding: 0px !important;
  text-transform: none !important;
  display: flex;
  justify-content: space-between;
}

.faqCardHeaderText {
  color: var(--grey09) !important;
  font-size: 14px !important;
  font-weight: var(--font-weight-semibold) !important;
  line-height: 20px !important;
  letter-spacing: 0px !important;
}

.faqCardHeader a.collapsed {
  color: var(--grey09);
}

.faqCardBody {
  padding: 0px !important;
  padding-top: 16px !important;
  color: var(--grey07);
  font-size: 12px;
  font-weight: 350;
  line-height: 20px;
}

.faqPoints strong{
  color: var(--black-color) !important;
  font-weight: var(--font-weight-regular) !important;
}

.moreFaqButton {
  color: var(--primary-color) !important;
  text-decoration: underline !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.accordionHeader {
  background: #f1f1f1;
  border: 0px solid var(--black-color);
  padding: 0 1.25rem 0 16px !important;
}

.accordionCard {
  margin: 2rem 0;
  border: 3px solid #f1f1f1;
}

.accordionText {
  font-size: 22px !important;
  font-weight: var(--font-weight-bold) !important;
}

.marginLeft8 {
  margin-left: 8px;
}

.errorLinks {
  color: #558fe5;
  font-weight: var(--font-weight-regular);
  font-size: 12px;
  line-height: 18px;
}

.sidebarMenuIcons {
  display: none;
}

/* Bottom Sheet */

.bottom-sheet-text {
  color: #28292d;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  line-height: 24px;

  margin-bottom: 12px;
}

.bottom-most-banner-input-container {
  position: relative;
}

.bottom-most-banner-input-container .country_code {
  position: absolute;
  color: var(--grey07);
}

.bottom-most-banner-input-container .consent {
  font-weight: var(--font-weight-regular);
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.5px;
  color: var(--white-color);
  padding-block: 12px;
  margin-bottom: 0px !important;
}

.input_style {
  height: 56px !important;
  background: var(--white-color) !important;
  color: var(--black-color);
  border: 1px solid var(--grey05);
  font-size: 16px !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: 24px !important;
  width: 100%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.bottom-most-banner-input {
  padding: 16px 0px 16px 50px;
}

.bottom_sheet_verify_otp_lead_gen_input {
  padding: 20px;
}

.bottom-sheet {
  position: sticky !important;
  bottom: 0;
  width: 100% !important;
  z-index: 6;
  margin: 0px !important;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: #ffe5db !important;
  border-top: 2px solid white;
  padding: 16px 24px !important;

  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.bottom-sheet-btn-style {
  color: white;
  background-color: var(--primary-color);
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  line-height: 20px;
  border-radius: 4px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  padding: 18px 12px;
  border: none;
}

.bottom-sheet-btn-style:disabled {
  background-color: #144835 !important;
  opacity: 0.8 !important;
  color: #ffffff !important;
}

.bottom-sheet-btn-text-style {
  color: var(--white-color) !important;
  padding: 0px !important;
  margin: 0px !important;
}

.generate_otp_message {
  font-weight: var(--font-weight-regular);
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.3px;
  min-height: 20px;
  text-align: left;
}

.form-check-input {
  position: unset;
  height: 24px;
  width: 24px;
  margin-top: 0px;

  /* fix for checkbox check once should not affect login or credit tracker screen */
  margin-left: 0;
  flex: 0 0 auto;
  border-radius: 4px !important;
}

.form-check-input:checked {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1em;
  appearance: none;
}

.form-check-input:checked[type="checkbox"] {
  background-image: url("https://moneyview.in/images/ic-checkboxTick.svg");
}

.form-check-input:checked[type="radio"] {
  background-image: url("https://moneyview.in/images/ic-checkboxTick.svg");
}

.form-check-input[type="checkbox"]:indeterminate {
  background-image: url("https://moneyview.in/images/ic-checkboxTick.svg");
}

.form-check-input:focus {
  box-shadow: none;
  border-color: #5fd3a9;
}

.form-check-input:checked {
  background-color: #144835;
  border-color: #144835;
}

.bottom-most-banner-consent-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}

.bottom-most-banner-consent-text,
.bottom-most-banner-consent-text a {
  color: var(--grey07);
  font-size: 12px;
  font-weight: 350;
  line-height: 20px;
  letter-spacing: 0.3px;
  margin: 0;
}

.bottom-most-banner-consent-text a {
  margin-left: 0px;
  font-weight: var(--font-weight-regular);
  text-decoration: underline !important;
}

.bottom_sheet_verify_otp_wrap {
  display: flex;
  margin-bottom: 6px;
}

.bottom_sheet_verify_otp_container {
  display: flex;
  flex-direction: column;
}

.verify_otp_message_container {
  display: flex;
  justify-content: space-between;
  padding: 4px 0px 0px;
}

.verify_otp_mobile_number_container {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.edit_mobile_number_text {
  font-size: 14px;
  font-weight: 350;
  line-height: 24px;
}

.edit_mobile_number {
  font-weight: var(--font-weight-regular);
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.3px;
  padding-inline: 0px !important;
  color: var(--primary-color);
}

.text-button-link {
  width: fit-content;
  outline: none !important;
  background-color: transparent !important;
  border: none !important;
}

.text-button-link:disabled {
  background-color: transparent !important;
  border: none !important;
  color: var(--grey05) !important;
}

.bottom_sheet_verify_otp_lead_gen_btn:disabled {
  background: var(--primary-color);
  opacity: 0.8 !important;
  color: var(--white-color) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.continueAppButton {
  width: 100%;
  padding: 18px 24px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
  background: var(--primary-color);
  color: var(--white-color);
  border: none;
}

.stickyButtonFont {
  font-size: 20px !important;
}

.welcomeBackText {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: var(--grey09);
  margin-bottom: 16px;
}

.error_border {
  border: 2px solid var(--error01) !important;
}

.input_error_text {
  font-weight: var(--font-weight-regular);
  font-size: 14px;
  line-height: 24px;
  color: var(--error01);
  margin-top: 0px;
  padding-top: 0px;
}

.display_none {
  display: none !important;
}

.display_none_non_important {
  display: none;
}

.display_block {
  display: block !important;
}

.color-blue-secondary-light {
  color: var(--blue-secondary-light) !important;
}

.color-green-primary {
  color: var(--primary-color) !important;
}

.bgColor-green-primary {
  background: var(--primary-color) !important;
}

.message_container {
  display: grid;
  grid-column-end: span 12;
  margin-bottom: 0px;
}

.color-white {
  color: var(--white-color);
}

/* used in many pages */
.desktop {
  display: flex;
}

.mobile {
  display: none;
}

.selected {
  background-color: var(--primary-color) !important;
  color: var(--chalk-white) !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]:focus {
  outline: none;
}

/* Popup Banner */

.popupModal {
  overflow: hidden !important;
  height: fit-content;
  z-index: 100002;
}

.popupBanner {
  max-width: 100%;
  height: auto;
  border-radius: 24px !important;
  padding: 5px;
}

.closeButton {
  position: absolute;
  right: 32px;
  top: 40px;
  font-weight: var(--font-weight-regular);
  font-size: 2rem;
  color: var(--grey07) !important;
}

.closePopup {
  position: absolute;
  right: 12px !important;
  top: 12px !important;
}

.campaignPopup {
  text-align: center;
  border-radius: 24px;
}

.modal-backdrop {
  z-index: 100001;
}

.getInstantlyButton {
  background: var(--primary-color);
  height: 56px;
  padding: 16px 24px 16px 24px;
  border-radius: 12px;
  color: var(--white-color);
  border: none;
  text-align: center;
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  line-height: 24px;
  letter-spacing: 0px;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
}

.getInstantlyButton:disabled {
  opacity: 0.5;
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
  border: none !important;
}

.noThanksButton {
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: var(--grey07);
  height: 56px;
  background: var(--white-color);
  border: none;
  opacity: unset;
}

.popupInput {
  height: 64px;
  border: 1px solid var(--grey05);
  border-radius: 12px;
}

.exitPopupImage {
  width: -webkit-fill-available;
}

.popupLoginModal {
  padding: 24px;
  flex-flow: column;
  margin: 0px;
  gap: 16px;
  justify-content: center;
}

.popupModalDialog {
  max-width: 480px;
  position: relative;
  width: 100%;
  margin-inline: auto;
}

/* Common Styles */
.main {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 40px;
}

/* Element styles */
a {
  color: var(--primary-color);
  font-size: 14px;
  text-decoration: none !important;
}

a.active {
  color: var(--primary-color) !important;
  border-bottom: 8px solid var(--primary-color) !important;
}

a:hover {
  color: var(--primary-color);
  text-decoration: none !important;
}

.spaceBetween {
  display: flex;
  justify-content: space-between;
}

.spaceBetweenColumnWise {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.productCardContainer {
  background-color: var(--grey01);
  border-radius: 8px;
  margin-bottom: 20px;
  align-content: space-between;
}

.productSectionCardHeader {
  padding: 32px 32px 0 32px;
  color: var(--grey09);
  font-size: 20px;
  font-weight: var(--font-weight-semibold);
  line-height: 28px;
  text-align: center;
  margin-bottom: 0px;
}

.faqLandingPageHeading {
  color: var(--grey09);
  font-size: 28px;
  font-weight: var(--font-weight-bold);
  line-height: 42px;
  margin-bottom: 16px;
}

.applyNewGridForStickyfooter {
  display: grid;
  grid-column-start: 2;
  grid-column-end: 12;
}

/*Common Styles*/
.paddingRight0 {
  padding-right: 0px !important;
}

.faqSecContainer {
  margin-bottom: 72px !important;
}

.productChip {
  color: var(--white-color);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  padding: 4px 6px 4px 6px;
  margin-left: 6px;
  background-color: var(--grey12);
  border-radius: 4px;

  vertical-align: text-bottom;
}

/* move it in commonStyle, In future, New page also wanted verified screen */
.verified_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.verified_bottom_sheet_text {
  color: var(--black-color);
  font-size: 20px;
  font-weight: var(--font-weight-semibold);
  line-height: 24px;
}

.verified_bottom_sheet_desc {
  color: var(--grey07);
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  line-height: 24px;
}

.verifyBtnCustom {
  padding: 16px 24px;
}

.verified_success_btn {
  color: var(--white-color);
  background-color: var(--primary-color);
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  line-height: 20px;
  border-radius: 4px;
  border: none;
}

.productSectionHeading {
  color: var(--grey09);
  font-size: 28px;
  font-weight: var(--font-weight-bold);
  line-height: 42px;
}

.scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 202px;
  right: 24px;
  padding: 8px;
  z-index: 1000;
  background-color: var(--green01);
  border: none;
  border-radius: 50%;
  cursor: pointer;
}

.scrollToTopBtn.show {
  display: block;
}

.navItemOnlyDesktop {
  display: none;
}

.whiteSpaceNoWrap{
  white-space: nowrap;
}

.navLapDisplayStyle{
  display: flex;
}