:root {

  /* ==========================================================================
	 COLORS - PRIMARY PALETTE
	 ========================================================================== */

  /* Brand Colors */
  --color-primary: #fecc22;           /* Main brand */
  --color-primary-dark: #FFB021;      /* Darker  for hover states */
  --color-primary-light: #FFE621;     /* Lighter  for highlights */

  --color-secondary: #0C20FF;         /* Blue accent */

  /* Base Colors */
  --base-color: #212529;              /* Primary text color (dark gray/black) */
  --base-color-light: #6c757d;        /* Secondary text (gray) */
  --base-color-lighter: #adb5bd;      /* Tertiary text (light gray) */

  /* Neutrals */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f8f9fa;
  --color-gray-200: #e9ecef;
  --color-gray-300: #dee2e6;
  --color-gray-400: #ced4da;
  --color-gray-500: #adb5bd;
  --color-gray-600: #6c757d;
  --color-gray-700: #495057;
  --color-gray-800: #343a40;
  --color-gray-900: #212529;

  --font-primary: 'Outfit', Arial, Helvetica, sans-serif;
  --font-brand: 'Montserrat', Arial, Helvetica, sans-serif;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(fonts/Outfit.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/Montserrat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.logo img {
  width: 300px !important;
  height: auto;
}
.bg_dark, .bodyArea {
  background-color:#000;
}
.nav_link_global {
	color: var(--color-white);
	font-size: 1.25rem;
	font-weight: 500;
	text-transform: uppercase;
}
.buttons_light, .border_btn {
	font-family: var(--font-primary) !important;
}
.buttons_light, .buttons_light a, .pagesDetails p .buttons_light, .pagesDetails .buttons_light, .newmessage i {
	color:#000 !important;
	border-radius: 0;
	padding: 0 20px;
}
.mobileBtn.buttons_light {padding: 8px;}
.buttons_med {
	background-color: transparent;
	border: 2px solid var(--color-primary-light);
	text-transform: uppercase;
	border-radius: 2px;
}
.buttons_med:hover {
	color:#000;
	background-color: var(--color-primary);
}

.nlbonus {display: none !important;}

.getAccess {display:none;}

.getAccess {
  text-align: center;
  padding-bottom: 76px;
}
.getAccess a {
  font-size: 37px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 20px 46px;
  display: inline-block;
}
.title h2 {
	color: var(--color-white);
	font-size: clamp(1.875rem, 1.7045rem + 0.6818vw, 2.25rem);
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: -2px 1px 0 var(--color-primary);
}

/* Index */
.modelPic {margin-bottom: 0px;}
.modelBlock h4, .iModels h4 {
	font-size: 1.2rem;
	font-weight: 500;
}
.modelBlock h4 {
	background-color: rgba(254, 204, 34, 0.4) ;
	font-size: 1.4rem;
	font-weight: 600;
	padding: .25rem .5rem;
	text-transform: uppercase;
	border: 1px solid var(--color-primary) 
}
.modelBlock h4.link_bright a {
	color: white !important;
}
.latestUpdateBinfo {
	line-height: 1.8;
	border: 1px solid #212121;
	padding: .5rem;
}
.latestUpdateBinfo {
	min-height: 100px; /* adjust to fit your tallest card */
}
.modelBlock span {
	display: none;
}
.trailer {

}
.trailer video {
  width: 100%;
  display: block;
}

.cta {
	width: 100%;
}
.cta__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	padding: 2rem 0;
}
.cta__join-h3 {
	color: var(--color-primary);
	text-transform: uppercase;
	font-size: clamp(1.5rem, 1.3636rem + 0.5455vw, 1.8rem);
	font-weight: 700;
	margin: 0;
	padding: 1rem 0;
	text-wrap: balance;
}
.cta__btn-join {
	display: inline-block;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	background-color: var(--color-primary);
	background-image: none;
	border: 1px solid var(--color-primary);
	border-radius: 4px;
	box-shadow: 4px 4px 0 0#000, 4px 4px 0 1px #fecc22;
	box-sizing: border-box;
	color:#000;
	cursor: pointer;
	display: inline-block;
	font-size: 2rem;
	font-weight: 600;
	line-height: 20px;
	margin: 0 5px 10px 0;
	overflow: visible;
	padding: 12px 40px;
	text-align: center;
	text-transform: capitalize;
	touch-action: manipulation;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	vertical-align: middle;
	white-space: nowrap;
}
.instant-access {
	display: flex;
	flex-direction: column;
}
.instant-access h4{
	color: #fff;
	text-transform: uppercase;
	font-size: clamp(1.125rem, 1.0227rem + 0.4091vw, 1.35rem);
	margin: 2rem 0 0 0;
}

footer {margin-top: 1.5rem;}

.latestUpdateB {
  display: flex;            /* if needed */
  flex-direction: column;   /* stack children vertically */
  width: 100%;              /* constrain width */
  overflow: hidden !important;         /* prevent horizontal scroll */
}

.description-right {
 display: block;           /* block or inline-block */
   overflow: hidden;         /* hide overflowing text */
   text-overflow: ellipsis;  /* add "..." */
   white-space: nowrap;      /* force single line */
   max-width: 100%;          /* never exceed parent width */
   min-width: 0;             /* flex/grid safe */
   box-sizing: border-box;   /* include padding in width */
	  
	 }

.latestUpdateB h4 {font-size: 16px !important;}

.vidImgTitle h4 {font-size: 22px !important;}

.latestUpdateB .link_light {display:none !important;}