:root {
  --dw-blue-deep: #071f63;
  --dw-blue: #0b4ba8;
  --dw-gold: #fec20f;
  --dw-gold-soft: #ffe08a;
  --dw-ivory: #fff9ec;
  --dw-cream: #ffefd0;
  --dw-greeting: "Happy Diwali";
}

/* Top bar: your text and links stay in place, the greeting comes from CSS. */
.dw-topbar {
  position: relative;
  background: linear-gradient(
    90deg,
    var(--dw-blue-deep),
    var(--dw-blue) 50%,
    var(--dw-blue-deep)
  ) !important;
  background-size: 200% 100% !important;
  animation: dw-bar-drift 14s ease-in-out infinite alternate;
  color: #fff !important;
}

.dw-topbar a,
.dw-topbar span,
.dw-topbar button,
.dw-topbar select {
  color: #fff !important;
}

.dw-topbar img {
  filter: brightness(0) invert(1);
}

.dw-topbar::after {
  content: "\2726\00a0\00a0" var(--dw-greeting) "\00a0\00a0\2726";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font:
    400 clamp(16px, 1.4vw, 22px)/1 "Rozha One",
    "Noto Serif Devanagari",
    serif;
  white-space: nowrap;
  color: transparent;
  background: linear-gradient(100deg, #fec20f 30%, #fff6d0 50%, #fec20f 70%) 0
    0 / 250% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: dw-text-shine 5s linear infinite;
  pointer-events: none;
}

/* Main menu bar. isolation lets the animated layer sit behind your menu items. */
.dw-nav {
  position: relative;
  isolation: isolate;
  background: linear-gradient(
    180deg,
    var(--dw-ivory),
    var(--dw-cream)
  ) !important;
  border-bottom: 2px solid var(--dw-gold) !important;
  min-height: 60px;
}

/* Menu links: gold underline on hover, drawn without a pseudo-element. */
.dw-link {
  background-image: linear-gradient(
    90deg,
    transparent,
    var(--dw-gold) 20%,
    #ff8a1f 50%,
    var(--dw-gold) 80%,
    transparent
  );
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 0 2px;
  transition: background-size 0.28s ease;
}

.dw-link:hover,
.dw-link:focus-visible {
  background-size: 100% 2px;
}

.dw-link img,
.dw-link svg {
  transition:
    transform 0.28s ease,
    filter 0.28s ease;
}

.dw-link:hover img,
.dw-link:hover svg,
.dw-link:focus-visible img,
.dw-link:focus-visible svg {
  transform: translateY(-2px) scale(1.06);
  filter: drop-shadow(0 3px 5px rgba(254, 194, 15, 0.7));
}

/* Login button: slow gold pulse and a light sheen across your existing colour. */
.dw-login {
  background-image: linear-gradient(
    112deg,
    transparent 42%,
    rgba(255, 255, 255, 0.34) 50%,
    transparent 58%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: 260% 100% !important;
  animation:
    dw-pulse 2.8s ease-in-out infinite,
    dw-sheen 4.5s ease-in-out infinite;
}

/* Canvas layers added by the script. Neither one can take a click. */
.dw-layer {
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
  border: 0;
}

.dw-back {
  top: 0;
  height: 100%;
  z-index: -1;
}

.dw-mala {
  top: 100%;
}

@keyframes dw-bar-drift {
  to {
    background-position: 100% 0;
  }
}

@keyframes dw-text-shine {
  to {
    background-position: -250% 0;
  }
}

@keyframes dw-pulse {
  0%,
  100% {
    box-shadow:
      0 0 0 2px var(--dw-gold),
      0 0 7px 1px rgba(254, 194, 15, 0.35);
  }

  50% {
    box-shadow:
      0 0 0 3px var(--dw-gold),
      0 0 17px 5px rgba(254, 194, 15, 0.6);
  }
}

@keyframes dw-sheen {
  0%,
  45% {
    background-position: 130% 0;
  }

  100% {
    background-position: -40% 0;
  }
}

@media (max-width: 900px) {
  .dw-topbar::after {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dw-topbar,
  .dw-topbar::after,
  .dw-login {
    animation: none;
  }

  .dw-login {
    box-shadow: 0 0 0 2px var(--dw-gold);
  }

  .dw-link,
  .dw-link img,
  .dw-link svg {
    transition: none;
  }
}
.header_strip {
    padding: 12px 0;
    position: relative;
    background-color: var(--color-primary);
}

.header_strip a {
    font: normal normal 500 14px / 142.857% var(--font-primary);
    /* color: var(--Gray-Mode-950); */
    color: var(--color-white);
    letter-spacing: 0.035px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.header_strip a svg {
    width: 20px;
    height: auto;
    filter: brightness(0) invert(1);
    transition: 0.5s all ease-out;
}
:root {
    --dw-blue-deep: #071F63;
    --dw-blue: #0B4BA8;
    --dw-gold: #FEC20F;
    --dw-gold-soft: #FFE08A;
    --dw-ivory: #FFF9EC;
    --dw-cream: #FFEFD0;
    --dw-greeting: "Happy Diwali";
}

.header_strip::after {
    content: "\2726\00a0\00a0" var(--dw-greeting) "\00a0\00a0\2726";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font: 400 clamp(16px, 1.4vw, 22px) / 1 "Rozha One", "Noto Serif Devanagari", serif;
    white-space: nowrap;
    color: transparent;
    background: linear-gradient(100deg, #FEC20F 30%, #FFF6D0 50%, #FEC20F 70%) 0 0 / 250% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: dw-text-shine 5s linear infinite;
    pointer-events: none;
}
.hero_section .hero_wrapper {
    clip-path: unset !important;
	}
.hero_section {
    margin-top: 0 !important;
}
.header{
    position: relative;
    z-index: 10;
}

.diwali-banner {
    padding-top: 38px;
}



.forexbredcrum_bg {
    padding-top: 15px;
}

.bnr_text.banner-one.lpTopTextBanner {
    transform: translateY(0px) !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {
    .diwali-banner {
    padding-top: 12px;
}
}

@media only screen and (max-width: 767px) {
    .hero_section {
        height: 240px !important;
    }

.home-page .hero_section {
        height: 30px !important;
    }
.hero_section .hero_wrapper {
        height: 100%;
        clip-path: inset(0 round 0) !important;
        height: 240px !important;
    }
.diwali-banner {
    padding-top: 0px;
}
.forexbredcrum_bg {
    padding-top: 0px;
}
.srpPage .bnr_text.banner-text {
        z-index: 1 !important;
    }
.home-page .hero_section .search_tcLanding{
margin-top:-292px !important; 
}
}