@charset "UTF-8";
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {

  --color-orange-100: #ffb199;
  --color-orange-200: #ff8a66;
  --color-orange-300: #ff6333;
  --color-orange-400: #db2c00;
  --color-green-100: #d8f7df;
  --color-green-200: #a7f1b9e5;
  --color-green-300: #7ded88ca;
  --color-green-400: #3cb962;
  --color-gray-100: #fff;
  --color-gray-200: #fafbff;
  --color-gray-250:#efefef;
  --color-gray-300: #ccc;
  --color-gray-400: #c2c5cc;
  --color-gray-700: #666;
  --color-gray-800: #4d4d4d;
  --color-gray-900: #002838;
  --color-blue-100: #e5f7fc;
  --color-blue-200: #548be48c;
  --color-blue-300: #7795cd;
  --color-blue-400: #00365f;
  --color-blue-500: #062560;
  --color-blue-600:#262847;
  --color-yellow-50:#f3eee4;
  --color-yellow-100:#f4ecdd;
  --color-yellow-200:#f6e5bd;
  --color-yellow-300:#eaca72;
  --color-yellow-400:#e5bf55;


  --marginclamp :clamp(.7rem, .66rem + .2vw, .8rem);
  --marginclamp-2 :clamp(.7rem, 1.2rem + .4vw, .8rem);

  --fs-300: 1rem;
  --fs-400: 1.25rem;
  --fs-500: 2rem;
  --fs-600: 2.827rem;
  --fs-700: 4rem;
  --fs-800: 5.653rem;
  --h1-font:clamp(2.67rem, 2.07rem + 3vw, 4.21rem);
  --h2-font:clamp(2.14rem, 1.74rem + 1.99vw, 3.16rem);
  --h3-font:clamp(1.87rem, 1.21rem + .8vw, 2.48rem);
  --h4-font:clamp(1.37rem, 1.21rem + .8vw, 1.78rem);
  --h5-font:clamp(1.08rem, .83rem + .24vw, 1.5rem);
  --text-300:clamp(.7rem,.66rem + .2vw,.8rem);
  --text-400:clamp(.88rem, .83rem + .24vw, 1rem);
  --text-450:clamp(1.09rem, .95rem + .24vw, 1.4rem);
  --text-500:clamp(1.09rem,1rem + .47vw,1.33rem);
  --text-600:clamp(1.37rem,1.21rem + .8vw,1.78rem);
  --text-700:clamp(1.71rem,1.45rem + 1.29vw,2.37rem);
  --text-800:clamp(2.14rem,1.74rem + 1.99vw,3.16rem);
  --text-900: clamp(2.67rem,2.07rem + 3vw,4.21rem);
  --text-1000:clamp(3.34rem,2.45rem + 4.43vw,5.61rem);

  --color-gray-bg:#effaf39e;
  --color-gray-bg:#effaf39e;
  --color-normal-font:#1c2334;
  --normal-font:clamp(1.09rem, 1rem + .47vw, 1.33rem);

    
  /* --bs-gray-900: #212529;
  --bs-primary: #5533ff;
  --bs-secondary: #6c757d; 
  --bs-dark: #212529;
  --bs-primary-rgb: 85, 51, 255;
  --bs-secondary-rgb: 108, 117, 125; */
}
/* css from dailyblogging - thanks to andybell.co.uk*/
*,
  *::before,
  *::after {
      box-sizing: border-box
  }
  body,
  h1,
  h2,
  h3,
  h4,
  p,
  figure,
  blockquote,
  dl,
  dd {
      margin: 0
  }
  
  ul[role=list],
  ol[role=list] {
      list-style: none
  }
  
  html:focus-within {
      scroll-behavior: smooth
  }
body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    background: var(--color-gray-bg);
    color:var(--color-normal-font);
    line-height: 1.5;
    font-size: var(--normal-font);
    display: flex;
    flex-direction: column;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
main {
    flex: auto
}


h1,
h2 {
    line-height: 1;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h1,
h2,
h3 {
    font-variant-ligatures: none
}

h1 {
  font-size: var(--h1-font);
  max-width: 19ch;
  line-height:1.1;
  font-weight: 900;
  color: var(--color-blue-600);
}
h2 {
    font-size: var(--h2-font);
    max-width: 22ch;
    color: var(--color-blue-600);
    font-weight: 900;
}

h2 strong, strong h2 {
  font-weight: 900;
}

h3 {
    font-size: var(--h3-font);
    line-height: 1.2;
    max-width: 35ch;
    color: var(--color-blue-600);
    font-weight: 900;
}

h3 strong, strong h3 {
  font-weight: 900;
}

h4 {
  font-size: var(--h4-font);
  line-height: 1.2;
  max-width: 50ch;
  font-weight: 900;
  color: var(--color-blue-600);
}

h4 strong, strong h4 {
  font-weight: 900;
}

h5 {
  font-size: var(--h5-font);
  line-height: 1.4;
  max-width: 50ch;
  color: var(--color-blue-600);
}
a {
    color: currentColor;
    text-decoration-color: var(--color-orange-400);
    text-underline-offset: 1px;
}
a:hover {
    color: var(--color-orange-400);
    text-decoration-color: var(--color-orange-400);
    text-underline-offset: 2px;
    font-weight:bold;
}

a[data-style=token-driven] {
    text-decoration-color: currentColor
}

a[data-style=token-driven]:hover {
    color: currentColor;
    text-decoration: none
}

code {
    color: var(--color-orange-400);
    font-size: .85em;
    font-weight: 700;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
blockquote {
  font-style: italic;
  border-left: .5rem solid var(--color-orange-400);
  padding: 1rem 1rem 1rem 1.5rem;
  font-size: clamp(1.07rem, 1.21rem + .8vw, 1.48rem);
  max-width: 50ch
  }


blockquote,
dl,
figcaption,
li,
p {
    max-width: 55ch;
}


.m-1 {
  margin:var(--marginclamp);
  }
  .p-1 {
  padding:var(--marginclamp);
  }
  
  .ml-1 {
  margin-left: var(--marginclamp);
  }
  .pl-1 {
  padding-left: var(--marginclamp);
  }
  
  .mr-1 {
  margin-right: var(--marginclamp)
  }
  .pr-1 {
  padding-right: var(--marginclamp)
  }
  
  .mt-1 {
  margin-top: var(--marginclamp);
  }
  
  .pt-1 {
  padding-top: var(--marginclamp);
  }
  
  .mb-1 {
  margin-bottom: var(--marginclamp);
  }
  .pb-1 {
  padding-bottom: var(--marginclamp);
  }

.mt-0 {
  margin-top: 0
}

.mt-2 {
  margin-top: clamp(.88rem,.83rem + .24vw,1rem)
}
.pt-2 {
  padding-top: clamp(.88rem,.83rem + .24vw,1rem)
}
.mt-3 {
  margin-top: clamp(1.09rem,1rem + .47vw,1.33rem)
}
.pt-3 {
  padding-top: clamp(1.09rem,1rem + .47vw,1.33rem)
}

.mt-4{
  margin-top: clamp(1.37rem,1.21rem + .8vw,1.78rem)
}
.-mt-4{
  margin-top: -1.1rem;
}
.pt-4{
  padding-top: clamp(1.37rem,1.21rem + .8vw,1.78rem)
}
.mt-5 {
  margin-top: clamp(1.71rem,1.45rem + 1.29vw,2.37rem)
}
.pt-5 {
  padding-top: clamp(1.71rem,1.45rem + 1.29vw,2.37rem)
}

.mt-6 {
  margin-top: clamp(2.14rem,1.74rem + 1.99vw,3.16rem)
}
.pt-6 {
  padding-top: clamp(2.14rem,1.74rem + 1.99vw,3.16rem)
}

.mt-7 {
  margin-top: clamp(2.67rem,2.07rem + 3vw,4.21rem)
}
.pt-7 {
  padding-top: clamp(2.67rem,2.07rem + 3vw,4.21rem)
}

.mt-8 {
  margin-top: clamp(3.34rem,2.45rem + 4.43vw,5.61rem)
}
.pt-8 {
  padding-top: clamp(3.34rem,2.45rem + 4.43vw,5.61rem)
}
.mb-0 {
  margin-bottom: 0
}

.mb-2 {
  margin-bottom: clamp(.88rem,.83rem + .24vw,1rem);
}

.mb-3 {
  margin-bottom: clamp(1.09rem,1rem + .47vw,1.33rem)
}

.mb-4 {
  margin-bottom: clamp(1.37rem,1.21rem + .8vw,1.78rem)
}

.mb-5 {
  margin-bottom: clamp(1.71rem,1.45rem + 1.29vw,2.37rem)
}

.mb-6 {
  margin-bottom: clamp(2.14rem,1.74rem + 1.99vw,3.16rem)
}

.mb-7 {
  margin-bottom: clamp(2.67rem,2.07rem + 3vw,4.21rem)
}

.mb-8 {
  margin-bottom: clamp(3.34rem,2.45rem + 4.43vw,5.61rem)
}

.ml-0 {
  margin-left: 0
}

.ml-1 {
  margin-left: clamp(.7rem,.66rem + .2vw,.8rem)
}

.ml-2 {
  margin-left: clamp(.88rem,.83rem + .24vw,1rem)
}

.ml-3 {
  margin-left: clamp(1.09rem,1rem + .47vw,1.33rem)
}

.ml-4 {
  margin-left: clamp(1.37rem,1.21rem + .8vw,1.78rem)
}

.ml-5 {
  margin-left: clamp(1.71rem,1.45rem + 1.29vw,2.37rem)
}

.ml-6 {
  margin-left: clamp(2.14rem,1.74rem + 1.99vw,3.16rem)
}

.ml-7 {
  margin-left: clamp(2.67rem,2.07rem + 3vw,4.21rem)
}

.ml-8 {
  margin-left: clamp(3.34rem,2.45rem + 4.43vw,5.61rem)
}

.mr-0 {
  margin-right: 0
}

.mr-1 {
  margin-right: clamp(.7rem,.66rem + .2vw,.8rem)
}

.mr-2 {
  margin-right: clamp(.88rem,.83rem + .24vw,1rem)
}

.mr-3 {
  margin-right: clamp(1.09rem,1rem + .47vw,1.33rem)
}

.mr-4 {
  margin-right: clamp(1.37rem,1.21rem + .8vw,1.78rem)
}

.mr-5 {
  margin-right: clamp(1.71rem,1.45rem + 1.29vw,2.37rem)
}

.mr-6 {
  margin-right: clamp(2.14rem,1.74rem + 1.99vw,3.16rem)
}

.mr-7 {
  margin-right: clamp(2.67rem,2.07rem + 3vw,4.21rem)
}

.mr-8 {
  margin-right: clamp(3.34rem,2.45rem + 4.43vw,5.61rem)
}

.leading-tight {
  line-height: 1
}

.measure-long {
  max-width: 65ch
}

.measure-medium {
  max-width: 58ch
}

.measure-short {
  max-width: 50ch
}

.outline-dark {
  outline-color: var(--color-normal-font)
}

.outline-light {
  outline-color: var(--color-yellow-50)
}

.outline-light-shade {
  outline-color: var(--color-yellow-200)
}

.outline-off-white {
  outline-color: var(--color-gray-250)
}


.outline-primary {
  outline-color: var(--color-yellow-400)
}

.outline-primary-glare {
  outline-color:  var(--color-yellow-300)
}

.outline-secondary {
  outline-color: var(--color-orange-400)
}

.outline-secondary-glare {
  outline-color: var(--color-orange-100)
}

.outline-secondary-shade {
  outline-color: var(--color-orange-400)
}

.text-0 {
  font-size: 0
}
.text-300 {
  font-size: var(--text-300)
}
.text-400 {
  font-size: var(--text-400);
  line-height: 1.4;
}
.text-450 {
  font-size: var(--text-450)
}
.text-500 {
  font-size: var(--text-500)
}

.text-600 {
  font-size: var(--text-600)
}

.text-700 {
  font-size: var(--text-700)
}

.text-800 {
  font-size: var(--text-800)
}

.text-900 {
  font-size: var(--text-900)
}

.text-1000 {
  font-size: var(--text-1000)
}

.weight-regular {
  font-weight: 400
}

.weight-medium {
  font-weight: 500
}

.weight-bold {
  font-weight: 700
}

.op-1 {
opacity: 0.5;
}
.op-1:hover{
opacity: 0.9;
}

.weight-thin {
  font-weight: 300
}

.weight-regular {
  font-weight: 400
}

.weight-medium {
  font-weight: 500
}

.weight-bold {
  font-weight: 700
}
.text-orange {
  color: var(--color-orange-400);
}
.mb-1 {
  margin-bottom: 10px;
}
.justify-content-center {
justify-content: center;
}
.text-center {
  text-align: center;
  /* justify-content: center; */
  /* align-items: center; */
}

/* flow and spacing */
.flow {
  --flow-space: clamp(1.09rem,1rem + .47vw,1.33rem);
}  

.flow > * + * { 
  margin-top: var(--flow-space);
}

h2 {
  --flow-space: 5rem
}

h3 {
  --flow-space:4rem;
}

h4 {
  --flow-space:3rem;
}

h4+p {
  --flow-space:0.5rem;
}


ol:not([class]) li+li,
ul:not([class]) li+li {
margin-top: 1rem
}


.no-top-bottom-flow {
  margin: 0 auto
}
      

.flow-space-0 {
  --flow-space: 0
}

.flow-space-300 {
  --flow-space: clamp(0.7rem, 0.66rem + 0.2vw, 0.8rem)
}

.flow-space-400 {
  --flow-space: clamp(0.88rem, 0.83rem + 0.24vw, 1rem)
}

.flow-space-500 {
  --flow-space: clamp(1.09rem, 1rem + 0.47vw, 1.33rem)
}

.flow-space-600 {
  --flow-space: clamp(1.37rem, 1.21rem + 0.8vw, 1.78rem)
}

.flow-space-700 {
  --flow-space: clamp(1.71rem, 1.45rem + 1.29vw, 2.37rem)
}

.flow-space-800 {
  --flow-space: clamp(2.14rem, 1.74rem + 1.99vw, 3.16rem)
}

.flow-space-900 {
  --flow-space: clamp(2.67rem, 2.07rem + 3vw, 4.21rem)
}

.flow-space-1000 {
  --flow-space: clamp(3.34rem, 2.45rem + 4.43vw, 5.61rem)
}

/* flow end */

svg {
    width: 1em;
    height: 1em
}

img[src*=".svg"] {
max-width: 100%;
display: block        }

img, picture {
max-width: 100%;
display: block
}

[role=list] {
    padding: 0;
    margin-bottom: 0
}

[id] {
    scroll-margin-top: 2ex
}

kbd {
    background: var(--color-yellow-200) ;
    border: 2px solid var(--color-gray-400);
    border-radius: .5rem;
    padding: .15rem .3rem
}

img,
video {
    border-radius: .5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .08)
}

hr {
    border: none;
    border-top: 1px solid var(--color-gray-400);
    transform: translateY(-1px);
    margin: clamp(1.37rem, 1.21rem + .8vw, 1.78rem) 0 !important;
    max-width: 55rem
}

input,
textarea {
    border: 2px solid var(--color-orange-400);
    border-radius: 1rem;
    padding: .85rem 1rem;
    font-size: clamp(.88rem, .83rem + .24vw, 1rem);
    line-height: 1;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}
:focus {
    outline: var(--color-orange-400) solid 1px;
    outline-offset: .25rem
}

main:focus {
    outline: 0
}

::selection {
    background: var(--color-normal-font);
    color: var(--color-yellow-100)
}

::-webkit-scrollbar {
    height: .7rem
}

::-webkit-scrollbar-track {
    background-color: #efefef
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-orange-400)
}

* {
    scrollbar-color: var(--color-orange-400) var(--color-gray-400)
}




/* form */
form {
    --flow-space: clamp(1.37rem, 1.21rem + 0.8vw, 1.78rem)
}
form label {
    text-transform: uppercase;
    padding: 0 0 .5rem clamp(.88rem, .83rem + .24vw, 1rem);
    font-weight: 700;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}
form label:after {
    content: "\a";
    white-space: pre
}
form input,
form p[id],
form textarea {
    width: 100%;
    max-width: 30rem
}
form p[id] {
    font-size: clamp(.88rem, .83rem + .24vw, 1rem);
    padding: .5rem 0 0 1rem;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}




/* Powerful Overall Classes For All Pages */

.region {
  padding-top: var(--region-padding, clamp(2.07rem, 1.32rem + 3.75vw, 4rem));
  padding-bottom: var(--region-padding, clamp(2.07rem, 1.32rem + 3.75vw, 4rem))
  }        
  .docked {
  position: sticky;
  top: clamp(1.09rem, 1rem + .47vw, 1.33rem);
  left: 0
  }
  
  .link-button {
  display: inline;
  padding: 0;
  border: 0;
  background: 0 0;
  font: inherit;
  color: currentColor;
  text-decoration: underline;
  cursor: pointer;
  text-underline-offset: 1px;
  -webkit-appearance: none
  }
  
  .link-button:hover {
  text-underline-offset: 2px
  }
  
  
  .inline-block{
  display: inline-block;
  }
  .display-flex{
  display: flex;
  }
  .wrapper {
  /* width: clamp(16rem, 90%, 75rem); */
  max-width: 65rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1.09rem, 1rem + .47vw, 1.33rem);
  padding-right: clamp(1.09rem, 1rem + .47vw, 1.33rem);
  position: relative;
  /* display: flex;
  flex-wrap: wrap;   */
  /* justify-content: center;   */
  }
  
  .wrapper-2 {
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  }  
  .text-center {
  text-align: center
  }
  .text-left {
  text-align: left;
  }
  .text-right {
    text-align: right;
    }
  
  

/* navigation from understrap */

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 1);
  padding-left: calc(var(--bs-gutter-x) * 1);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #5533ff;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #5533ff;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}


.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}


.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 1rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--color-gray-100);
  --bs-nav-link-hover-color: var(--color-gray-200);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem;
  font-size: var(--text-450);
  font-weight: 400;
  color: var(--color-gray-250);
  text-decoration: none;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  /* --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); */
}
.nav-tabs .nav-link {
  margin-bottom: 0.5rem;
  background: none;
  border: 0.05rem solid transparent;

}


/* .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--color-gray-100);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
} */
/* 
.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #5533ff;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
} */

.navbar {
  --bs-navbar-padding-x: clamp(1rem, -0.24593rem + 10vw, 12rem);
  --bs-navbar-padding-y: 0.05rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 1rem;
  --bs-navbar-toggler-padding-y: 0.5rem;
  --bs-navbar-toggler-padding-x: 0.5rem;
  --bs-navbar-toggler-font-size: 1rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  /* align-items: center;
  justify-content: space-between; */
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: 1.5rem;
  padding-bottom: 0.1rem;
  margin-right: var(--marginclamp);
  font-size: var(--text-450);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
  align-items:center;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: none;
}

.navbar-nav {
  --bs-nav-link-padding-x: 0.1;
  --bs-nav-link-padding-y: 0.1rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--color-gray-100);
  --bs-nav-link-hover-color: var(--color-gray-300);
  --bs-nav-link-disabled-color: var(--color-gray-200);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  color: var(--color-gray-100);
}


/* .navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--color-gray-100);
} */

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items:first baseline;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 2em;
  height: 2em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  color: var(--color-gray-250);
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark {
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.m-auto {
  margin: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}

.ms-auto {
  margin-left: auto !important;
}



.bg-primary {
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  background-color: var(--color-yellow-100) !important;
}
.bg-yellow {
  background-color: var(--color-yellow-200) !important;
}
.bg-gray {
  background-color: var(--color-gray-300) !important;
}
.bg-blue {
  background-color: var(--color-gray-900) !important;
}
.bg-orange {
  background-color: var(--color-orange-100) !important;
}


a.skip-link:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.navbar-dark .navbar-nav .dropdown-menu .nav-link {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: var(--color-gray-100) !important;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}
.navbar-dark .navbar-nav .dropdown-menu .nav-link:hover, .navbar-dark .navbar-nav .dropdown-menu .nav-link:focus {
  color: #1e2125 !important;
  text-decoration: none;
  background-color: #e9ecef;
}
.navbar-dark .navbar-nav .dropdown-menu .nav-link.active, .navbar-dark .navbar-nav .dropdown-menu .nav-link:active {
  color: #fff !important;
  text-decoration: none;
  background-color: #5533ff;
}
.navbar-dark .navbar-nav .dropdown-menu .nav-link.disabled, .navbar-dark .navbar-nav .dropdown-menu .nav-link:disabled {
  color: #adb5bd !important;
  background-color: transparent;
}

.navbar-light .navbar-brand a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand a:hover, .navbar-light .navbar-brand a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand a {
  color: #fff;
}
.navbar-dark .navbar-brand a:hover, .navbar-dark .navbar-brand a:focus {
  color: #fff;
}

.navbar h1, .navbar .h1 {
  font-weight: 400;
}

/* new custom CSS */

.auto-grid {
    --auto-grid-min-size: 16rem;
    
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    grid-gap: 1rem;
  }

/* Table Of Contents Blog Posts */

.with-sidebar {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  
  .sidebar {
    /* ↓ The width when the sidebar _is_ a sidebar */
    flex-basis: 14rem;
    flex-grow: 1;
  }
  
  .not-sidebar {
    /* ↓ Grow from nothing */
    flex-basis: 0;
    flex-grow: 999;
    /* ↓ Wrap when the elements are of equal width */
    min-inline-size: 70%;
  }

  .table-of-contents {
    position: -webkit-sticky;
    position: sticky;
    top: 25px;
    cursor: pointer;
}
.table-of-contents a {
    text-decoration: none;
    font-size: clamp(.7rem, .66rem + .2vw, .8rem);
    font-weight: 400;
}


/* Reviews With Sidebar Sticky Pros And Cons */
.with-sidebar-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}

.sidebar-2 {
  /* ↓ The width when the sidebar _is_ a sidebar */
  flex-basis: 15rem;
  flex-grow: 1;
}

.not-sidebar-2 {
  /* ↓ Grow from nothing */
  flex-basis: 0;
  flex-grow: 999;
  /* ↓ Wrap when the elements are of equal width */
  min-inline-size: 60%;
}

/* switcher */
.switcher{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    --threshold: 40rem;
  }
  
  .switcher > * {
    flex-grow: 1;
    flex-basis: calc((var(--threshold) - 100%) * 999);
  }

.border-check {
  border: var(--color-gray-700) solid 0.05rem;
  border-radius: 0.4rem;
  padding: 1rem;
}
.border-radius-very-small {
  border-radius: 0.4rem;
}

  .card {
    position: relative;
    /* padding: clamp(1.09rem,1rem + 0.47vw,1.33rem) 0 0 clamp(1.09rem,1rem + 0.47vw,1.33rem);
    box-shadow: 0 0 1rem rgba(0,0,0,.08);
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column; */
    border-top: var(--color-gray-700) solid 0.05rem;
}

  .card__eyebrow {
    color: var(--color-gray-900);
    margin-top: -1.1rem;
    display: inline;
    font-weight: 600;
}

.border-top-very-thin{
  border-top: var(--color-gray-700) solid 0.05rem;
}

.border-bottom-very-thin{
  border-bottom: var(--color-gray-700) solid 0.05rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-2 {
  flex: 1 2 1;
}

.flex {
  display:flex;
}
.flex-center {
  display: flex;
  margin: 0 auto;
}
.big-dark-orange-font {
  font-size: var(--text-700);
    /* max-width: 35ch; */
    line-height:1.1;
    /* font-weight: 700; */
    justify-content: center;
    color: var(--color-orange-400);    
}

.circle {
  background: var(--color-yellow-300);
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  display: flex;
  border:0.5rem solid var(--color-orange-400);
  align-items: center;  
}

.circle-small {
  background: var(--color-yellow-100);
  width: 2.5rem;
  height: 1.5rem;
  border-radius: 10%;
  display: flex;
  border:0.09rem solid var(--color-orange-400);
  align-items: center;  
}


/* Alternate Color CSS For Lists */


.alt li {

  margin-right: var(--marginclamp);
  padding-left: 0.5rem;
  border-radius: 0.5rem;
  list-style-type: disc; 
  list-style-position: inside;
 }

.alt li:nth-child(odd) {
  background: var(--color-green-100);
  padding: 0.5rem;
  list-style-position: inside;
}

.alt ul {
  padding-inline-start:0.02rem;
}





/* CSS for Definition Box */
.definition-box {
  background: var(--color-yellow-200);
  border-radius: .5rem;
  padding: clamp(1.09rem,1rem + .47vw,1.33rem)
}
.definition-eyebrow {
  margin-top: -2.9ex;
  color: var(--color-orange-400);
  font-size: var(--h4-font);
  font-weight: 900;
}
.definition-box p{
margin-bottom: clamp(1.14rem, 1.74rem + 1.99vw, 2.16rem);
}
.definition-eyebrow2 {
  margin-top: -1.2rem;
  color: var(--color-orange-400);
  font-size: var(--h4-font);
  font-weight: 900;
}
.quote {
  background-image: url("../assets/images/quote.svg");
}

/* cluster */

.cluster {
  /* ↓ Set the Flexbox context */
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;

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


.small-cluster-with-no-wrap {
  /* ↓ Set the Flexbox context */
  display: flex;
  flex-wrap:nowrap;
  gap: 0.5rem;
  }


.small-cluster-with-wrap {
  /* ↓ Set the Flexbox context */
  display: flex;
  flex-wrap:wrap;
  gap: 1rem;
  }
.small-cluster-with-wrap-child {
  display: block;
  text-align: left;
  padding-top: 1rem;
}


/* rightside cta */

.cluster li {
  display: inline-block;
  color: var(--color-normal-font);
  line-height: 1;
  text-decoration: none;
  margin-left:1rem;
  &::before {
    content: "";
    display: inline-block;
    height: 0.8rem;
    width: 0.6rem;
    background-image: url("../assets/images/arrow-orange.svg");
    background-size:cover;
    margin-right: 0.5rem;
   
  }
}

.sticky-pros li {
  display: inline-block;
  font-size: clamp(.7rem, .66rem + .2vw, .8rem);
  padding-block-start: 0.2rem;
&::before {
  content: "";
  display: inline-block;
  height: 0.8rem;
  width: 0.8rem;
  background-image: url("../assets/images/check.svg");
  background-size: cover;
  margin-right: 0.4rem;
}
}

.sticky-cons li {
  display: inline-block;
  padding-block-start: 0.5rem;
  /* letter-spacing: 0.019rem; */
&::before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 1rem;
  background-image: url("../assets/images/con-crypto.svg");
  background-size: cover;
  margin-right: 0.4rem;
  bottom:1rem;
}
}
.sticky-cons ul {
  padding-inline-start:0.02rem;
}
.sticky-pros ul {
  padding-inline-start:0.02rem;
}

/* incontent pros and cons block */

.in-content-pros-pills li {
 display: inline-block;
 margin-right: var(--marginclamp);
 background-color: var(--color-green-100);
 padding: 0.5rem;
 border-radius: 0.5rem;
 list-style-type:none;
&::before {
 content: "";
 display: inline-block;
 height: 1.1rem;
 width: 1.1rem;
 background-image: url("../assets/images/check.svg");
 background-size:contain;
 margin-right: 0.4rem;
}
}


.in-content-cons-pills li {
  display: inline-block;
 margin-right: var(--marginclamp);
 background-color: var(--color-yellow-100);
 padding: 0.5rem;
 border-radius: 0.5rem;
&::before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 1rem;
  background-image: url("../assets/images/con-crypto.svg");
  background-size:contain;
  margin-right: 0.4rem; 
}
}
.in-content-pros-pills ul {
  padding-inline-start:0.02rem;
margin-block-start: 0.02rem;
}
.in-content-cons-pills ul {
  padding-inline-start:0.02rem;
  margin-block-start: 0.02rem;

}

/* pros and cons comparison in 2 columns block */


.pro-column li, .pro-column>h4{
  /* display: inline-block; */
  margin-right: var(--marginclamp);
  background-color: var(--color-green-100);
  padding: 0.5rem;
  border-radius: 0.5rem;
  list-style-type:none;
  
 &::before {
  content: "";
  display: inline-block;
  height: 1.1rem;
  width: 1.1rem;
  background-image: url("../assets/images/check.svg");
  background-size:contain;
  margin-right: 0.4rem;
 }
 }
 
 
 .con-column li, .con-column>h4{
  margin-right: var(--marginclamp);
  background-color: var(--color-yellow-100);
  padding: 0.5rem;
  border-radius: 0.5rem;
  list-style-type:none;
 &::before {
   content: "";
   display: inline-block;
   height: 1rem;
   width: 1rem;
   background-image: url("../assets/images/con-crypto.svg");
   background-size:contain;
   margin-right: var(--marginclamp);
  }
 }
 .pro-column ul {
   padding-inline-start:0.02rem;
 }
 .con-column ul {
   padding-inline-start:0.02rem;
 }


/* figure {
  & .wp-block-embed__wrapper {
    padding-bottom: 0;
    height: unset;
  } */

/* .wp-block-table {
  overflow-x: inherit;
  border-bottom: none !important;
  display: flex;
  justify-content: center;
} */

.wp-block-table  {
border-radius: 0.5rem;
border: var(--color-gray-700) solid 0.05rem;
}


.wp-block-table tbody td{
  margin:var(--marginclamp);
  padding: var(--marginclamp);
  border: 0.2rem var(--color-gray-bg) solid; 
  border-radius: 0.5rem;
}

.wp-block-table tbody tr:nth-child(even) {
  background: var(--color-green-100)
}
.wp-block-table thead {
  background: var(--color-green-200);
  text-align: left;

}

.wp-block-table thead th{
  border: 0.2rem var(--color-gray-bg) solid; 
  border-radius: 0.5rem;

}


/* Step By Step Process Block */

.dotted-list {
  list-style: none;
  counter-reset: dotted-counter;
  position: relative;
  margin: 2.2rem 0 2rem;
  border: 0.05rem solid  black;
  padding: 1rem;
  border-radius: 0.5rem;
}
.dotted-list li{
  counter-increment: dotted-counter;
  position: relative;
  padding-left: 5rem;
  padding-bottom: 2rem;
  
&::before { 
    position: absolute;
    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;
    left: -0.5rem;
    z-index: 5;
    top:-0.1rem;
    width: 5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    background: #262847;
    content: 'Step 'counter(dotted-counter);
    color: white;
    font-weight: 600;
    
}
&::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  left: 20px;
  border-left: 2px dashed #80869e;
}
}

/* Big Numbered List Block */

.big-numbered-list-block {
  list-style: none;
  counter-reset: dotted-counter;
  position: relative;
  margin: 2.2rem 0 2rem;
  border: 0.05rem solid  black;
  padding: 1.5rem;
  border-radius: 0.5rem;
}
.big-numbered-list-block li{
  counter-increment: dotted-counter;
  position: relative;
  padding-left: 2rem;
  padding-bottom: 2rem;
  list-style-type: none;


  
&::before { 
    position: absolute;
    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;
    left: -0.5rem;
    z-index: 5;
    top:0.18rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #262847;
    content: counter(dotted-counter);
    color: white;
    font-weight: 600;
    
}
}

/* Simple Highlights Key Takeaway Block */

.timeline-block {
  list-style: none;
  counter-reset: dotted-counter;
  position: relative;
  /* margin: 1.2rem 0 1rem; */
  border: 0.05rem solid  black;
  padding:0.4rem ;
  border-radius: 0.5rem;
  margin-top: 0.1rem;
}
.timeline-block li{
  counter-increment: dotted-counter;
  position: relative;
  padding-left: 1rem;
  padding-bottom: 0.1rem;
  list-style-type: none;
&::before { 
    position: absolute;
    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;
    left: -2rem;
    z-index: 5;
    top:0.18rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #262847;
    content: counter(dotted-counter);
    color: white;
    font-weight: 600;
    
}
    &::after {
      content: '';
      position: absolute;
      left: -1rem;
      z-index: 1115;
      top:2.2rem;
      bottom:-1.2rem;
      border-left: 2px dotted #000001;
    }

    &:last-child {
      margin-bottom: 0;
      padding-bottom: 0;

      &::after {
        content: '';
        border-left: none;
      }
    }
  }


/* Big Numbered List Block */

.simple-highlights-list-block {
  list-style: none;
  counter-reset: dotted-counter;
  position: relative;
  /* margin: 1.2rem 0 1rem; */
  border: 0.05rem solid  black;
  padding:0.4rem ;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
}
.simple-highlights-list-block li{
  counter-increment: dotted-counter;
  position: relative;
  padding-left: 1rem;
  padding-bottom: 0.1rem;
  list-style-type: none;
&::before { 
    position: absolute;
    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;
    left: -2rem;
    z-index: 5;
    top:0.18rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #262847;
    content: counter(dotted-counter);
    color: white;
    font-weight: 600;
    
}
}

.warning {
  color: var(--color-orange-400);
  font-style: italic;
  font-weight: 500;
  text-decoration-line: underline;
}


      
/* Button CSS  */
.button {
  display: inline-block;
  padding: .8rem 2.5rem;
  border-radius: clamp(.87rem, 1.21rem + .8vw, 1.28rem);
  border: 0.1rem solid var(--color-orange-400);
  background: var(--color-orange-400);
  color: var(--color-gray-250);
  cursor: pointer;
  font: inherit;
  text-transform: uppercase;
  font-weight: 700;
  font-size: clamp(1.09rem, 1rem + .47vw, 1.33rem);
  line-height: 1;
  letter-spacing: .05ch;
  text-decoration: none;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .15);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

.button:focus,
.button:hover {
  background: var(--color-orange-400);
  color: var(--color-gray-250);
  box-shadow: 0 0 1.125rem rgba(0, 0, 0, .05);
  transform: scale(1.01)
}

.button:focus {
  outline: 0;
  border-color: #f586ae
}

.button:active {
  box-shadow: none;
  transform: scale(.99)
}

.button:active,
.button:focus,
.button:hover {
  transition: box-shadow 250ms ease-in-out, transform 350ms cubic-bezier(0, .26, .13, 1.55), background 150ms, color 150ms
}

.button[data-type=primary]:not(:focus),
.button[data-type=primary]:not(:hover) {
background: var(--color-orange-400);
border-color: #333d51;
}

.button a {
  text-decoration: none;
}

.button a:hover{
  text-decoration: none;
  color: var(--color-gray-250);
  font-weight: 900;
}
.nav-wrapper{
  width: clamp(16rem, -0.24593rem + 90vw, 65rem);
  margin-left: auto;
  margin-right: auto;
  /* padding: clamp(1rem, -0.24593rem + 5.246vw, 1.5rem); */

  /* position: relative; */
  /* display: flex; */
  /* flex-wrap: wrap;   */
  /* justify-content: center;   */
}

.stats-on-the-home {
    display: flex;
    flex-wrap: wrap;
    align-items:flex-start;
    gap: var(--gutter, clamp(3.5rem, 1.12rem + 0.42vw, 15rem));
}


.home-region {
  padding-top: clamp(2.07rem, 2.32rem + 3.75vw, 8rem);
  padding-bottom: clamp(2.07rem, 4.32rem + 3.75vw, 8rem);
  align-items: flex-start;
  max-width: 95%;
}
.gb-container-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99
}


.herobox h1 {
  font-size: clamp(1.27rem, 2.07rem + 3vw, 3.01rem);
  max-width: 55%;
  line-height:1.1;
  font-weight: 800;
  text-align: left;
  color: var(--color-gray-100);
  padding-bottom:clamp(1.73rem, 1.3rem + 2.14vw, 2.83rem);
}


.herobox p {
  max-width: 75%;
  line-height:1.6;
  font-weight: 200;
  text-align: left;
  color: var(--color-gray-100);
  margin-bottom:clamp(1.73rem, 1.3rem + 2.14vw, 2.83rem);
}


.orange-left-border-home{
  padding-left: clamp(1rem, -0.24593rem + 5.246vw, 1.2rem);
  border-left: 0.4rem solid var(--color-orange-400)
}



.cat-wrapper{
  width: clamp(16rem, -0.24593rem + 90vw, 65rem);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: grid;
  /* border: #03101e solid; */
  /* padding: clamp(1rem, -0.24593rem + 5.246vw, 1.5rem); */
  gap: 4rem;
}
cat-wrapper h2{
  font-size: clamp(1.27rem, 2.07rem + 3vw, 3.01rem);
  max-width: 55%;
  line-height:1.1;
  font-weight: 800;
  text-align: left;
  color: var(--color-gray-100);
  padding-bottom:clamp(1.73rem, 1.3rem + 2.14vw, 2.83rem);

}

@media (min-width: 27em) {
  .cat-wrapper {
      grid-template-columns:repeat(auto-fit,minmax(22rem,1fr))
  }
}

.home-cat-wrapper-cards {
  background-color: var(--color-gray-200);
  padding: clamp(1rem, -0.24593rem + 5.246vw, 1.5rem);
  border-radius: clamp(1rem, -0.24593rem + 5.246vw, 1.5rem);
}

.recent-posts-home-wrapper h2 {
  color: var(--color-blue-500);
  font-size: clamp(1rem, -0.24593rem + 5.246vw, 1.7rem);
  font-weight: 700;
  width: 80%;
}
.home-categories a {
  text-decoration: none;
}

.home-cat-wrapper-cards>a {
  font-size: clamp(1rem, .83rem + .24vw, 1.5rem);
  font-weight: 700;
  color: var(--color-orange-400);
  line-height: 1;
float:right;    
  }
  .home-cat-wrapper-cards>a:hover {
  font-size: clamp(1.1rem, .83rem + .24vw, 1.7rem);
  font-weight: 700;
  color: var(--color-gray-900);
  transition-duration: 500ms;
  text-decoration: underline;
  animation-direction: normal;
  
  }

.recent-posts-home-wrapper{
  width: clamp(16rem, -0.24593rem + 90vw, 65rem);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: grid;
  /* border: #03101e solid; */
  padding: clamp(1rem, -0.24593rem + 5.246vw, 1.5rem);
  gap: 4rem;

}


@media (min-width: 27em) {
  .recent-posts-home-wrapper {
      grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))
  }
}
.recent-posts {
  position: relative;
  width: 100%;
  word-wrap: break-word;
  color: var(--color-gray-900);
  background-color: var(--color-yellow-100);

}
.card2 {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  
  padding: clamp(1.09rem, 1rem + .47vw, 1.33rem);
  border-radius: .5rem;
}

.card2__button {
  display: inline-block;
  background: #bb1450;
  color: #f3eee4;
  line-height: 1;
  padding: .4rem .5rem .4rem;
  border-radius: .5rem ;
  position: absolute;
  bottom: 0px;
  left: 94%;
  transform: translate(-50%, 0);  
                        
}

.card2:hover .card__button{
background: #1c2334;
color: #f3eee4
}

.card2 h2 a{
text-decoration: none;
}
.card2 h2 a:hover {
color:#ac1249;
text-decoration: underline;
}



  .card {
      position: relative;
      padding: clamp(1.09rem, 1rem + .47vw, 1.33rem);
      margin: clamp(1.09rem, 1rem + .49vw, 1.33rem);
      box-shadow: 0 0 1rem rgba(0, 0, 0, .08);
      border-radius: .5rem;
      display: flex;
      flex-direction: column;
      height: clamp(190px, 50vw, 290px);      
      width: clamp(8rem, 100%, 20rem);     
  }
  .card a{
    text-decoration: none;
  }

  .card:hover {
      transform: translateY(-.5rem) scale(1.01);
      box-shadow: 0 0 1.125rem rgba(0, 0, 0, .05);
      transition: transform 350ms cubic-bezier(0, .26, .13, 1.55), box-shadow .2s
  }
  .card:hover a {
    text-decoration: none;
  }

  .card:hover::after {
      display: block
  }

  .card__eyebrow {
      font-size: clamp(1.09rem, 1rem + .47vw, 1.33rem);
      color: #333d51;
      margin-top: -2rem
  }

  .card__button {
      display: inline-block;
      background: #bb1450;
      color: #f3eee4;
      line-height: 1;
      padding: .3rem .5rem .2rem;
      border-radius: .5rem 0;
      position: absolute;
      bottom: 0px;
      left: 88%;
      transform: translate(-50%, 0);                        
  }

  .card:hover .card__button{
    background: #1c2334;
    color: #f3eee4
}

.card__button__big {
    display: inline-block;
    background: #bb1450;
    color: #f3eee4;
    line-height: 1;
    padding: .5rem ;
    border-radius: .5rem;
    position: absolute;
    bottom: 0px;
    left: 88%;
    transform: translate(-50%, 0);                        
}

.card2:hover .card__button__big{
  background: #1c2334;
  color: #f3eee4;
  text-decoration:underline;
}




      

      /* this is from torquemag */

      .bloghero {
          position: relative;
          width: 100%;
          word-wrap: break-word;
          color: var(--color-blue-100);
          background-color: var(--color-gray-900);
      }

      .home-categories {
          position: relative;
          width: 100%;
          word-wrap: break-word;
          color: var(--color-gray-900);
          background-color: var(--color-gray-100);

      }

          
/* this is from generatepress */
      .quote-text{
          padding-left: 20px;
          margin-bottom: 40px;
          border-left: 2px solid #f0544f;
      }
      .flex-wrapp {
              display: flex;
              flex-wrap: wrap;
          }

.footer-links li{

  list-style: none;
  margin: var(--marginclamp);
  font-size: var(--text-450);

}
       
.border-shadow{
  box-shadow: 0 3px 15px rgb(0 0 0 / 8%);
}
.d-block {
  display: block;
}

.grid {
  display: flex;
  flex-wrap: wrap;
}

.grid > * {
  flex: 1 1 20rem;
}