:root
{

--bg-white: #FFF;
--fg-white: #FFF;

--bg-black: #111010;
--fg-black: #241c19;

--bg-grey: #f4f3f2;
--fg-grey: #757270;

--bg-med-grey: #ddd;
--fg-med-grey: #ddd;

--bg-terracotta: #a47864;
--fg-terracotta: #a47864;
--bg-lt-terracotta: #f5f1ef;
--bg-lt-terracotta-detail: #eee6e2;
--bg-lt-terracotta-detail-border: #d7c5bd;
--bg-lt-terracotta-detail-bg-icon1: #e7dbd7;
--bg-lt-terracotta-detail-bg-card: #f8f4f3;
--bg-bright-terracotta: #7a6d62;
--bg-terracotta-bright-border: #ddbfb0;
--bg-terracotta-gradient: linear-gradient(to top left, #111010, #7a6d62);

--fg-dk-grey: #241c19;

--fg-footer-links: #AAA;

--bg-gold: #f5efe6;
--fg-gold: #ebd38b;
--fg-gold-border: #ead9bc;

--for-home-gradient: linear-gradient(90deg,#333,#ddd);

}

BODY
{
font-family:"Jost",Arial,sans-serif;
font-size:16px;
color:var(--fg-grey);
}

.pl-6,.px-6
{
padding-left:4.5rem !important;
}

.pl-7,.px-7
{
padding-left:6rem !important;
}

.pl-8,.px-8
{
padding-left:7.5rem !important;
}

.pl-9,.px-9
{
padding-left:9rem !important;
}

.pr-6
{
padding-right:4.5rem !important;
}

.pr-7
{
padding-right:6rem !important;
}

.pr-8
{
padding-right:7.5rem !important;
}

.pr-9
{
padding-right:9rem !important;
}

.pt-6,.px-6
{
padding-top:4.5rem !important;
}

.pt-7,.py-7
{
padding-top:6rem !important;
}

.pt-8,.py-8
{
padding-top:7.5rem !important;
}

.pt-9,.py-9
{
padding-top:9rem !important;
}

.pb-6
{
padding-bottom:4.5rem !important;
}

.pb-7
{
padding-bottom:6rem !important;
}

.pb-8
{
padding-bottom:7.5rem !important;
}

.pb-9
{
padding-bottom:9rem !important;
}

.ml-6,.mx-6
{
margin-left:4.5rem !important;
}

.ml-7,.mx-7
{
margin-left:6rem !important;
}

.ml-8,.mx-8
{
margin-left:7.5rem !important;
}

.ml-9,.mx-9
{
margin-left:9rem !important;
}

.mr-6
{
margin-right:4.5rem !important;
}

.mr-7
{
margin-right:6rem !important;
}

.mr-8
{
margin-right:7.5rem !important;
}

.mr-9
{
margin-right:9rem !important;
}

.mt-6,.my-6
{
margin-top:4.5rem !important;
}

.mt-7,.my-7
{
margin-top:6rem !important;
}

.mt-8,.my-8
{
margin-top:7.5rem !important;
}

.mt-9,.my-9
{
margin-top:9rem !important;
}

.mb-6
{
margin-bottom:4.5rem !important;
}

.mb-7
{
margin-bottom:6rem !important;
}

.mb-8
{
margin-bottom:7.5rem !important;
}

.mb-9
{
margin-bottom:9rem !important;
}

.alert-danger
{
background:#fef2f2 !important;
border-color:#ff6467 !important;
border-radius:10px !important;
}

INPUT::placeholder,
TEXTAREA::placeholder
{
font-size:13px;
opacity:0.7 !important;
}

.btn[disabled]
{
cursor:not-allowed;
}

.form-control
{
box-shadow:none !important;
}

.form-control:focus
{
border-color:var(--fg-terracotta);
}

.form-group LABEL
{
font-size: 14px;
color: var(--fg-black);
margin-bottom: 0px;
}

DETAILS
{
background:var(--bg-white);
border:1px solid var(--fg-med-grey);
border-radius:10px;
margin-bottom:15px;
text-align:left;
}

DETAILS::details-content {
opacity: 0;
min-height:0;
overflow-y: clip; 
transition: content-visibility 0.5s allow-discrete ease-in,
            opacity 0.4s ease-in,
            min-height 0.4s ease-in-out;
}

DETAILS[open]::details-content
{
opacity:1;
min-height:auto;
}

DETAILS SUMMARY
{
padding:15px;
padding-right:17px;
font-size:18px;
font-weight:700;
line-height:1.1;
color:var(--fg-black);
user-select:none;
cursor:pointer;
position:relative;
top:0;
background: transparent;
z-index: 0;
}

DETAILS SUMMARY::before
{
content: '';
position: absolute;
top: 13px;
right: 7px;
width: 22px;
height: 22px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 328l144-144 144 144"/></svg>');
background-repeat: no-repeat;
background-size: 22px;
z-index: -1;
transform: rotate(0deg);
transition: transform 0.3s ease-in-out;
}

DETAILS SUMMARY:hover
{
background-color:var(--bg-grey);
}

DETAILS > SUMMARY
{
list-style:none;
}

DETAILS > SUMMARY::marker
{
display:none;
}

DETAILS[open] SUMMARY
{
}

DETAILS[open] SUMMARY::before
{
transform:rotate(180deg);
}

DETAILS DIV
{
padding:15px;
}

BC
{
display:block;
background:#333;
position:fixed;
z-index:999;
}

BC A,
BC A:visited
{
padding:0 !important;
margin:0 !important;
color:var(--fg-white) !important;
}

BC A:not(:last-child)::after
{
content:'\00BB';
width:15px;
height:20px;
display:inline-block;
text-align:center;
padding-left:5px;
}

BC A:hover,
BC A:focus
{
}

.list-group-horizontal {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;  /* Key addition: removes bullets at the list level */
}

.list-group-horizontal .list-group-item {
  margin-bottom: 0;
  flex: 0 0 auto;
}

/* Optional extra safety: hide any pseudo-elements if markers still sneak in */
.list-group-horizontal .list-group-item::before,
.list-group-horizontal .list-group-item::marker {
  content: none;
  display: none;
}

.serif
{
font-family:"Playfair Display",serif,sans-serif;
}

.elevated
{
font-family:Alexandria,sans-serif;
}

.caps
{
text-transform:uppercase;
}

H1,H2,H3,H4,H5,H6
{
margin:0;
margin-top:20px;
padding:0;
line-height:unset;
font-size:16px;
font-weight:normal;
}

H1
{
word-wrap: break-word !important;
overflow-wrap: break-word !important;
}

.buttongroup
{
margin-top:40px;
margin-bottom:40px;
}

.buttongroup .btn
{
margin-left:5px;
margin-right:5px;
}

.btn
{
border-radius:100px;
font-size:18px;
font-weight:500;
outline:none;
padding:16px 32px;
box-shadow:none !important;
transform:scale(1);
transition:transform 0.3s;
background:rgba(255,255,255,0.2);
border:1px solid #FFF;
}

.btn:hover,
.btn:focus
{
transform:scale(1.05);
}

.btn-tc
{
background:var(--bg-terracotta) !important;
border:1px solid var(--bg-terracotta-bright-border) !important;
color:var(--fg-white) !important;
}

.card
{
padding:30px;
border-radius:15px;
transition:box-shadow 0.3s;
}

.card:hover,
.card:focus,
.card:active
{
box-shadow: 0 0 19px 7px rgba(0, 0, 0, 0.05);
}

HEADER,HEADER NAV
{
height:80px;
min-height:80px;
max-height:80px;
background:transparent;
}

HEADER NAV
{
background-color: hsl(0deg 3% 94% / 75%);
backdrop-filter: blur(8px);
}

FOOTER
{
padding-top:30px;
padding-bottom:60px;
background-color: #DFDBE5;
background: var(--bg-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath fill='%23BBBBBB' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

FOOTER .note
{
margin-top:10px;
margin-bottom:0;
color:var(--fg-white);
}

FOOTER #social-icons
{
margin-top:20px;
}

FOOTER #social-icons A,
FOOTER #social-icons A:visited
{
background-color: rgba(255, 255, 255, 0.1);
color: var(--fg-white);
padding: 10px;
width: 42px;
height: 42px;
margin-right: 10px;
margin-left: 0;
transition:all 0.2s;
}

FOOTER #social-icons A:hover,
FOOTER #social-icons A:focus
{
background-color: rgba(255, 255, 255, 0.7);
color:var(--fg-black);
}

FOOTER P B
{
color:var(--fg-white);
}

FOOTER UL LI
{
padding-bottom:10px;
}

FOOTER UL A,
FOOTER UL A:visited
{
color:var(--fg-footer-links) !important;
text-decoration:none !important;
}

FOOTER UL A:hover,
FOOTER UL A:focus
{
color:var(--fg-gold) !important;
}

FOOTER HR
{
border-top: 1px solid hsl(0deg 0% 100% / 25%);
height:1px;
}

FOOTER #policy-links
{
float:right;
margin-right:50px;
}

.navbar-brand IMG
{
height:32px;
margin-right:15px;
}

.navbar-brand IMG:nth-child(2)
{
height:22px;
}

.navbar-nav
{
align-items: center;
}

.navbar-nav A.nav-link,
.navbar-nav A.nav-link:visited
{
font-size:14px;
font-weight:500;
color:var(--fg-dk-grey);
padding:0 !important;
padding-bottom:2px !important;
margin-right:20px;
opacity:0.75;

border-image: linear-gradient(#a47864);
border-image-width: 0 0 3px 0%;
border-image-slice: 0%;
transition: border-image-width 0.3s;
}

.navbar-nav A.nav-link:hover,
.navbar-nav A.nav-link:focus
{
opacity:1;
border-image-slice: 100%;
border-image-width: 0 0 3px 100%;
}

.navbar-nav A.nav-link.pill
{
font-weight:600;
display:inline-block;
background:var(--bg-terracotta);
color:var(--fg-white);
padding:8px 15px !important;
border-radius:20px;
transform:scale(1);
transition:transform 0.3s;
opacity:1 !important;
border-image:none;
}

.navbar-nav A.nav-link.pill:hover,
.navbar-nav A.nav-link.pill:focus
{
transform:scale(1.05);
}

SECTION
{
padding-top:100px;
padding-bottom:100px;
}

#pg-home #hero
{
text-align:center;
margin-top:-80px;
background:#221c18 url(../img/hero-bg-3pics.jpg) center center no-repeat;
background-size:contain;
height:4 clamp(40px, 6.2vw, 96px);;
color:var(--fg-white);
}

#pg-home #hero .btn
{
color:var(--fg-white);
border:1px solid rgba(255,255,255,0.4);
background-color:rgba(255,255,255,0.15);
}

#pg-home #hero .btn ION-ICON
{
position: relative;
top: 2px;
}

#pg-home #hero H1
{
margin-top:120px;
font-size: clamp(40px, 6.2vw, 96px);;
font-weight:700;
}

#pg-home #hero H2
{
font-size:22px;
color:var(--fg-gold);
}

#pg-home #hero H3
{
font-size:16px;
}

#pg-home #hero .btn:hover,
#pg-home #hero .btn:focus
{
background:var(--bg-terracotta);
border:1px solid rgba(255,255,255,0);
}

#pg-home #scroll
{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

#pg-home #scroll P
{
font-size:14px;
display:block;
opacity:0.5;
}

#pg-home #scroll DIV
{
text-align:center;
width:1px;
height:50px;

}

.shimmer {
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(221, 221, 221, 1)    40%,
    rgba(255, 255, 255, 0.1)  50%,
    rgba(255, 255, 255, 0.1)  98%
  );
  background-size: 100% 300%;
  background-position: 0 0;
  background-repeat: no-repeat;
  animation: shimmerPingPong 3s ease-in-out infinite;
}

@keyframes shimmerPingPong {
  0%   { background-position: 0 0; }      
  50%  { background-position: 0 100%; }   
  100% { background-position: 0 0; }      
}

#pg-home #choose
{
text-align:center;
}

#pg-home #choose H2
{
font-size:48px;
font-weight:700;
color:var(--fg-black);
}

#pg-home #choose H3
{
margin-bottom:40px;
font-size:18px;
}

#pg-home #choose H4
{
font-size:24px;
font-weight:700;
color:var(--fg-black);
}

#pg-home #choose H6
{
color:var(--fg-terracotta);
}

#pg-home #choose A,
#pg-home #choose A:visited
{
color:var(--fg-black) !important;
font-weight:500;
}

#pg-home #choose A ION-ICON
{
position:relative;
top:3px;
transition: transform 0.3s ease;
display: inline-block;
}

#pg-home #choose A:hover ION-ICON,
#pg-home #choose A:focus ION-ICON
{
transform:translateX(5px);
}

#pg-home #choose .card:hover A,
#pg-home #choose .card:focus A,
#pg-home #choose .card:active A,
#pg-home #choose A:hover,
#pg-home #choose A:focus,
#pg-home #choose A:active
{
color:var(--fg-terracotta) !important;
text-decoration:none;
}

#pg-home #choose .card:hover A ION-ICON,
#pg-home #choose .card:focus A ION-ICON,
#pg-home #choose .card:active A ION-ICON
{
transform:translateX(5px);
}

#pg-home #choose .card
{
text-align:left;
cursor:pointer;
}

#pg-home #choose .card .ball
{
background:var(--bg-lt-terracotta);
color:var(--fg-terracotta);
text-align:center;
border-radius:100px;
padding:10px;
display:inline-block;
width:64px;
height:64px;
font-size:32px;
transition: background 0.3s ease;
}

#pg-home #choose .card:hover .ball,
#pg-home #choose .card:focus .ball,
#pg-home #choose .card:active .ball
{
background:var(--bg-terracotta);
color:#FFF;
}

#pg-home #choose .card .ball ION-ICON
{
position:relative;
top:2px;
}

#pg-home #everyone
{
background:var(--bg-grey);
}

#pg-home #everyone H2
{
color:var(--fg-black);
font-size:64px;
font-weight:700;
line-height:70px;
}

#pg-home #everyone H3
{
font-size:24px;
line-height:38px;
margin-top:30px;
margin-bottom:30px;
}

#pg-home #everyone A,
#pg-home #everyone A:visited
{
color:var(--fg-terracotta) !important;
text-decoration:none;
font-weight:500;
}

#pg-home #everyone A ION-ICON
{
transition: transform 0.3s ease;
display: inline-block;
position: relative;
top: 3px;
}

#pg-home #everyone A:hover ION-ICON,
#pg-home #everyone A:focus ION-ICON
{
transform: translateX(5px);
}

#pg-home #everyone .rightcol IMG
{
box-shadow: 0 0 19px 7px rgb(0 0 0 / 15%);
border-radius:15px;
}

#pg-home #everyone #detail
{
margin-top:30px;
}

#pg-home #everyone .rcube
{
background:var(--bg-lt-terracotta);
color:var(--fg-terracotta);
text-align:center;
border-radius:6px;
padding:10px;
display:inline-block;
width:48px;
height:48px;
font-size:24px;
}

#pg-home #everyone .rcube ION-ICON
{
position:relative;
top:2px;
}

#pg-home #everyone #detail H3
{
color:var(--fg-black);
margin-top:16px;
font-size:18px;
font-weight:700;
margin-bottom:0;
}

#pg-home #everyone #detail H4
{
margin-top:8px;
margin-bottom:0;
}

#pg-home #home
{
text-align:center;
background:var(--bg-black) 0 0 url(../img/gridmarks.png) repeat;
color:var(--fg-white);
}

#pg-home #home H2
{
font-weight:700;
font-size:64px;
line-height:1.15;
}

#pg-home #home H3
{
font-size:24px;
}

#pg-home #home A,
#pg-home #home A:visited
{
background: var(--bg-terracotta);
border: 1px solid var(--bg-terracotta);
color: var(--fg-white);
}

#pg-home #home A ION-ICON
{
position: relative;
top: 3px;
}

#pg-home #space
{
text-align:center;
background: 
url(../img/gridmarks.png),

linear-gradient(
  155deg,
  var(--bg-black) 0%,
  var(--bg-bright-terracotta) 50%,
  var(--bg-black) 100%
);
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-position: center, center;
background-blend-mode:overlay;
color:var(--fg-white);
}

#pg-home #space H2
{
font-weight:700;
font-size:64px;
line-height:1.15;
}

#pg-home #space H3
{
font-size:24px;
}

#pg-home #space A,
#pg-home #space A:visited
{
color:var(--fg-white);
border:1px solid rgba(255,255,255,0.4);
background-color:rgba(255,255,255,0.15);
transition:all 0.3s;
}

#pg-home #space A:hover,
#pg-home #space A:focus
{
border-color:var(--bg-terracotta);
background-color: var(--bg-terracotta);
}

#pg-home #space A ION-ICON
{
position: relative;
top: 3px;
}

#pg-home #space HR
{
border-top: 0;
border-image:linear-gradient(
  90deg,
  rgba(255,255,255,0) 0%,
  var(--bg-white) 50%,
  rgba(255,255,255,0) 100%
) 1;
border-image-width: 0 0 1px 0%;
height:1px;
}

#pg-home #space H5
{
font-size:36px;
font-weight:700;
color:var(--fg-gold);
}

#pg-home #space H6
{
margin-top:10px;
}

#pg-fh #hero
{
background:var(--for-home-gradient);
color:var(--fg-white);
padding-top:20px;
}

#pg-fh #hero
{
	.anim-down, .anim-up, .anim-right, .anim-appear { animation-delay:1ms !important; }
}

#pg-fh #hero H2
{
font-size: clamp(40px, 6.2vw, 96px);;
line-height:1;
font-weight:700;
}

#pg-fh #hero H3
{
font-size:20px;
line-height:1.6;
}

#pg-fh #hero A
{
color:var(--fg-white);
}

#pg-fh #hero A ION-ICON
{
position:relative;
top:3px;
}

#pg-fh #hero A:hover ION-ICON,
#pg-fh #hero A:focus ION-ICON
{
left:5px;
}

#pg-fh #hero .buttongroup
{
margin-bottom:20px;
}

#pg-fh #hero LI 
{
margin-right:25px;
}

#pg-fh #hero LI ION-ICON
{
position:relative;
top:7px;
background:rgb(164 120 100 / 64%);
padding:6px;
text-align:left;
border-radius:100px;
}

#pg-fh #hero LI
{
color:var(--fg-white);
}

#pg-fh #try
{
}

#pg-fh #try .leftcol
{
display: flex;
align-items: center;
}

#pg-fh #try H2
{
margin:0;
padding:0;
font-size:64px;
color:var(--fg-black);
font-weight:700;
}

#pg-fh #try H3
{
font-size:24px;
color:var(--fg-grey);
}

#pg-fh #try .rightcol IMG
{
box-shadow: 0 0 19px 7px rgb(0 0 0 / 15%);
border-radius:15px;
}

#pg-fh #try IMG
{
max-height:468px;
}

#pg-fh #try .detail
{
margin-top:70px;
}

#pg-fh #try .rcube
{
background:var(--bg-lt-terracotta);
color:var(--fg-terracotta);
text-align:center;
border-radius:6px;
padding:10px;
display:inline-block;
width:48px;
height:48px;
font-size:24px;
}

#pg-fh #try .rcube ION-ICON
{
position:relative;
top:2px;
}

#pg-fh #try .detail H3
{
color:var(--fg-black);
margin-top:16px;
font-size:18px;
font-weight:700;
margin-bottom:0;
}

#pg-fh #try .detail H4
{
margin-top:8px;
margin-bottom:0;
font-size:14px;
}

#pg-fh #loans
{
text-align:center;
background:var(--bg-grey);
}

#pg-fh #loans H2
{
color:var(--fg-black);
font-size:48px;
font-weight:700;
}

#pg-fh #loans H3
{
}

#pg-fh #loans .detail
{
margin-top:70px;
text-align:left;
}

#pg-fh #loans .rcube
{
background:var(--bg-lt-terracotta);
color:var(--fg-terracotta);
text-align:center;
border-radius:6px;
padding:10px;
display:inline-block;
width:48px;
height:48px;
font-size:24px;
}

#pg-fh #loans .rcube ION-ICON
{
position:relative;
top:2px;
}

#pg-fh #loans .detail H4
{
color:var(--fg-black);
margin-top:16px;
font-size:18px;
font-weight:700;
margin-bottom:0;
}

#pg-fh #loans .detail H5
{
margin-top:8px;
margin-bottom:0;
font-size:14px;
}

#pg-fh #loans #blackcard
{
margin-top:50px;
background:var(--bg-black);
color:var(--fg-white);
text-align:center;
}

#pg-fh #loans #blackcard H3
{
margin-top:0;
font-size:32px;
font-weight:700;
}

#pg-fh #loans #blackcard H4
{
font-size:18px;
}

#pg-fh #how
{
text-align:center;
}

#pg-fh #how H2
{
color:var(--fg-black);
font-size:48px;
font-weight:700;
}

#pg-fh #how H3
{
font-size:18px;
}

#pg-fh #how .detail
{
margin-top:30px;
}

#pg-fh #how .stack
{
}

#pg-fh #how .stack ION-ICON
{
display: block;
margin: auto;
background: #f5f1ef;
padding: 21px;
border: 5px solid #FFF;
box-shadow: 0px 5px 16px 5px rgba(0, 0, 0, 0.07);
border-radius: 100px;
color: var(--fg-terracotta);
text-align: center;
width: 46px;
height: 46px;
padding-left: 22px;
padding-top: 22px;
}

#pg-fh #how .stack DIV
{
color:var(--fg-white);
background:var(--bg-terracotta);
font-weight:bold;
text-align:center;
padding:6px;
border-radius:30px;
display:inline-block;
width:36px;
height:36px;
line-height:27px;
margin-top:20px;
}

#pg-fh #how .stack H4
{
color:var(--fg-black);
font-weight:700;
font-size:20px;
}

#pg-fh #how .stack H5
{
font-size:15px;
}

#pg-fh #home
{
text-align:center;
background:var(--bg-black) 0 0 url(../img/gridmarks.png) repeat;
color:var(--fg-white);
}

#pg-fh #home H2
{
font-weight:700;
font-size:64px;
line-height:1.15;
}

#pg-fh #home H3
{
font-size:24px;
}

#pg-fh #home A,
#pg-fh #home A:visited
{
background: var(--bg-terracotta);
border: 1px solid var(--bg-terracotta);
color: var(--fg-white);
}

#pg-fh #home A ION-ICON
{
position: relative;
top: 3px;
}

#pg-fa #hero
{
}

#pg-fa #hero .leftcol H2
{
font-size: clamp(40px, 6.2vw, 96px);;
font-weight:700;
color:var(--fg-black);
line-height:1.1;
margin-top:-50px;
}

#pg-fa #hero .leftcol H3
{
font-size:24px;
line-height:1.4;
}

#pg-fa #hero .leftcol H4
{
}

#pg-fa #hero .leftcol H5
{
}

#pg-fa #hero .leftcol A
{
color:var(--fg-white);
}

#pg-fa #hero .leftcol A ION-ICON
{
position:relative;
top:3px;
}

#pg-fa #hero .leftcol A:hover ION-ICON,
#pg-fa #hero .leftcol A:focus ION-ICON
{
left:5px;
}

#pg-fa #hero .leftcol .buttongroup
{
margin-bottom:20px;
}

#pg-fa #hero .rightcol H2
{
font-size:14px;
margin:0;
}

#pg-fa #hero .rightcol H3
{
margin:0;
color:var(--fg-black);
font-weight:700;
font-size:24px;
}

#pg-fa #hero .rightcol H4
{
margin:0;
font-size:15px;
color:var(--fg-terracotta);
}

#pg-fa #hero .rightcol IMG
{
box-shadow: 0 0 19px 7px rgb(0 0 0 / 15%);
border-radius: 15px;
}

#pg-fa #hero .rightcol .card
{
display: inline-block;
margin-top: -100px;
margin-left: -30px;
box-shadow: 0 0 19px 7px rgb(0 0 0 / 15%);
}

#pg-fa #hero #value .d-flex
{
flex-direction: column;
}

#pg-fa #hero #value ION-ICON
{
font-size:28px;
color:var(--fg-terracotta);
}

#pg-fa #hero #value H4
{
color:var(--fg-black);
font-size:24px;
font-weight:700;
margin:0;
}

#pg-fa #hero #value H5
{
font-size:14px;
margin:0;
}

#pg-fa #fair
{
background:var(--bg-grey);
}

#pg-fa #fair H2
{
font-size:48px;
font-weight:700;
color:var(--fg-black);
}

#pg-fa #fair H3
{
}

#pg-fa #fair .card ION-ICON
{
background: var(--bg-lt-terracotta);
border-radius: 100px;
padding: 20px;
font-size: 30px;
display: inline-block;
margin: auto;
color: var(--fg-terracotta);
}

#pg-fa #fair .card H4
{
color:var(--fg-black);
font-size:20px;
font-weight:700;
}

#pg-fa #fair .card H5
{
}

#pg-fa #fair .card H6
{
font-size:30px;
font-weight:700;
color:var(--fg-terracotta);
}

#pg-fa #fair .card H7
{
font-size:15px;
}

#pg-fa #fair #blackcard
{
margin-top:50px;
background:var(--bg-black);
color:var(--fg-white);
text-align:center;
}

#pg-fa #fair #blackcard H3
{
font-size:32px;
font-weight:700;
margin-top:0;
margin-bottom:20px;
}

#pg-fa #fair #blackcard H4
{
color:var(--fg-grey);
font-size:15px;
margin:0;
font-weight:normal;
}

#pg-fa #fair #blackcard H5
{
margin:0;
font-size:24px;
font-weight:700;
color:var(--fg-terracotta);
}

#pg-fa #fair #blackcard H6
{
margin:0;
font-size:15px;
color:var(--fg-grey);
font-weight:normal;
}

#pg-fa #fair #blackcard .d-flex
{
flex-direction: column;
}

#pg-fa #fair #blackcard P
{
color:var(--fg-grey);
margin-top:20px;
}

#pg-fa #why
{
}

#pg-fa #why H2
{
font-size:48px;
font-weight:700;
color:var(--fg-black);
}

#pg-fa #why H3
{
margin-bottom:50px;
}

#pg-fa #why .card 
{
margin-bottom:25px;
}

#pg-fa #why .card ION-ICON
{
background: var(--bg-lt-terracotta);
padding: 10px;
font-size: 30px;
display: inline-block;
border-radius:10px;
color: var(--fg-terracotta);
}

#pg-fa #why .card H4
{
font-size:20px;
font-weight:700;
color:var(--fg-black);
}

#pg-fa #why .card H5
{
}

#pg-fa #how
{
text-align:center;
background:var(--bg-grey);
}

#pg-fa #how H2
{
color:var(--fg-black);
font-size:48px;
font-weight:700;
}

#pg-fa #how H3
{
font-size:18px;
}

#pg-fa #how .detail
{
margin-top:30px;
}

#pg-fa #how .stack
{
}

#pg-fa #how .stack ION-ICON
{
display: block;
margin: auto;
background: #f5f1ef;
padding: 21px;
border: 5px solid #FFF;
box-shadow: 0px 5px 16px 5px rgba(0, 0, 0, 0.07);
border-radius: 100px;
color: var(--fg-terracotta);
text-align: center;
width: 46px;
height: 46px;
padding-left: 22px;
padding-top: 22px;
}

#pg-fa #how .stack DIV
{
color:var(--fg-white);
background:var(--bg-terracotta);
font-weight:bold;
text-align:center;
padding:6px;
border-radius:30px;
display:inline-block;
width:36px;
height:36px;
line-height:27px;
margin-top:20px;
}

#pg-fa #how .stack H4
{
color:var(--fg-black);
font-weight:700;
font-size:20px;
}

#pg-fa #how .stack H5
{
font-size:15px;
}

#pg-fa #how .stack H6
{
margin: 0;
font-size: 14px;
color: var(--bg-terracotta);
}

#pg-fa #ready
{
text-align:center;
background: var(--bg-black) 0 0 url(../img/gridmarks.png) repeat;
color:var(--fg-white);
}

#pg-fa #ready H2
{
font-weight:700;
font-size:64px;
line-height:1.15;
}

#pg-fa #ready H3
{
font-size:24px;
}

#pg-fa #ready A,
#pg-fa #ready A:visited
{
color:var(--fg-white);
border:1px solid rgba(255,255,255,0.4);
background-color:rgba(255,255,255,0.15);
transition:all 0.3s;
}

#pg-fa #ready A:hover,
#pg-fa #ready A:focus
{
border-color:var(--bg-terracotta);
background-color: var(--bg-terracotta);
}

#pg-fa #ready A ION-ICON
{
position: relative;
top: 3px;
}

#pg-fa #ready HR
{
border-top: 0;
border-image:linear-gradient(
  90deg,
  rgba(255,255,255,0) 0%,
  var(--bg-white) 50%,
  rgba(255,255,255,0) 100%
) 1;
border-image-width: 0 0 1px 0%;
height:1px;
}

#pg-fa #ready H5
{
font-size:36px;
font-weight:700;
color:var(--fg-gold);
}

#pg-fa #ready H6
{
margin-top:10px;
}

#pg-fe #hero
{
}

#pg-fe #hero .leftcol H2
{
font-size: clamp(40px, 6.2vw, 96px);;
font-weight:700;
color:var(--fg-black);
line-height:1.1;
margin-top:-50px;
}

#pg-fe #hero .leftcol H3
{
font-size:24px;
line-height:1.4;
}

#pg-fe #hero .leftcol H4
{
}

#pg-fe #hero .leftcol H5
{
}

#pg-fe #hero .leftcol A
{
color:var(--fg-white);
}

#pg-fe #hero .leftcol A ION-ICON
{
position:relative;
top:3px;
}

#pg-fe #hero .leftcol A:hover ION-ICON,
#pg-fe #hero .leftcol A:focus ION-ICON
{
left:5px;
}

#pg-fe #hero .leftcol .buttongroup
{
margin-bottom:20px;
}

#pg-fe #hero .rightcol H2
{
font-size:14px;
margin:0;
}

#pg-fe #hero .rightcol H3
{
margin:0;
color:var(--fg-black);
font-weight:700;
font-size:24px;
}

#pg-fe #hero .rightcol H4
{
margin:0;
font-size:15px;
color:var(--fg-terracotta);
}

#pg-fe #hero .rightcol IMG
{
box-shadow: 0 0 19px 7px rgb(0 0 0 / 15%);
border-radius: 15px;
}

#pg-fe #hero .rightcol .card
{
display: inline-block;
margin-top: -100px;
margin-left: -30px;
box-shadow: 0 0 19px 7px rgb(0 0 0 / 15%);
}

#pg-fe #hero #value .d-flex
{
flex-direction: column;
}

#pg-fe #hero #value ION-ICON
{
font-size:28px;
color:var(--fg-terracotta);
}

#pg-fe #hero #value H4
{
color:var(--fg-black);
font-size:24px;
font-weight:700;
margin:0;
}

#pg-fe #hero #value H5
{
font-size:14px;
margin:0;
}

#pg-fe #hero .btn-white
{
border:1px solid var(--bg-med-grey);
background:var(--bg-white);
color:var(--fg-black) !important;
}

#pg-fe #hero .btn-white:hover,
#pg-fe #hero .btn-white:focus
{
background:var(--bg-med-grey);
}

#pg-fe #why
{
}

#pg-fe #why H2
{
font-size:48px;
font-weight:700;
color:var(--fg-black);
}

#pg-fe #why H3
{
margin-bottom:50px;
}

#pg-fe #why .card 
{
margin-bottom:25px;
}

#pg-fe #why .card ION-ICON
{
background: var(--bg-lt-terracotta);
padding: 10px;
font-size: 30px;
display: inline-block;
border-radius:10px;
color: var(--fg-terracotta);
}

#pg-fe #why .card H4
{
font-size:20px;
font-weight:700;
color:var(--fg-black);
}

#pg-fe #why .card H5
{
}

#pg-fe #why .card HR
{
}

#pg-fe #why .card H6
{
margin:0;
color:var(--fg-terracotta);
}

#pg-fe #how
{
text-align:center;
background:var(--bg-grey);
}

#pg-fe #how H2
{
color:var(--fg-black);
font-size:48px;
font-weight:700;
}

#pg-fe #how H3
{
font-size:18px;
}

#pg-fe #how .detail
{
margin-top:30px;
}

#pg-fe #how .stack
{
}

#pg-fe #how .stack ION-ICON
{
display: block;
margin: auto;
background: #f5f1ef;
padding: 21px;
border: 5px solid #FFF;
box-shadow: 0px 5px 16px 5px rgba(0, 0, 0, 0.07);
border-radius: 100px;
color: var(--fg-terracotta);
text-align: center;
width: 46px;
height: 46px;
padding-left: 22px;
padding-top: 22px;
}

#pg-fe #how .stack DIV
{
color:var(--fg-white);
background:var(--bg-terracotta);
font-weight:bold;
text-align:center;
padding:6px;
border-radius:30px;
display:inline-block;
width:36px;
height:36px;
line-height:27px;
margin-top:20px;
}

#pg-fe #how .stack H4
{
color:var(--fg-black);
font-weight:700;
font-size:20px;
}

#pg-fe #how .stack H5
{
font-size:15px;
}

#pg-fe #how .stack H6
{
margin: 0;
font-size: 14px;
color: var(--bg-terracotta);
}

#pg-fe #ready
{
text-align:center;
background: var(--bg-black) 0 0 url(../img/gridmarks.png) repeat;
color:var(--fg-white);
}

#pg-fe #ready H2
{
font-weight:700;
font-size:64px;
line-height:1.15;
}

#pg-fe #ready H3
{
font-size:24px;
}

#pg-fe #ready A,
#pg-fe #ready A:visited
{
color:var(--fg-white);
border:1px solid rgba(255,255,255,0.4);
background-color:rgba(255,255,255,0.15);
transition:all 0.3s;
}

#pg-fe #ready A:hover,
#pg-fe #ready A:focus
{
border-color:var(--bg-terracotta);
background-color: var(--bg-terracotta);
}

#pg-fe #ready A ION-ICON
{
position: relative;
top: 3px;
}

#pg-about #hero
{
background-image: 
linear-gradient(to right, 
  rgba(0, 0, 0, 0.8),
  rgba(0, 0, 0, 0.4)
),
url(../img/enterprise-wall-painting.jpg);
background-size: cover;
background-position: center;
background-blend-mode: multiply;
}

#pg-about #hero H2
{
color:var(--fg-white);
font-weight:700;
font-size: clamp(40px, 6.2vw, 96px);;
line-height:1.1;
}

#pg-about #hero H3
{
color:var(--fg-white);
font-size:24px;
}

#pg-about #story
{
}

#pg-about #story H2
{
font-size:64px;
font-weight:700;
color:var(--fg-black);
margin-top:0;
line-height:64px;
margin-bottom:30px;
}

#pg-about #story H3
{
}

#pg-about #story H4
{
font-weight: 500;
color:var(--fg-black);
}

#pg-about #story H5
{
margin:0;
color:var(--fg-terracotta);
font-weight:700;
font-size:36px;
line-height:36px;
}

#pg-about #story H6
{
margin:0;
font-size:14px;
}

#pg-about #story .rightcol
{
margin-top:100px;
}

#pg-about #story .card
{
margin-bottom:25px;
}

#pg-about #values
{
background:var(--bg-grey);
}

#pg-about #values H2
{
margin:-30px;
font-size:48px;
font-weight:700;
color:var(--fg-black);
}

#pg-about #values H3
{
margin-top:35px;
margin-bottom:60px;
}

#pg-about #values ION-ICON
{
display:inline-block;
margin:auto;
background:var(--bg-lt-terracotta);
color:var(--fg-terracotta);
border-radius:10px;
padding:15px;
font-size:32px;
}

#pg-about #values H4
{
font-size:20px;
font-weight:700;
color:var(--fg-black);
margin-bottom:10px;
}

#pg-about #values H5
{
margin:0;
font-size:15px;
}

#pg-gs #hero
{
}

#pg-gs #hero H2
{
font-size: clamp(40px, 6.2vw, 96px);;
font-weight:700;
line-height:1.1;
color:var(--fg-black);
}

#pg-gs #hero H3
{
font-size:24px;
margin-bottom:100px;
}

#pg-gs #choose
{
background:var(--bg-grey);
}

#pg-gs #choose H2
{

text-align:center;
font-size: 48px;
font-weight:700;
line-height:1.1;
color:var(--fg-black);
}

#pg-gs #choose H3
{
text-align:center;
font-size:24px;
margin-bottom:60px;
}

#pg-gs #choose .detail
{
}

#pg-gs #choose .detail ION-ICON.top-icon
{
font-size: 29px;
padding: 16px;
color: var(--fg-terracotta);
border-radius: 10px;
display:block;
background: rgba(0, 0, 0, 0.05);
opacity: 0.7;
}

#pg-gs #choose .detail .card H4
{
font-weight:700;
color:var(--fg-black);
}

#pg-gs #choose .detail .card H5
{
font-size:15px;
margin-top:5px;
}

#pg-gs #choose .detail .card H6
{
color:var(--fg-black);
font-size:15px;
font-weight:500;
margin-bottom:20px;
}

#pg-gs #choose .detail .card H6 ION-ICON
{
position: relative;
top: 1px;
}

#pg-gs #choose .detail .card UL 
{
margin-left:20px;
}

#pg-gs #choose .detail .card UL LI
{
background:transparent url(../img/icons/task-ball.svg) top left no-repeat;
color:var(--fg-black);
font-size:14px;
text-indent:30px;
font-weight:500;
}

#pg-gs #choose .detail .card UL LI SMALL
{
color: var(--fg-grey);
display: block;
text-indent:21px;
margin-left:10px;
padding-left: 0px;
padding-bottom: 30px;
border-left: 1px solid transparent;
}

#pg-gs #choose .detail .card UL LI:not(:last-child) SMALL
{
border-left: 1px solid #DDD;
}

#pg-gs #choose .detail .card .btn
{
padding: 12px;
font-size: 16px;
line-height: 16px;
}

#pg-gs #choose .detail .card .btn ION-ICON
{
position:relative;
top:2px;
left:0px;
transition:left 0.5s ease;
}

#pg-gs #choose .detail .card .btn:hover ION-ICON,
#pg-gs #choose .detail .card .btn:focus ION-ICON
{
left:5px;
}

#pg-gs #choose #home .card
{
background:var(--bg-gold); /* #f5efe6 */
border:1px solid var(--fg-gold-border); /* #ead9bc */
}

#pg-gs #choose #artist .card
{
background:var(--bg-lt-terracotta-detail); /* #eee8e4 */
border:1px solid var(--bg-lt-terracotta-detail-border); /* #d4c1b9 */
}

#pg-gs #choose #ent .card
{
background:var(--bg-grey);
border:1px solid var(--fg-med-grey); /* #e8e0de */
}

#pg-gs #choose #notsure A,
#pg-gs #choose #notsure A:visited
{
color:var(--fg-terracotta);
font-weight:500;
text-decoration:none;
opacity:0.8;
}

#pg-gs #choose #notsure A:hover,
#pg-gs #choose #notsure A:focus
{
opacity:1;
}

#pg-gs #choose #notsure A ION-ICON
{
position:relative;
top:3px;
}

#pg-gs #contact
{
}

#pg-gs #contact H2
{
font-size:32px;
font-weight:700;
color:var(--fg-black);
margin-bottom:20px;
}

#pg-gs #contact H3
{
margin-bottom:20px;
}

#pg-gs #contact LABEL
{
font-size:14px;
font-weight:500;
color:var(--fg-black);
margin-bottom:4px;
}

#pg-gs #contact .form-group .form-control
{
box-shadow:none !important;
outline:none !important;
}

#pg-gs #name,
#pg-gs #email
{
display:none;
}

#pg-gs #btnsubmit
{
font-size: 15px;
padding: 0px 30px;
line-height: 41px;
border-radius: 8px;
height: 41px;
}

#pg-gs #btnsubmit ION-ICON
{
font-size:22px;
position:relative;
top:4px;
margin-right:5px;
}

#pg-gs .rightcol .row
{
width:350px;
}

#pg-gs .rightcol .col-icon ION-ICON
{
padding: 9px;
display: block;
background-color: var(--bg-lt-terracotta-detail);
color: var(--bg-terracotta);
border-radius: 7px;
font-size: 24px;
}

#pg-gs .rightcol .col-text
{
}

#pg-gs .rightcol .col-text H4
{
font-weight:700;
margin:0;
margin-top:2px;
padding:0;
line-height:1;
color:var(--fg-black);
}

#pg-gs .rightcol .col-text H5
{
margin:0;
padding:0;
margin-top:5px;
color:var(--fg-med-gray);
font-size:15px;
}

#pg-gs .rightcol .col-text H5 A,
#pg-gs .rightcol .col-text H5 A:visited
{
text-decoration:none !important;
color:var(--fg-grey);
}

#pg-gs .rightcol .col-text H5 A:focus,
#pg-gs .rightcol .col-text H5 A:hover
{
color:var(--fg-terracotta);
}

#pg-how #hero
{
background:var(--bg-grey);
}

#pg-how #hero H2
{
font-size: clamp(40px, 6.2vw, 96px);;
font-weight:700;
line-height:1.1;
color:var(--fg-black);
}

#pg-how #hero H3
{
font-size:24px;
}

#pg-how #three
{
}

#pg-how #three H2
{
font-size: clamp(40px, 6.2vw, 96px);;
font-weight:700;
line-height:1.1;
color:var(--fg-black);
}

#pg-how #three H3
{
font-size:24px;
}

#pg-how SECTION:has(.detail)
{
padding-top:0;
}

#pg-how .detail
{
background:var(--bg-lt-terracotta-detail);
border:1px solid var(--bg-lt-terracotta-detail-border);
border-radius:16px;
padding:40px;
}

#pg-how .detail .top .btn
{
padding: 10px 20px;
font-size: 16px;
}

#pg-how .detail .btm
{
margin-top:40px;
}

#pg-how .detail .iconhead ION-ICON
{
background:var(--bg-lt-terracotta-detail-bg-icon1);
font-size: 29px;
padding: 16px;
color: var(--fg-terracotta);
border-radius: 10px;
display:block;
float: left;
clear: right;
}

#pg-how .detail .iconhead DIV
{
display:block;
float:left;
padding-left:15px;
}

#pg-how .detail .iconhead DIV H2
{
margin:0;
padding:0;
font-size:32px;
font-weight:700;
line-height:1.1;
color:var(--fg-black);
}

#pg-how .detail .iconhead DIV H3
{
margin:0;
padding:0;
font-size:15px;
}

#pg-how .detail .nball
{
background: var(--bg-terracotta);
color: var(--bg-white);
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 14px;
font-weight: 700;
border-radius: 50px;
padding: 0;
margin-top: -48px;
margin-left: -48px;
margin-bottom: 15px;
}

#pg-how .detail .card
{
background:var(--bg-lt-terracotta-detail-bg-card);
border:1px solid rgba(0,0,0,0.08);
}

#pg-how .detail .card ION-ICON
{
color: var(--fg-terracotta);
background: var(--bg-lt-terracotta-detail);
padding: 12px;
font-size: 22px;
border-radius: 10px;
}

#pg-how .detail .card H4
{
font-size:18px;
font-weight:700;
color:var(--fg-black);
line-height:1.1;
padding:0;
}

#pg-how .detail .card H5
{
font-size:15px;
margin-top:12px;
}

#pg-how .detail .card H6
{
margin:0;
margin-top:8px;
font-size:14px;
color:var(--fg-terracotta);
}

#pg-how #artist .detail
{
background: var(--bg-grey);
border-color: var(--bg-med-grey);
}

#pg-how #artist .detail .iconhead ION-ICON
{
background:rgba(0,0,0,0.05);
}

#pg-how #artist .detail .card
{
background:rgba(255,255,255,0.5);
}

#pg-how #faq
{
background:var(--bg-grey);
}

#pg-how #faq H2
{
font-size:48px;
font-weight:700;
color:var(--fg-black);
}

#pg-how #faq H3
{
margin-bottom:40px;
}

#pg-how #ready
{
background:var(--bg-black);
color:var(--fg-white);
}

#pg-how #ready H2
{
font-size:64px;
font-weight:700;
}

#pg-how #ready H3
{
font-size:24px;
}

#pg-how #ready .btn
{
color:var(--fg-white);
border:1px solid rgba(255,255,255,0.3);
background-color:rgba(255,255,255,0.09);
}

#pg-how #ready .btn:hover,
#pg-how #ready .btn:focus
{
background-color:rgba(255,255,255,0.15);
}

#pg-how #ready .btn ION-ICON
{
position: relative;
top: 4px;
font-size:22px;
}

#pg-policy
{
}

#pg-policy #policy
{
padding-top:27px;
}

#pg-policy #policy H1
{
font-size:36px;
font-weight:700;
color:var(--fg-black);
margin-bottom:20px;
}

#pg-policy #policy H2
{
font-size:24px;
font-weight:700;
color:var(--fg-black);
}

#pg-fhquiz
{
}

.quiz H1
{
margin:0;
padding:0;
font-size:36px;
font-weight:700;
color:var(--fg-black);
}

.quiz H2
{
margin:0;
padding:0;
}

.quiz .progress
{
margin-top:15px;
}

.quiz .card
{
margin-top:10px;
}

.quiz H3
{
margin:0;
margin-top:-20px;
padding:0;
font-size:30px;
font-weight:700;
color:var(--fg-black);
}

.quiz H4
{
margin:0;
margin-bottom:20px;
padding:0;
}

.quiz H5
{
margin:0;
padding:0;
line-height:1.1;
font-size:14px;
color:var(--fg-black);
margin-top:10px;
font-weight:500;
}

.quiz .btn-sm
{
padding: 8px 15px !important;
min-width: 100px;
border: 1px solid #777;
font-size: 15px;
}

.quiz .btn-sm ION-ICON
{
position:relative;
top:3px;
}

.quiz .card
{
padding-bottom:5px;
}

.quiz P:has(SMALL) SMALL
{
font-size: 14px;
display: inline-block;
line-height: 1.5;
margin-top: 10px;
}

.quiz P:has(SMALL)
{
margin:0;
padding:0;
}

.quiz .grouping LABEL
{
display:block;
font-size: 14px;
color: var(--fg-black);
margin-bottom: 0px;
}

.quiz .grouping SMALL
{
margin-top:0;
display:block;
}

#pg-fhquiz #room BUTTON
{
background-color:#e5eff0;
}

#pg-fhquiz #space-size BUTTON
{
background-color:#edf0e5;
}

#pg-fhquiz #artwork-size BUTTON
{
background-color:#e5e7f0;
}

#pg-fhquiz #howmany BUTTON
{
background-color:#f0ece5;
}

#pg-fhquiz #styles BUTTON
{
background-color:#e5eff0;
}

#pg-fhquiz #media BUTTON
{
background-color:#edf0e5;
}

#pg-fhquiz #feels BUTTON
{
background-color:#e5e7f0;
}

#pg-fhquiz #themes BUTTON
{
background-color:#f0ece5;
}

#pg-fhquiz #purchaselater BUTTON
{
background-color:#e5e7f0;
}

#pg-fhquiz #rotation BUTTON
{
background-color:#f0ece5;
}

#pg-fhquiz #colors1 BUTTON,
#pg-fhquiz #colors1 BUTTON:after,
#pg-fhquiz #colors2 BUTTON,
#pg-fhquiz #colors2 BUTTON:after
{
color:#FFF;
}

#pg-fhquiz #colors1 BUTTON[selected]:after,
#pg-fhquiz #colors2 BUTTON[selected]:after
{
color:rgba(0,0,0,0.6);
}

#pg-fhquiz .bg-blues
{
background-color:#1b568b;
}

#pg-fhquiz .bg-reds
{
background-color:#8b1b1b;
}

#pg-fhquiz .bg-yellows
{
background-color:#e1be1b;
}

#pg-fhquiz .bg-greens
{
background-color:#1b8b42;
}

#pg-fhquiz .bg-purples
{
background-color:#691b8b;
}

#pg-fhquiz .bg-pinks
{
background-color:#cd409d;
}

#pg-fhquiz .bg-oranges
{
background-color:#c97a1c;
}

#pg-fhquiz .bg-neutrals
{
background-image: linear-gradient(to left, 
  #e8e0d4 0%,  /* Soft warm beige */
  #e8e0d4 25%,  /* Soft warm beige */
  #d0c7b8 50%,  /* Muted taupe */
  #b8b0a2 75%,  /* Cool gray-beige */
  #a09a8f 100%  /* Deeper neutral gray */
);
background-size: cover;
background-repeat: no-repeat;
}

#pg-fhquiz .bg-earth-tones
{
background-image: linear-gradient(to left, 
  #d9b38c 0%,    /* Light terracotta/sand */
  #c19a6b 25%,   /* Warm ochre */
  #a67b5b 50%,   /* Rich cedar/coffee */
  #8a7f6e 75%,   /* Muted sage/taupe */
  #6b5e4f 100%   /* Deep clay brown */
);
background-size: cover;
background-repeat: no-repeat;
}

#pg-fhquiz .bg-monochrome
{
background-image: linear-gradient(to left, 
  #f0f0f0 0%,    /* Very light gray */
  #d0d0d0 25%,   /* Light gray */
  #a0a0a0 50%,   /* Medium gray */
  #707070 75%,   /* Dark gray */
  #303030 100%   /* Near black */
);
background-size: cover;
background-repeat: no-repeat;
}

#pg-fhquiz .bg-bold-contrast
{
background-color:#555;

}

#pg-faquiz #quiz3 H3
{
font-size:14px;
color:var(--fg-black);
}

#pg-faquiz #quiz3 .alert-danger LABEL
{
margin:0 !important;
cursor:pointer;
}