.elementor-17266 .elementor-element.elementor-element-46a33f1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS */.uicore-top-bar {
    display:none;
}
.home02-hero-section {
    background-image: linear-gradient(#12375e1c 1px, transparent 1px), linear-gradient(90deg, #12375e1c 1px, transparent 1px);
    background-size: 60px 60px;
}
.home02-hero-section h2 {
  font-size: clamp(36px, 7.5vw, 78px);
}
.ecosystem-box .bdt-badge {
    margin-top:10px;
    margin-right: 10px;
}
.cta-below-bottom-1 h2 {
    font-size: clamp(64px, 12vw, 108px);
}
.cta-below-bottom-2 h2 {
    font-size: clamp(28px, 5.5vw, 56px);
}

.new-homepage-desktop-menu .elementor-nav-menu--dropdown {
    border: 2px solid #3F6894 !important; border-radius: 8px;
}
.fbm2-hero-dot {
    width: 6px;
    height: 6px;
    background: #6ab8ea;
    border-radius: 50%;
    animation: fbm2Pulse 2s infinite;
}

/* MARQUEE HERE */
.marquee{
  overflow:hidden;
}

/* track moves, but must have NO gap */
.marquee__track{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  max-width:none !important;

  gap:0 !important;
  column-gap:0 !important;
  row-gap:0 !important;

  justify-content:flex-start !important;
  align-items:center !important;

  animation: fbmMarquee 25s linear infinite !important;
  will-change: transform;
}

/* sets provide spacing between items */
.marquee__set{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  max-width:none !important;
  flex:0 0 auto !important;

  gap:24px !important;           /* spacing between items */
  justify-content:flex-start !important;
  align-items:center !important;

  margin:0 !important;
  padding:0 !important;
}

/* make each item a fixed-width card so Set A is longer than the viewport */
.marquee__track .elementor-widget-icon-box{
  flex:0 0 auto !important;
  min-width:260px !important;    /* raise if Set A still too short */
}

@keyframes fbmMarquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

.fbm2-ticker-item .ti-num {
    font-size: 25px;
    font-weight: 800;
    color: #D4AD49;
    font-family: 'Mundial';
}

.fbm2-ticker-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 40px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
    
}

/* Add this class to your Elementor container/section */
.dots-bg{
  position: relative;
  overflow: hidden;
}

/* White dot overlay */
.dots-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  /* dot grid (2 layers for size variation) */
  background-image: radial-gradient(circle, rgb(255 255 255 / 16%) 0 2.6px, transparent 2.7px), radial-gradient(circle, rgba(255, 255, 255, .18) 0 1.4px, transparent 1.5px);
  background-size: 26px 26px, 16px 16px;
  background-position: 0 0, 6px 6px;

  /* cluster shaping (4 blobs like your screenshot) */
  -webkit-mask-image:
    radial-gradient(circle at 16% 72%, #000 0 240px, transparent 520px),
    radial-gradient(circle at 84% 32%, #000 0 240px, transparent 520px),
    radial-gradient(circle at 14% 28%, #000 0 170px, transparent 420px),
    radial-gradient(circle at 86% 82%, #000 0 170px, transparent 420px);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;

  mask-image:
    radial-gradient(circle at 16% 72%, #000 0 240px, transparent 520px),
    radial-gradient(circle at 84% 32%, #000 0 240px, transparent 520px),
    radial-gradient(circle at 14% 28%, #000 0 170px, transparent 420px),
    radial-gradient(circle at 86% 82%, #000 0 170px, transparent 420px);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

.three-step-line {
    content: '';
    position: absolute;
    top:26%;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(212, 173, 73, 0.3), #D4AD49, rgba(212, 173, 73, 0.3), transparent);
}

.3-step-circle:hover {
    background: rgba(212, 173, 73, 0.1);
    box-shadow: 0 0 0 12px rgba(212, 173, 73, 0.08);
}

/*partner package*/

.fbm-pck-1:hover, .fbm-home-review-card .bdt-ep-review-card-grid-item:hover  {
    transform: translateY(-4px);
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.3);
}

/*review card*/

.fbm-home-review-card .review-name {
font-style: normal;
    font-size: 13px;
    font-weight: 800;
    color: #D4AD49;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-family: 'Outfit';
}

.fbm-home-review-card .review-title {
font-size: 13px;
    color: rgba(244, 249, 255, 0.45);
    font-weight: 400;
    margin-top: 2px;
    font-style: normal;
    line-height: 0.03em;
}

.fbm-home-review-card .review-div{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    margin-top: 25px;
}/* End custom CSS */