* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  /* 	font-size: calc(100vw * 16 / 360); */
  font-size: clamp(16px, calc(16px + (100vw - 360px) / 45), 26px);
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
  font-family: "Tw Cen MT";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--DarkGray);
}
p,
a {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--Gray);
}
h1,
.heading-one {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3rem;
  letter-spacing: -0.025rem;
  text-transform: uppercase;
}
h2,
.heading-two {
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.5rem;
  letter-spacing: -0.0225rem;
  text-transform: uppercase;
}
h3,
.heading-three {
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.4375rem;
  letter-spacing: -0.0175rem;
  text-transform: uppercase;
}
h4,
.heading-four {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  text-transform: uppercase;
}
h5 {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
}
a {
  text-decoration: none;
  color: unset;
}

/* toggle button */

.toggleButton span {
  background-color: var(--lightgray);
  width: 1.5805rem;
  height: 0.13169rem;
  display: block;
  position: relative;
  border-radius: 0.625rem;
}
.toggleButton span::before,
.toggleButton span::after {
  position: absolute;
  content: "";
  background-color: var(--lightgray);
  width: 1.5805rem;
  height: 0.13169rem;
  display: block;
  border-radius: 0.625rem;
  transform: translateY(-0.413rem);
  transition: 0.5s ease;
}

.toggleButton span::after {
  transform: translateY(0.413rem);
  transition: 0.5s ease;
}
.toggleButton.active span {
  background-color: transparent;
}
.toggleButton.active .toggleButton span {
  background-color: transparent;
  transition: 0.5s ease;
}

.toggleButton.active span::before {
  transform: rotate(45deg);
  border-radius: 0.625rem;
  transition: 0.5s ease;
  width: 1.5805rem;
  height: 0.13169rem;
}
.toggleButton.active span::after {
  transform: rotate(-45deg);
  border-radius: 0.625rem;
  transition: 0.5s ease;
  width: 1.5805rem;
  height: 0.13169rem;
}
.toggleButton {
  z-index: 100;
}
.menu-mob.active {
  opacity: 0;
}

.mob-nav-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow-y: scroll;
  background-color: var(--White);
  height: 100vh;
  z-index: -1;
  padding: 5.6rem 0 0 0;
  opacity: 1;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}
.header_main {
  background-color: var(--White);
  position: sticky;
  top: 0;
  z-index: 999;
}
.bad-mobile-header {
  border-bottom: 0.063rem solid var(--brown);
  padding: 1.25rem 0;
  background-color: var(--White);
}
.header_main {
  transition: all 0.3s ease;
}

.header_main.active {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.04);
}
.mobile-logo img {
  display: block;
  width: 6.36413rem;
  height: 2.39431rem;
  aspect-ratio: 101.83/38.31;
}
.desk-logo {
  display: none;
}
.mobile-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu-mob li {
  list-style: none;
  padding-bottom: 0.94rem;
}

.cdo-menu-overflow {
  overflow-y: scroll;
  height: 90vh;
  padding-bottom: 4rem;
}
.bad-footer-menu {
  display: flex;
  flex-direction: column;
  gap: 0.66rem;
  justify-content: center;
  align-items: center;
  padding: 1.56rem 0 1.8rem;
}
.bad-desk-heder {
  display: none;
}
.bad-footer-logo img {
  width: 13.83306rem;
  height: 5.20425rem;
  aspect-ratio: 221.33/83.27;
}
.menu-mob li a {
  font-size: 1.75rem;
  line-height: 2.375rem;
  display: block;
  color: var(--Gray);
}

/* footer */
.bad-footer-menu a {
  display: block;
  color: var(--DarkGray);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.bad-footer-text p {
  color: #444;
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
div.bad-footer-arrow-row {
  justify-content: center;
}
div.bad-footer-arrow-row img {
  width: 6.25rem;
  height: 1.313rem;
}
.bad-menu-overflow {
  padding-top: 1.875rem;
  padding-bottom: 3.5rem;
}
.bad-footer-text {
  border-top: 0.5px solid #cfc8c95e;
  padding-top: 1.56rem;
}

.bad-footer {
  background: linear-gradient(0deg, #fff 17.46%, #fff3f4 100%);
}
.footer-section {
  border-top: 0.5px solid #cfc8c95e;
  padding: 3.6rem 0 5.438rem;
}
/* hero section */
.bad-hero-grp {
  background: linear-gradient(180deg, #fff 17.46%, #ffd7dc 278.26%);
  padding: 2.56rem 0 4.01rem;
}
.bad-hero-main-section {
  max-width: 20rem;
  margin: auto;
}
.bad-none {
  display: none;
}

.bad-hero-grp h1 {
  padding-bottom: 0.63rem;
  max-width: 18rem;
  margin: auto;
}
.bad-hero-grp p {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding-bottom: 2.44rem;
}
.bad-hero-section-col img {
  width: 20.563rem;
  height: 23.4rem;
  aspect-ratio: 131/129;
  object-fit: cover;
}
div.bad-fully-col {
  max-width: 20rem;
  margin: auto;
}
.bad-spacer {
  height: 5.25rem !important;
}
.bad-spacer-two {
  height: 5rem !important;
}
.bad-fully-col h2 {
  padding-bottom: 0.94rem;
}
.bad-fully-col p {
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.375rem;
}
div.bad-mobile-app-main {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.87rem;
}
.bad-book-col h3 {
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.125rem;
  color: #ce0e2d;
  width: 3.92294rem;
  height: 3.92294rem;
  border: 0.063rem solid var(--Red);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.94rem;
}
.bad-how-it h2 {
  padding-bottom: 1.93rem;
}
.bad-book-col h4 {
  font-size: 1.375rem;
  line-height: 1.5rem;
  margin-bottom: 0.63rem;
  text-transform: uppercase;
}
.bad-book-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 1.56rem;
}
div.bad-unst-pt {
  padding-bottom: unset;
}
.bad-book-col p {
  text-align: center;
  color: var(--DarkGray);
}
.bad-main-mob-img img {
  width: 15.48719rem;
  height: 28.44431rem;
  object-fit: cover;
}
div.bad-main-mob-img {
  max-width: 15.48719rem;
  margin: auto;
}
.custom-contaner {
  max-width: 18.5rem;
  margin: auto;
}
.bad-app-moblile {
  background: linear-gradient(180deg, #fff 17.46%, #ffd7dc 278.26%);
}
.bad-cta-section {
  background-color: var(--Red);
  border-radius: 1.875rem;
  padding: 2.72rem 1.25rem 0 1.06rem;
  height: 39.35806rem;
}
.bad-choose-bad-col h2 {
  color: var(--White);
  padding-bottom: 0.94rem;
}
.bad-choose-bad-col p {
  color: var(--White);
  padding-bottom: 1.46rem;
}
.bad-hero-btn a {
  color: var(--White);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 0.62rem 2.4rem 0.62rem 1.13rem;
  border-radius: 1.25rem;
  background: var(--DarkGray);
  position: relative;
  border: 0.063rem solid var(--White);
}
.bad-hero-btn a::after {
  position: absolute;
  content: "";
  background: url(/wp-content/themes/lumi-child/assets/icons/download.svg)
    no-repeat;
  background-size: contain;
  width: 0.97rem;
  height: 0.901rem;
  right: 1rem;
  top: 50%;
  transform: translatey(-50%);
  transition: all 0.5s ease;
}

.bad-hero-btn a::before {
  position: absolute;
  content: "";
  background: url(/wp-content/themes/lumi-child/assets/icons/mobile.svg)
    no-repeat;
  background-size: contain;
  width: 4.93856rem;
  height: 2.85rem;
  left: 10.5rem;
  top: 50%;
  transform: translatey(-50%);
}
div.bad-two-mobile-col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.04rem;
}
.bad-image-two img {
  width: 17.42888rem;
  height: 21.07944rem;
  aspect-ratio: 148/179;
  object-fit: cover;
}
.bad-cta-spacer {
  height: 7.44rem !important;
}
.bad-cta-spacer-two {
  height: 5rem !important;
}
.bad-cta-second-one {
  background-color: var(--Red);
  border-radius: 1.875rem;
  height: 42.13081rem;
  padding: 3.25rem 1.25rem 0 1.06rem;
}
.bad-your-ride-col h2 {
  color: var(--White);
  padding-bottom: 0.94rem;
}
.bad-your-ride-col p {
  color: var(--White);
  padding-bottom: 1.46rem;
}
div.bad-second-cta-main-col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.05rem;
}
.bad-second-cta img {
  width: 16.938rem;
  height: 22.0625rem;
}
.spader-cta-secons-one {
  height: 5rem !important;
}
.bad-partners-icons {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.25rem;
  justify-content: center;
}
.bad-ooredoo img {
  width: 6.886rem;
  height: 2.5rem;
  margin-right: 1.56rem;
}
.bad-al img {
  width: 10.8085rem;
  height: 2.5rem;
}
.bad-waseef img {
  width: 2.884rem;
  height: 2.874rem;
  margin-right: 1.563rem;
  margin-left: 3.375rem;
}
.bad-aauto img {
  width: 8.049rem;
  height: 2.874rem;
  margin-right: 3.375rem;
}
.bad-qnb img {
  width: 8.061rem;
  height: 2.874rem;
}
.bad-our-partner-grp h2 {
  padding-bottom: 1.69rem;
}
.spader-partenr {
  height: 5rem !important;
}
.bad-tesmotnail-main {
  background-color: var(--pink);
  padding: 3.69rem 0 3.688rem;
}

.bad-tesmotnail-main h2 {
  padding-bottom: 0.63rem;
  max-width: 11.1875rem;
  margin: auto;
}
.bad-tesmotnail-main p:nth-child(2) {
  max-width: 17.25rem;
  margin: auto;
  padding-bottom: 1.87rem;
}
.bad-cta-spacer-text {
  height: 5rem !important;
}
/* Testimoinal */

.bdg-testimonial-slider-wrapper {
  position: relative;
}
.bdg-testimonial-card {
  background-color: var(--White);
  border-radius: 1.25rem;
  padding: 2.188rem 1.313rem;
  min-height: 17.86669rem;
}
.bdg-testimonial-content p {
  color: var(--DarkGray);
  padding: 0.688rem 0 0.938rem;
}
.bdg-testimonial-name {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-transform: capitalize;
}
/* =========================
CENTERED ARROWS
========================= */

.bdg-swiper-button-next,
.bdg-swiper-button-prev {
  position: absolute;
  transform: translateY(-50%);
  width: 1.50725rem;
  height: 0.82213rem;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 4rem;
  z-index: 20;
  cursor: pointer;
}
.bdg-swiper-button-next svg,
.bdg-swiper-button-prev svg {
  height: 1.50725rem;
  width: 0.82213rem;
}

.bdg-nav-arrows {
  display: none;
}
.bdg-nav-arrows-mob {
  display: flex;
  gap: 1.688rem;
  justify-content: center;
  margin-top: 1.25rem;
}
.bdg-nav-arrows-mob svg {
  height: 1.50725rem;
  width: 0.82213rem;
}
/* Remove default swiper arrow */
.bdg-swiper-button-next::after,
.bdg-swiper-button-prev::after {
  display: none;
}
/* Remove image border + spacing */
.bad-background img {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  display: block;
}
/* Prevent alt text from showing when src is empty */
.bad-background img[src=""] {
  visibility: hidden;
}
/* Optional: smooth appearance when GIF loads */
.bad-background img {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.bad-background img[src]:not([src=""]) {
  opacity: 1;
}

/* DISABLED COLOR */
.swiper-button-disabled svg path {
  fill: #cfcece !important;
  cursor: not-allowed;
}

/* =========================
MOBILE FIX
========================= */

@media (max-width: 768px) {
  .bdg-swiper-button-prev {
    left: 0.313rem;
  }

  .bdg-swiper-button-next {
    right: 0.313rem;
  }
}

/*------------ Our Values & Vision ----------------*/

#values-slider .swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
}

#values-slider .swiper-slide {
  flex: 0 0 auto !important;
}

#values-slider {
  position: relative;
}
/* 

/* Right arrow */
#values-next {
  right: 0;
}

.bdgr-grp-sec {
  gap: 0 !important;
}

#smarter-way {
  position: relative;
}

.smart-nav-arrows {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  z-index: 10;
}

.smart-nav-arrows figure {
  pointer-events: all;
  cursor: pointer;
  margin: 0;
}

/* Mobile tweak */
@media (max-width: 767px) {
  .smart-nav-arrows img {
    width: 2.188rem;
    height: 2.188rem;
    padding: 0.5rem;
  }
}
div.bad-desk-arrow {
  display: none;
}
.bad-our-value-grp {
  max-width: 19rem;
  margin: auto;
}
.bad-mobile-arrow img {
  height: 1.50725rem;
  width: 0.82213rem;
}
.bad-our-value-grp h2 {
  padding-bottom: 0.94rem;
}
.bad-value-text {
  padding-bottom: 1.88rem;
}
.bad-sider-col {
  padding: 2.54rem 1.35rem 2.52rem 1.84rem;
  border-radius: 1.25rem;
  border: 0.3px solid var(--Rose);
  min-height: 21rem;
}
.bad-sider-col img {
  width: 2.24981rem;
  height: 2.25rem;
  aspect-ratio: 1/1;
  margin-bottom: 2.19rem;
}
.bad-sider-col h3 {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
  text-transform: uppercase;
}
.bad-sider-col p {
  color: var(--DarkGray);
  padding-top: 0.31rem;
  padding-bottom: unset;
}
.bad-mobile-arrow {
  gap: 1.688rem;
  margin-top: 1.56rem;
}
.bad-gap-slider {
  gap: 0 !important;
}
.bdg-badrgo-card {
  padding: 0 0.625rem !important;
}
.bdg-badrgo-wrapper {
  padding: unset !important;
}
.bdg-content-wrapper {
  border: 0.019rem solid var(--DarkGray);
  padding: 1.07rem 1.6rem;
  border-radius: 1.25rem;
  background-color: var(--White);
}
.bdg-badrgo-thumbnail {
  border: 0.019rem solid var(--DarkGray);
  border-radius: 2.5rem;
  background-color: var(--White);
  padding: 2.313rem 2.94rem 2.063rem 3rem;
  position: relative;
  bottom: -0.625rem;
  z-index: -1;
}
.bdg-badrgo-name {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
  letter-spacing: -0.015rem;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0.31rem;
}
.bdg-nav-badrgos-arrows {
  display: flex;
  gap: 1.688rem;
  justify-content: center;
  margin-top: 1.58rem;
}
.bdg-badrgo-content p {
  text-align: center;
}
.bad-go-head {
  padding-bottom: 1.25rem;
}
div.bdg-badrgo-thumbnail img {
  width: 14.0625rem;
  height: 6.84269rem;
  object-fit: cover;
}
.bdg-nav-badrgos-arrows svg {
  height: 1.50725rem;
  width: 0.82213rem;
}
.bad-slider-conatner {
  max-width: 20rem;
  margin: auto;
}
.bad-stress-head {
  padding-bottom: 2.42rem;
}
.bad-spacer-two-main,
.bad-spacer-two-sec {
  height: 5rem !important;
}
.bad-mobile-btn a {
  padding: 0.87rem 2.19rem 0.87rem 1.06rem;
  border-radius: 1.25rem;
  background: var(--DarkGray);
  position: relative;
  color: var(--White);
  font-family: "Tw Cen MT";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.0625rem;
}
.bad-mobile-btn {
  background-color: transparent;
  border: none;
  margin-top: 1.87rem;
}
.bad-mobile-btn a::before {
  position: absolute;
  content: "";
  background: url(/wp-content/themes/lumi-child/assets/icons/mobile.svg)
    no-repeat;
  background-size: contain;
  width: 5.79069rem;
  height: 3.2245rem;
  left: 9.5rem;
  top: 50%;
  transform: translatey(-50%);
}
.bad-mobile-btn a::after {
  position: absolute;
  content: "";
  background: url(/wp-content/themes/lumi-child/assets/icons/download.svg)
    no-repeat;
  background-size: contain;
  width: 0.825rem;
  height: 0.76581rem;
  right: 0.938rem;
  top: 50%;
  transform: translatey(-50%);
  transition: all 0.5s ease;
}
div.bad-desktop-nopne {
  display: none;
}
.bad-stree-free {
  border-radius: 1.875rem;
  border: 0.063rem solid #ce0e2d;
  background: linear-gradient(180deg, #fff -39.74%, #ffd7dc 210.5%);
  padding: 1.99rem 1.46rem 2rem 1.875rem;
  position: relative;
  width: 19.875rem;
  min-height: 30rem;
  overflow: hidden;
}
.bad-stree-free img {
  object-fit: cover;
  position: absolute;
  left: 0;
}
.bad-stree-free p {
  padding-bottom: 1rem;
}
.bad-trafice img {
  top: 5.313rem;
}
.bad-stree-free h3 {
  padding-bottom: 0.625rem;
}
.bad-mobile-none {
  justify-content: center;
  gap: 1.688rem;
  align-items: center;
  margin-top: 1.56rem;
}
.bad-mobile-none img {
  height: 1.50725rem;
  width: 0.82213rem;
  cursor: pointer;
}
.bad-desktop-nopne img,
.bad-con-img img {
  cursor: pointer;
}
.bad-loram-grp {
  background: linear-gradient(180deg, #fff 17.46%, #ffd7dc 278.26%);
  padding-bottom: 4.71rem;
}
.bad-smaple {
  padding-bottom: 1.87rem;
}
.bad-common {
  border-radius: 0.9375rem;
  border: 0.5px solid #ffc7c2;
  width: 20rem;
  min-height: 26.55325rem;
  padding: 2.46rem 1.49rem;
}
.bad-last-row {
  justify-content: center;
  gap: 1.688rem;
  margin-top: 1.56rem;
}
.bad-last-row img {
  height: 1.50725rem;
  width: 0.82213rem;
}
.bad-red-text {
  border-radius: 0.625rem;
  border: 0.5px solid #ffc7c2;
  width: fit-content;
  padding: 0.61rem 0.938rem;
  color: #ce0e2d !important;
  background-color: var(--White);
  margin-bottom: 2.19rem !important;
}
.bad-common img {
  width: 4.30144rem;
  height: 4.34663rem;
  aspect-ratio: 68.82/69.55;
  margin-bottom: 2.19rem;
}
.bad-common h3 {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
  text-transform: uppercase;
  padding-bottom: 0.938rem;
}
.bad-common p {
  color: var(--DarkGray);
}
.bad-common {
  gap: 0;
}
#smarter-way .swiper-wrapper {
  display: flex !important;
}

#smarter-way .swiper-slide {
  height: auto;
  display: block;
}

#smarter-way .wp-block-columns {
  display: flex;
  flex-wrap: wrap;
}
#smarter-way .swiper-wrapper {
  gap: 0;
}
.bdg-popup {
  position: fixed;
  bottom: 0;
  left: 0;
  top: 0;
  height: fit-content;
  right: 0;
  width: 100%;
  z-index: 9999;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.4, 0.64, 1);
  pointer-events: none;
  border-radius: 0 0 1.25rem 1.25rem;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.45);
  background: var(--darkred);
}

/* ── SHOW STATE ── */
.bdg-popup.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

/* ── RED INNER BAR ── */
.bdg-popup-inner {
  padding: 1.125rem 1.875rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  min-height: 4.888rem;
  border-radius: 0 0 1.25rem 1.25rem;
}
.bdg-download-btn svg {
  width: 0.825rem;
  height: 0.76581rem;
}
/* ── LOGO ── */
.bdg-popup-content {
  display: flex;
  align-items: center;
}
.bdg-popup-content img {
  width: 6.80731rem;
  height: 2.55625rem;
  display: block;
}

/* ── DOWNLOAD BUTTON ── */
.bdg-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  font-style: normal;
  border-radius: 1.25rem;
  font-weight: 400;
  line-height: 1.0625rem;
  padding: 0.66rem 1.06rem 0.66rem 1.06rem;
  background: var(--DarkGray);
  color: var(--White);
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}
.bdg-download-btn:hover {
  text-decoration: none;
}
.bdg-download-btn svg {
  flex-shrink: 0;
}

/* ── CLOSE BUTTON ── */
.bdg-popup-close {
  position: absolute;
  top: 0.4rem;
  right: 0.66rem;
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: 1;
  z-index: 2;
  color: #fff;
  opacity: 0.85;
  transition: opacity 0.2s ease, transform 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bdg-popup-close:hover {
  opacity: 1;
  transform: scale(1.15);
}
.bdg-popup-close svg,
.bdg-popup-close img {
  width: 0.76281rem;
  height: 0.76281rem;
  display: block;
}

/* ── MOBILE ── */

.bad-our-value-grp {
  position: relative;
}
.bdg-floating-btn {
  position: fixed;
  bottom: 1.25rem;
  z-index: 99;
  opacity: 1;
  display: flex;
  justify-content: center;
  visibility: visible;
  left: 0;
  right: 0;
  width: 100%;
}

.bdg-floating-btn.bdg-hidden {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  pointer-events: none;
}

.bdg-floating-btn a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--White);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  background: var(--DarkGray);
  text-decoration: none;
  padding: 0.74rem 1.5rem 0.74rem 1.87rem;
  font-weight: 400;
  transition: all 0.3s ease;
  border: 0.063rem solid var(--DarkGray);
  border-radius: 1.875rem;
}

.bdg-floating-btn a::after {
  content: "";
  display: inline-block;
  width: 3.69819rem;
  height: 1.89394rem;
  background: url(/wp-content/themes/lumi-child/assets/icons/mobile.svg)
    no-repeat;
  background-size: contain;
}
.bad-background {
  background-image: url(/wp-content/uploads/sites/2/2026/04/hero-circle.png);
  background-repeat: no-repeat;
  background-size: 95%;
  background-position: center 76%;
}

.bad-prower-by > div {
  display: flex;
  gap: 0.28rem;
  align-items: center;
}
/* slider images */
.bad-train-one img {
  width: 20rem;
  height: 17.25rem;
  object-fit: cover;
}
.bad-trasn-two img {
  width: 18.125rem;
  height: 16.754rem;
  left: 0.875rem;
  object-fit: cover;
  bottom: 0;
  bottom: 0;
}
.bad-trasin-three img {
  width: 19.897rem;
  height: 25.332rem;
  left: -0.938rem;
  object-fit: cover;
}
.bad-four img {
  height: 16.75rem;
  width: 23.625rem;
  object-fit: cover;
  bottom: 0;
}
.bad-five img {
  width: 16.591rem;
  height: 19.272rem;
  object-fit: cover;
  left: 1.625rem;
  bottom: 0;
}
.bad-six img {
  height: 17.846rem;
  width: 21.754rem;
  object-fit: cover;
  left: 0.625rem;
  bottom: 0;
}
.bad-siven img {
  width: 18.544rem;
  height: 15.18rem;
  bottom: 0;
  left: 2.063rem;
  object-fit: cover;
}
.bad-eight img {
  height: 12.605rem;
  width: 15.147rem;
  object-fit: cover;
  left: 1.188rem;
  bottom: 0;
}

.bad-spacer-mobile-main {
  height: 7.625rem !important;
}
.bad-spacer-sec-cta {
  height: 8.88rem !important;
}
.menu-item.active a {
  color: #ce0e2d;
}
#Badrgo-Experience,
#How-it-Works,
#Our-Values-Vision,
#stress-free-life {
  scroll-margin-top: 5rem;
}
.desk-nav-menu li.active a {
  color: #cf152d;
}

/* Mobile: centered at bottom */
@media (max-width: 768px) {
  .bdg-floating-btn {
    bottom: 1rem;
    height: 3.47844rem;
  }
}
@media (min-width: 768px) {
  .bdg-popup-inner {
    justify-content: space-between;
  }
}

@media (min-width: 980px) and (max-width: 1032px) {
  .bdg-popup-inner {
    min-height: 10rem !important;
  }
  .bad-desk-heder {
    padding: 2.188rem 0 3.438rem !important;
  }
  .bad-trafice img {
    top: unset !important;
  }
  .version-two-arrows.custom-arrow-container {
    top: 25% !important;
  }
}
@media (min-width: 992px) and (max-width: 1170px) {
  .bad-desk-heder {
    padding: 2.188rem 0 4.438rem !important;
  }
  .bad-four img {
    height: 17rem !important;
  }
}
/* end  */

/* version two */
div.bad-fully-trusted {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.87rem;
}

.bad-fully-trusted {
  padding-top: 2.29rem;
}
.dab-heading h1 {
  padding-bottom: 0.94rem;
  text-align: center;
  text-transform: capitalize;
}
.dab-heading p {
  text-align: center;
}
div.bad-none-desk {
  display: none;
}
.bad-image img {
  width: 21.691rem;
  height: 14.616rem;
  object-fit: cover;
  margin-left: -1.25rem;
}

.bad-version-bg {
  padding-bottom: 11.25rem;
  min-height: 100vh;
}
.bad-gro-car-grp h2 {
  text-transform: capitalize;
  padding: 1.56rem 0 2.19rem;
}

div.bad-ver-exp {
  border: 0.019rem solid var(--DarkGray);
  padding: 2.38rem 1.71rem;
  border-radius: 2.5rem;
  background-color: var(--White);
  margin-bottom: -0.625rem;
}
.bad-exp-col {
  flex-wrap: wrap;
  gap: 1.25rem;
  flex-direction: column;
  padding-bottom: 1.25rem;
  padding: 0 1rem;
}
.bad-ver-exp img {
  width: 14.0625rem;
  height: 6.84269rem;
  object-fit: cover;
}
.bad-veri-contetn h3 {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
  letter-spacing: -0.015rem;
  text-transform: capitalize;
  padding-bottom: 0.31rem;
}
.bad-veri-contetn {
  border: 0.019rem solid var(--DarkGray);
  border-radius: 1.25rem;
  background-color: var(--White);
  padding: 1.07rem 1.26rem;
}
.bad-secon-version-main {
  padding: 2.19rem 0 6.25rem;
}
.bad-mobile-wrap {
  flex-wrap: wrap !important;
}
.bad-mobile-wrap {
  gap: 1.56rem;
}
.bad-version-mi h2 {
  text-transform: unset !important;
  padding-bottom: 1.563rem;
}
.bad-slider-conatner h1 {
  text-transform: capitalize;
  padding-bottom: 1.563rem;
}
.bad-version-two {
  padding-top: 2.188rem;
}
.bad-fully-bg-grp {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.25rem;
}
.bad-fully-bg-grp {
  padding-top: 2.19rem;
}
div.bad-fully-version-main {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.25rem;
}
.bad-version-head-sl h3 {
  text-transform: capitalize;
  line-height: 1.813rem;
}
.bad-version-head-sl img {
  bottom: 0;
}
.bad-fully-bg-grp h2 {
  text-align: center;
  text-transform: capitalize;
  padding-bottom: 0.625rem;
}
.bad-fully-bg-grp p {
  text-align: center;
}
.bad-mobile-circle-bg img {
  width: 18.428rem;
  height: 19.036rem;
  object-fit: cover;
}
.bad-mobile-circle-bg {
  background-image: url(/wp-content/uploads/sites/2/2026/04/hero-circle.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.bad-testmornal-verion h2 {
  text-transform: capitalize;
  padding-bottom: 1.563rem;
  text-align: center;
}
.bad-testmornal-verion {
  padding-top: 2.19rem;
  max-width: 20.375rem;
  margin: auto;
}
div.bad-version-testmornal {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  max-width: 18.375rem;
  margin: auto;
}
.bad-version-test-col {
  border-radius: 1.25rem;
  background-color: var(--White);
  padding: 1.63rem 1.13rem;
}
.bad-version-test-col img {
  width: 6.386rem;
  height: 1.051rem;
  object-fit: cover;
  margin-bottom: 0.94rem;
}
.bad-version-test-col p {
  color: var(--DarkGray);
}
.bad-version-test-col h3 {
  font-size: 1.125rem;
  font-style: normal;
  line-height: 1.5rem;
  padding-top: 0.63rem;
  text-transform: capitalize;
}
.bad-verion-hed h2 {
  text-transform: capitalize;
  padding-bottom: 1.58rem;
}
.bad-verion-mob-bg-col {
  padding-top: 2.19rem;
}
.bad-col-verion-mob-th h5 {
  text-transform: capitalize;
}
.bad-stree-flex {
  justify-content: center;
}
.bad-version-bg {
  background: linear-gradient(180deg, #fff 16.38%, #ffd7dc 147.99%);
  position: relative;
}
.bad-version-bg-rem {
  background: transparent !important;
}
.home-page-badrgo .bad-hide-menu {
  display: none;
}
.home-version-two .bad-none-version {
  display: none;
}
.home-version-two #Badrgo-Experience,
.home-version-two #How-it-Works,
.home-version-two #Our-Values-Vision,
.home-version-two #stress-free-life {
  scroll-margin-top: 5rem;
}

.custom-arrow-container {
  max-width: 22rem;
  margin: auto;
}

#hero-sec-version-two {
  position: relative;
}

.version-two-arrows.custom-arrow-container {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
  pointer-events: none;
}

.bad-arrow-two-img {
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: all;
}

#hero-version-two-prev,
#hero-version-two-next {
  cursor: pointer;
}
.bad-arrow-two-img img {
  height: 1.50725rem;
  cursor: pointer;
  width: 0.82213rem;
}
.bad-version-arrow-row img {
  height: 1.50725rem;
  cursor: pointer;
  width: 0.82213rem;
}
.bad-express {
  max-width: 19.875rem;
}
.bad-mobile-home {
  padding-bottom: 4.36rem;
}
.swiper-wrapper {
  gap: 0 !important;
}
#hero-sec-version-two .swiper-slide > .wp-block-group__inner-container {
  width: inherit;
}

.home-version-two .footer-section {
  padding: unset;
}
.bad-trabsp {
  padding-right: 3.188rem;
}
.slider-width img {
  height: 22.44431rem;
}
.bad-verion .bad-col-verion-mob-th h4 {
  font-size: 1.375rem;
  font-style: normal;
  color: #1d1d1b;
  font-weight: 700;
  line-height: 1.5rem;
  text-transform: capitalize;
}
.bad-hero-home-col {
  padding-bottom: 4.36rem;
}

.bad-max-test {
  max-width: 19.5rem !important;
  margin: auto;
}


.home-version-two .bad-footer {
    display: none;}