.ffr-carousel .ffr-carousel__dots{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    margin-top:14px !important;
  }
.ffr-videoCarousel__arrow {

}

.goldstar-submitbtn {
	color:white !important;
}
.un-card-grid-title {
	color: #1b1f6a !important;
}
.goldstar-upload__btn {
	color:white !important;
	background: var(--color-goldstar-gold) !important;
}
  /* every rendered dot item (button/span/div/etc) */
  .ffr-carousel .ffr-carousel__dots > *{
    position:relative !important;
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    min-height:10px !important;
    border-radius:50% !important;
    border:1px solid #f5a623 !important;
    background:#fff !important;
    padding:0 !important;
    box-sizing:border-box !important;
    cursor:pointer !important;
    appearance:none !important;
    -webkit-appearance:none !important;
  }

  /* orange connector line */
  .ffr-carousel .ffr-carousel__dots > *::after{
    content:"" !important;
    position:absolute !important;
    top:50% !important;
    left:calc(100% + 2px) !important;
    width:8px !important;
    height:1px !important;
    background:#f5a623 !important;
    transform:translateY(-50%) !important;
    pointer-events:none !important;
  }

  .ffr-carousel .ffr-carousel__dots > *:last-child::after{
    display:none !important;
  }

  /* active states (covers common patterns) */
  .ffr-carousel .ffr-carousel__dots > *.is-active,
  .ffr-carousel .ffr-carousel__dots > *.active,
  .ffr-carousel .ffr-carousel__dots > *[aria-current="true"],
  .ffr-carousel .ffr-carousel__dots > *[aria-selected="true"]{
    background:#f5a623 !important;
  }
  
    .ffr-carousel__track {
    display: flex;
    width: 100%;
    transform: translateX(0%);
    transition: transform 450ms ease;
    will-change: transform;
  }

  .ffr-carousel__slide {
    flex: 0 0 100%;
    width: 100%;
    position: relative;
  }

  .ffr-carousel__img {
    width: 100% !important;
    height: clamp(260px, 52vw, 520px) !important;
    object-fit: cover !important;
    display: block !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    max-height: clamp(260px, 52vw, 520px) !important;
    min-height: clamp(260px, 52vw, 520px) !important;
  }

  .ffr-carousel__dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--ffr-space-4);
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    background: rgba(0,0,0,0.25);
    backdrop-filter: blur(2px);
  }

  .ffr-carousel__dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    border: 0;
    padding: 0;
    cursor: pointer;
    background: rgba(255,255,255,0.65);
  }

  .ffr-carousel__dot[aria-current="true"] {
    background: var(--ffr-color-white);
    transform: scale(1.15);
  }

  .ffr-carousel__dot:focus-visible {
    outline: 2px solid var(--ffr-color-white);
    outline-offset: 3px;
  }
  
  .ffr-news-grid__heading {
  	color: white;
  	font-size:44px;
  }
  .ffr-news-grid__cta:hover {
  	color:white !important;
  }
  .ffr-news-grid__viewall {
  	color:white !important;
  	background: var(--ffr-color-warning, #f59b2f) !important; 
  }
  .ffr-news-grid {
  	min-height:500px;
  }
  .ffr-gallery-block__h2 {
  	color:white!important;
  	font-size:50px !important;
  }
  .ffr-gallery-block__desc {
  	margin-top:8px !important;
  	font-size:13px !important;
  	font-style:italic!important;
  }
  .ffr-gallery-block__h3 {
  	color:white!important;
  	font-size:16px !important;
  }
  .ffr-gallery-block__bg::after {
  	background: rgb(16 2 67 / 70%) !important;
  }
  .ffr-gallery-block__btn {
  	background: var(--color-goldstar-gold) !important;
  }
 .ffr-videoCard__body {
 	text-align:left;
 }
  .ffr-news-grid::before {
  	background: rgb(16 2 67 / 70%) !important;
  }
  .ffr-news-grid__cta {
  	color: white;
  	    background: var(--ffr-color-warning, #f59b2f) !important; 
  }
.ffr-news-grid__titlelink {
	color:white !important;
}

.ffr-videoCard {
	background:unset !important;
}
.ffr-videoCarousel__viewport button {
		background:unset !important;
}

/* =========================================================
   GoldStar isolation layer
   Purpose: neutralize inherited/global theme styling inside
   .goldstar-main (buttons, inputs, links, hover states, etc.)
   ========================================================= */

/* 1) Core form/control reset for polluted primitives */
.goldstar-main :is(
  button,
  .btn,
  [role="button"],
  input,
  select,
  textarea,
  label,
  option,
  optgroup
) {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: none;
}

/* Remove framework/browser appearance that often forces styling */
.goldstar-main :is(
  button,
  .btn,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  input[type="file"],
  select
) {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  outline: none;
}

/* Kill framework-driven interactive state colors */
.goldstar-main :is(
  button,
  .btn,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  a,
  select,
  textarea
):is(:hover, :focus, :active, :focus-visible) {
  background: transparent;
  color: inherit;
  border-color: currentColor;
  box-shadow: none;
  text-decoration: none;
  outline: none;
}

/* Prevent generic framework transitions/animations from altering hover behavior */
.goldstar-main :is(
  button,
  .btn,
  input,
  select,
  textarea,
  a
) {
  transition: none;
 
  animation: none;
}

/* Optional: restore pointer cursor for intended clickable controls */
.goldstar-main :is(
  button,
  .btn,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="reset"]
) {
  cursor: pointer;
}

/* Optional: disabled states */
.goldstar-main :is(
  button,
  .btn,
  input,
  select,
  textarea
):disabled {
  cursor: not-allowed;

}
.ffr-videoCarousel__arrow  {
	opacity:0;
}
.ffr-videoCarousel__viewAll {
	color:white!important;
	background: var(--ffr-color-gold) !important;
		background-color: var(--ffr-color-gold) !important;
}
.ffr-videoCarousel__arrow--prev {
	opacity:0;
}
  @media (min-width: 900px) {
    .ffr-carousel__img {
      height: clamp(360px, 40vw, 640px) !important;
      max-height: clamp(360px, 40vw, 640px) !important;
      min-height: clamp(360px, 40vw, 640px) !important;
    }

    .ffr-carousel__dots {
      bottom: var(--ffr-space-6);
    }
  }
.ffr-videoCarousel__title {
	font-size:40px;
}

.ffr-news-grid__heading {
		font-size:40px;
}

.ffr-videoCarousel__title {
	color:white!important;
	font-size:50px !important;
}

.ffr-news-grid__heading {
		color:white!important;
	font-size:50px !important;
}


/* =========================================================
   1) Neutralize inherited heading/theme surprises (scoped)
   ========================================================= */
.goldstar-main :is(h1, h2, h3, h4, h5, h6) {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: none;
  margin: 0;
  color: inherit;
}


.goldstar-main :is(h1, h2, h3, h4, h5, h6) a,
.goldstar-main :is(h1, h2, h3, h4, h5, h6) a:is(:hover, :focus, :active, :visited) {
  color: inherit;
  text-decoration: none;
}


.goldstar-main .goldstar-title-xl {
  font-family: var(--ffr-font-heading, inherit);
  font-size: clamp(1.875rem, 3vw, 2.5rem); /* 30px–40px */
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--color-goldstar-blue, #262262);
  margin: 0 0 0.75rem;
}

.goldstar-main .goldstar-title-lg {
  font-family: var(--ffr-font-heading, inherit);
  font-size: clamp(1.5rem, 2.4vw, 2rem); /* 24px–32px */
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-goldstar-blue, #262262);
  margin: 0 0 0.625rem;
}
.goldstar-intro-contact__title {
	margin-bottom:1.5rem !important;
}
.goldstar-main .goldstar-title-md {
  font-family: var(--ffr-font-heading, inherit);
  font-size: clamp(1.25rem, 2vw, 1.5rem); /* 20px–24px */
  line-height: 1.25;
  font-weight: 700;
  color: var(--color-goldstar-blue, #262262);
  margin: 0 0 0.5rem;
}

.ffr-videoCarousel {
	background-image: linear-gradient(0deg, rgb(34 17 72 / 88%), rgb(23 7 61 / 88%)), var(--ffr-videoCarousel-bgimg, none) !important;
}

.goldstar-main h1 { font-size: clamp(2rem, 4vw, 2.75rem); line-height: 1.1;color: var(--color-goldstar-blue, #262262);font-weight:700; }
.goldstar-main h2 { font-size: clamp(1.5rem, 3vw, 2rem);   line-height: 1.15;color: var(--color-goldstar-blue, #262262);font-weight:700 }
.goldstar-main h3 { font-size: clamp(1.25rem, 2.2vw, 1.5rem); line-height: 1.2;color: var(--color-goldstar-blue, #262262);font-weight:700 }
.goldstar-main h4 { font-size: 1.125rem; line-height: 1.25;color: var(--color-goldstar-blue, #262262);font-weight:700 }
.goldstar-main h5 { font-size: 1rem; line-height: 1.3;color: var(--color-goldstar-blue, #262262);font-weight:700 }
.goldstar-main h6 { font-size: 0.875rem; line-height: 1.35;color: var(--color-goldstar-blue, #262262);font-weight:700 }