:root {
  --color-one: #006870;
  --color-two: #008892;
  --font-size: 1rem;
}

body {
  font-family: Montserrat;
}

.bg-color-one {
  background-color: var(--color-one) !important;
}

.bg-color-two {
  background-color: var(--color-two) !important;
}

.text-color-one {
  color: var(--color-one) !important;
}

.text-color-two {
  color: var(--color-two) !important;
}

.bg-nav {
  background-color: #f1f7f8;
}

.py-28 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-28 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.py-32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-32 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.p-32 {
  padding: 2rem;
}

.gap-32 {
  gap: 2rem;
}

.gx-32 {
  --bs-gutter-x: 2rem !important;
}

.gy-32 {
  --bs-gutter-y: 2rem !important;
}

.carousel-item.active {
  display: flex;
  justify-content: center;
}

/* #send-otp-form input, #receive-otp-form input, #send-otp-form select, #receive-otp-form select{
  background-color: var(--bs-body-bg);
} */

#send-otp-form .form-floating-2,
#receive-otp-form .form-floating-2 {
  background-color: var(--bs-body-bg);
}

@media (min-width: 567px) {
  .w-sm-25 {
    width: 25% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-100 {
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-100 {
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-100 {
    width: 100% !important;
  }
}

.bg-crystal {
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.4);
}

#header .nav-link.active {
  color: var(--color-one);
}

#right-slider a.active {
  color: var(--color-one);
}

#admin-app-link:hover,
#admin-app-link-mobile:hover {
  color: var(--color-one);
}

.icon-external {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  background-color: currentColor;
  -webkit-mask: url(/images/icons/open-in-new.svg) no-repeat center / contain;
  mask: url(/images/icons/open-in-new.svg) no-repeat center / contain;
  vertical-align: -0.15em;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #f1f7f8;
  border-radius: 0;
  color: var(--bs-dropdown-link-color);
}

.cursor-pointer {
  cursor: pointer;
}

#hero-section {
  background-image: url(../images/backgrounds/home-page-bg-mobile.png);
  background-size: 100% 100%;
  /* position: fixed; */
  background: white;
  z-index: 10;
  transition: translate 1s ease-in-out;
}

.move-up {
  translate: 0 -100vh;
}

#clouds {
  display: none !important;
}

@media (min-width: 992px) {
  #hero-section {
    background-image: url(../images/backgrounds/home-page-bg.png);
    background-size: auto 100%;
  }

  #hero-section {
    background-repeat: no-repeat;
    background-position: right 0px top 0px;
    /* min-height:calc(100vh - ( max(1rem,calc(1vw * 0.0625 * var(--font-size) ) ) * 2 + max(0.875rem, 1.2vw * 0.0625 * var(--font-size) ) * 1.6 + max(max(0.875rem,1.2vw * 0.0625 * var(--font-size) ) * 0.6, 0.6rem) * 2 + var(--bs-border-width) * 2)); */

    top: 0;
    height: 100vh;
  }
}

.slide-left {
  transform: translateX(-75%);
  opacity: 0;
  filter: blur(5px);
}

.slide-left.visible {
  transform: translateX(0%);
  opacity: 1;
  filter: blur(0px);
}

.slide-right {
  transform: translateX(75%);
  opacity: 0;
  filter: blur(5px);
}

.slide-right.visible {
  transform: translateX(0%);
  opacity: 1;
  filter: blur(0px);
}

img.slide-left,
img.slide-right {
  transition: all 1s ease-out;
}

h1.slide-left,
h1.slide-right,
h3.slide-left,
h3.slide-right,
p.slide-left,
p.slide-right {
  transition: all 0.7s ease-out;
}

.spinner-box {
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  gap: 1rem;
  justify-content: space-around;
  align-items: center;
  border-radius: var(--bs-border-radius-xl);
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  padding: 2rem 1rem;
  background-color: var(--bs-body-bg);
  /* min-width: 240px; */
  width: fit-content !important;
}

.spinner-box:not(.show) {
  display: none !important;
}

.spinner-box .text-box {
  font-size: 1.2rem;
  font-weight: 500;
  max-width: 20ch;
  white-space: nowrap;
  white-space-collapse: break-spaces;
}

.spinner-mask {
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
}

/* label:not(.form-floating>label){
  color: #9E9F9F;
  font-family: Montserrat;
  font-size: max(0.75rem,1.5vw);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
} */

/* .form-floating>.form-select{
  padding-top: 1.625em;
  padding-bottom: 0.625em
}

.form-select{
  padding: .375em 2.25em .375em .75em;
}

.form-floating>label{
  padding: 1em 0.75em;
}

.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select{
  font-size: max(0.75rem,1.5vw);
  height: calc(3.5em + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5em + calc(var(--bs-border-width) * 2));
} */

.head-icon-1 {
  /* width: max(1.5rem, 2.2vw); */
  height: max(1.5rem, 1.8vw);
}

.head-icon-2 {
  width: 16px;
  height: 16px;
}

.head-icon-3 {
  width: max(1.5rem, 2vw);
  height: max(1.5rem, 2vw);
}

.head-icon-4 {
  width: max(2rem, 2vw);
  height: max(2rem, 2vw);
}

/* X logo is edge-to-edge with no padding in the source PNG, so shrink it
   visually inside the same bounding box to match the other social icons. */
.head-icon-4[src$="X.png"] {
  padding: 10%;
  box-sizing: border-box;
}

.heading-1 {
  color: var(--Black-100, #3E3E3E);
  /* Heading */
  font-family: Montserrat;
  /* font-size: max(1.75rem,2.8vw); */
  font-size: max(1.25rem, 2vw);
  font-style: normal;
  font-weight: 700;

  /* 133.333% */
  letter-spacing: 0.9px;
}

.heading-4 {
  color: var(--Black-100, #3E3E3E);
  /* Sub-heading */
  font-family: Montserrat;
  font-size: max(1.25rem, 1.25vw);
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
  /* 126.316% */
}

.heading-5 {
  color: var(--Black-100, #3E3E3E);
  /* Bold */
  font-family: Montserrat;
  font-size: max(0.875rem, 1.3vw);
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  /* 157.143% */
  letter-spacing: 0.7px;
}

.heading-3 {
  color: var(--Black-100, #3E3E3E);
  font-family: Montserrat;
  font-size: max(1.5rem, 1.5vw);
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  /* 78.571% */
  letter-spacing: 0.0875rem;
}

.heading-2 {
  color: var(--Black-100, #3E3E3E);
  font-family: Montserrat;
  font-size: max(1.75rem, 1.75vw);
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  /* 78.571% */
  letter-spacing: 0.0875rem;
}

.text-0 {
  color: var(--Black-80, #3e3e3e);
  /* Regular */
  font-family: Montserrat;
  /* font-size: max(1.25rem,1.7vw); */
  font-size: max(1.2rem, 1.2vw);
  /* 16px */
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  /* 157.143% */
  letter-spacing: 0.7px;
}

.text-1 {
  color: var(--Black-80, #3e3e3e);
  /* Regular */
  font-family: Montserrat;
  /* font-size: max(1.25rem,1.7vw); */
  font-size: max(1rem, 1.5vw);
  /* 16px */
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  /* 157.143% */
  letter-spacing: 0.7px;
}

.text-2 {
  color: var(--Black-80, #3e3e3e);
  /* Regular */
  font-family: Montserrat;
  font-size: max(1rem, 1.25vw);
  /* 18px */
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  /* 157.143% */
  letter-spacing: 0.7px;
}

.text-3 {
  color: var(--Black-80, #3e3e3e);

  /* Paragraph MOb */
  font-family: Montserrat;
  font-size: max(1.25rem, 1.2vw);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
  letter-spacing: 1px;
}

.black-2 {
  color: #3e3e3e;
}

.fw-lightbold {
  font-weight: 500 !important;
}

.nav-link {
  font-size: max(0.875rem, 0.9vw);
  color: var(--Black-100, #3E3E3E);
  --bs-navbar-nav-link-padding-x: max(0.5rem, 0.5em);
}

.header-dropdown .dropdown-item {
  font-size: max(0.875rem, 1.2vw) !important;
  font-size: max(0.8rem, 0.9vw) !important;
  --bs-dropdown-item-padding-y: 0.25em;
  --bs-dropdown-item-padding-x: 1em;
}

.colps-head-text {
  margin-bottom: 0px;
  color: var(--color-one);
  /* Bold */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  /* 157.143% */
  letter-spacing: 0.7px;
}

.footer-text1 {
  color: var(--Black-80, #3e3e3e);
  font-family: Montserrat;
  font-size: clamp(1rem, 1vw, 100rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.72;
  /* 172.727% */
  letter-spacing: 1.1px;
}

.footer-text2 {
  color: var(--Black-80, #3e3e3e);
  font-family: Montserrat;
  font-size: clamp(0.75rem, 0.9vw, 100rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.83;
  /* 183.333% */
  letter-spacing: 0.6px;
  text-decoration: none;
}

.h-1 {
  color: var(--Black-100, #3E3E3E);
}

.h-2 {
  color: var(--Black-100, #3E3E3E);
}

.h-3 {
  color: var(--Black-100, #3E3E3E);
}

.h-4 {
  color: var(--Black-100, #3E3E3E);
}

.h-5 {
  color: var(--Black-100, #3E3E3E);
}

.h-6 {
  color: var(--Black-100, #3E3E3E);
}

.btn {
  flex-grow: 1 !important;
  /* padding: max(0.6rem, 0.6em) max(1.2rem, 1.2em); */
  padding: max(0.35rem, 0.35em) max(1rem, 1em);
  border-radius: 0.25em;
  /* Bold */
  font-family: Montserrat;
  font-size: clamp(0.875rem, 1.2vw, 100rem);
  font-style: normal;
  line-height: 1.5;
  /* 157.143% */
  letter-spacing: 0.7px;
  /*For Ripple Effect*/
  position: relative;
  overflow: hidden;
}

.btn-speaker {
  background: linear-gradient(90deg, var(--color-two), var(--color-one)) !important;
  color: var(--White, #fff) !important;
  border: none;
}

.btn-speaker:hover {
  background: var(--color-two) !important;
  color: #fff;
}

.btn-outline-speaker {
  border-color: var(--color-one) !important;
  color: var(--color-one);
}

.btn-outline-speaker:hover {
  color: #fff !important;
  background-color: var(--color-one) !important;
}

.btn span {
  position: absolute;
  border-radius: 50%;
  /* To make it round */
  background-color: rgba(0, 0, 0, 0.3);

  width: 100px;
  height: 100px;
  /* for positioning the span such that it matches the
   click spot when expanding from scale(0)-centroid*/
  margin-top: -50px;
  /*Should be 50% of height*/
  margin-left: -50px;
  /*Should be 50% of width*/

  animation: ripple 1s;
  opacity: 0;
}

/* Add animation */
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }

  to {
    opacity: 0;
    transform: scale(10);
  }
}

#right-slider {
  /* display: none; */
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  top: 0;
  /* right: -3000px;
  left: 3000px; */
  left: 0;
  transform: translateX(100vw);
  transition: transform 0.3s ease-in-out;
  /* transition: right 0.3s ease-in-out;
  transition: left 0.3s ease-in-out; */
  overflow: auto;
}

.show-slider {
  display: block !important;
  /* right: 0 !important; */
  left: 0 !important;
  transform: translateX(0) !important;
}

#right-slider a {
  color: var(--Black, #000);
  text-decoration: none;
  /* Bold */
  font-family: Montserrat;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  letter-spacing: 0.7px;
}

.slider-colps-text {
  color: var(--Black, #000) !important;
  font-weight: 400 !important;
}

.store-anchors {
  height: 67px;
  background-repeat: no-repeat;
  width: 245px;
  border-radius: 12px;
}

select {
  color: #595c5f !important;
}

.feature-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: max(0.5rem, 0.5vw);
  /* flex-grow: 1;
  min-width: 125px;
  max-width: 230px; */
  /* flex-grow: 1; */
  min-width: 150px;
  /* max-width: 230px; */
  width: 22%;
  border-radius: 12px;
  padding: 12px;
  background: var(--White, #fff);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.25);
  color: var(--Black-80, #3e3e3e);
  /* text-align: center; */
  /* Bold */
  font-family: Montserrat;
  font-size: max(0.875rem, 0.875vw);
  /* 14px */
  font-style: normal;
  font-weight: 700;
  line-height: 1.57;
  /* 157.143% */
  letter-spacing: 0.7px;
}

/* .feature-card img {
  width: 60%;
} */
/*# sourceMappingURL=speaker_sass.css.map */
.relume-box {
  width: max(2.5rem, 5vw);
}

.relume-box-text {
  position: absolute;
  /* right:var(--parent-width);  top:17px; left:12px; */
  top: calc(max(2.5rem, 5vw) * 0.45);
  left: calc(max(2.5rem, 5vw) * 0.25);
  color: #fff;
  font-size: max(0.875rem, 1.7vw);
  font-weight: 700;
  line-height: 1;
}

#car img {
  border-radius: 12px;
  background: var(--White, #fff);
  box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.25);
}

/* .products{
  display: flex;
  justify-content: space-between;
} */
.rotate-90 {
  transform: rotate(90deg);
}

#car {
  overflow: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

#car > img {
  /* width:60vw; */
  box-sizing: border-box;
  flex-basis: 50%;
  max-width: 50%;
  margin: 5%;
}

#car .carousel-img {
  /* width:60vw; */
  box-sizing: border-box;
  flex-basis: 50%;
  min-width: 50%;
  margin: 5%;
}

.carousel-img img {
  width: 100%;
  height: 100%;
}

@media (min-width: 576px) {
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    width: max(3rem, 3vw);
    height: max(3rem, 3vw);
  }
}

.modal {
  margin-top: 72px;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #0097a3;
}

.small-dot {
  width: 5px;
  height: 5px;
  border-radius: 6px;
  background-color: var(--color-one);
  margin-top: 3px;
}

.trans-transform {
  transition: transform 0.3s;
}

label {
  color: #9e9f9f;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -webkit-background-clip: text;
}

.select-country-code{
  margin-right: -3px;
}

.phone-no-group {
  flex-wrap: nowrap;
  margin-bottom: calc(0.875em + max(0.25rem, 0.25em));
}

/* Add extra spacing only when validated and has invalid phone input */
.was-validated .phone-no-group:has(.form-control:invalid) {
  margin-bottom: calc(1.25em + max(0.375rem, 0.375em));
}

.phone-no-group .form-floating,
.phone-no-group .form-floating-2 {
  flex-grow: 20;
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.phone-no-group .form-control {
  height: 100%;
}

.phone-no-group label {
  vertical-align: middle;
}

.phone-no-group .bootstrap-select {
  flex-grow: 1;
  min-width: 51px !important;
  width: auto !important;
  /* Match the computed outer height of form-floating-2.form-floating-lg */
  /* With 16px font: 1.5em (24px) + 1rem (16px) + 2px (control borders calc) + 2px (wrapper borders) = 44px */
  height: calc(1.5em + 1rem + 4px);
  display: flex;
  align-items: stretch;
  margin-bottom: 0 !important;
}

.phone-no-group .dropdown-toggle {
  width: 100%;
  /* Fill the bootstrap-select parent height */
  height: 100%;
  background: transparent;
  border-radius: 6px 0 0 6px;
  border: 1px solid #dee2e6;
  border-right: none;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.phone-no-group .dropdown-toggle span {
  display: none;
}

.phone-no-group .img-thumbnail {
  width: 36px;
  padding: 0px;
  border: none;
}

.text .img-thumbnail {
  height: max(2rem, 2vw);
  max-width: max(2rem, 2vw);
  padding: 0px;
  border: none;
}

.filter-option-inner {
  height: 100%;
  width: 100%;
}

.phone-no-group .filter-option {
  display: flex;
  align-items: center;
}

#header .navbar-toggler {
  border-radius: 0px;
  border: none;
  padding: 0px;
}

#content {
  margin-top: 72px;
}

textarea.form-control {
  height: auto !important;
}

.body-icon-1 {
  width: max(3.5rem, 3vw);
  height: max(3.5rem, 3vw);
}

.body-icon-2 {
  width: max(4rem, 3.8vw);
  height: max(4rem, 3.8vw);
}

.was-validated .input-group:has(.form-control:invalid) .invalid-feedback {
  display: block;
}

@media (min-width: 576px) {
  .form-div {
    width: 70%;
  }
}

/* #header>.container-fluid,#content>.container-fluid,#footer>.container-fluid,#content-2>.container-fluid{
  padding-left: 0px;
  padding-right: 0px;
} */
@media (min-width: 992px) {
  #content {
    /* margin when header had a button */
    /* margin-top: calc(max(1rem,calc(1vw * 0.0625 * var(--font-size) ) ) * 2 + max(0.875rem, 1.2vw * 0.0625 * var(--font-size) ) * 1.6 + max(max(0.875rem,1.2vw * 0.0625 * var(--font-size) ) * 0.6, 0.6rem) * 2 + var(--bs-border-width) * 2); */
    margin-top: calc(
      max(1rem, calc(1vw * 0.0625 * var(--font-size))) * 2 +
        max(0.875rem, 1.2vw * 0.0625 * var(--font-size)) * 1.6 +
        max(max(0.5rem, 1.2vw * 0.0625 * var(--font-size)) * 0.5, 0.5rem) * 2
    );
  }

  #header {
    padding-inline: 7.5vw !important;
  }

  .steps-row {
    padding-inline: 8%;
  }

  .steps-row .col-lg-6:first-child {
    padding-right: max(5.625rem, 5.2vw);
  }

  .steps-row .col-lg-6:last-child {
    padding-left: max(5.625rem, 5.2vw);
  }

  .features-row .col-md-6:first-child {
    padding-right: max(3.75rem, 5.2vw);
  }

  .features-row .col-md-6:last-child {
    padding-left: max(3.75rem, 5.2vw);
  }

  .feature-box {
    gap: 5%;
  }

  /* .form{
    margin-inline: auto;
    max-width: 75%;;
  } */
}

@media (min-width: 768px) {
  #foot-2 p,
  #foot-2 div {
    width: auto !important;
    text-align: start !important;
    justify-content: flex-end !important;
  }

  #content > .container-fluid,
  #footer {
    padding-left: 7.5vw !important;
    padding-right: 7.5vw !important;
  }

  #cards-wrap.container-fluid {
    padding-left: 2vw !important;
    padding-right: 2vw !important;
  }
}

@media (max-width: 576px) {
  .feature-card {
    width: 100%;
  }
}

.was-validated .form-floating-2:has(.form-control:valid),
.was-validated .form-floating-2:has(.form-control:valid),
.was-validated .form-floating-2:has(.form-select:valid),
.was-validated .form-floating-2:has(.form-select:valid),
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: var(--bs-border-color) !important;
}

.was-validated .form-control:optional:valid,
.was-validated .form-select:optional:valid {
  background: none;
}

.form-control,
.form-control:focus,
.form-select,
.form-select:focus {
  background-color: transparent;
}

.form-floating-2 {
  position: relative;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.form-floating-2 .form-control,
.form-floating-2 .form-select,
.form-floating-2 .search-select-wrap {
  position: relative;
  z-index: 4;
  border: none;
  border-radius: inherit;
}

.form-floating-2 .search-select-display {
  border: none;
  background-color: transparent;
}

.form-floating-2 > label {
  position: absolute;
  top: 0;
  left: var(--bs-border-width);
  z-index: 3;
  font-size: 1rem;
  margin-block: max(0.375rem, 0.375em);
  margin-inline: calc(max(0.75rem, 0.75em) - 0.6ch);
  padding-inline: 0.6ch;
  background-color: var(--bs-body-bg);
  transition: background-color, transform 0.3s ease-in-out;
  transform-origin: 0 0;
  border-radius: var(--bs-border-radius);
}

.form-floating-2 .form-control:focus,
.form-floating-2 .form-select:focus,
.form-floating-2 .search-select-wrap:has(.search-select-display:focus) {
  box-shadow: none;
}

.form-floating-2:has(.form-control:focus),
.form-floating-2:has(.form-select:focus),
.form-floating-2:has(.search-select-display:focus) {
  border-color: var(--color-one);
  border-width: 2px;
}

.form-floating-2 .form-control:focus + label,
.form-floating-2 .form-control:not(:placeholder-shown) + label,
.form-floating-2 .form-select + label,
.form-floating-2 .search-select-wrap + label {
  transform: scale(0.85) translateY(min(-1.2rem, -1.2em))
    translateX(min(0.15rem, 0.15em));
  min-height: auto;
}

.form-floating-2 .form-control:focus + label,
.form-floating-2 .form-control:not(:placeholder-shown) + label,
.form-floating-2 .form-select:focus + label {
  color: var(--color-one);
}

.form-floating-2 .form-control::placeholder {
  color: transparent;
}

.form-floating-2.form-floating-lg .form-control,
.form-floating-2.form-floating-lg .form-select,
.form-floating-2.form-floating-lg .search-select-display {
  /* font-size: 1.25rem; */
  padding: max(0.5rem, 0.5em) max(1rem, 1em);
  min-height: calc(1.5em + 1rem + 2 * var(--bs-border-width));
}

.form-floating-2.form-floating-lg label {
  /* font-size: 1.25rem; */
  margin-block: max(0.5rem, 0.5em);
  margin-inline: calc(max(1rem, 1em) - 0.6ch);
  padding-inline: 0.6ch;
}

.form-floating-2.form-floating-lg .form-control:focus + label,
.form-floating-2.form-floating-lg
  .form-control.form-control:not(:placeholder-shown)
  + label,
.form-floating-2.form-floating-lg .form-select + label,
.form-floating-2.form-floating-lg .search-select-wrap + label {
  transform: scale(0.85) translateY(-1.4em) translateX(0.15em);
}

.input-group .form-floating-2 {
  border: var(--bs-border-width) solid var(--bs-border-color);
  /* margin:calc(var(--bs-border-width)*-1); */
}

.form-floating-2 .form-control,
.form-floating-2 .form-select {
  box-shadow: none !important;
}

.was-validated .form-floating-2:has(.form-control:valid),
.was-validated .form-floating-2:has(.form-select:valid) {
  border-color: var(--bs-form-valid-border-color);
}

.was-validated .form-floating-2:has(.form-control:invalid),
.was-validated .form-floating-2:has(.form-select:invalid) {
  border-color: var(--bs-form-invalid-border-color);
}

.input-group .valid-feedback,
.input-group .invalid-feedback {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
}

.form-floating-2 .valid-feedback,
.form-floating-2 .invalid-feedback {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
}

.form-floating-2 {
  margin-bottom: calc(0.875em + max(0.25rem, 0.25em));
}

/* Add extra spacing only when form is validated and has invalid fields */
.was-validated .form-floating-2:has(.form-control:invalid),
.was-validated .form-floating-2:has(.form-select:invalid) {
  margin-bottom: calc(1.5em + max(0.5rem, 0.5em));
}

.form-group {
  margin-bottom: calc(0.875em + max(0.25rem, 0.25em));
  position: relative;
}

.was-validated .form-group:has(#recaptcha-input:invalid) {
  margin-bottom: calc(1.5em + max(0.5rem, 0.5em));
}

/* @media(min-width:992px){
.p-025{
  padding:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.p-050{
  padding:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.p-100{
  padding:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.p-150{
  padding:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.p-200{
  padding:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.p-250{
  padding:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.p-300{
  padding:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.pt-025{
  padding-top:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.pt-050{
  padding-top:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.pt-100{
  padding-top:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.pt-150{
  padding-top:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.pt-200{
  padding-top:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.pt-250{
  padding-top:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.pt-300{
  padding-top:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.pb-025{
  padding-bottom:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.pb-050{
  padding-bottom:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.pb-100{
  padding-bottom:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.pb-150{
  padding-bottom:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.pb-200{
  padding-bottom:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.pb-250{
  padding-bottom:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.pb-300{
  padding-bottom:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.py-025{
  padding-block:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.py-050{
  padding-block:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.py-100{
  padding-block:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.py-150{
  padding-block:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.py-200{
  padding-block:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.py-250{
  padding-block:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.py-300{
  padding-block:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.ps-025{
  padding-left:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.ps-050{
  padding-left:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.ps-100{
  padding-left:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.ps-150{
  padding-left:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.ps-200{
  padding-left:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.ps-250{
  padding-left:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.ps-300{
  padding-left:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.pe-025{
  padding-right:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.pe-050{
  padding-right:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.pe-100{
  padding-right:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.pe-150{
  padding-right:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.pe-200{
  padding-right:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.pe-250{
  padding-right:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.pe-300{
  padding-right:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.px-025{
  padding-inline:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.px-050{
  padding-inline:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.px-100{
  padding-inline:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.px-150{
  padding-inline:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.px-200{
  padding-inline:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.px-250{
  padding-inline:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.px-300{
  padding-inline:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.m-025{
  margin:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.m-050{
  margin:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.m-100{
  margin:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.m-150{
  margin:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.m-200{
  margin:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.m-250{
  margin:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.m-300{
  margin:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.mt-025{
  margin-top:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.mt-050{
  margin-top:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.mt-100{
  margin-top:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.mt-150{
  margin-top:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.mt-200{
  margin-top:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.mt-250{
  margin-top:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.mt-300{
  margin-top:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.mb-025{
  margin-bottom:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.mb-050{
  margin-bottom:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.mb-100{
  margin-bottom:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.mb-150{
  margin-bottom:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.mb-200{
  margin-bottom:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.mb-250{
  margin-bottom:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.mb-300{
  margin-bottom:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.my-025{
  margin-block:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.my-050{
  margin-block:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.my-100{
  margin-block:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.my-150{
  margin-block:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.my-200{
  margin-block:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.my-250{
  margin-block:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.my-300{
  margin-block:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.ms-025{
  margin-left:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.ms-050{
  margin-left:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.ms-100{
  margin-left:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.ms-150{
  margin-left:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.ms-200{
  margin-left:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.ms-250{
  margin-left:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.ms-300{
  margin-left:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.me-025{
  margin-right:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.me-050{
  margin-right:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.me-100{
  margin-right:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.me-150{
  margin-right:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.me-200{
  margin-right:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.me-250{
  margin-right:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.me-300{
  margin-right:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.mx-025{
  margin-inline:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.mx-050{
  margin-inline:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.mx-100{
  margin-inline:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.mx-150{
  margin-inline:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.mx-200{
  margin-inline:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.mx-250{
  margin-inline:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.mx-300{
  margin-inline:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.gx-025{
  --bs-gutter-x:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.gx-050{
  --bs-gutter-x:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.gx-100{
  --bs-gutter-x:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.gx-150{
  --bs-gutter-x:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.gx-200{
  --bs-gutter-x:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.gx-250{
  --bs-gutter-x:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.gx-300{
  --bs-gutter-x:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.gy-025{
  --bs-gutter-y:calc(0.25vw * 0.0625 * var(--font-size) ) !important;
}
.gy-050{
  --bs-gutter-y:calc(0.5vw * 0.0625 * var(--font-size) ) !important;
}
.gy-100{
  --bs-gutter-y:calc(1vw * 0.0625 * var(--font-size) ) !important;
}
.gy-150{
  --bs-gutter-y:calc(1.5vw * 0.0625 * var(--font-size) ) !important;
}
.gy-200{
  --bs-gutter-y:calc(2vw * 0.0625 * var(--font-size) ) !important;
}
.gy-250{
  --bs-gutter-y:calc(2.5vw * 0.0625 * var(--font-size) ) !important;
}
.gy-300{
  --bs-gutter-y:calc(3vw * 0.0625 * var(--font-size) ) !important;
}
.gap-025{
  gap:calc(0.25vw * 0.0625 * var(--font-size)) !important;
}
.gap-050{
  gap:calc(0.5vw * 0.0625 * var(--font-size)) !important;
}
.gap-100{
  gap:calc(1vw * 0.0625 * var(--font-size)) !important;
}
.gap-150{
  gap:calc(1.5vw * 0.0625 * var(--font-size)) !important;
}
.gap-200{
  gap:calc(2vw * 0.0625 * var(--font-size)) !important;
}
.gap-250{
  gap:calc(2.5vw * 0.0625 * var(--font-size)) !important;
}
.gap-300{
  gap:calc(3vw * 0.0625 * var(--font-size)) !important;
}
} */
@media (min-width: 1600px) {
  .p-025 {
    padding: max(0.25rem, calc(0.25vw * 0.0625 * var(--font-size))) !important;
  }

  .p-050 {
    padding: max(0.5rem, calc(0.5vw * 0.0625 * var(--font-size))) !important;
  }

  .p-100 {
    padding: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .p-150 {
    padding: max(1.5rem, calc(1.5vw * 0.0625 * var(--font-size))) !important;
  }

  .p-200 {
    padding: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .p-250 {
    padding: max(2.5rem, calc(2.5vw * 0.0625 * var(--font-size))) !important;
  }

  .p-300 {
    padding: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .pt-025 {
    padding-top: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .pt-050 {
    padding-top: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .pt-100 {
    padding-top: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .pt-150 {
    padding-top: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .pt-200 {
    padding-top: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .pt-250 {
    padding-top: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .pt-300 {
    padding-top: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .pb-025 {
    padding-bottom: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .pb-050 {
    padding-bottom: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .pb-100 {
    padding-bottom: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .pb-150 {
    padding-bottom: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .pb-200 {
    padding-bottom: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .pb-250 {
    padding-bottom: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .pb-300 {
    padding-bottom: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .py-025 {
    padding-block: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .py-050 {
    padding-block: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .py-100 {
    padding-block: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .py-150 {
    padding-block: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .py-200 {
    padding-block: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .py-250 {
    padding-block: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .py-300 {
    padding-block: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .ps-025 {
    padding-left: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .ps-050 {
    padding-left: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .ps-100 {
    padding-left: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .ps-150 {
    padding-left: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .ps-200 {
    padding-left: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .ps-250 {
    padding-left: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .ps-300 {
    padding-left: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .pe-025 {
    padding-right: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .pe-050 {
    padding-right: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .pe-100 {
    padding-right: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .pe-150 {
    padding-right: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .pe-200 {
    padding-right: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .pe-250 {
    padding-right: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .pe-300 {
    padding-right: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .px-025 {
    padding-inline: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .px-050 {
    padding-inline: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .px-100 {
    padding-inline: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .px-150 {
    padding-inline: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .px-200 {
    padding-inline: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .px-250 {
    padding-inline: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .px-300 {
    padding-inline: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .m-025 {
    margin: max(0.25rem, calc(0.25vw * 0.0625 * var(--font-size))) !important;
  }

  .m-050 {
    margin: max(0.5rem, calc(0.5vw * 0.0625 * var(--font-size))) !important;
  }

  .m-100 {
    margin: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .m-150 {
    margin: max(1.5rem, calc(1.5vw * 0.0625 * var(--font-size))) !important;
  }

  .m-200 {
    margin: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .m-250 {
    margin: max(2.5rem, calc(2.5vw * 0.0625 * var(--font-size))) !important;
  }

  .m-300 {
    margin: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .mt-025 {
    margin-top: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .mt-050 {
    margin-top: max(0.5rem, calc(0.5vw * 0.0625 * var(--font-size))) !important;
  }

  .mt-100 {
    margin-top: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .mt-150 {
    margin-top: max(1.5rem, calc(1.5vw * 0.0625 * var(--font-size))) !important;
  }

  .mt-200 {
    margin-top: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .mt-250 {
    margin-top: max(2.5rem, calc(2.5vw * 0.0625 * var(--font-size))) !important;
  }

  .mt-300 {
    margin-top: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .mb-025 {
    margin-bottom: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .mb-050 {
    margin-bottom: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .mb-100 {
    margin-bottom: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .mb-150 {
    margin-bottom: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .mb-200 {
    margin-bottom: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .mb-250 {
    margin-bottom: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .mb-300 {
    margin-bottom: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .my-025 {
    margin-block: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .my-050 {
    margin-block: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .my-100 {
    margin-block: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .my-150 {
    margin-block: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .my-200 {
    margin-block: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .my-250 {
    margin-block: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .my-300 {
    margin-block: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .ms-025 {
    margin-left: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .ms-050 {
    margin-left: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .ms-100 {
    margin-left: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .ms-150 {
    margin-left: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .ms-200 {
    margin-left: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .ms-250 {
    margin-left: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .ms-300 {
    margin-left: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .me-025 {
    margin-right: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .me-050 {
    margin-right: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .me-100 {
    margin-right: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .me-150 {
    margin-right: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .me-200 {
    margin-right: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .me-250 {
    margin-right: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .me-300 {
    margin-right: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .mx-025 {
    margin-inline: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .mx-050 {
    margin-inline: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .mx-100 {
    margin-inline: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .mx-150 {
    margin-inline: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .mx-200 {
    margin-inline: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .mx-250 {
    margin-inline: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .mx-300 {
    margin-inline: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .gx-025 {
    --bs-gutter-x: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size)) gy-3
    ) !important;
  }

  .gx-050 {
    --bs-gutter-x: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .gx-100 {
    --bs-gutter-x: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .gx-150 {
    --bs-gutter-x: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .gx-200 {
    --bs-gutter-x: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .gx-250 {
    --bs-gutter-x: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .gx-300 {
    --bs-gutter-x: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .gy-025 {
    --bs-gutter-y: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .gy-050 {
    --bs-gutter-y: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .gy-100 {
    --bs-gutter-y: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .gy-150 {
    --bs-gutter-y: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .gy-200 {
    --bs-gutter-y: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .gy-250 {
    --bs-gutter-y: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .gy-300 {
    --bs-gutter-y: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .gap-025 {
    gap: max(0.25rem, calc(0.25vw * 0.0625 * var(--font-size))) !important;
  }

  .gap-050 {
    gap: max(0.5rem, calc(0.5vw * 0.0625 * var(--font-size))) !important;
  }

  .gap-100 {
    gap: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .gap-150 {
    gap: max(1.5rem, calc(1.5vw * 0.0625 * var(--font-size))) !important;
  }

  .gap-200 {
    gap: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .gap-250 {
    gap: max(2.5rem, calc(2.5vw * 0.0625 * var(--font-size))) !important;
  }

  .gap-300 {
    gap: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }

  .curved-025 {
    border-radius: max(
      0.25rem,
      calc(0.25vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .curved-050 {
    border-radius: max(
      0.5rem,
      calc(0.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .curved-100 {
    border-radius: max(1rem, calc(1vw * 0.0625 * var(--font-size))) !important;
  }

  .curved-150 {
    border-radius: max(
      1.5rem,
      calc(1.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .curved-200 {
    border-radius: max(2rem, calc(2vw * 0.0625 * var(--font-size))) !important;
  }

  .curved-250 {
    border-radius: max(
      2.5rem,
      calc(2.5vw * 0.0625 * var(--font-size))
    ) !important;
  }

  .curved-300 {
    border-radius: max(3rem, calc(3vw * 0.0625 * var(--font-size))) !important;
  }
}

.step-icon {
  height: 50px;
}
.text-muted {
  font-size: 20px;
}
.required-label {
  font-size: 16px;
  font-weight: 500;
  width: fit-content;
  margin: 0 auto 20px;
  animation: slideFadeIn 2s ease-out;
}

@keyframes slideFadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* vertical line  */

.steps-wrapper {
  position: relative;
  padding-top: 0px;
  padding-bottom: 0;
}

.steps-inner {
  position: relative;
}

.steps-inner::before {
  content: "";
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 50%;
  width: 4px;
  background: #d3d3d3;
  transform: translateX(-50%);
  z-index: 1;
}

.steps-inner::after {
  content: "";
  position: absolute;
  top: 40px;
  height: var(--progress-height, 0);
  left: 50%;
  width: 4px;
  background: #006870;
  transform: translateX(-50%);
  z-index: 2;
  transition: height 0.3s ease;
}

.step-icon {
  width: 50px;
  height: auto;
  z-index: 4;
}

.border-start {
  border-left: 3px solid #006870;
  height: 100%;
}

.okay-btn {
  padding: 0.3rem 1.3rem !important;
  display: flex;
  align-items: center;
  min-height: 5px;
}

/* ---------- Mobile (<768px) ---------- */
@media (max-width: 767px) {
  .features-row [style*="text-align: justify"] {
    text-align: center !important;
  }

  .steps-inner::before,
  .steps-inner::after {
    left: 27px;
    transform: none;
    display: block !important;
  }

  .scroll-circle,
  .border-start {
    display: none !important;
  }
}

/* Tablet (768px–991px) - Show line on left side */
@media (min-width: 768px) and (max-width: 991px) {
  .steps-inner::before,
  .steps-inner::after {
    left: 27px; /* Move line to the left */
    transform: none; /* Cancel center transform */
    display: block !important;
  }

  .scroll-circle,
  .border-start {
    display: none !important;
  }
}

/* end vertical line  */

/* SCROLLING CIRCLE */
/* .scroll-circle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 120px;
  height: 45px;
  transform: translateX(-50%);
  border-radius: 50% / 50%;
  background: radial-gradient(
    ellipse at center,
    rgba(0, 104, 112, 1) 0%,
    rgba(0, 104, 112, 0.3) 50%,
    rgba(0, 104, 112, 0) 80%
  );
  filter: blur(10px);
  opacity: 1;
  z-index: 3;
  cursor: grab;
  transition: top 0.7s ease, left 0.7s ease, transform 0.3s ease,
    opacity 0.3s ease;
} */

/* .scroll-circle:active {
  cursor: grabbing;
}

.scroll-circle.blow {
  transform: translateX(-50%) scale(1.3);
  filter: blur(20px);
} */

/* .scroll-circle.blow {
  transform: translateX(-50%) scale(1.5);
  box-shadow: 0 0 25px rgba(0, 104, 112, 0.7);
} */

/* Animation class added to the wrapper for glowing line effect */
/* .steps-wrapper.animate-line::before {
  animation: glowLine 1.5s ease-in-out;
} */
/* .scroll-circle {
  animation: pulseGlow 2s infinite;
} */

/* Accordion theme */
.accordion {
  --bs-accordion-border-color: #e4eef0;
  --bs-accordion-border-radius: 0.75rem;
  --bs-accordion-inner-border-radius: 0.75rem;
  --bs-accordion-active-bg: #f1f7f8;
  --bs-accordion-active-color: var(--color-one);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(0, 104, 112, 0.15);
  --bs-accordion-btn-color: #3e3e3e;
}
.accordion-item {
  margin-bottom: 0.75rem;
  border-radius: 0.75rem !important;
  overflow: hidden;
}
.accordion-button {
  font-family: Montserrat;
  font-weight: 600;
  font-size: max(0.95rem, 1rem);
  letter-spacing: 0.5px;
  padding: 1rem 1.25rem;
}
.accordion-button:not(.collapsed) {
  box-shadow: none;
}
.accordion-body {
  font-family: Montserrat;
  color: #3e3e3e;
  font-size: max(0.95rem, 1rem);
  line-height: 1.6;
  letter-spacing: 0.3px;
  padding: 1rem 1.25rem 1.25rem;
}
.accordion-body ul {
  margin-bottom: 0.5rem;
  padding-left: 1.25rem;
}
.accordion-body p:last-child {
  margin-bottom: 0;
}

/* @keyframes pulseGlow {
  0% {
    opacity: 0.7;
    filter: blur(10px);
  }
  50% {
    opacity: 1;
    filter: blur(20px);
  }
  100% {
    opacity: 0.7;
    filter: blur(10px);
  }
} */

/* Glow effect animation for the vertical line */
/* @keyframes glowLine {
  0% {
    box-shadow: 0 0 0px #149faa;
    opacity: 0.5;
  }
  50% {
    box-shadow: 0 0 20px #149faa;
    opacity: 1;
  }
  100% {
    box-shadow: 0 0 0px #149faa;
    opacity: 0.4;
  }
} */
/* Utility classes for register form */
.mw-700 {
  max-width: 700px;
}

.checkbox-lg {
  width: 24px;
  height: 24px;
}

#how-it-works,
#about-us {
  scroll-margin-top: 6rem;
}