/******************************************************************
  Template Name: Ashion
  Description: Ashion ecommerce template
  Author: Colorib
  Author URI: https://colorlib.com/
  Version: 1.0
  Created: Colorib
******************************************************************/

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Categories Section
5.  Product Section
6.  Banner Section
7.  Countdown Section
8.  Instagram
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/
/* CSS HEX */
/* --african-violet: #b07bacff;
--ice-blue: #9cf6f6ff;
--walnut-brown: #635c51ff;
--battleship-gray: #7d7461ff;
--pumpkin: #ff751aff;

/* CSS HSL */
/* --african-violet: hsla(305, 25%, 59%, 1);
--ice-blue: hsla(180, 83%, 79%, 1);
--walnut-brown: hsla(37, 10%, 35%, 1);
--battleship-gray: hsla(41, 13%, 44%, 1);
--pumpkin: hsla(24, 100%, 55%, 1); */

/* SCSS HEX */
/* $african-violet: #b07bacff;
$ice-blue: #9cf6f6ff;
$walnut-brown: #635c51ff;
$battleship-gray: #7d7461ff;
$pumpkin: #ff751aff; */

/* SCSS HSL */
/* $african-violet: hsla(305, 25%, 59%, 1);
$ice-blue: hsla(180, 83%, 79%, 1);
$walnut-brown: hsla(37, 10%, 35%, 1);
$battleship-gray: hsla(41, 13%, 44%, 1);
$pumpkin: hsla(24, 100%, 55%, 1); */

/* SCSS RGB */
/* $african-violet: rgba(176, 123, 172, 1);
$ice-blue: rgba(156, 246, 246, 1);
$walnut-brown: rgba(99, 92, 81, 1);
$battleship-gray: rgba(125, 116, 97, 1);
$pumpkin: rgba(255, 117, 26, 1); */

/* SCSS Gradient */
/* $gradient-top: linear-gradient(0deg, #b07bacff, #9cf6f6ff, #635c51ff, #7d7461ff, #ff751aff);
$gradient-right: linear-gradient(90deg, #b07bacff, #9cf6f6ff, #635c51ff, #7d7461ff, #ff751aff);
$gradient-bottom: linear-gradient(180deg, #b07bacff, #9cf6f6ff, #635c51ff, #7d7461ff, #ff751aff);
$gradient-left: linear-gradient(270deg, #b07bacff, #9cf6f6ff, #635c51ff, #7d7461ff, #ff751aff);
$gradient-top-right: linear-gradient(45deg, #b07bacff, #9cf6f6ff, #635c51ff, #7d7461ff, #ff751aff);
$gradient-bottom-right: linear-gradient(135deg, #b07bacff, #9cf6f6ff, #635c51ff, #7d7461ff, #ff751aff);
$gradient-top-left: linear-gradient(225deg, #b07bacff, #9cf6f6ff, #635c51ff, #7d7461ff, #ff751aff);
$gradient-bottom-left: linear-gradient(315deg, #b07bacff, #9cf6f6ff, #635c51ff, #7d7461ff, #ff751aff);
$gradient-radial: radial-gradient(#b07bacff, #9cf6f6ff, #635c51ff, #7d7461ff, #ff751aff); */ */

/* Template default CSS
/*----------------------------------------*/


    /* PDF Link Button */
    .pdf-link-btn {
        font-size: 18px;
        color: black !important;
        background-color: white;
        padding: 12px 24px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 600;
        border: 2px solid black;
        transition: all 0.3s ease;
        margin-bottom: 15px;
        text-align: center;
    }

    .pdf-link-btn:hover {
        background-color: orange;
        color: white !important;
        text-decoration: none;
        border-color: orange;
    }

    /* Governance Button */
    .gov-btn {
        background-color: #222;
        color: white !important;
        font-size: 18px;
        padding: 12px 30px;
        border: none;
        text-transform: uppercase;
        font-weight: 600;
        float: right;
        margin-bottom: 30px;
        transition: all 0.3s ease;
        text-align: center;
    }

    .gov-btn:hover {
        background-color: orange;
        color: white !important;
        text-decoration: none;
    }





.pdf-link-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 28px;
	border-radius: 12px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.12em;
	font-size: 14px;
	background: var(--nbpac-gold);
	border: 1px solid rgba(31, 39, 45, 0.18);
	color: #1f2933 !important;
	box-shadow: 0 14px 28px rgba(17, 17, 17, 0.18);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.pdf-link-btn:hover,
.pdf-link-btn:focus {
	background: var(--nbpac-gold-dark);
	color: #111111 !important;
	transform: translateY(-1px);
	box-shadow: 0 18px 32px rgba(17, 17, 17, 0.18);
	text-decoration: none;
}


html,
body {
	height: 100%;
	font-family: "Montserrat", sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: var(--nbpac-stone);
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
}
.text-primary{
	color: orange !important;
}
h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
	color: #2f3642;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/* --------------------
   Subpage Refresh Layout
-----------------------*/
:root {
	--nbpac-teal: #264653;
	--nbpac-sand: #f4f1ed;
	--nbpac-stone: #2a2f36;
	--nbpac-ice: #9cf6f6;
	--nbpac-plum: #b07bac;
	--nbpac-orange: #ff751a;
	--nbpac-gold: #e9c46a;
	--nbpac-gold-dark: #c89b3c;
}

body {
	color: var(--nbpac-stone);
	background-color: #ffffff;
	font-family: "Montserrat", sans-serif;
}

a {
	color: var(--nbpac-teal);
}

a:hover,
a:focus {
	color: #1c3742;
}

body.inner-page {
	background-color: var(--nbpac-sand);
	color: var(--nbpac-stone);
	--heading-color: var(--nbpac-stone);
	--body-color: #2f3642;
}

.page-shell {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 24px;
}

.page-hero {
	position: relative;
	padding: 96px 0 72px;
	overflow: hidden;
	--heading-color: #ffffff;
	--body-color: #f4f1ed;
	color: var(--body-color);
	background: linear-gradient(135deg, var(--nbpac-teal) 12%, #31596b 42%, #3f6b7d 100%);
}

.page-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(12, 26, 33, 0.68) 0%, rgba(38, 70, 83, 0.55) 55%, rgba(63, 107, 125, 0.4) 100%);
	z-index: 0;
	pointer-events: none;
}

.page-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top right, rgba(156, 246, 246, 0.2), transparent 65%);
	pointer-events: none;
	z-index: 0;
}

.page-hero__heading {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.page-hero__eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: 600;
	font-size: 13px;
	color: var(--body-color);
}

.page-hero__title {
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin: 0;
	color: var(--heading-color);
}

.page-hero__lead {
	max-width: 640px;
	font-size: 18px;
	line-height: 1.7;
	color: var(--body-color);
	margin-bottom: 8px;
}

.page-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 16px;
	position: relative;
	z-index: 1;
}

.page-hero__crumbs {
	position: relative;
	z-index: 1;
	margin-top: 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.75);
}

.page-hero__crumbs a {
	color: rgba(255, 255, 255, 0.82);
	font-weight: 500;
}

.page-section {
	padding: 72px 0;
	--heading-color: var(--nbpac-stone);
	--body-color: #2f3642;
	color: var(--body-color);
}

.page-section--surface {
	background: #ffffff;
	border-radius: 28px 28px 0 0;
	box-shadow: 0 -16px 45px rgba(17, 17, 17, 0.06);
}

.page-section--spacious {
	padding-top: 96px;
}

.page-section h1,
.page-section h2,
.page-section h3,
.page-section h4,
.page-section h5,
.page-section h6 {
	color: var(--heading-color);
}

.page-section p,
.page-section li,
.page-section span {
	color: var(--body-color);
}

.page-section__intro {
	max-width: 760px;
	margin-bottom: 48px;
}

.page-section__intro h2 {
	font-size: 32px;
	font-weight: 700;
	color: var(--heading-color);
	margin-bottom: 16px;
}

.page-section__intro p {
	font-size: 17px;
	line-height: 1.8;
	color: var(--body-color);
}

.governance-hero {
	background: linear-gradient(135deg, var(--nbpac-teal) 10%, #31596b 48%, #3f6b7d 100%);
}

.team-feature-grid {
	display: grid;
	gap: 32px;
}

@media (min-width: 768px) {
	.team-feature-grid {
		grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	}
}

.team-feature {
	background: #ffffff;
	border-radius: 24px;
	box-shadow: 0 18px 40px rgba(17, 17, 17, 0.08);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.team-feature--placeholder {
	background: rgba(244, 241, 237, 0.65);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 12px 32px rgba(17, 17, 17, 0.05);
}



.team-feature__media {
	display: block;
	width: 100%;
	height: 420px;
	object-fit: cover;
	object-position: center;
}

.team-feature__media--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 32px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(42, 47, 54, 0.7);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.85), rgba(244, 241, 237, 0.9));
}

.team-feature__body {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 28px 28px 32px;
}

.team-feature__eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.16em;
	font-size: 12px;
	font-weight: 600;
	color: rgba(42, 47, 54, 0.6);
}

.team-feature__body h3 {
	font-size: 28px;
	font-weight: 700;
	color: var(--nbpac-stone);
	margin: 0;
}

.team-feature__body p {
	font-size: 16px;
	line-height: 1.8;
	color: #3f4752;
}

.team-feature__contact {
	list-style: none;
	padding: 0;
	margin: 12px 0 0;
	display: grid;
	gap: 6px;
}

.team-feature__contact span {
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 12px;
	color: rgba(42, 47, 54, 0.6);
}

.team-feature__contact a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	color: var(--nbpac-teal);
}

.team-group {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 48px;
}

.team-group:last-of-type {
	margin-bottom: 0;
}

.team-group > h3 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--nbpac-stone);
	margin: 0;
}


.team-grid {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.team-grid--compact {
	grid-template-columns: repeat(auto-fit, minmax(280px, 320px));
	justify-content: start;
}

.team-grid--compact .team-card {
	max-width: 340px;
	margin: 0;
}

.team-card {
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 12px 28px rgba(17, 17, 17, 0.08);
	border: 1px solid rgba(38, 70, 83, 0.12);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	height: 100%;
}

.team-card__media {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-bottom: 1px solid rgba(38, 70, 83, 0.08);
}

.team-card__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 22px 24px 26px;
}

.team-card__role {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 11px;
	font-weight: 600;
	color: rgba(42, 47, 54, 0.58);
}

.team-card__name {
	font-size: 20px;
	font-weight: 700;
	color: var(--nbpac-stone);
	margin: 0;
}

.team-card__note {
	font-size: 14px;
	line-height: 1.6;
	color: #4a525e;
}

.team-card__link {
	color: var(--nbpac-teal);
	font-weight: 600;
	text-decoration: none;
}

.team-card__link:hover {
	text-decoration: underline;
}

.team-feature--compact {
	border-radius: 20px;
	box-shadow: 0 10px 24px rgba(17, 17, 17, 0.08);
	border: 1px solid rgba(38, 70, 83, 0.1);
}

.team-feature--compact .team-feature__media {
	height: 320px;
}

.team-feature--compact .team-feature__body {
	gap: 12px;
	padding: 22px 24px 26px;
}

.team-feature--compact .team-feature__eyebrow {
	font-size: 11px;
	letter-spacing: 0.14em;
}

.team-feature--compact h3 {
	font-size: 20px;
}

.team-feature--compact p {
	font-size: 14px;
	line-height: 1.6;
}

.team-feature--compact .team-feature__contact {
	margin-top: 4px;
	font-size: 13px;
}

.team-feature--compact .team-feature__contact a {
	text-decoration: none;
}

.team-feature--compact .team-feature__contact a:hover {
	text-decoration: underline;
}

@media (max-width: 767.98px) {
	.team-feature__media {
		height: 360px;
	}

	.team-feature--compact .team-feature__media {
		height: 280px;
	}
}

.info-grid {
	display: grid;
	gap: 24px;
}

.info-grid--two {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.info-grid--three {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.info-card {
	background: #ffffff;
	border-radius: 18px;
	box-shadow: 0 12px 32px rgba(17, 17, 17, 0.08);
	border: 1px solid rgba(38, 70, 83, 0.08);
	padding: 28px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.info-card__eyebrow {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--nbpac-plum);
	font-weight: 700;
}

.info-card__title {
	font-size: 24px;
	font-weight: 700;
	color: var(--nbpac-stone);
	margin-bottom: 4px;
}

.info-card p,
.info-card li {
	color: #4a525e;
	font-size: 15px;
	line-height: 1.7;
}

.info-card ul {
	padding-left: 18px;
}

.info-card ul li {
	margin-bottom: 8px;
}

.info-card__cta {
	margin-top: auto;
}

.link-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 24px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.08);
	transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
	cursor: pointer;
}

.link-pill--outline {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.45);
}

.link-pill--dark {
	border-color: rgba(38, 70, 83, 0.28);
	color: var(--nbpac-teal) !important;
	background: rgba(38, 70, 83, 0.08);
}

.link-pill:hover {
	transform: translateY(-1px);
	background: rgba(255, 255, 255, 0.85);
	color: var(--nbpac-teal) !important;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
}

.link-pill--dark:hover {
	background: var(--nbpac-teal);
	color: #ffffff !important;
	box-shadow: 0 12px 24px rgba(38, 70, 83, 0.24);
}

.content-lead {
	font-size: 18px;
	line-height: 1.8;
	color: var(--body-color);
	margin-bottom: 32px;
}

.content-columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 32px;
}

.content-stack {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.highlight-callout {
	border-left: 4px solid var(--nbpac-orange);
	padding: 18px 24px;
	background: rgba(255, 117, 26, 0.08);
	border-radius: 12px;
	color: #4a4540;
	font-size: 15px;
	line-height: 1.7;
}

.link-grid {
	display: grid;
	gap: 16px;
}

.link-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 22px;
	border-radius: 14px;
	background: #ffffff;
	border: 1px solid rgba(38, 70, 83, 0.12);
	box-shadow: 0 8px 22px rgba(17, 17, 17, 0.06);
}

.link-card__label {
	font-weight: 600;
	color: var(--nbpac-stone);
}

.link-card__meta {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(42, 47, 54, 0.6);
}

.page-divider {
	height: 1px;
	width: 100%;
	background: linear-gradient(90deg, transparent, rgba(42, 47, 54, 0.15), transparent);
	margin: 48px 0;
}

.page-section--surface .info-card {
	background: rgba(244, 241, 237, 0.45);
	box-shadow: none;
	border: 1px solid rgba(38, 70, 83, 0.1);
}

.page-section--surface .info-card .link-pill {
	color: var(--nbpac-teal) !important;
}

.stacked-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.stacked-list__item {
	padding: 18px 22px;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(17, 17, 17, 0.08);
	border: 1px solid rgba(38, 70, 83, 0.1);
}

.stacked-list__heading {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 6px;
	color: var(--nbpac-stone);
}

.stacked-list__content {
	color: #4f5663;
	font-size: 14px;
	line-height: 1.7;
}

.stat-band {
	background: linear-gradient(120deg, rgba(38, 70, 83, 0.96), rgba(48, 99, 113, 0.92));
	--heading-color: #ffffff;
	--body-color: rgba(255, 255, 255, 0.85);
	color: var(--body-color);
	border-radius: 24px;
	padding: 36px 32px;
	box-shadow: 0 18px 48px rgba(17, 17, 17, 0.14);
	position: relative;
	overflow: hidden;
}

.stat-band::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top right, rgba(156, 246, 246, 0.24), transparent 58%);
	pointer-events: none;
}

.stat-band__header {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 520px;
	margin-bottom: 28px;
}

.stat-band__eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 12px;
	color: var(--body-color);
	font-weight: 600;
}

.stat-band__title {
	font-size: 34px;
	font-weight: 700;
	margin: 0;
	color: var(--heading-color);
}

.stat-band__description {
	font-size: 17px;
	line-height: 1.7;
	color: var(--body-color);
}

.stat-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 20px;
}

.stat-card {
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 18px;
	padding: 18px 20px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.stat-card__value {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.stat-card__label {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: rgba(255, 255, 255, 0.72);
	font-weight: 600;
}

.resource-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px;
}

.resource-card {
	background: #ffffff;
	border-radius: 18px;
	padding: 22px 24px;
	border: 1px solid rgba(38, 70, 83, 0.12);
	box-shadow: 0 12px 32px rgba(17, 17, 17, 0.08);
	display: grid;
	gap: 14px;
}

.resource-card__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-weight: 600;
	color: rgba(42, 47, 54, 0.6);
}

.resource-card__title {
	font-size: 18px;
	font-weight: 600;
	color: var(--nbpac-stone);
}

.resource-card__description {
	color: #4f5663;
	font-size: 14px;
	line-height: 1.65;
}

.resource-card__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.resource-card__actions .link-pill {
	color: var(--nbpac-teal) !important;
	border-color: rgba(38, 70, 83, 0.24);
	background: rgba(156, 246, 246, 0.18);
}

.resource-card__hint {
	font-size: 12px;
	color: rgba(38, 70, 83, 0.6);
}

.timeline {
	position: relative;
	display: grid;
	gap: 28px;
	padding-left: 28px;
	margin: 0;
	list-style: none;
}

.timeline::before {
	content: "";
	position: absolute;
	left: 9px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(180deg, rgba(38, 70, 83, 0.2), rgba(38, 70, 83, 0.06));
}

.timeline__event {
	position: relative;
	padding: 18px 24px;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 10px 28px rgba(17, 17, 17, 0.08);
	border: 1px solid rgba(38, 70, 83, 0.1);
}

.timeline__event::before {
	content: "";
	position: absolute;
	left: -23px;
	top: 24px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--nbpac-orange);
	box-shadow: 0 0 0 5px rgba(255, 117, 26, 0.18);
}

.timeline__year {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: var(--nbpac-plum);
	font-weight: 700;
	margin-bottom: 8px;
}

.timeline__heading {
	font-size: 20px;
	font-weight: 600;
	color: var(--nbpac-stone);
	margin-bottom: 10px;
}

.timeline__summary {
	font-size: 15px;
	line-height: 1.7;
	color: #4a525e;
	margin: 0;
}

.media-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 24px;
}

.media-card {
	background: #ffffff;
	border-radius: 18px;
	padding: 24px;
	border: 1px solid rgba(38, 70, 83, 0.08);
	box-shadow: 0 12px 30px rgba(17, 17, 17, 0.08);
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 100%;
}

.media-card__meta {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: rgba(42, 47, 54, 0.6);
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
}

.media-card__title {
	font-size: 20px;
	font-weight: 700;
	color: var(--nbpac-stone);
	margin: 0;
}

.media-card__summary {
	color: #4a525e;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 4px;
}

.media-card__action {
	margin-top: auto;
}

.cta-panel {
	border-radius: 22px;
	padding: 28px;
	background: #ffffff;
	border: 1px solid rgba(38, 70, 83, 0.08);
	box-shadow: 0 12px 28px rgba(17, 17, 17, 0.08);
	display: grid;
	gap: 12px;
}

.cta-panel--accent {
	background: linear-gradient(135deg, var(--nbpac-plum), #c08ac3);
	color: #ffffff;
}

.cta-panel__title {
	font-size: 22px;
	font-weight: 700;
	margin: 0;
	color: inherit;
}

.cta-panel__body {
	font-size: 15px;
	line-height: 1.7;
	color: inherit;
}

.cta-panel .link-pill {
	align-self: flex-start;
}

.pill-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.pill-list__item {
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(38, 70, 83, 0.1);
	font-size: 13px;
	font-weight: 600;
	color: var(--nbpac-teal);
}

.faq-list {
	display: grid;
	gap: 16px;
}

.faq-item {
	background: #ffffff;
	border-radius: 18px;
	padding: 22px 24px;
	border: 1px solid rgba(38, 70, 83, 0.1);
	box-shadow: 0 10px 26px rgba(17, 17, 17, 0.08);
}

.faq-item__question {
	font-size: 18px;
	font-weight: 600;
	color: var(--nbpac-stone);
	margin-bottom: 8px;
}

.faq-item__answer {
	font-size: 15px;
	line-height: 1.7;
	color: #4a525e;
	margin: 0;
}

.contact-layout {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
	align-items: flex-start;
}

.contact-panel {
	background: #ffffff;
	border-radius: 18px;
	padding: 24px;
	border: 1px solid rgba(38, 70, 83, 0.12);
	box-shadow: 0 12px 32px rgba(17, 17, 17, 0.08);
	display: grid;
	gap: 14px;
}

.contact-panel__heading {
	font-size: 18px;
	font-weight: 700;
	color: var(--nbpac-stone);
}

.contact-panel__row {
	display: grid;
	gap: 4px;
	font-size: 14px;
	color: #4a525e;
}

.contact-panel__label {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 12px;
	font-weight: 600;
	color: rgba(42, 47, 54, 0.6);
}

.badge-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(176, 123, 172, 0.15);
	color: var(--nbpac-plum);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.poster-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 18px;
}

.poster-card {
	background: #ffffff;
	border-radius: 16px;
	padding: 18px;
	border: 1px solid rgba(38, 70, 83, 0.12);
	box-shadow: 0 10px 24px rgba(17, 17, 17, 0.08);
	display: grid;
	gap: 12px;
	text-align: center;
}

.poster-card img {
	border-radius: 12px;
	box-shadow: 0 12px 28px rgba(17, 17, 17, 0.12);
}

.poster-card__title {
	font-size: 16px;
	font-weight: 600;
	color: var(--nbpac-stone);
}

.surface-note {
	font-size: 13px;
	color: rgba(42, 47, 54, 0.6);
	margin: 0;
}

.contact-card {
	display: grid;
	gap: 16px;
	padding: 24px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 12px 28px rgba(17, 17, 17, 0.08);
	border: 1px solid rgba(38, 70, 83, 0.14);
}

.contact-card__title {
	font-size: 22px;
	font-weight: 600;
	color: var(--nbpac-teal);
	margin-bottom: 4px;
}

.contact-card ul {
	list-style: none;
	padding: 0;
}

.contact-card li {
	display: grid;
	gap: 6px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(38, 70, 83, 0.12);
}

.contact-card li:last-child {
	border-bottom: none;
}

.contact-card strong {
	font-size: 14px;
	color: var(--nbpac-stone);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.map-wrapper {
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 18px 40px rgba(17, 17, 17, 0.16);
	border: 1px solid rgba(38, 70, 83, 0.18);
}

.staff-grid .info-card {
	align-items: flex-start;
	text-align: left;
}

.staff-card__role {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: rgba(38, 70, 83, 0.68);
	font-weight: 700;
}

.staff-card__name {
	font-size: 22px;
	font-weight: 700;
	color: var(--nbpac-stone);
	margin-bottom: 4px;
}

.staff-card__title {
	color: rgba(42, 47, 54, 0.72);
	font-size: 14px;
	margin-bottom: 12px;
}

.staff-grid .info-card .link-pill {
	align-self: flex-start;
}

.modal-isetp .modal-body {
	max-height: 80vh;
	overflow-y: auto;
}

.isetp-form fieldset {
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 18px;
	background: #ffffff;
}

.isetp-form legend {
	font-size: 1rem;
	font-weight: 600;
	padding: 0 8px;
	width: auto;
	margin-bottom: 10px;
}

.isetp-form .helper-text {
	font-size: 0.85rem;
	color: #475569;
}

.isetp-form .consent-block {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 12px;
	font-size: 0.9rem;
	line-height: 1.4;
}

@media (max-width: 767.98px) {
	.page-shell {
		padding: 0 20px;
	}

	.page-hero {
		padding: 72px 0 54px;
	}

	.page-hero__title {
		font-size: 38px;
	}

	.page-hero__lead {
		font-size: 16px;
	}

	.page-section {
		padding: 56px 0;
	}

	.link-card {
		flex-direction: column;
		align-items: flex-start;
	}

	.contact-card {
		padding: 20px;
	}

	.stat-band {
		padding: 28px 24px;
	}

	.stat-grid {
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	}

	.timeline {
		padding-left: 18px;
	}

	.timeline::before {
		left: 6px;
	}

	.timeline__event::before {
		left: -18px;
	}

	.media-grid {
		grid-template-columns: 1fr;
	}

	.contact-layout {
		grid-template-columns: 1fr;
	}
}

body.inner-page p {
	font-size: 16px;
	line-height: 1.8;
	color: var(--body-color);
	margin-bottom: 20px;
}

body.inner-page h2,
body.inner-page h3,
body.inner-page h4 {
	color: var(--nbpac-stone);
	font-weight: 700;
	letter-spacing: -0.01em;
}

body.inner-page .breadcrumb-option {
	background: transparent;
	padding: 36px 0 12px;
}

body.inner-page .breadcrumb-option .container {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 24px;
}

body.inner-page .breadcrumb__links {
	display: flex;
	gap: 12px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 600;
	color: rgba(42, 47, 54, 0.48);
}

body.inner-page .breadcrumb__links a {
	color: var(--nbpac-teal);
}

body.inner-page .spad {
	padding-top: 90px;
	padding-bottom: 90px;
	background: transparent;
}

body.inner-page .spad > .container {
	max-width: 1100px;
	margin: 0 auto;
	padding: 60px 48px;
	background: rgba(255, 255, 255, 0.98);
	border-radius: 28px;
	box-shadow: 0 32px 60px rgba(17, 17, 17, 0.08);
}

body.inner-page .spad .row {
	row-gap: 32px;
}

body.inner-page .section-title {
	margin-bottom: 48px;
	text-align: left;
}

body.inner-page .section-title h4 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--nbpac-stone);
	padding-bottom: 8px;
}

body.inner-page .section-title h4:after {
	display: none;
}

body.inner-page .section-title p {
	max-width: 720px;
	color: #49505c;
}

body.inner-page .product__item,
body.inner-page .blog__item {
	background: #ffffff;
	border-radius: 22px;
	box-shadow: 0 18px 40px rgba(17, 17, 17, 0.08);
	border: 1px solid rgba(38, 70, 83, 0.08);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}

body.inner-page .product__item__pic,
body.inner-page .blog__item__pic {
	position: relative;
	padding-bottom: 58%;
	background: rgba(38, 70, 83, 0.08);
}

body.inner-page .product__item__pic img,
body.inner-page .blog__item__pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-bottom: 1px solid rgba(38, 70, 83, 0.08);
}

body.inner-page .product__item__text,
body.inner-page .blog__item__text {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 26px 24px 28px;
}

body.inner-page .product__item__text h6,
body.inner-page .blog__item__text h6 {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.6;
}

body.inner-page .product__item__text ul,
body.inner-page .blog__item__text ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 13px;
	color: rgba(42, 47, 54, 0.6);
}

body.inner-page .product__item__text a:not(.link-pill),
body.inner-page .blog__item__text h6 a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	border: 1px solid rgba(38, 70, 83, 0.16);
	color: var(--nbpac-teal);
	background: rgba(156, 246, 246, 0.2);
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.inner-page .product__item__text a:not(.link-pill):hover,
body.inner-page .blog__item__text h6 a:hover {
	background: var(--nbpac-teal);
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 12px 24px rgba(38, 70, 83, 0.24);
}

body.inner-page .product__item .btn,
body.inner-page .product__item .site-btn,
body.inner-page .product__item .pdf-link-btn,
body.inner-page .product__item .member-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 22px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	background: var(--nbpac-gold);
	border: 1px solid rgba(31, 39, 45, 0.18);
	color: #1f2933 !important;
	box-shadow: 0 14px 28px rgba(17, 17, 17, 0.18);
	transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.inner-page .product__item .btn:hover,
body.inner-page .product__item .site-btn:hover,
body.inner-page .product__item .pdf-link-btn:hover,
body.inner-page .product__item .member-link:hover {
	background: var(--nbpac-gold-dark);
	box-shadow: 0 18px 32px rgba(17, 17, 17, 0.2);
	transform: translateY(-1px);
}

body.inner-page .product__item__text .product__hover {
	display: none;
}

body.inner-page .contact__address ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 18px;
}

body.inner-page .contact__address h6 {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 12px;
	font-weight: 600;
	color: rgba(42, 47, 54, 0.6);
	margin-bottom: 6px;
}

body.inner-page .contact__address p,
body.inner-page .contact__address span {
	color: #3f4752;
	font-size: 15px;
	line-height: 1.7;
}

body.inner-page .contact__address a {
	color: var(--nbpac-teal);
	font-weight: 600;
}

body.inner-page .contact__form {
	background: rgba(244, 241, 237, 0.65);
	padding: 24px;
	border-radius: 20px;
	display: grid;
	gap: 16px;
	border: 1px solid rgba(38, 70, 83, 0.12);
}

body.inner-page .contact__form input,
body.inner-page .contact__form textarea {
	border-radius: 14px;
	border: 1px solid rgba(38, 70, 83, 0.16);
	padding: 12px 16px;
	font-size: 14px;
}

body.inner-page .contact__map iframe {
	border-radius: 22px;
	box-shadow: 0 24px 48px rgba(17, 17, 17, 0.12);
}

body.inner-page .btn,
body.inner-page .site-btn,
body.inner-page button {
	border-radius: 12px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-weight: 700;
	padding: 12px 26px;
}

body.inner-page .btn.btn-primary,
body.inner-page .site-btn {
	background: var(--nbpac-gold);
	border: 1px solid rgba(31, 39, 45, 0.18);
	color: #1f2933;
}

body.inner-page .btn.btn-primary:hover,
body.inner-page .site-btn:hover {
	background: var(--nbpac-gold-dark);
}

.link-stack {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.link-stack a:not(.link-pill) {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 18px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	border: 1px solid rgba(38, 70, 83, 0.35);
	color: var(--nbpac-teal);
	background: rgba(38, 70, 83, 0.08);
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.link-stack a:not(.link-pill):hover {
	background: var(--nbpac-teal);
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(38, 70, 83, 0.22);
}

.nbapc-toast-container {
	position: fixed;
	top: 24px;
	right: 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	z-index: 3000;
	pointer-events: none;
}

.nbapc-toast {
	min-width: 220px;
	padding: 14px 18px;
	border-radius: 12px;
	background: rgba(38, 70, 83, 0.95);
	color: #ffffff;
	box-shadow: 0 14px 35px rgba(17, 17, 17, 0.25);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.02em;
	opacity: 0;
	transform: translateY(-12px);
	transition: opacity 0.24s ease, transform 0.24s ease;
	pointer-events: auto;
}

.nbapc-toast.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.nbapc-toast.is-hiding {
	opacity: 0;
	transform: translateY(-6px);
}

.nbapc-toast--success {
	background: rgba(38, 70, 83, 0.95);
}

.nbapc-toast--error {
	background: rgba(255, 117, 26, 0.92);
}

.nbapc-toast__message {
	display: block;
}

body.homepage {
	background: var(--nbpac-sand);
	color: var(--nbpac-stone);
}

.home-feature__eyebrow {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.72);
	margin-bottom: 8px;
}

.home-hero {
	position: relative;
	padding: 140px 0 110px;
	color: #ffffff;
	background: linear-gradient(125deg, rgba(38, 70, 83, 0.95), rgba(38, 70, 83, 0.75), rgba(48, 99, 113, 0.78));
	overflow: hidden;
}

.home-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: url("../img/index/fishing-4.png") center/cover no-repeat;
	opacity: 0.28;
	mix-blend-mode: lighten;
}

.home-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 24px;
	display: grid;
	gap: 24px 40px;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	align-items: start;
}

.home-hero__card {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 28px 30px;
	border-radius: 26px;
	background: rgba(13, 26, 32, 0.82);
	border: 1px solid rgba(156, 246, 246, 0.06);
	box-shadow: 0 28px 55px rgba(8, 16, 21, 0.28);
	color: #ffffff;
}

.home-hero__card--primary {
	background: rgba(13, 26, 32, 0.82);
}

.home-hero__card--secondary {
	background: rgba(38, 70, 83, 0.86);
	border: 1px solid rgba(156, 246, 246, 0.12);
}

.home-hero__eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-weight: 600;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
}

.home-hero__title {
	font-size: 56px;
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: -0.02em;
	margin: 0;
}

.home-hero__lead {
	font-size: 20px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
}

.home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 12px;
}

.home-hero__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.home-hero__stats .badge-chip {
	background: rgba(156, 246, 246, 0.22);
	color: #ffffff;
	font-size: 13px;
	border: 1px solid rgba(255, 255, 255, 0.25);
}

.home-hero__subtitle {
	font-size: 32px;
	line-height: 1.3;
	font-weight: 700;
	color: #ffffff;
	margin: 0;
}

.home-hero__lead--secondary {
	color: rgba(255, 255, 255, 0.82);
}

.home-hero__card--secondary .link-stack {
	margin-top: 8px;
}

.home-hero__card p,
.home-hero__card .home-hero__lead,
.home-hero__card .home-hero__lead--secondary {
	color: rgba(255, 255, 255, 0.86);
}

.home-hero__card .link-pill {
	background: rgba(255, 255, 255, 0.16);
	border-color: rgba(255, 255, 255, 0.35);
	color: #ffffff !important;
}

.home-hero__card .link-pill:hover {
	background: rgba(255, 255, 255, 0.28);
	border-color: rgba(255, 255, 255, 0.55);
}

.home-hero__card .link-pill.link-pill--outline {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.38);
}

.home-hero__card .link-pill.link-pill--outline:hover {
	background: rgba(255, 255, 255, 0.2);
}

.mailout-library {
	display: grid;
	gap: 18px;
}

.mailout-year {
	border: 1px solid rgba(38, 70, 83, 0.16);
	border-radius: 20px;
	background: #ffffff;
	overflow: hidden;
}

.mailout-year summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 20px 24px;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}

.mailout-year summary::-webkit-details-marker {
	display: none;
}

.mailout-year summary::after {
	content: "\f078";
	font-family: "FontAwesome";
	font-size: 14px;
	color: rgba(38, 70, 83, 0.6);
	transition: transform 0.2s ease;
}

.mailout-year[open] summary {
	border-bottom: 1px solid rgba(38, 70, 83, 0.12);
}

.mailout-year[open] summary::after {
	transform: rotate(180deg);
}

.mailout-year__content {
	padding: 24px;
	display: grid;
	gap: 20px;
}

@media (max-width: 767.98px) {
	.home-hero {
		padding: 120px 0 90px;
	}

	.home-hero__title {
		font-size: 40px;
	}

	.home-hero__lead {
		font-size: 18px;
	}

	.home-hero__subtitle {
		font-size: 30px;
	}

	.mailout-year__content {
		padding: 18px;
	}
}

.home-feature-grid {
	margin-top: 0;
}

.home-feature-grid .container-fluid {
	padding: 0;
}

.home-feature-grid .row > [class*="col-"] {
	padding: 0;
}

.home-feature-grid .categories__item {
	position: relative;
	min-height: 360px;
	margin: 0;
	padding: 36px 32px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}

.home-feature-grid .categories__item::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(18, 27, 32, 0.66), rgba(38, 70, 83, 0.44));
	border-radius: inherit;
}

.home-feature-grid .categories__text {
	position: relative;
	z-index: 1;
	background: rgba(18, 27, 32, 0.78);
	padding: 22px 24px;
	border-radius: 18px;
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
	display: grid;
	gap: 14px;
}

.home-feature-grid .categories__text h4 {
	color: #ffffff;
	font-weight: 700;
	margin: 0;
}

.home-feature-grid .categories__text .link-stack {
	margin-top: 4px;
}

.home-feature-grid .categories__text .link-stack a:not(.link-pill) {
	border: 1px solid rgba(255, 255, 255, 0.55);
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	text-shadow: none;
}

.home-feature-grid .categories__text .link-stack a:not(.link-pill):hover {
	background: #ffffff;
	color: var(--nbpac-teal);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

.home-feature-grid .categories__text a:after {
	display: none;
}

@media (max-width: 991.98px) {
	.home-hero__inner {
		grid-template-columns: 1fr;
	}


	.home-feature-grid .categories__item {
		padding: 30px 26px;
		min-height: 320px;
	}
}

@media (max-width: 767.98px) {
	.home-feature-grid .categories__item {
		min-height: 260px;
	}

	.home-feature-grid .categories__text {
		padding: 18px 20px;
	}
}

/*---------------------
  Helper CSS
-----------------------*/




.section-title {
	margin-bottom: 45px;
}

.section-title h4 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}

.section-title h4:after {
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 2px;
	width: 70px;
	background: orange;
	content: "";
}


/*=========================CONTAINER STYLE============================*/
.container-style{
  background-color: #264653;
  padding: 20px;
}
.container-style p {
  color: white;
}
.container-style h4{
  color: white !important;
}
.container-style ul li{
  font-size: 12px;
  color: white !important;
  display: inline-block;
  list-style: none;
  margin-right: 25px;
  position: relative;

}

/*=========================CONTAINER STYLE END ============================*/


.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	/* background-position: top center; */
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 12px 30px 10px;
	color: #ffffff;
	background: #ca1515;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	background: orange;
	font-weight: 600;
	border: none;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 30px;
	border-radius: 50px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #ffffff;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}

.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #ffffff;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #dddddd;
	background: 0 0;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*---------------------
  Header
-----------------------*/



/*******************************************************************************************************************
CUSTOM CSS
********************************************************************************************************************/

/* HOVER EFFECTS  */



/* HOVER EFFECTS END */
.filter_year{
	display: none;
}


/* #nav-container{
	position: sticky !important;
	position: sticky;
  top: 0;
  overflow: hidden;
	z-index: 999;
} */

.categories__text ul li{
	list-style-type: none;
}

.main-container {
  padding: 30px;
}

/* HEADING */

.heading {
  text-align: center;
}

.heading__title {
  font-weight: 600;
}

.heading__credits {
  margin: 10px 0px;
  color: #888888;
  font-size: 25px;
  transition: all 0.5s;
}

.heading__link {
  text-decoration: none;
}

.heading__credits .heading__link {
  color: inherit;
}

/* CARDS */

.cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card {
  margin: 20px;
  padding: 20px;
  width: 500px;
  min-height: 200px;
  display: grid;
  grid-template-rows: 20px 50px 1fr 50px;
  border-radius: 10px;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.2s;
}

.card:hover {
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
  transform: scale(1.01);
}

.card__link,
.card__exit,
.card__icon {
  position: relative;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
}

.card__link::after {
  position: absolute;
  top: 25px;
  left: 0;
  content: "";
  width: 0%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.6);
  transition: all 0.5s;
}

.card__link:hover::after {
  width: 100%;
}

.card__exit {
  grid-row: 1/2;
  justify-self: end;
}

.card__icon {
  grid-row: 2/3;
  font-size: 30px;
}

.card__title {
  grid-row: 3/4;
  font-weight: 400;
  color: #ffffff;
}

.card__apply {
  grid-row: 4/5;
  align-self: center;
}

/* CARD BACKGROUNDS */

.card-1 {
  background: radial-gradient(#1fe4f5, #3fbafe);
}

.card-2 {
  background: radial-gradient(#fbc1cc, #fa99b2);
}

.card-3 {
  background: radial-gradient(#76b2fe, #b69efe);
}

.card-4 {
  background: radial-gradient(#60efbc, #58d5c9);
}

.card-5 {
  background: radial-gradient(#f588d8, #c0a3e5);
}

/* RESPONSIVE */

@media (max-width: 1600px) {
  .cards {
    justify-content: center;
  }
}


.db{
	color: white !important;
}

/*******************************************************************************************************************
CUSTOM CSS END
********************************************************************************************************************/


.color-theme{
  background-color: #7d7461ff;
}


.site-nav__brand {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	padding: 14px 0;
	text-decoration: none;
	flex: 0 0 auto;
}

.site-nav__logo {
	display: block;
	width: 110px;
	height: 110px;
	object-fit: contain;
}

.site-nav {
	position: sticky;
	top: 0;
	z-index: 200;
	background: linear-gradient(135deg, rgba(18, 36, 45, 0.98) 0%, rgba(31, 58, 70, 0.98) 42%, rgba(38, 70, 83, 0.98) 100%);
	backdrop-filter: blur(8px);
	box-shadow: 0 20px 48px rgba(15, 23, 42, 0.26);
	color: var(--nbpac-sand);
	border-bottom: 4px solid #f16623;
	font-family: "Inter", "Montserrat", sans-serif;
}

.site-nav__layout {
	display: flex;
	align-items: center;
	gap: 32px;
	min-height: 120px;
	position: relative;
}

.site-nav__container {
	padding: 0 24px;
}

.site-nav__panel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	gap: 48px;
}

.site-nav__primary {
	flex: 1;
}

.site-nav__list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-nav__item {
	position: relative;
}

.site-nav__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.2;
	color: var(--nbpac-sand);
	padding: 10px 0;
	transition: color 0.2s ease;
}

.site-nav__link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -12px;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, #e9c46a 0%, #f16623 100%);
	border-radius: 999px;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.2s ease;
}

.site-nav__parent {
	display: flex;
	align-items: center;
	gap: 10px;
}

.site-nav__parent > .site-nav__link {
	flex: 1;
}

.site-nav__item:hover > .site-nav__link,
.site-nav__item:focus-within > .site-nav__link,
.site-nav__item--active > .site-nav__link,
.site-nav__item--active > .site-nav__parent > .site-nav__link {
	color: #ffd8a8;
}

.site-nav__item:hover > .site-nav__link::after,
.site-nav__item:focus-within > .site-nav__link::after,
.site-nav__item--active > .site-nav__link::after,
.site-nav__item--active > .site-nav__parent > .site-nav__link::after {
	transform: scaleX(1);
}

.site-nav__caret {
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
	transition: color 0.2s ease;
}

.site-nav__caret:hover,
.site-nav__caret:focus {
	color: #ffd8a8;
}

.site-nav__caret-icon {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}

.site-nav__caret[aria-expanded="true"] .site-nav__caret-icon {
	transform: rotate(-135deg);
}

.site-nav__dropdown {
	list-style: none;
	margin: 0;
	padding: 0;
	border-radius: 12px;
}

.site-nav__dropdown li + li {
	border-top: 1px solid rgba(233, 196, 106, 0.18);
}

.site-nav__dropdown a {
	display: block;
	padding: 12px 18px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.08em;
	color: var(--nbpac-sand);
	text-transform: uppercase;
	transition: background 0.2s ease, color 0.2s ease;
}

.site-nav__dropdown a:hover,
.site-nav__dropdown a:focus {
	background: rgba(241, 102, 35, 0.14);
	color: #ffd8a8;
}

.site-nav__session {
	display: flex;
	align-items: center;
	gap: 20px;
}

.site-nav__session-actions {
	display: flex;
	align-items: center;
	gap: 18px;
}

.site-nav__session-actions a {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--nbpac-sand);
	padding-bottom: 4px;
	border-bottom: 2px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.site-nav__session-actions a:hover,
.site-nav__session-actions a:focus {
	color: #ffd8a8;
	border-color: #ffd8a8;
}

.session-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 16px;
	border-radius: 999px;
	background: rgba(233, 196, 106, 0.18);
	color: var(--nbpac-sand);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	transition: background 0.2s ease, color 0.2s ease;
}

.session-status__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f16623;
	box-shadow: 0 0 0 0 rgba(241, 102, 35, 0.35);
	transition: background 0.2s ease, box-shadow 0.2s ease;
}

.session-status--active {
	background: rgba(34, 197, 94, 0.22);
	color: #c9f4d7;
}

.session-status--active .session-status__dot {
	background: #22c55e;
	box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.22);
}

.session-status--inactive {
	background: rgba(148, 163, 184, 0.24);
	color: #e2e8f0;
}

.site-nav__toggle {
	display: none;
	background: rgba(233, 196, 106, 0.18);
	border: 1px solid rgba(233, 196, 106, 0.4);
	color: var(--nbpac-sand);
	border-radius: 14px;
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 6px;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.site-nav__toggle:hover,
.site-nav__toggle:focus {
	background: rgba(233, 196, 106, 0.32);
	border-color: rgba(233, 196, 106, 0.6);
}

.site-nav__toggle-bar {
	width: 24px;
	height: 2px;
	background: currentColor;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.site-nav--open .site-nav__toggle-bar:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}

.site-nav--open .site-nav__toggle-bar:nth-child(2) {
	opacity: 0;
}

.site-nav--open .site-nav__toggle-bar:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}

.site-nav__scrim {
	display: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.end-session-link.is-disabled {
	opacity: 0.4;
	pointer-events: none;
}

@media (max-width: 991px) {
	.site-nav__layout {
		justify-content: space-between;
		gap: 16px;
	}
	.site-nav__panel {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: min(380px, 85vw);
		background: linear-gradient(180deg, rgba(4, 12, 16, 0.96) 0%, rgba(12, 26, 33, 0.96) 45%, rgba(31, 58, 70, 0.96) 100%);
		padding: 96px 28px 48px;
		overflow-y: auto;
		transform: translateX(100%);
		transition: transform 0.3s ease;
		flex-direction: column;
		align-items: stretch;
		gap: 32px;
	}
	.site-nav__toggle {
		display: inline-flex;
	}
	.site-nav--open .site-nav__panel {
		transform: translateX(0);
	}
	.site-nav__scrim {
		display: block;
		position: fixed;
		inset: 0;
		background: rgba(3, 12, 18, 0.55);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s ease;
	}
	.site-nav--open .site-nav__scrim {
		opacity: 1;
		pointer-events: auto;
	}
	.site-nav__primary {
		width: 100%;
	}
	.site-nav__list {
		flex-direction: column;
		align-items: flex-start;
		gap: 18px;
	}
	.site-nav__item {
		width: 100%;
	}
	.site-nav__link {
		width: 100%;
		justify-content: flex-start;
		font-size: 16px;
		letter-spacing: 0.12em;
	}
	.site-nav__link::after {
		display: none;
	}
	.site-nav__dropdown {
		width: 100%;
		margin-top: 12px;
		padding: 10px 0;
		border: 1px solid rgba(233, 196, 106, 0.24);
		background: rgba(255, 255, 255, 0.05);
		display: none;
	}
	.site-nav__dropdown--open {
		display: block;
	}
	.site-nav__dropdown li + li {
		border-top: 1px solid rgba(233, 196, 106, 0.16);
	}
	.site-nav__dropdown a {
		color: var(--nbpac-sand);
		text-transform: none;
		font-size: 15px;
		letter-spacing: 0.06em;
	}
	.site-nav__session {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 18px;
		margin-top: 12px;
		padding-top: 24px;
		border-top: 1px solid rgba(233, 196, 106, 0.2);
	}
	.session-status {
		width: 100%;
		justify-content: flex-start;
	}
	.site-nav__session-actions {
		width: 100%;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}
	.site-nav__session-actions a {
		border: 1px solid rgba(233, 196, 106, 0.4);
		border-radius: 999px;
		padding: 12px 18px;
		text-align: center;
	}
}

@media (min-width: 992px) {
	.site-nav__panel {
		position: relative;
		padding: 0;
		transform: none;
		background: transparent;
	}
	.site-nav__scrim {
		display: none;
	}
	.site-nav__dropdown {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 240px;
		padding: 14px 0;
		background: #ffffff;
		border: 1px solid rgba(17, 24, 39, 0.08);
		box-shadow: 0 28px 52px rgba(15, 23, 42, 0.22);
		color: #1f2933;
		opacity: 0;
		pointer-events: none;
		transform: translateY(12px);
		transition: opacity 0.2s ease, transform 0.2s ease;
		display: block;
	}
	.site-nav__item--has-children {
		/* padding-bottom: 18px; */
	}
	.site-nav__dropdown li + li {
		border-top: 1px solid rgba(17, 24, 39, 0.08);
	}
	.site-nav__dropdown a {
		color: #1f2933;
		text-transform: none;
		font-size: 15px;
		letter-spacing: 0.04em;
		padding: 10px 20px;
		border-radius: 6px;
	}
	.site-nav__dropdown a:hover,
	.site-nav__dropdown a:focus {
		background: rgba(241, 102, 35, 0.12);
		color: #f16623;
	}
	.site-nav__item--has-children:hover > .site-nav__dropdown,
	.site-nav__item--has-children:focus-within > .site-nav__dropdown,
	.site-nav__dropdown--open {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}
}

.welcome-modal__note {
	margin-bottom: 0;
}

.member-resource-grid {
	row-gap: 24px;
}

.member-resource {
	background: #ffffff;
	border: 1px solid #e3e7eb;
	border-radius: 12px;
	padding: 24px;
	height: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 8px 20px rgba(17, 17, 17, 0.05);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.member-resource:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 32px rgba(17, 17, 17, 0.08);
}

.member-resource__badge {
	display: inline-block;
	padding: 4px 10px;
	background: rgba(8, 126, 189, 0.12);
	color: #087ebd;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 16px;
}

.member-resource__description {
	flex-grow: 1;
	color: #555555;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 20px;
}

.member-resource__actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.member-resource__hint {
	font-size: 12px;
	color: #6c757d;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.member-resource--unlocked {
	border-color: rgba(25, 135, 84, 0.45);
	box-shadow: 0 10px 28px rgba(25, 135, 84, 0.12);
}

.member-resource--unlocked .member-resource__badge {
	background: rgba(25, 135, 84, 0.12);
	color: #198754;
}

.member-resource--unlocked .member-resource__hint {
	color: #198754;
}

/*---------------------
  Banner
-----------------------*/

.banner {
	height: 500px;
}

.banner__text span {
	font-size: 18px;
	color: #ca1515;
	text-transform: uppercase;
}

.banner__text h1 {
	font-size: 80px;
	color: #111111;
	/* font-family: "Cookie", cursive; */
	margin-bottom: 15px;
}

.banner__text a {
	font-size: 14px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	padding: 0 0 3px;
	display: inline-block;
}

.banner__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #ca1515;
	content: "";
}

.banner__slider {
	text-align: center;
	padding: 150px 0 0;
}

.banner__slider.owl-carousel .owl-dots {
	position: absolute;
	left: 0;
	top: 430px;
	width: 100%;
	text-align: center;
}

.banner__slider.owl-carousel .owl-dots button {
	height: 12px;
	width: 12px;
	background: #a1a1a1;
	border-radius: 50%;
	margin-right: 10px;
}

.banner__slider.owl-carousel .owl-dots button.active {
	background: #ca1515;
}

.banner__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

/*---------------------
  Trend
-----------------------*/

.trend {
	padding-top: 80px;
	padding-bottom: 50px;
}

.trend__content .section-title h4 {
	font-size: 20px;
}

.trend__content .section-title h4:after {
	bottom: -6px;
}

.trend__item {
	overflow: hidden;
	margin-bottom: 35px;
}

.trend__item__pic {
	float: left;
	margin-right: 25px;
}

.trend__item__text {
	overflow: hidden;
}

.trend__item__text h6 {
	font-size: 14px;
	color: #111111;
	margin-bottom: 5px;
}

.trend__item__text .rating {
	line-height: 18px;
	margin-bottom: 6px;
}

.trend__item__text .rating i {
	font-size: 10px;
	color: #e3c01c;
	margin-right: -4px;
}

.trend__item__text .rating i:last-child {
	margin-right: 0;
}

.trend__item__text .product__price {
	color: #111111;
	font-weight: 600;
}

.trend__item__text .product__price span {
	font-size: 14px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 4px;
}

/*---------------------
  Discount
-----------------------*/

.discount__pic img {
	min-width: 100%;
	height: 100%;
}

.discount__text {
	background: #f4f4f4;
	height: 390px;
	padding: 75px 90px 50px;
	text-align: center;
}

.discount__text a {
	font-size: 14px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	padding: 0 0 3px;
	display: inline-block;
}

.discount__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #ca1515;
	content: "";
}

.discount__text__title {
	text-align: center;
	position: relative;
	z-index: 1;
	margin-bottom: 60px;
}

.discount__text__title:after {
	position: absolute;
	left: 50%;
	top: -38px;
	height: 183px;
	width: 183px;
	background: #ffffff;
	content: "";
	border-radius: 50%;
	z-index: -1;
	margin-left: -91.5px;
}

.discount__text__title span {
	font-size: 12px;
	color: #111111;
	font-weight: 500;
	text-transform: uppercase;
}

.discount__text__title h2 {
	font-size: 60px;
	color: #ca1515;
	font-family: "Cookie", cursive;
	line-height: 46px;
	margin-bottom: 10px;
}

.discount__text__title h5 {
	color: #ca1515;
	font-weight: 700;
}

.discount__text__title h5 span {
	font-size: 14px;
	color: #111111;
	margin-right: 4px;
}

.discount__countdown {
	text-align: center;
	margin-bottom: 10px;
}

.countdown__item {
	margin-bottom: 15px;
	float: left;
	width: 25%;
}

.countdown__item:last-child {
	margin-right: 0;
}

.countdown__item span {
	font-size: 30px;
	font-weight: 600;
	color: #111111;
	display: inline-block;
}

.countdown__item p {
	color: #111111;
	margin-bottom: 0;
	display: inline-block;
	font-weight: 500;
}

/*---------------------
  Services
-----------------------*/

.services {
	padding-top: 80px;
	padding-bottom: 50px;
}

.services__item {
	padding-left: 65px;
	position: relative;
	margin-bottom: 20px;
}

.services__item i {
	font-size: 36px;
	color: #ca1515;
	position: absolute;
	left: 0;
	top: 4px;
}

.services__item h6 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 5px;
}

.services__item p {
	margin-bottom: 0;
}

/*---------------------
  Instagram
-----------------------*/

.instagram__item {
	height: 320px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.instagram__item:hover:after {
	opacity: 1;
}

.instagram__item:hover .instagram__text {
	opacity: 1;
	visibility: visible;
}

.instagram__item:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	content: "";
	opacity: 0;
	z-index: -1;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.instagram__text {
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.instagram__text i {
	font-size: 30px;
	color: #0d0d0d;
}

.instagram__text a {
	font-size: 16px;
	color: #0d0d0d;
	font-weight: 500;
	display: block;
	margin-top: 10px;
}

/*--------------
menu
------------------*/


/* .header__menu{

} */


/*---------------------
  Footer
-----------------------*/

.footer {
	padding-top: 55px;
}

.footer__about {
	margin-bottom: 30px;
}

.footer__about p {
	margin-bottom: 20px;
}

.footer__logo {
	margin-bottom: 20px;
}

.footer__payment a {
	margin-right: 6px;
	margin-bottom: 10px;
	display: inline-block;
}

.footer__payment a:last-child {
	margin-right: 0;
}

.footer__widget {
	margin-bottom: 30px;
}

.footer__widget h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget ul li a {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.footer__newslatter {
	margin-bottom: 30px;
}

.footer__newslatter h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.footer__newslatter form {
	position: relative;
	margin-bottom: 30px;
}

.footer__newslatter form input {
	height: 52px;
	width: 100%;
	border: 1px solid #e1e1e1;
	border-radius: 50px;
	padding-left: 30px;
	font-size: 14px;
	color: #666666;
}

.footer__newslatter form input::-webkit-input-placeholder {
	color: #666666;
}

.footer__newslatter form input::-moz-placeholder {
	color: #666666;
}

.footer__newslatter form input:-ms-input-placeholder {
	color: #666666;
}

.footer__newslatter form input::-ms-input-placeholder {
	color: #666666;
}

.footer__newslatter form input::placeholder {
	color: #666666;
}

.footer__newslatter form button {
	position: absolute;
	right: 4px;
	top: 4px;
}

.footer__social a {
	display: inline-block;
	height: 40px;
	width: 40px;
	background: #e1e1e1;
	font-size: 15px;
	color: #111111;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	margin-right: 6px;
	margin-bottom: 5px;
}

.footer__social a:last-child {
	margin-right: 0;
}

.footer__copyright__text {
	border-top: 1px solid #e1e1e1;
	padding: 18px 0 25px;
	text-align: center;
	margin-top: 35px;
}

.footer__copyright__text p {
	margin-bottom: 0;
}

.footer__copyright__text a {
	color: #5C5C5C;
}

.footer__copyright__text i {
	color: #ca1515;
}

.footer__copyright__text a:hover {
	color: #ca1515;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding-top: 35px;
}

.breadcrumb__links a {
	font-size: 15px;
	font-weight: 500;
	color: #111111;
	margin-right: 18px;
	display: inline-block;
	position: relative;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -14px;
	top: 0;
	content: "";
	font-family: "FontAwesome";
}

.breadcrumb__links a i {
	margin-right: 5px;
}

.breadcrumb__links span {
	font-size: 15px;
	font-weight: 500;
	color: #888888;
	display: inline-block;
}

/*---------------------
  CARDS
-----------------------*/

.pdf-cards-section {
    margin-top: 60px;
    padding: 40px 20px;
    background-color: #f3f3f3;
    border-top: 3px solid #ccc;
}

.pdf-cards-section h4 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 24px;
    color: #333;
}

.pdf-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.pdf-card {
    display: block;
    background-color: #fff;
    border: 2px solid #007BFF;
    border-radius: 10px;
    width: 300px;
    padding: 20px;
    text-decoration: none;
    color: #333;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pdf-card h5 {
    margin-top: 0;
    color: #007BFF;
    font-size: 18px;
}

.pdf-card p {
    font-size: 14px;
    line-height: 1.5;
}

.pdf-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 123, 255, 0.2);
}

/*---------------------
  CARDS
-----------------------*/

/*---------------------
  Categories
-----------------------*/
.mp{
	margin: 10px;
	padding: 10px;
}
.categories {
	overflow: hidden;
	margin-top: 10px;
}

.categories .container-fluid {
	padding-right: 5px;
}

.categories__item {
	height: 314px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding: 0;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border-radius: 10px;
}
.categories__item:hover {
	/* background-color: white; */
	/* z-index: 999; */
	/* opacity: .5; */
	/* transition: background-color 500ms ease-out 100ms !important; */
}

.categories__item.categories__large__item {
	height: 638px;
}




.categories__item::before,
.categories__item::after {
	border-radius: inherit;
}

.categories__item.categories__large__item .categories__text {
	max-width: none;
}


.categories .categories__text {
	background: linear-gradient(135deg, rgba(18, 27, 32, 0.34), rgba(38, 70, 83, 0.44));
	padding: 28px 32px;
	border-radius: 18px;
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.28);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 16px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.categories .categories__text h1,
.categories .categories__text h4 {
	margin: 0;
	color: #ffffff;
	font-weight: 800;
	letter-spacing: -0.01em;
	text-shadow: none;
	line-height: 1.1;
}

.categories .categories__text h1 {
	font-size: clamp(2.5rem, 4vw, 3.4rem);
}

.categories .categories__text h4 {
	font-size: clamp(1.8rem, 3vw, 2.4rem);
}

.categories .categories__text p {
	margin: 0;
	color: rgba(255, 255, 255, 0.88);
	line-height: 1.8;
	text-shadow: none;
}

.categories .categories__text a,
.categories .categories__text ul li a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	border: 1px solid rgba(255, 255, 255, 0.58);
	color: #264653;
	background: rgba(255, 255, 255, 0.75);
	text-shadow: none;
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.categories .categories__text a:hover,
.categories .categories__text ul li a:hover {
	background: rgba(255, 255, 255, 0.92);
	color: var(--nbpac-teal);
	text-decoration: none;
	transform: translateY(-1px);
}

.categories .categories__text ul {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.categories .categories__text ul li {
	margin: 0;
}



/*---------------------
  Product
-----------------------*/

.product {
	padding-top: 60px;
	padding-bottom: 50px;
}


.filter__controls {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 12px 18px;
	margin-bottom: 40px;
	padding: 0;
}

.filter__controls li {
	font-size: 14px;
	list-style: none;
	display: inline-flex;
	align-items: center;
	color: #111111;
	margin: 0;
	position: relative;
	cursor: pointer;
}

.filter__controls li.active:after {
	opacity: 1;
}

.filter__controls li:after {
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 2px;
	width: 100%;
	background: orange;
	content: "";
	opacity: 0;
}


/*======FILTER YEAR==========================================================================*/

.filter__year {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px 16px;
	margin-bottom: 36px;
	padding: 0;
	list-style: none;
}

.filter__year li {
	font-size: 14px;
	list-style: none;
	display: inline-flex;
	align-items: center;
	color: #111111;
	margin: 0;
	position: relative;
	cursor: pointer;
}

.filter__year li.active:after {
	opacity: 1;
}

.filter__year li:after {
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 2px;
	width: 100%;
	background: orange;
	content: "";
	opacity: 0;
}

/*---------------------
  Responsive refinements
-----------------------*/

@media (max-width: 1199.98px) {
	.categories__item {
		height: auto;
		min-height: 280px;
	}

	.categories .categories__text {
		padding: 24px;
	}
}

@media (max-width: 991.98px) {
	.categories .container-fluid {
		padding-right: 0;
		padding-left: 0;
	}

	.categories__item {
		margin-right: 0;
		min-height: 260px;
	}

	.categories .categories__text h1 {
		font-size: clamp(2.2rem, 5vw, 2.8rem);
	}

	.categories .categories__text h4 {
		font-size: clamp(1.5rem, 4vw, 2rem);
	}

	.filter__controls,
	.filter__year {
		justify-content: center;
	}

	.product .row > [class*="col-"] {
		margin-bottom: 24px;
	}
}

@media (max-width: 767.98px) {
	.categories__item {
		min-height: 220px;
	}

	.categories .categories__text {
		padding: 20px 18px;
		gap: 12px;
	}

	.categories .categories__text ul {
		gap: 8px;
	}

	.filter__controls,
	.filter__year {
		gap: 10px 12px;
	}

	.filter__controls li,
	.filter__year li {
		font-size: 13px;
	}

	.team-grid {
		gap: 20px;
	}

	.team-card {
		border-radius: 16px;
	}
}

@media (max-width: 575.98px) {
	.categories .categories__text {
		padding: 18px 16px;
	}

	.categories .categories__text h1 {
		font-size: 2.1rem;
	}

	.categories .categories__text h4 {
		font-size: 1.6rem;
	}

	.categories .categories__text a,
	.categories .categories__text ul li a {
		padding: 8px 16px;
		font-size: 12px;
	}
}

.filter__year li:last-child {
	margin-right: 0;
}

/*================================================================================*/

.product__item {
	margin-bottom: 35px;
	/* background-color: grey; */
	cursor: pointer;
}

.product__item:hover .product__hover li {
	opacity: 1;
	top: 0;
}

.product__item.sale .product__item__pic .label {
	background: #ca1515;
}

.product__item.sale .product__item__text .product__price {
	color: #ca1515;
}

.product__item__pic {
	height: 360px;
	position: relative;
	overflow: hidden;
}

.product__item__pic .label {
	font-size: 12px;
	color: #ffffff;
	font-weight: 500;
	display: inline-block;
	padding: 2px 8px;
	text-transform: uppercase;
	position: absolute;
	left: 10px;
	top: 10px;
}

.product__item__pic .label.new {
	background: #36a300;
}

.product__item__pic .label.stockout {
	background: #111111;
}

.product__item__pic .label.stockblue {
	background: #0066bd !important;
}

.product__item__pic .label.sale {
	background: #ca1515;
}

.product__hover {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 30px;
	text-align: center;
}

.product__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 100px;
	opacity: 0;
}

.product__hover li:nth-child(1) {
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	transition: all 0.4s ease 0.1s;
}

.product__hover li:nth-child(2) {
	-webkit-transition: all 0.4s ease 0.15s;
	-o-transition: all 0.4s ease 0.15s;
	transition: all 0.4s ease 0.15s;
}

.product__hover li:nth-child(3) {
	-webkit-transition: all 0.4s ease 0.2s;
	-o-transition: all 0.4s ease 0.2s;
	transition: all 0.4s ease 0.2s;
}

.product__hover li:last-child {
	margin-right: 0;
}

.product__hover li:hover a {
	background: orange;
}

.product__hover li:hover a span {
	color: #ffffff;
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.product__hover li a {
	font-size: 18px;
	color: #111111;
	display: block;
	height: 45px;
	width: 45px;
	background: #ffffff;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__hover li a span {
	position: relative;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	display: inline-block;
}

.product__item__text {
	text-align: center;
	padding-top: 22px;
}

.product__item__text h6 a {
	font-size: 14px;
	color: #111111;
}

.product__item__text .rating {
	line-height: 18px;
	margin-bottom: 5px;
}

.product__item__text .rating i {
	font-size: 10px;
	color: #e3c01c;
	margin-right: -4px;
}

.product__item__text .rating i:last-child {
	margin-right: 0;
}

.product__item__text .product__price {
	color: #111111;
	font-weight: 600;
}

.product__item__text .product__price span {
	font-size: 14px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 4px;
}

/*---------------------
  Shop
-----------------------*/

.shop {
	padding-top: 70px;
	padding-bottom: 80px;
}

.sidebar__categories {
	margin-bottom: 50px;
}

.sidebar__categories .section-title {
	margin-bottom: 35px;
}

.sidebar__categories .section-title h4 {
	font-size: 18px;
}

.categories__accordion .card {
	border: none;
	border-radius: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #f2f2f2 !important;
	margin-bottom: 12px;
}

.categories__accordion .card:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none !important;
}

.categories__accordion .card-heading {
	cursor: pointer;
}

.categories__accordion .card-heading a {
	font-size: 14px;
	font-weight: 500;
	color: #111111;
	display: block;
}

.categories__accordion .card-body {
	padding-left: 0;
	padding-top: 6px;
	padding-bottom: 0;
}

.categories__accordion .card-body li {
	list-style: none;
	position: relative;
	padding-left: 16px;
}

.categories__accordion .card-body li:before {
	position: absolute;
	left: 4px;
	top: 14px;
	height: 1px;
	width: 4px;
	background: #666666;
	content: "";
}

.categories__accordion .card-body li a {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.categories__accordion .card-heading a:after,
.categories__accordion .card-heading>a.active[aria-expanded=false]:after {
	content: "";
	font-size: 14px;
	font-family: "FontAwesome";
	color: #666666;
	position: absolute;
	right: 30px;
	top: 0px;
}

.categories__accordion .card-heading.active a:after {
	content: "";
	font-size: 14px;
	font-family: "FontAwesome";
	color: #666666;
	position: absolute;
	right: 30px;
	top: -1px;
}

.categories__accordion .card-heading a[aria-expanded=true]:after,
.categories__accordion .card-heading>a.active:after {
	content: "";
	font-size: 14px;
	font-family: "FontAwesome";
	color: #666666;
	position: absolute;
	right: 30px;
	top: -1px;
}

.sidebar__filter {
	position: relative;
	margin-bottom: 60px;
}

.sidebar__filter .section-title {
	margin-bottom: 50px;
}

.sidebar__filter .section-title h4 {
	font-size: 18px;
}

.sidebar__filter a {
	font-size: 14px;
	color: #0d0d0d;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	display: inline-block;
	padding: 5px 16px 5px 24px;
	border: 2px solid #ff0000;
	position: absolute;
	right: 0;
	bottom: -5px;
	border-radius: 2px;
}

.filter-range-wrap .range-slider .price-input {
	position: relative;
}

.filter-range-wrap .range-slider .price-input p {
	font-size: 16px;
	color: #0d0d0d;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 0;
}

.filter-range-wrap .range-slider .price-input:after {
	position: absolute;
	left: 81px;
	top: 12px;
	height: 1px;
	width: 5px;
	background: #0d0d0d;
	content: "";
}

.filter-range-wrap .range-slider .price-input input {
	font-size: 16px;
	color: #0d0d0d;
	max-width: 16%;
	border: none;
}

.filter-range-wrap .range-slider .price-input input:nth-child(1) {
	margin-right: 28px;
}

.filter-range-wrap .price-range {
	border-radius: 0;
	margin-bottom: 28px;
}

.filter-range-wrap .price-range.ui-widget-content {
	border: none;
	background: rgba(0, 0, 0, 0.1);
	height: 5px;
}

.filter-range-wrap .price-range.ui-widget-content .ui-slider-handle {
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background: #ca1515;
	border: none;
	outline: none;
	cursor: pointer;
}

.filter-range-wrap .price-range .ui-slider-range {
	background: #ca1515;
	border-radius: 0;
}

.sidebar__sizes,
.sidebar__color {
	margin-bottom: 40px;
}

.sidebar__sizes .section-title,
.sidebar__color .section-title {
	margin-bottom: 35px;
}

.sidebar__sizes .section-title h4,
.sidebar__color .section-title h4 {
	font-size: 18px;
}

.sidebar__sizes .size__list label,
.sidebar__color .size__list label {
	display: block;
	padding-left: 20px;
	font-size: 14px;
	text-transform: uppercase;
	color: #444444;
	position: relative;
	cursor: pointer;
}

.sidebar__sizes .size__list label input,
.sidebar__color .size__list label input {
	position: absolute;
	visibility: hidden;
}

.sidebar__sizes .size__list label input:checked~.checkmark,
.sidebar__color .size__list label input:checked~.checkmark {
	border-color: #ca1515;
}

.sidebar__sizes .size__list label input:checked~.checkmark:after,
.sidebar__color .size__list label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.sidebar__sizes .size__list label .checkmark,
.sidebar__color .size__list label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.sidebar__sizes .size__list label .checkmark:after,
.sidebar__color .size__list label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.sidebar__color .color__list label {
	text-transform: capitalize;
}

.pagination__option a {
	display: inline-block;
	height: 40px;
	width: 40px;
	border: 1px solid #f2f2f2;
	border-radius: 50%;
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 6px;
}

.pagination__option a:last-child {
	margin-right: 0;
}

.pagination__option a i {
	font-weight: 600;
}

.pagination__option a:hover {
	background: #0d0d0d;
	border-color: #0d0d0d;
	color: #ffffff;
}

/*---------------------
  Product Details
-----------------------*/

.product-details {
	padding-top: 70px;
	padding-bottom: 50px;
}

.product__details__pic {
	overflow: hidden;
}

.product__details__pic__left {
	width: 22%;
	max-height: 574px;
	float: left;
	overflow-y: auto;
}

.product__details__pic__left .pt {
	display: block;
	margin-bottom: 20px;
	cursor: pointer;
	position: relative;
}

.product__details__pic__left .pt::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.product__details__pic__left .pt.active::after {
	opacity: 0.3;
}

.product__details__pic__left .pt:last-child {
	margin-bottom: 0;
}

.product__details__pic__left .pt img {
	min-width: 100%;
}

.product__details__slider__content {
	width: calc(78% - 20px);
	float: left;
	margin-left: 20px;
}

.product__details__pic__slider.owl-carousel .owl-nav button {
	position: absolute;
	left: 10px;
	top: 50%;
	font-size: 22px;
	color: #111111;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	line-height: 44px;
	text-align: center;
	margin-top: -20px;
}

.product__details__pic__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 10px;
}

.product__details__text h3 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.product__details__text h3 span {
	display: block;
	font-size: 14px;
	color: #444444;
	text-transform: none;
	font-weight: 400;
	margin-top: 5px;
}

.product__details__text .rating {
	margin-bottom: 16px;
}

.product__details__text .rating i {
	font-size: 12px;
	color: #e3c01c;
	margin-right: -4px;
}

.product__details__text .rating span {
	font-size: 12px;
	color: #666666;
	margin-left: 5px;
}

.product__details__text p {
	color: #444444;
	margin-bottom: 28px;
}

.product__details__price {
	font-size: 30px;
	font-weight: 600;
	color: #ca1515;
	margin-bottom: 30px;
}

.product__details__price span {
	font-size: 18px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 10px;
	display: inline-block;
}

.quantity {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.quantity>span {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	float: left;
	margin-top: 14px;
	margin-right: 15px;
}

.pro-qty {
	height: 50px;
	width: 150px;
	border: 1px solid #ebebeb;
	border-radius: 50px;
	padding: 0 20px;
	overflow: hidden;
	display: inline-block;
}

.pro-qty .qtybtn {
	font-size: 14px;
	color: #666666;
	cursor: pointer;
	float: left;
	width: 12px;
	line-height: 46px;
}

.pro-qty input {
	font-size: 14px;
	color: #666666;
	font-weight: 500;
	border: none;
	float: left;
	width: 84px;
	text-align: center;
	height: 48px;
}

.product__details__button {
	overflow: hidden;
	margin-bottom: 25px;
}

.product__details__button .cart-btn {
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	background: #ca1515;
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 30px 15px;
	border-radius: 50px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.product__details__button ul {
	float: left;
}

.product__details__button ul li {
	list-style: none;
	display: inline-block;
	margin-right: 5px;
}

.product__details__button ul li:last-child {
	margin-right: 0;
}

.product__details__button ul li a {
	display: inline-block;
	height: 50px;
	width: 50px;
	border: 1px solid #ebebeb;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	padding-top: 1px;
}

.product__details__button ul li a span {
	font-size: 18px;
	color: #666666;
}

.product__details__widget {
	border-top: 1px solid #ebebeb;
	padding-top: 35px;
}

.product__details__widget ul li {
	list-style: none;
	margin-bottom: 10px;
}

.product__details__widget ul li:last-child {
	margin-bottom: 0;
}

.product__details__widget ul li span {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #111111;
	width: 150px;
	float: left;
}

.product__details__widget ul li .stock__checkbox {
	overflow: hidden;
}

.product__details__widget ul li .stock__checkbox label {
	display: block;
	padding-left: 20px;
	font-size: 14px;
	color: #666666;
	position: relative;
	cursor: pointer;
}

.product__details__widget ul li .stock__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.product__details__widget ul li .stock__checkbox label input:checked~.checkmark {
	border-color: #ca1515;
}

.product__details__widget ul li .stock__checkbox label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.product__details__widget ul li .stock__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 5px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.product__details__widget ul li .stock__checkbox label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.product__details__widget ul li .color__checkbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-right: 20px;
}

.product__details__widget ul li .color__checkbox label.active input~.checkmark:after {
	border-color: #ffffff;
	opacity: 1;
}

.product__details__widget ul li .color__checkbox label:last-child {
	margin-right: 0;
}

.product__details__widget ul li .color__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.product__details__widget ul li .color__checkbox label input:checked~.checkmark:after {
	border-color: #ffffff;
	opacity: 1;
}

.product__details__widget ul li .color__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: -10px;
	height: 20px;
	width: 20px;
	background: #e31e2f;
	border-radius: 50%;
	content: "";
}

.product__details__widget ul li .color__checkbox label .checkmark.black-bg {
	background: #111111;
}

.product__details__widget ul li .color__checkbox label .checkmark.grey-bg {
	background: #e4aa8b;
}

.product__details__widget ul li .color__checkbox label .checkmark:after {
	position: absolute;
	left: 3px;
	top: 5px;
	width: 13px;
	height: 6px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.product__details__widget ul li .size__btn label {
	font-size: 14px;
	color: #666666;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 0;
}

.product__details__widget ul li .size__btn label:last-child {
	margin-right: 0;
}

.product__details__widget ul li .size__btn label.active {
	color: #ca1515;
}

.product__details__widget ul li .size__btn label input {
	position: absolute;
	visibility: hidden;
}

.product__details__widget ul li p {
	margin-bottom: 0;
	color: #666666;
}

.product__details__tab {
	padding-top: 80px;
	margin-bottom: 65px;
}

.nav {
	border-bottom: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	margin-bottom: 40px;
}

.nav::before {
	position: absolute;
	left: 0;
	top: 13px;
	height: 1px;
	width: 335px;
	background: #e1e1e1;
	content: "";
}

.nav::after {
	position: absolute;
	right: 0;
	top: 13px;
	height: 1px;
	width: 335px;
	background: #e1e1e1;
	content: "";
}

.nav-item {
	margin-right: 46px;
}

.nav-item:last-child {
	margin-right: 0;
}

.nav-item .nav-link {
	font-size: 18px;
	color: #666666;
	font-weight: 600;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
}

.nav-item .nav-link.active {
	color: #111111;
}

.tab-content .tab-pane h6 {
	color: #666666;
	font-weight: 600;
	margin-bottom: 24px;
}

.tab-content .tab-pane p:last-child {
	margin-bottom: 0;
}

.related__title h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
}

/*---------------------
  Shop Cart
-----------------------*/

.shop-cart {
	padding-top: 70px;
	padding-bottom: 90px;
}

.shop__cart__table {
	margin-bottom: 30px;
}

.shop__cart__table table {
	width: 100%;
}

.shop__cart__table thead {
	border-bottom: 1px solid #f2f2f2;
}

.shop__cart__table thead th {
	font-size: 18px;
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.shop__cart__table tbody tr {
	border-bottom: 1px solid #f2f2f2;
}

.shop__cart__table tbody tr td {
	padding: 30px 0;
}

.shop__cart__table tbody tr .cart__product__item {
	overflow: hidden;
	width: 585px;
}

.shop__cart__table tbody tr .cart__product__item img {
	float: left;
	margin-right: 25px;
}

.shop__cart__table tbody tr .cart__product__item .cart__product__item__title {
	overflow: hidden;
	padding-top: 23px;
}

.shop__cart__table tbody tr .cart__product__item .cart__product__item__title h6 {
	color: #111111;
	font-weight: 600;
}

.shop__cart__table tbody tr .cart__product__item .cart__product__item__title .rating i {
	font-size: 10px;
	color: #e3c01c;
	margin-right: -4px;
}

.shop__cart__table tbody tr .cart__price {
	font-size: 16px;
	color: #ca1515;
	font-weight: 600;
	width: 190px;
}

.shop__cart__table tbody tr .cart__quantity {
	width: 190px;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty {
	border: none;
	padding: 0;
	width: 110px;
	border-radius: 0;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty input {
	color: #444444;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty .qtybtn {
	font-size: 16px;
	color: #444444;
}

.shop__cart__table tbody tr .cart__total {
	font-size: 16px;
	color: #ca1515;
	font-weight: 600;
	width: 150px;
}

.shop__cart__table tbody tr .cart__close {
	text-align: right;
}

.shop__cart__table tbody tr .cart__close span {
	height: 45px;
	width: 45px;
	background: #f2f2f2;
	border-radius: 50%;
	font-size: 18px;
	color: #111111;
	line-height: 44px;
	text-align: center;
	display: inline-block;
	font-weight: 600;
	cursor: pointer;
}

.cart__btn {
	margin-bottom: 50px;
}

.cart__btn.update__btn {
	text-align: right;
}

.cart__btn a {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	padding: 14px 30px 12px;
	background: #f5f5f5;
}

.cart__btn a span {
	color: #ca1515;
	font-size: 14px;
	margin-right: 5px;
}

.discount__content h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 30px;
}

.discount__content form {
	position: relative;
	width: 370px;
	display: inline-block;
}

.discount__content form input {
	height: 52px;
	width: 100%;
	border: 1px solid #444444;
	border-radius: 50px;
	padding-left: 30px;
	padding-right: 115px;
	font-size: 14px;
	color: #444444;
}

.discount__content form input::-webkit-input-placeholder {
	color: #444444;
}

.discount__content form input::-moz-placeholder {
	color: #444444;
}

.discount__content form input:-ms-input-placeholder {
	color: #444444;
}

.discount__content form input::-ms-input-placeholder {
	color: #444444;
}

.discount__content form input::placeholder {
	color: #444444;
}

.discount__content form button {
	position: absolute;
	right: 4px;
	top: 4px;
}

.cart__total__procced {
	background: #f5f5f5;
	padding: 40px;
}

.cart__total__procced h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.cart__total__procced ul {
	margin-bottom: 25px;
}

.cart__total__procced ul li {
	list-style: none;
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	overflow: hidden;
	line-height: 40px;
}

.cart__total__procced ul li span {
	color: #ca1515;
	float: right;
}

.cart__total__procced .primary-btn {
	display: block;
	border-radius: 50px;
	text-align: center;
	padding: 12px 0 10px;
}

/*---------------------
  Checkout
-----------------------*/

.checkout {
	padding-top: 80px;
	padding-bottom: 70px;
}

.coupon__link {
	font-size: 14px;
	color: #444444;
	padding: 14px 0;
	background: #f5f5f5;
	border-top: 2px solid #ca1515;
	text-align: center;
	margin-bottom: 50px;
}

.coupon__link a {
	font-size: 14px;
	color: #444444;
}

.coupon__link span {
	font-size: 14px;
	color: #ca1515;
}

.checkout__form h5 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.checkout__form .checkout__form__input p {
	color: #444444;
	font-weight: 500;
	margin-bottom: 10px;
}

.checkout__form .checkout__form__input p span {
	color: #ca1515;
}

.checkout__form .checkout__form__input input {
	height: 50px;
	width: 100%;
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	margin-bottom: 25px;
	font-size: 14px;
	padding-left: 20px;
	color: #666666;
}

.checkout__form .checkout__form__input input::-webkit-input-placeholder {
	color: #666666;
}

.checkout__form .checkout__form__input input::-moz-placeholder {
	color: #666666;
}

.checkout__form .checkout__form__input input:-ms-input-placeholder {
	color: #666666;
}

.checkout__form .checkout__form__input input::-ms-input-placeholder {
	color: #666666;
}

.checkout__form .checkout__form__input input::placeholder {
	color: #666666;
}

.checkout__form .checkout__form__checkbox {
	margin-bottom: 20px;
}

.checkout__form .checkout__form__checkbox label {
	display: block;
	padding-left: 24px;
	font-size: 14px;
	color: #444444;
	font-weight: 500;
	position: relative;
	cursor: pointer;
	margin-bottom: 16px;
}

.checkout__form .checkout__form__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.checkout__form .checkout__form__checkbox label input:checked~.checkmark {
	border-color: #ca1515;
}

.checkout__form .checkout__form__checkbox label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.checkout__form .checkout__form__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.checkout__form .checkout__form__checkbox label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.checkout__form .checkout__form__checkbox p {
	margin-bottom: 0;
}

.checkout__order {
	background: #f5f5f5;
	padding: 30px;
}

.checkout__order h5 {
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 18px;
}

.checkout__order .site-btn {
	width: 100%;
}

.checkout__order__product {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 22px;
}

.checkout__order__product ul li {
	list-style: none;
	font-size: 14px;
	color: #444444;
	font-weight: 500;
	overflow: hidden;
	margin-bottom: 14px;
	line-height: 24px;
}

.checkout__order__product ul li:last-child {
	margin-bottom: 0;
}

.checkout__order__product ul li span {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	float: right;
}

.checkout__order__product ul li .top__text {
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	float: left;
}

.checkout__order__product ul li .top__text__right {
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	float: right;
}

.checkout__order__total {
	padding-top: 12px;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

.checkout__order__total ul li {
	list-style: none;
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	overflow: hidden;
	line-height: 40px;
}

.checkout__order__total ul li span {
	color: #ca1515;
	float: right;
}

.checkout__order__widget {
	padding-bottom: 10px;
}

.checkout__order__widget label {
	display: block;
	padding-left: 25px;
	font-size: 14px;
	font-weight: 500;
	color: #111111;
	position: relative;
	cursor: pointer;
	margin-bottom: 14px;
}

.checkout__order__widget label input {
	position: absolute;
	visibility: hidden;
}

.checkout__order__widget label input:checked~.checkmark {
	border-color: #ca1515;
}

.checkout__order__widget label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.checkout__order__widget label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.checkout__order__widget label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

/*---------------------
    Blog
-----------------------*/

.blog {
	padding-top: 70px;
	padding-bottom: 80px;
}

.blog__item {
	margin-bottom: 35px;
}

.blog__item__pic {
	height: 240px;
}

.blog__item__pic.large__item {
	height: 540px;
}

.blog__item__text {
	padding: 25px 20px 0 0;
	margin-right: 30px;
	background: #ffffff;
	margin-top: -54px;
}

.blog__item__text h6 {
	margin-bottom: 6px;
}

.blog__item__text h6 a {
	color: #111111;
	font-weight: 600;
	line-height: 21px;
}

.blog__item__text ul li {
	font-size: 12px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 25px;
	position: relative;
}

.blog__item__text ul li span {
	color: #111111;
}

.blog__item__text ul li:after {
	position: absolute;
	right: -17px;
	top: 0px;
	content: "|";
}

.blog__item__text ul li:last-child {
	margin-right: 0;
}

.blog__item__text ul li:last-child:after {
	display: none;
}

.primary-btn.load-btn {
	color: #111111;
	background: #f2f2f2;
	padding: 12px 85px 10px;
	border-radius: 50px;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
	padding-left: 40px;
}

.blog__sidebar__item {
	margin-bottom: 50px;
}

.blog__sidebar__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar__item .section-title {
	margin-bottom: 40px;
}

.blog__sidebar__item .section-title h4 {
	font-size: 16px;
}

.blog__sidebar__item .section-title h4:after {
	bottom: -7px;
}

.blog__sidebar__item ul li {
	list-style: none;
	line-height: 30px;
}

.blog__sidebar__item ul li a {
	font-size: 14px;
	color: #111111;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
	color: #ca1515;
}

.blog__sidebar__item ul li a:hover span {
	color: #111111;
}

.blog__sidebar__item ul li a span {
	float: right;
	color: #888888;
}

.blog__feature__item {
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

.blog__feature__item:last-child {
	margin-bottom: 0;
}

.blog__feature__item__pic {
	float: left;
	margin-right: 25px;
}

.blog__feature__item__text {
	overflow: hidden;
}

.blog__feature__item__text h6 {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	line-height: 21px;
	margin-bottom: 5px;
}

.blog__feature__item__text span {
	font-size: 12px;
	color: #888888;
	display: block;
}

.blog__sidebar__tags a {
	display: inline-block;
	font-size: 13px;
	color: #666666;
	border: 1px solid #f2f2f2;
	padding: 8px 14px 7px;
	margin-right: 6px;
	margin-bottom: 10px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__tags a:hover {
	color: #111111;
}

.blog__sidebar__tags a:last-child {
	margin-right: 0;
}

/*---------------------
  Blog Details
-----------------------*/

.blog-details {
	padding-top: 80px;
	padding-bottom: 80px;
}

.blog__details__item {
	background: #ffffff;
	margin-bottom: 24px;
}





/* Make the outer container act like a card */
.col-lg-3.col-md-4.col-sm-6.mix.education {
padding: 15px;
}



/*===========================================CARDS==============================================*/
/* Style the inner clickable card */
.clear.product__item.check {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
transition: transform 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px;
text-align: center;
}

/* Hover effect */
.clear.product__item.check:hover {
transform: translateY(-4px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

/* Style the text inside */
.product__item__text h6 {
margin: 0;
font-size: 1.1rem;
color: #333;
font-weight: 600;

}
/*   */




/*===========================================CARDS END==============================================*/


.blog__details__item__title {
	/* background: #ffffff; */
	padding-top: 30px;
	padding-bottom: 130px;
	padding-right: 30px;
	margin-top: -100px;
	position: relative;
	margin-right: 50px;
}
.btn {
	background-color: var(--nbpac-gold);
	border: 1px solid rgba(31, 39, 45, 0.18);
	color: #1f2933;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 12px;
	padding: 12px 26px;
	transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.btn:hover,
.btn:focus {
	background-color: var(--nbpac-gold-dark);
	color: #111111;
	transform: translateY(-1px);
	box-shadow: 0 16px 32px rgba(17, 17, 17, 0.18);
}
.difCol{
	background-color: #2A9D8F;
}
.difCol h4,
.difCol h2{
  color: white !important;

}
.title_margin{
	margin: 10px;
	padding: 10px;
}

.buttonColor{
	background-color: white !important;
	border-color: white;
}
.other_filter{
	margin: 10px;
	padding: 10px;
}
.photoPlacement{
	background-color: grey;
}

.blog__details__item__title .tip {
	font-size: 12px;
	color: #ffffff;
	background: #ca1515;
	text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	padding: 2px 11px 1px;
	border-radius: 5px;
}

.blog__details__item__title h4 {
	color: #111111;
	font-weight: 600;
	line-height: 39px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.blog__details__item__title ul li {
	font-size: 12px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 25px;
	position: relative;
}

.blog__details__item__title ul li span {
	color: #111111;
}

.blog__details__item__title ul li:after {
	position: absolute;
	right: -17px;
	top: 0px;
	content: "|";
}

.blog__details__item__title ul li:last-child {
	margin-right: 0;
}

.blog__details__item__title ul li:last-child:after {
	display: none;
}

.blog__details__desc {
	margin-bottom: 40px;
}

.blog__details__desc p {
	font-size: 15px;
	color: #444444;
	line-height: 27px;
}

.blog__details__desc p:last-child {
	margin-bottom: 0;
}

.blog__details__quote {
	border-top: 2px solid #ca1515;
	position: relative;
	padding-top: 22px;
	margin-bottom: 20px;
}

.blog__details__quote .icon {
	height: 30px;
	width: 30px;
	font-size: 18px;
	color: #ca1515;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: -11px;
}

.blog__details__quote p {
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	font-style: italic;
	line-height: 30px;
	margin-bottom: 0;
}

.blog__details__tags {
	margin-bottom: 50px;
}

.blog__details__tags a {
	display: inline-block;
	font-size: 13px;
	color: #666666;
	border: 1px solid #f2f2f2;
	padding: 8px 14px 7px;
	margin-right: 6px;
	margin-bottom: 10px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__details__tags a:hover {
	color: #111111;
}

.blog__details__tags a:last-child {
	margin-right: 0;
}

.blog__details__btns {
	background: #f5f5f5;
	padding: 14px 30px;
	margin-bottom: 55px;
}

.blog__details__btn__item.blog__details__btn__item--next {
	text-align: right;
}

.blog__details__btn__item.blog__details__btn__item--next h6 a i {
	margin-right: 0;
	margin-left: 5px;
}

.blog__details__btn__item h6 a {
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #111111;
}

.blog__details__btn__item h6 a i {
	font-size: 15px;
	font-weight: 600;
	position: relative;
	top: -2px;
	margin-right: 5px;
}

.blog__details__comment {
	position: relative;
}

.blog__details__comment h5 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.blog__details__comment .leave-btn {
	font-size: 14px;
	font-weight: 700;
	color: #111111;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
}

.blog__details__comment .leave-btn:after {
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 1px;
	width: 100%;
	background: #ca1515;
	content: "";
}

.blog__comment__item {
	margin-bottom: 35px;
}

.blog__comment__item:last-child {
	margin-bottom: 0;
}

.blog__comment__item.blog__comment__item--reply {
	padding-left: 115px;
}

.blog__comment__item__pic {
	float: left;
	margin-right: 25px;
}

.blog__comment__item__pic img {
	border-radius: 50%;
}

.blog__comment__item__text {
	overflow: hidden;
}

.blog__comment__item__text h6 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 14px;
}

.blog__comment__item__text p {
	font-size: 15px;
	color: #444444;
	line-height: 26px;
}

.blog__comment__item__text ul li {
	list-style: none;
	font-size: 12px;
	color: #888888;
	display: inline-block;
	margin-right: 25px;
}

.blog__comment__item__text ul li:last-child {
	margin-right: 0;
}

.blog__comment__item__text ul li i {
	font-size: 14px;
	color: #ca1515;
	margin-right: 5px;
}

/*---------------------
  Contact
-----------------------*/

.contact {
	padding-top: 80px;
	padding-bottom: 80px;
}

.contact__address {
	margin-bottom: 45px;
}

.contact__address h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.contact__address ul li {
	list-style: none;
	position: relative;
	margin-bottom: 20px;
}

.contact__address ul li:last-child {
	margin-bottom: 0;
}

.contact__address ul li h6 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 10px;
}

.contact__address ul li h6 i {
	font-size: 16px;
	color: orange;
	margin-right: 5px;
}

.contact__address ul li p {
	margin-bottom: 0;
	font-size: 15px;
	color: #444444;
}

.contact__address ul li span {
	font-size: 15px;
	color: #444444;
	display: inline-block;
	margin-right: 25px;
	position: relative;
}

.contact__address ul li span:after {
	position: absolute;
	right: -15px;
	top: 11px;
	content: "|";
	line-height: 0;
}

.contact__address ul li span:last-child {
	margin-right: 0;
}

.contact__address ul li span:last-child:after {
	display: none;
}

.contact__form h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.contact__form form input {
	height: 50px;
	width: 100%;
	padding-left: 20px;
	font-size: 14px;
	color: #444444;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	margin-bottom: 20px;
}

.contact__form form input::-webkit-input-placeholder {
	color: #444444;
}

.contact__form form input::-moz-placeholder {
	color: #444444;
}

.contact__form form input:-ms-input-placeholder {
	color: #444444;
}

.contact__form form input::-ms-input-placeholder {
	color: #444444;
}

.contact__form form input::placeholder {
	color: #444444;
}

.contact__form form textarea {
	height: 130px;
	width: 100%;
	padding-left: 20px;
	padding-top: 12px;
	font-size: 14px;
	color: #444444;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	margin-bottom: 14px;
	resize: none;
}

.contact__form form textarea::-webkit-input-placeholder {
	color: #444444;
}

.contact__form form textarea::-moz-placeholder {
	color: #444444;
}

.contact__form form textarea:-ms-input-placeholder {
	color: #444444;
}

.contact__form form textarea::-ms-input-placeholder {
	color: #444444;
}

.contact__form form textarea::placeholder {
	color: #444444;
}

.contact__map {
	height: 780px;
}

.contact__map iframe {
	width: 100%;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1600px) and (max-width: 1900px) {
	.site-nav__container {
		padding: 0 85px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.site-nav__list {
		gap: 26px;
	}
	.site-nav__container {
		padding: 0 30px;
	}
}

@media only screen and (min-width: 1200px) {
	.site-nav__container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.site-nav__list {
		gap: 20px;
	}
	.site-nav__container {
		padding: 0 24px;
	}
	.site-nav__session-actions {
		gap: 12px;
	}
	.sidebar__filter a {
		padding: 5px 15px 5px 15px;
	}
	.nav::before {
		width: 240px;
	}
	.nav::after {
		width: 240px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.filter__controls li {
		margin-right: 15px;
	}
	.discount__pic img {
		height: auto;
	}
	.discount__text {
		height: auto;
	}
	.sidebar__filter a {
		position: relative;
		bottom: 0;
	}
	.filter-range-wrap .range-slider .price-input input {
		max-width: 27%;
	}
	.filter-range-wrap .range-slider .price-input {
		margin-bottom: 20px;
	}
	.product__details__pic {
		margin-bottom: 50px;
	}
	.nav::before {
		width: 125px;
	}
	.nav::after {
		width: 125px;
	}
	.discount__content {
		margin-bottom: 40px;
	}
	.checkout__order {
		margin-top: 20px;
	}
	.blog__sidebar {
		padding-left: 0;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.filter__controls {
		text-align: left;
		margin-bottom: 40px;
	}
	.filter__controls li {
		margin-right: 20px;
	}
	.discount__pic img {
		height: auto;
	}
	.discount__text {
		padding: 75px 40px 50px;
		height: auto;
	}
	.product__details__pic__left {
		height: auto;
	}
	.product__details__pic {
		margin-bottom: 30px;
	}
	.quantity {
		float: none;
		margin-right: 0;
	}
	.nav::before {
		display: none;
	}
	.nav::after {
		display: none;
	}
	.shop__cart__table {
		overflow-x: auto;
	}
	.shop__cart__table tbody tr .cart__product__item img {
		float: none;
		margin-right: 0;
	}
	.cart__btn {
		text-align: center;
		margin-bottom: 25px;
	}
	.cart__btn.update__btn {
		text-align: center;
	}
	.discount__content h6 {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.discount__content {
		margin-bottom: 35px;
	}
	.blog__sidebar {
		padding-left: 0;
		padding-top: 40px;
	}
	.contact__content {
		margin-bottom: 40px;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.categories__item.categories__large__item {
		padding-left: 30px;
	}
	.banner__text h1 {
		font-size: 45px;
	}
	.filter__controls li {
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.discount__text {
		padding: 75px 0px 50px;
	}
	.footer__newslatter form {
		text-align: center;
	}
	.footer__newslatter form input {
		margin-bottom: 10px;
	}
	.footer__newslatter form button {
		position: relative;
		right: 0;
		top: 0;
	}
	.product__details__button .cart-btn {
		float: none;
		margin-right: 0;
	}
	.product__details__button ul {
		float: none;
	}
	.nav-item {
		margin-right: 20px;
	}
	.blog__details__item__title {
		margin-right: 30px;
	}
	.blog__comment__item.blog__comment__item--reply {
		padding-left: 0;
	}
	.blog__comment__item__text ul li {
		margin-right: 5px;
	}
	.primary-btn.load-btn {
		padding: 12px 50px 10px;
	}
	.blog__comment__item__pic {
		float: none;
		margin-bottom: 20px;
	}
	.discount__content form {
		width: 100%;
	}
	.search-model-form input {
		width: 100%;
		font-size: 24px;
	}
}
.leader-profile {
	background: #ffffff;
	border-radius: 28px;
	box-shadow: 0 24px 48px rgba(17, 17, 17, 0.08);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 0;
	overflow: hidden;
	border: 1px solid rgba(38, 70, 83, 0.08);
}

.leader-profile__media {
	position: relative;
	background: #dfe7eb;
	aspect-ratio: 3 / 4;
	min-height: 360px;
}

.leader-profile__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
	display: block;
}

.leader-profile__body {
	padding: 34px 38px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.leader-profile__eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 12px;
	font-weight: 600;
	color: rgba(42, 47, 54, 0.6);
}

.leader-profile__name {
	font-size: clamp(2.1rem, 4vw, 2.6rem);
	font-weight: 800;
	letter-spacing: -0.01em;
	margin: 0;
	color: var(--nbpac-stone);
}

.leader-profile__intro {
	font-size: 16px;
	line-height: 1.7;
	color: #3f4752;
}

.leader-profile__bio {
	font-size: 15px;
	line-height: 1.8;
	color: #3f4752;
}

.leader-profile__contact {
	margin-top: auto;
}

@media (max-width: 767.98px) {
	.leader-profile__body {
		padding: 26px;
	}
}