@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato&display=swap");
@import url("https://fonts.googleapis.com/css?family=Exo+Soft&display=swap");
.bg-cyan {
  background-color: #bdd5de !important;
  color: #036f96 !important;
}

.bg-card-blue {
  background-color: #20445A !important;
  color: white !important;
}

.bg-card-green {
  background-color: #254D26 !important;
  color: white !important;
}

.bg-card-red {
  background-color: #59191C !important;
  color: white !important;
}

.bg-card-orange {
  background-color: #774118 !important;
  color: white !important;
}

.transparent-white-text {
  color: rgba(255, 255, 255, 0.75);
}

.kevred {
  color: #C22032;
}

.bg-ocre {
  background-color: #FFCA29;
}

.ocre {
  color: #FFCA29 !important;
}

.btn-ocre {
  background-color: #FFCA29;
  color: #FFCA29 !important;
}

.bg-white {
  background-color: #ffffff;
}

.kevgreen {
  color: #599C60;
}

/* import only the necessary Bootstrap files */
.purple {
  color: #e83e8c;
}

.white-text {
  color: white;
  fill: white;
}

.teal-100 {
  background-color: #3F8F92;
}

.teal-200 {
  background-color: #398083;
}

.teal-300 {
  background-color: #337477;
}

.teal-400 {
  background-color: #2F696B;
}

.teal-500 {
  background-color: #2A5E5F;
}

.teal-600 {
  background-color: #265556;
}

.teal-700 {
  background-color: #214D4E;
}

.teal-800 {
  background-color: #1E4546;
}

.teal-900 {
  background-color: #1C3E40;
}

.fire-red-100 {
  background-color: #EA4026;
}

.fire-red-200 {
  background-color: #D33A21;
}

.fire-red-300 {
  background-color: #BF341F;
}

.fire-red-400 {
  background-color: #AB301B;
}

.fire-red-500 {
  background-color: #9B2A18;
}

.fire-red-600 {
  background-color: #8B2616;
}

.fire-red-700 {
  background-color: #7D2215;
}

.fire-red-800 {
  background-color: #701F12;
}

.fire-red-900 {
  background-color: #661C10;
}

.text-tangerine {
  color: #F09937;
}

.text-teal {
  color: #3F8F92;
}

.tangerine-100 {
  background-color: #F09937;
}

.tangerine-200 {
  background-color: #D88A32;
}

.tangerine-300 {
  background-color: #C37C2D;
}

.tangerine-400 {
  background-color: #B07029;
}

.tangerine-500 {
  background-color: #9E6525;
}

.tangerine-600 {
  background-color: #8E5C21;
}

.tangerine-700 {
  background-color: #80521D;
}

.tangerine-800 {
  background-color: #74491B;
}

.tangerine-900 {
  background-color: #684118;
}

.stone-100 {
  background-color: #939392;
}

.stone-200 {
  background-color: #848485;
}

.stone-300 {
  background-color: #777777;
}

.stone-400 {
  background-color: #6B6B6B;
}

.stone-500 {
  background-color: #606160;
}

.stone-600 {
  background-color: #585757;
}

.stone-700 {
  background-color: #4F4F4F;
}

.stone-800 {
  background-color: #474746;
}

.stone-900 {
  background-color: #40403F;
}

.banana-100 {
  background-color: #F6C142;
}

.banana-200 {
  background-color: #DDAF3C;
}

.banana-300 {
  background-color: #C69D35;
}

.banana-400 {
  background-color: #B38E31;
}

.banana-500 {
  background-color: #A1802B;
}

.banana-600 {
  background-color: #917327;
}

.banana-700 {
  background-color: #836923;
}

.banana-800 {
  background-color: #775E21;
}

.banana-900 {
  background-color: #6A541C;
}

.purple-100 {
  background-color: #872450;
}

.purple-200 {
  background-color: #7A2149;
}

.purple-300 {
  background-color: #6E1D41;
}

.purple-400 {
  background-color: #631B3B;
}

.purple-500 {
  background-color: #5A1735;
}

.purple-600 {
  background-color: #51152F;
}

.purple-700 {
  background-color: #48142B;
}

.purple-800 {
  background-color: #411227;
}

.purple-900 {
  background-color: #3B1023;
}

.royal-blue-100 {
  background-color: #21528E;
}

.royal-blue-200 {
  background-color: #1E4A80;
}

.royal-blue-300 {
  background-color: #1B4373;
}

.royal-blue-400 {
  background-color: #193C68;
}

.royal-blue-500 {
  background-color: #16365D;
}

.royal-blue-600 {
  background-color: #133155;
}

.royal-blue-700 {
  background-color: #122C4C;
}

.royal-blue-800 {
  background-color: #102744;
}

.royal-blue-900 {
  background-color: #0F243E;
}

.bg-blue {
  background-color: #21528E;
}

.orange {
  color: #FF5800;
}

.text-color {
  color: #4a4a4a;
}

.light-grey {
  color: #fafafa;
}

.dark-grey {
  color: #888888 !important;
}

.debug {
  position: absolute;
  top: 0;
  left: 0;
}
.debug p {
  width: 100px;
  background-color: rgb(0, 255, 229);
}

@media only screen and (max-width: 575px) {
  .debug-extra-small {
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
  }
  .debug-small {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-medium {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-large {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-extra-large {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-oversize {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
}
@media only screen and (min-width: 576px) {
  .debug-extra-small {
    visibility: collapse;
    height: 0px;
    width: 0px;
  }
  .debug-small {
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
  }
  .debug-medium {
    visibility: collapse;
    height: 0px;
    width: 0px;
  }
  .debug-large {
    visibility: collapse;
    height: 0px;
    width: 0px;
  }
  .debug-extra-large {
    visibility: collapse;
    height: 0px;
    width: 0px;
  }
  .debug-oversize {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
}
@media only screen and (min-width: 768px) {
  .debug-extra-small {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-small {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-medium {
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
  }
  .debug-large {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-extra-large {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-oversize {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
}
@media only screen and (min-width: 992px) {
  .debug-extra-small {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-small {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-medium {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-large {
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
  }
  .debug-extra-large {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-oversize {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
}
@media only screen and (min-width: 1200px) {
  .debug-extra-small {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-small {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-medium {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-large {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-extra-large {
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
  }
  .debug-oversize {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
}
@media only screen and (min-width: 1400px) {
  .debug-extra-small {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-small {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-medium {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-large {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-extra-large {
    height: 0px;
    width: 0px;
    visibility: collapse;
  }
  .debug-oversize {
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
  }
}
html {
  text-rendering: optimizeLegibility;
}

.cover {
  height: 200px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

nav .nav-link {
  font-family: "Lato", sans-serif;
  font-size: 12pt;
  color: #C22032;
}
nav .nav-link:hover {
  color: #FFCA29;
}
nav .navbar-brand {
  color: #C22032;
}
nav .brand {
  color: #C22032;
  font-size: 30px;
}
nav .navbar-brand:hover,
nav .brand:hover {
  color: #FFCA29;
}

.navbar-toggler {
  color: #C22032;
  border: 1px solid #C22032 !important;
}

.breadcrumb {
  background-color: white;
}
.breadcrumb a {
  color: #C22032;
  text-decoration: none;
}

li.breadcrumb-item.black.a {
  color: black !important;
  text-decoration: none;
}

li.breadcrumb-item.white.a {
  color: white !important;
  text-decoration: none;
}

li.breadcrumb-item.white::before {
  color: white !important;
  text-decoration: none;
}

li.breadcrumb-item.black::before {
  color: black !important;
  text-decoration: none;
}

li.breadcrumb-item.white a {
  color: white !important;
  text-decoration: none;
}

li.breadcrumb-item.black a {
  color: black !important;
  text-decoration: none;
}

.breadcrumb-item::before {
  color: #C22032 !important;
}

.top1 {
  margin-top: 10px;
  overflow: hidden;
}

.top1 img {
  height: 100%;
}

.bg-red {
  background-color: #C0342B;
  color: white;
}

.border-bg-red {
  border-bottom: 3px solid #C0342B;
  color: white;
}

.bg-white {
  background-color: white;
  color: black;
}

.bg-orange {
  background-color: #fd9c00;
  color: white;
}

.bg-green {
  background-color: #59C960;
  color: white;
}

.bg-black {
  background-color: rgba(0, 0, 0, 0.879);
}

.bg-darkgrey {
  background-color: rgba(0, 0, 0, 0.879);
}
.bg-darkgrey a {
  color: white;
  background-color: rgba(0, 0, 0, 0.879);
  text-decoration: none;
  bottom: 0px;
  right: 0px;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: normal;
  padding: 6px;
  width: 70px;
}

.card.bg-ocre {
  background-color: #FFCA29;
  color: black;
}

.shadow-hover {
  transition: box-shadow 0.3s ease-in-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.shadow-hover:hover {
  transition: box-shadow 0.15s ease-in-out;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
}

.card-hover {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.card-hover:hover {
  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transform: scale(1.05);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
}

.text-black {
  color: black;
}

.sitemap h5 {
  font-size: 12pt;
  font-weight: 500;
  color: white;
}
.sitemap a {
  color: rgba(248, 248, 255, 0.878);
  font-size: 11pt;
  font-weight: 400;
  text-decoration-line: none;
  text-decoration-color: whitesmoke;
  margin-bottom: 30px;
}
.sitemap ul li a {
  margin-bottom: 4px;
  padding-bottom: 0px;
  text-decoration-line: none;
  text-decoration-color: whitesmoke;
}

.black {
  color: black !important;
}

@media screen and (min-width: 300px) {
  .media {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .media {
    width: 200px;
  }
}

.grey {
  color: gray;
  text-decoration: none;
}

.bg-nav {
  background-color: #00ccff;
  border-radius: 4pt;
}

.bg-nav a {
  color: white;
}

.bg-nav ul li a.active {
  color: rgb(255, 255, 6);
}

.bg-nav a:hover {
  color: #FFCA29;
}

.bg-yellow {
  background-color: #FFCA29;
}

.thanks a.nav-link {
  color: #295EFF;
  text-emphasis-style: bold;
  font-weight: 700;
}

.menu-title {
  text-decoration-line: underline;
  text-decoration-style: dotted !important;
  text-decoration-line: 1px;
}

.dotted {
  text-decoration-style: dotted !important;
  text-decoration-line: 1px;
  color: #EB642B;
}

.dotted-white {
  color: white;
  text-decoration-style: dotted !important;
  text-decoration-line: 1px;
}

.blog-part .title {
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9);
  font-size: 20pt;
}

h1 {
  font-family: "Oswald", sans-serif;
  letter-spacing: -3px;
  text-transform: uppercase;
}

h2 {
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}

h1 {
  font-size: 40pt !important;
  font-stretch: condensed !important;
  font-weight: 800;
}

h1:has(> .fas:first-child),
h1:has(> .far:first-child),
h1:has(> .fab:first-child),
h1:has(> .fa-solid:first-child),
h1:has(> .fa-regular:first-child),
h1:has(> .fa-brands:first-child),
h1:has(> .svg-inline--fa:first-child),
h2:has(> .fas:first-child),
h2:has(> .far:first-child),
h2:has(> .fab:first-child),
h2:has(> .fa-solid:first-child),
h2:has(> .fa-regular:first-child),
h2:has(> .fa-brands:first-child),
h2:has(> .svg-inline--fa:first-child),
h3:has(> .fas:first-child),
h3:has(> .far:first-child),
h3:has(> .fab:first-child),
h3:has(> .fa-solid:first-child),
h3:has(> .fa-regular:first-child),
h3:has(> .fa-brands:first-child),
h3:has(> .svg-inline--fa:first-child),
h4:has(> .fas:first-child),
h4:has(> .far:first-child),
h4:has(> .fab:first-child),
h4:has(> .fa-solid:first-child),
h4:has(> .fa-regular:first-child),
h4:has(> .fa-brands:first-child),
h4:has(> .svg-inline--fa:first-child) {
  display: flex;
  align-items: baseline;
  gap: 1.25rem;
}
h1:has(> .fas:first-child) > .fas:first-child,
h1:has(> .fas:first-child) > .far:first-child,
h1:has(> .fas:first-child) > .fab:first-child,
h1:has(> .fas:first-child) > .fa-solid:first-child,
h1:has(> .fas:first-child) > .fa-regular:first-child,
h1:has(> .fas:first-child) > .fa-brands:first-child,
h1:has(> .fas:first-child) > .svg-inline--fa:first-child,
h1:has(> .far:first-child) > .fas:first-child,
h1:has(> .far:first-child) > .far:first-child,
h1:has(> .far:first-child) > .fab:first-child,
h1:has(> .far:first-child) > .fa-solid:first-child,
h1:has(> .far:first-child) > .fa-regular:first-child,
h1:has(> .far:first-child) > .fa-brands:first-child,
h1:has(> .far:first-child) > .svg-inline--fa:first-child,
h1:has(> .fab:first-child) > .fas:first-child,
h1:has(> .fab:first-child) > .far:first-child,
h1:has(> .fab:first-child) > .fab:first-child,
h1:has(> .fab:first-child) > .fa-solid:first-child,
h1:has(> .fab:first-child) > .fa-regular:first-child,
h1:has(> .fab:first-child) > .fa-brands:first-child,
h1:has(> .fab:first-child) > .svg-inline--fa:first-child,
h1:has(> .fa-solid:first-child) > .fas:first-child,
h1:has(> .fa-solid:first-child) > .far:first-child,
h1:has(> .fa-solid:first-child) > .fab:first-child,
h1:has(> .fa-solid:first-child) > .fa-solid:first-child,
h1:has(> .fa-solid:first-child) > .fa-regular:first-child,
h1:has(> .fa-solid:first-child) > .fa-brands:first-child,
h1:has(> .fa-solid:first-child) > .svg-inline--fa:first-child,
h1:has(> .fa-regular:first-child) > .fas:first-child,
h1:has(> .fa-regular:first-child) > .far:first-child,
h1:has(> .fa-regular:first-child) > .fab:first-child,
h1:has(> .fa-regular:first-child) > .fa-solid:first-child,
h1:has(> .fa-regular:first-child) > .fa-regular:first-child,
h1:has(> .fa-regular:first-child) > .fa-brands:first-child,
h1:has(> .fa-regular:first-child) > .svg-inline--fa:first-child,
h1:has(> .fa-brands:first-child) > .fas:first-child,
h1:has(> .fa-brands:first-child) > .far:first-child,
h1:has(> .fa-brands:first-child) > .fab:first-child,
h1:has(> .fa-brands:first-child) > .fa-solid:first-child,
h1:has(> .fa-brands:first-child) > .fa-regular:first-child,
h1:has(> .fa-brands:first-child) > .fa-brands:first-child,
h1:has(> .fa-brands:first-child) > .svg-inline--fa:first-child,
h1:has(> .svg-inline--fa:first-child) > .fas:first-child,
h1:has(> .svg-inline--fa:first-child) > .far:first-child,
h1:has(> .svg-inline--fa:first-child) > .fab:first-child,
h1:has(> .svg-inline--fa:first-child) > .fa-solid:first-child,
h1:has(> .svg-inline--fa:first-child) > .fa-regular:first-child,
h1:has(> .svg-inline--fa:first-child) > .fa-brands:first-child,
h1:has(> .svg-inline--fa:first-child) > .svg-inline--fa:first-child,
h2:has(> .fas:first-child) > .fas:first-child,
h2:has(> .fas:first-child) > .far:first-child,
h2:has(> .fas:first-child) > .fab:first-child,
h2:has(> .fas:first-child) > .fa-solid:first-child,
h2:has(> .fas:first-child) > .fa-regular:first-child,
h2:has(> .fas:first-child) > .fa-brands:first-child,
h2:has(> .fas:first-child) > .svg-inline--fa:first-child,
h2:has(> .far:first-child) > .fas:first-child,
h2:has(> .far:first-child) > .far:first-child,
h2:has(> .far:first-child) > .fab:first-child,
h2:has(> .far:first-child) > .fa-solid:first-child,
h2:has(> .far:first-child) > .fa-regular:first-child,
h2:has(> .far:first-child) > .fa-brands:first-child,
h2:has(> .far:first-child) > .svg-inline--fa:first-child,
h2:has(> .fab:first-child) > .fas:first-child,
h2:has(> .fab:first-child) > .far:first-child,
h2:has(> .fab:first-child) > .fab:first-child,
h2:has(> .fab:first-child) > .fa-solid:first-child,
h2:has(> .fab:first-child) > .fa-regular:first-child,
h2:has(> .fab:first-child) > .fa-brands:first-child,
h2:has(> .fab:first-child) > .svg-inline--fa:first-child,
h2:has(> .fa-solid:first-child) > .fas:first-child,
h2:has(> .fa-solid:first-child) > .far:first-child,
h2:has(> .fa-solid:first-child) > .fab:first-child,
h2:has(> .fa-solid:first-child) > .fa-solid:first-child,
h2:has(> .fa-solid:first-child) > .fa-regular:first-child,
h2:has(> .fa-solid:first-child) > .fa-brands:first-child,
h2:has(> .fa-solid:first-child) > .svg-inline--fa:first-child,
h2:has(> .fa-regular:first-child) > .fas:first-child,
h2:has(> .fa-regular:first-child) > .far:first-child,
h2:has(> .fa-regular:first-child) > .fab:first-child,
h2:has(> .fa-regular:first-child) > .fa-solid:first-child,
h2:has(> .fa-regular:first-child) > .fa-regular:first-child,
h2:has(> .fa-regular:first-child) > .fa-brands:first-child,
h2:has(> .fa-regular:first-child) > .svg-inline--fa:first-child,
h2:has(> .fa-brands:first-child) > .fas:first-child,
h2:has(> .fa-brands:first-child) > .far:first-child,
h2:has(> .fa-brands:first-child) > .fab:first-child,
h2:has(> .fa-brands:first-child) > .fa-solid:first-child,
h2:has(> .fa-brands:first-child) > .fa-regular:first-child,
h2:has(> .fa-brands:first-child) > .fa-brands:first-child,
h2:has(> .fa-brands:first-child) > .svg-inline--fa:first-child,
h2:has(> .svg-inline--fa:first-child) > .fas:first-child,
h2:has(> .svg-inline--fa:first-child) > .far:first-child,
h2:has(> .svg-inline--fa:first-child) > .fab:first-child,
h2:has(> .svg-inline--fa:first-child) > .fa-solid:first-child,
h2:has(> .svg-inline--fa:first-child) > .fa-regular:first-child,
h2:has(> .svg-inline--fa:first-child) > .fa-brands:first-child,
h2:has(> .svg-inline--fa:first-child) > .svg-inline--fa:first-child,
h3:has(> .fas:first-child) > .fas:first-child,
h3:has(> .fas:first-child) > .far:first-child,
h3:has(> .fas:first-child) > .fab:first-child,
h3:has(> .fas:first-child) > .fa-solid:first-child,
h3:has(> .fas:first-child) > .fa-regular:first-child,
h3:has(> .fas:first-child) > .fa-brands:first-child,
h3:has(> .fas:first-child) > .svg-inline--fa:first-child,
h3:has(> .far:first-child) > .fas:first-child,
h3:has(> .far:first-child) > .far:first-child,
h3:has(> .far:first-child) > .fab:first-child,
h3:has(> .far:first-child) > .fa-solid:first-child,
h3:has(> .far:first-child) > .fa-regular:first-child,
h3:has(> .far:first-child) > .fa-brands:first-child,
h3:has(> .far:first-child) > .svg-inline--fa:first-child,
h3:has(> .fab:first-child) > .fas:first-child,
h3:has(> .fab:first-child) > .far:first-child,
h3:has(> .fab:first-child) > .fab:first-child,
h3:has(> .fab:first-child) > .fa-solid:first-child,
h3:has(> .fab:first-child) > .fa-regular:first-child,
h3:has(> .fab:first-child) > .fa-brands:first-child,
h3:has(> .fab:first-child) > .svg-inline--fa:first-child,
h3:has(> .fa-solid:first-child) > .fas:first-child,
h3:has(> .fa-solid:first-child) > .far:first-child,
h3:has(> .fa-solid:first-child) > .fab:first-child,
h3:has(> .fa-solid:first-child) > .fa-solid:first-child,
h3:has(> .fa-solid:first-child) > .fa-regular:first-child,
h3:has(> .fa-solid:first-child) > .fa-brands:first-child,
h3:has(> .fa-solid:first-child) > .svg-inline--fa:first-child,
h3:has(> .fa-regular:first-child) > .fas:first-child,
h3:has(> .fa-regular:first-child) > .far:first-child,
h3:has(> .fa-regular:first-child) > .fab:first-child,
h3:has(> .fa-regular:first-child) > .fa-solid:first-child,
h3:has(> .fa-regular:first-child) > .fa-regular:first-child,
h3:has(> .fa-regular:first-child) > .fa-brands:first-child,
h3:has(> .fa-regular:first-child) > .svg-inline--fa:first-child,
h3:has(> .fa-brands:first-child) > .fas:first-child,
h3:has(> .fa-brands:first-child) > .far:first-child,
h3:has(> .fa-brands:first-child) > .fab:first-child,
h3:has(> .fa-brands:first-child) > .fa-solid:first-child,
h3:has(> .fa-brands:first-child) > .fa-regular:first-child,
h3:has(> .fa-brands:first-child) > .fa-brands:first-child,
h3:has(> .fa-brands:first-child) > .svg-inline--fa:first-child,
h3:has(> .svg-inline--fa:first-child) > .fas:first-child,
h3:has(> .svg-inline--fa:first-child) > .far:first-child,
h3:has(> .svg-inline--fa:first-child) > .fab:first-child,
h3:has(> .svg-inline--fa:first-child) > .fa-solid:first-child,
h3:has(> .svg-inline--fa:first-child) > .fa-regular:first-child,
h3:has(> .svg-inline--fa:first-child) > .fa-brands:first-child,
h3:has(> .svg-inline--fa:first-child) > .svg-inline--fa:first-child,
h4:has(> .fas:first-child) > .fas:first-child,
h4:has(> .fas:first-child) > .far:first-child,
h4:has(> .fas:first-child) > .fab:first-child,
h4:has(> .fas:first-child) > .fa-solid:first-child,
h4:has(> .fas:first-child) > .fa-regular:first-child,
h4:has(> .fas:first-child) > .fa-brands:first-child,
h4:has(> .fas:first-child) > .svg-inline--fa:first-child,
h4:has(> .far:first-child) > .fas:first-child,
h4:has(> .far:first-child) > .far:first-child,
h4:has(> .far:first-child) > .fab:first-child,
h4:has(> .far:first-child) > .fa-solid:first-child,
h4:has(> .far:first-child) > .fa-regular:first-child,
h4:has(> .far:first-child) > .fa-brands:first-child,
h4:has(> .far:first-child) > .svg-inline--fa:first-child,
h4:has(> .fab:first-child) > .fas:first-child,
h4:has(> .fab:first-child) > .far:first-child,
h4:has(> .fab:first-child) > .fab:first-child,
h4:has(> .fab:first-child) > .fa-solid:first-child,
h4:has(> .fab:first-child) > .fa-regular:first-child,
h4:has(> .fab:first-child) > .fa-brands:first-child,
h4:has(> .fab:first-child) > .svg-inline--fa:first-child,
h4:has(> .fa-solid:first-child) > .fas:first-child,
h4:has(> .fa-solid:first-child) > .far:first-child,
h4:has(> .fa-solid:first-child) > .fab:first-child,
h4:has(> .fa-solid:first-child) > .fa-solid:first-child,
h4:has(> .fa-solid:first-child) > .fa-regular:first-child,
h4:has(> .fa-solid:first-child) > .fa-brands:first-child,
h4:has(> .fa-solid:first-child) > .svg-inline--fa:first-child,
h4:has(> .fa-regular:first-child) > .fas:first-child,
h4:has(> .fa-regular:first-child) > .far:first-child,
h4:has(> .fa-regular:first-child) > .fab:first-child,
h4:has(> .fa-regular:first-child) > .fa-solid:first-child,
h4:has(> .fa-regular:first-child) > .fa-regular:first-child,
h4:has(> .fa-regular:first-child) > .fa-brands:first-child,
h4:has(> .fa-regular:first-child) > .svg-inline--fa:first-child,
h4:has(> .fa-brands:first-child) > .fas:first-child,
h4:has(> .fa-brands:first-child) > .far:first-child,
h4:has(> .fa-brands:first-child) > .fab:first-child,
h4:has(> .fa-brands:first-child) > .fa-solid:first-child,
h4:has(> .fa-brands:first-child) > .fa-regular:first-child,
h4:has(> .fa-brands:first-child) > .fa-brands:first-child,
h4:has(> .fa-brands:first-child) > .svg-inline--fa:first-child,
h4:has(> .svg-inline--fa:first-child) > .fas:first-child,
h4:has(> .svg-inline--fa:first-child) > .far:first-child,
h4:has(> .svg-inline--fa:first-child) > .fab:first-child,
h4:has(> .svg-inline--fa:first-child) > .fa-solid:first-child,
h4:has(> .svg-inline--fa:first-child) > .fa-regular:first-child,
h4:has(> .svg-inline--fa:first-child) > .fa-brands:first-child,
h4:has(> .svg-inline--fa:first-child) > .svg-inline--fa:first-child {
  flex: 0 0 auto;
  letter-spacing: normal;
  margin-right: 0 !important;
}

h1 > .fas:first-child,
h1 > .far:first-child,
h1 > .fab:first-child,
h1 > .fa-solid:first-child,
h1 > .fa-regular:first-child,
h1 > .fa-brands:first-child,
h1 > .svg-inline--fa:first-child, h2 > .fas:first-child,
h2 > .far:first-child,
h2 > .fab:first-child,
h2 > .fa-solid:first-child,
h2 > .fa-regular:first-child,
h2 > .fa-brands:first-child,
h2 > .svg-inline--fa:first-child, h3 > .fas:first-child,
h3 > .far:first-child,
h3 > .fab:first-child,
h3 > .fa-solid:first-child,
h3 > .fa-regular:first-child,
h3 > .fa-brands:first-child,
h3 > .svg-inline--fa:first-child, h4 > .fas:first-child,
h4 > .far:first-child,
h4 > .fab:first-child,
h4 > .fa-solid:first-child,
h4 > .fa-regular:first-child,
h4 > .fa-brands:first-child,
h4 > .svg-inline--fa:first-child {
  letter-spacing: normal;
  margin-right: 1.25rem !important;
}

h5 > .fas:first-child,
h5 > .far:first-child,
h5 > .fab:first-child,
h5 > .fa-solid:first-child,
h5 > .fa-regular:first-child,
h5 > .fa-brands:first-child,
h5 > .svg-inline--fa:first-child, h6 > .fas:first-child,
h6 > .far:first-child,
h6 > .fab:first-child,
h6 > .fa-solid:first-child,
h6 > .fa-regular:first-child,
h6 > .fa-brands:first-child,
h6 > .svg-inline--fa:first-child {
  margin-right: 0.5rem !important;
}

.kr-project-card .card-img-top,
.kr-project-card .kr-project-thumb,
.kr-project-card .project-thumb {
  aspect-ratio: 4/3;
  width: 100%;
  height: auto !important;
  object-fit: cover;
  background: #f1f3f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kr-project-card .card-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.kr-project-card .kr-card-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kr-project-card .kr-card-tags {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

article h1,
article h2,
article h3,
article h4,
article h5 {
  font-family: "Oswald", sans-serif, sans-serif;
  text-transform: uppercase;
}
article h2 {
  font-size: 26pt;
}
article #markdown-toc {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}
article #markdown-toc li a {
  color: #EB642B;
  text-decoration-style: dotted;
}
article .toc ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}
article .toc ul li a {
  color: #EB642B;
  text-decoration-style: dotted;
}
article .toc em {
  font-weight: 600;
}
article li a {
  color: #EB642B;
  text-decoration-style: dotted;
}
article .icon {
  width: 48px;
  height: 48px;
}

.note {
  background-color: #FFCA29;
}
.note p {
  color: black;
  text-decoration-color: black;
  font-size: 12pt;
}

a.nav-link.white-text:hover {
  color: #FFCA29;
}

.small-nav {
  font-size: 10pt !important;
}

.nav-link.small-nav {
  color: #EB642B;
}

.nav-link.small-nav.active {
  font-weight: 600;
  background-color: whitesmoke !important;
  color: #0088ff;
}

a.nav-link.white-text {
  color: white;
}

nav-vox {
  font-family: vox, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.sub-nav {
  background-color: #C22032;
}

.sub-nav a {
  font-size: 12pt;
  color: gray;
}

hr {
  color: lightgrey !important;
  height: 1px !important;
}

.orange {
  color: #EB642B !important;
  text-decoration: none;
}

a.dotted {
  text-decoration-style: dotted !important;
  text-decoration-color: #EB642B !important;
  text-decoration-line: 1px !important;
  min-width: 0;
}

h5 {
  font-family: "Oswald", sans-serif, sans-serif;
  font-size: 17pt !important;
  text-transform: uppercase;
}

.bg-white {
  background-color: white;
}

@media (max-width: 1250px) {
  /* … */
  #small_nav {
    visibility: hidden;
  }
}
@media (min-width: 1249px) {
  #small_nav {
    visibility: visible;
  }
}
.top-nav a:hover {
  background-color: #FFCA29;
  color: black !important;
  border-radius: 5px;
  transition: ease 0.5s;
}

i {
  width: 16px !important;
  height: inherit;
}

.navbar .megamenu {
  padding: 10px;
  transition: ease 0.5s;
}

/* ============ desktop view ============ */
@media all {
  .navbar .has-megamenu {
    position: static !important;
  }
  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
  }
}
/* ============ desktop view .end// ============ */
/* ============ mobile view ============ */
/* ============ mobile view .end// ============ */
ul.nav li.nav-link {
  border-radius: 5px;
  padding: 5px;
}

ul.nav li.nav-link a.nav-item.dotted {
  text-decoration-style: dotted !important;
  text-decoration-line: 1px !important;
  color: #EB642B;
  font-family: Lato, sans-serif;
}

ul.nav li.nav-link.active,
ul.nav li.nav-link.active a.nav-item.dotted {
  font-weight: 700 !important;
  background-color: #EB642B !important;
  color: white !important;
  border-radius: 3px;
  padding-left: 10px;
}

.bg-learnhead {
  background-color: #C22032 !important;
  color: white !important;
}

blockquote {
  border-left: rgba(255, 255, 255, 0.3764705882) 5px solid;
  padding: 15px;
  padding-bottom: 1px !important;
  font-size: 14pt;
  color: rgb(255, 255, 255) !important;
  background-color: #EB642B;
  border-radius: 3px;
}
blockquote .bg-blue {
  background-color: #108BB9;
}
blockquote p,
blockquote ul,
blockquote li {
  color: rgb(255, 255, 255) !important;
}
blockquote .language-python.highlighter-rouge {
  border-left: rgba(0, 0, 0, 0.3764705882) 5px solid;
}
blockquote .language-c\+\+.highlighter-rouge {
  border-left: rgb(255, 238, 0) 5px solid;
}
blockquote code.language-plaintext.highlighter-rouge,
blockquote code.highlighter-rouge {
  color: rgb(255, 238, 0) !important;
}
blockquote a {
  color: rgb(255, 255, 255) !important;
  text-decoration-style: dotted !important;
  text-decoration-line: 1px !important;
}
blockquote .table {
  color: white;
  border-color: white;
}

.language-python.highlighter-rouge {
  border-left: #599C60 5px solid;
}

.dotted:hover {
  text-decoration-style: dotted !important;
  text-decoration-color: #EB642B !important;
  border-bottom: #EB642B 3px solid;
  transition: ease 0.25s;
}

.caption {
  font-size: 9pt;
  font-style: italic;
  color: #EB642B !important;
}

.table-code-fit {
  border-color: #fafafa;
  border-style: solid;
  border-width: 0.5px;
  border-spacing: 4px;
  margin: 0px;
}
.table-code-fit tr td:first-child {
  background-color: #fafafa;
  border-color: #fafafa;
  border-style: solid;
  padding: 8px;
  border-width: 0.5px;
  border-left-color: #599C60;
  border-left-width: 5px;
  border-bottom-color: white;
  border-bottom-width: 1px;
}
.table-code-fit tr td {
  border-color: #fafafa;
  border-style: solid;
  padding: 8px;
  border-width: 1px;
  width: auto;
}

.table-code {
  border-color: #fafafa;
  border-style: solid;
  border-width: 0.5px;
  border-spacing: 4px;
  margin: 0px;
}
.table-code tr td:first-child {
  background-color: #fafafa;
  border-color: #fafafa;
  border-style: solid;
  padding: 8px;
  border-width: 0.5px;
  border-left-color: #599C60;
  border-left-width: 5px;
  border-bottom-color: white;
  border-bottom-width: 1px;
}
.table-code tr td {
  border-color: #fafafa;
  border-style: solid;
  padding: 8px;
  border-width: 1px;
  width: 50%;
}

.table-5050 {
  width: 100% !important;
}
.table-5050 tr td:first-child {
  width: 50% !important;
}
.table-5050 tr td:first-child .img {
  width: 100% !important;
  object-fit: cover !important;
}
.table-5050 tr td {
  width: 50%;
}

.text-date {
  font-size: 8pt;
  color: black;
  margin-bottom: 2px;
}

.logo {
  width: 48px;
  height: 48px;
}

.scoring-table {
  border-color: #fafafa;
  border-style: solid;
  border-width: 0.5px;
  border-spacing: 4px;
  margin: 0px;
}
.scoring-table tr td:first-child {
  background-color: #fafafa;
  border-color: #fafafa;
  border-style: solid;
  padding: 8px;
  border-width: 0.5px;
  border-left-color: #599C60;
  border-left-width: 5px;
  border-bottom-color: white;
  border-bottom-width: 1px;
}
.scoring-table tr td {
  border-color: #fafafa;
  border-style: solid;
  padding: 4px;
  border-width: 1px;
  font-size: 9pt !important;
}
.scoring-table tr th:first-of-type {
  width: 20%;
}
.scoring-table tr th:nth-of-type(2) {
  width: 16%;
}
.scoring-table tr th:nth-of-type(3) {
  width: 16%;
}
.scoring-table tr th:nth-of-type(4) {
  width: 16%;
}
.scoring-table tr th:nth-of-type(5) {
  width: 16%;
}
.scoring-table tr th:nth-of-type(6) {
  width: 16%;
}
.scoring-table tr td.active {
  border-color: #599C60;
  border-width: 5px;
}

table .w-10 {
  width: 10%;
}

table .w-16 {
  width: 16%;
}

table .w-20 {
  width: 20%;
}

table .w-30 {
  width: 30%;
}

.truncate {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}

.text-shadow {
  text-shadow: 0px 0px 6px #000000;
}

.btn.btn-overlay {
  background-color: rgba(255, 255, 255, 0.75);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 0px;
  backdrop-filter: blur(10px);
}

.btn.btn-overlay:hover {
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
}

.bg-grey {
  background-color: #d3d3d3;
}

.btn.btn-overlay-black {
  background-color: rgba(0, 0, 0, 0.75);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 0px;
  backdrop-filter: blur(10px);
}

.btn.btn-overlay-black:hover {
  background-color: rgba(60, 60, 60, 0.75);
  color: #000;
}

.img.img-overlay-black {
  background-color: rgba(0, 0, 0, 0.25);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 0px;
}

.img.img-overlay-black:hover {
  background-color: rgba(60, 60, 60, 0.75);
  color: #000;
}

.homepage {
  display: grid;
  grid-template-columns: 50px 50px 50px 50px;
  grid-template-rows: auto;
  grid-template-areas: "how_it_works how_it_works how_it_works reviews" "glossary robots recent reviews" "glossary projects recent courses" "blog blog blog twitter";
}

.btn.btn-ocre {
  background-color: #FFCA29;
  color: black !important;
  border-radius: 5px;
  transition: ease 0.25s;
}

.btn.btn-outline-ocre {
  border-color: #FFCA29;
  color: black !important;
  border-radius: 5px;
  transition: ease 0.25s;
}

.btn.btn-black {
  background-color: black;
  color: #FFCA29 !important;
  border-radius: 5px;
  transition: ease 0.25s;
}

.img-icon {
  max-width: 64px !important;
  height: auto !important;
}

.limited-content {
  display: -webkit-box;
  /* Necessary to use line clamping */
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  /* Number of lines you want to display */
  overflow: hidden !important;
  line-height: 1.5em;
  /* Define your line-height */
  max-height: 4.5em;
  /* max-height = line-height * number of lines */
}

.limited-title {
  display: -webkit-box;
  /* Necessary to use line clamping */
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  /* Number of lines you want to display */
  overflow: hidden !important;
  line-height: 1.5em;
  /* Define your line-height */
  max-height: 1.5em;
  /* max-height = line-height * number of lines */
}

.timeline-element {
  position: relative;
  text-align: center;
  padding-top: 0px;
  /* Adjust as needed */
}

.timeline-circle {
  width: 10px;
  /* Adjust size as needed */
  height: 10px;
  /* Adjust size as needed */
  background-color: #000;
  /* Or any color */
  border-radius: 50%;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.timeline-line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 10px;
  /* Adjust based on circle size */
  height: 20px;
  /* Adjust length as needed */
  border-left: 2px solid #000;
  /* Adjust width and color as needed */
  z-index: 0;
}

.timeline_bottom_line {
  position: relative;
  left: 0;
  right: 0;
  top: 0px;
  /* Adjust based on circle size */
  height: 1px;
  /* Adjust length as needed */
  border-top: 2px solid #000;
  /* Adjust width and color as needed */
  z-index: 0;
}

.pagination-link {
  margin-right: 5px;
  text-decoration: none;
  color: blue;
}

.pagination-link.active {
  font-weight: bold;
}

.footer-link {
  color: white !important;
  text-decoration: none !important;
  display: inline !important;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  overflow: hidden !important;
}

.showcase {
  background-image: url();
  height: 100vh;
  position: absolute;
}

.white {
  color: white !important;
}

.black {
  color: black !important;
}

.blurred-background {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px); /* for Safari 9+ */
  /* Adjust the blur radius as needed */
}

.darken {
  background-color: rgba(0, 0, 0, 0.1) !important;
  /* Adjust the background color as needed */
}

.lighten {
  background-color: rgba(255, 255, 255, 0.1) !important;
  /* Adjust the background color as needed */
}
.lighten article p a {
  text-decoration-style: dotted !important;
  text-decoration-line: 1px;
  color: #EB642B !important;
}

.darken-2 {
  background-color: rgba(0, 0, 0, 0.3) !important;
  /* Adjust the background color as needed */
}

.darken-3 {
  background-color: rgba(0, 0, 0, 0.5) !important;
  /* Adjust the background color as needed */
}

.lighten-2 {
  background-color: rgba(255, 255, 255, 0.4) !important;
  /* Adjust the background color as needed */
}

.lighten-3 {
  background-color: rgba(255, 255, 255, 0.6) !important;
  /* Adjust the background color as needed */
}
.lighten-3 .rounded-left {
  border-top-left-radius: 10px; /* Adjust as needed */
  border-bottom-left-radius: 10px;
}

.center {
  margin: auto;
  width: 50%;
}

.border-gradient-green {
  border-image-source: linear-gradient(to left, #00C853, #B2FF59);
}

.nav-link.white {
  color: white !important;
}

.nav-link.black {
  color: black !important;
}

.course-nav-link {
  color: grey;
  text-decoration: none;
  padding-left: 8px !important;
  border-left: 8px solid #F8F9FA;
}

.course-nav-link.active, .course-nav-link.active:hover {
  color: black !important;
  padding-left: 5px !important;
  border-left: 3px solid orangered;
}

.course-nav-item {
  color: grey;
  text-decoration: none;
}
.course-nav-item li a {
  padding-left: 5px !important;
  border-left: 3px none !important;
  display: inline-block;
  width: 100%;
}

.course-nav-item.active {
  color: black !important;
}

.course-nav-item:hover {
  color: black;
}

.course-nav-link:hover {
  color: black !important;
  padding-left: 5px !important;
  border-left: 3px solid grey;
}

.course-heading {
  text-transform: capitalize;
  font-size: 13pt !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-family: "Lato", sans-serif;
  padding-top: 20px !important;
}

.background-wrapper {
  position: relative;
  min-height: 100vh;
  background-color: black; /* Fallback color */
}

.background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.6; /* Set the opacity of the image */
}

.background-img {
  position: absolute;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  z-index: -1;
}

.blog {
  grid-area: blog;
}

.video {
  grid-area: video;
}

.project {
  grid-area: project;
}

.robot {
  grid-area: robot;
}

.wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(100px, auto);
  grid-template-areas: "blog blog blog video" "blog blog blog project" "blog blog blog robot" "blog blog blog .";
  gap: 15px; /* Adds 20px space between rows and columns */
}

.textbox-3-line {
  height: 4.5em; /* The height is 3 lines tall, where 1.2em is the approximate line height */
  display: -webkit-box; /* Required for truncation to work in WebKit browsers */
  line-clamp: 3;
  -webkit-line-clamp: 3; /* Limit the text to 3 lines */
  -webkit-box-orient: vertical; /* Orient the box vertically */
  overflow: hidden; /* Hide any overflowed text */
  text-overflow: ellipsis; /* Show ellipsis when the text overflows */
  white-space: normal; /* Allow text to break to the next line */
}

/* Apply border to the table */
.events table {
  width: 100%; /* Optional: adjust the table width */
}

/* Apply border to table cells */
.events table th,
.events table td {
  border: 1px solid #DDD; /* Adds border to table cells */
  padding: 8px; /* Optional: adds padding inside cells */
}

.events table td a {
  color: #000;
  text-emphasis: bold;
  text-decoration: none;
}

/* Style the first cell in each row */
.events table td:first-child {
  background-color: #EEE;
}

.text-truncate-1-lines {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em; /* Set line height */
  min-height: 1.5em; /* 3 lines × 1.5em */
  text-overflow: ellipsis; /* Optional: Add ellipsis for overflowing text */
  display: -webkit-box; /* For multi-line truncation (optional) */
  -webkit-box-orient: vertical; /* Required for -webkit-line-clamp */
  white-space: normal; /* Allow text to wrap */
}

.text-truncate-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em; /* Set line height */
  min-height: 3em; /* 2 lines × 1.5em */
  text-overflow: ellipsis; /* Optional: Add ellipsis for overflowing text */
  display: -webkit-box; /* For multi-line truncation (optional) */
  -webkit-box-orient: vertical; /* Required for -webkit-line-clamp */
  white-space: normal; /* Allow text to wrap */
}

.text-truncate-3-lines {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em; /* Set line height */
  min-height: 4.5em; /* 3 lines × 1.5em */
  overflow: hidden; /* Prevent additional text overflow */
  text-overflow: ellipsis; /* Optional: Add ellipsis for overflowing text */
  display: -webkit-box; /* For multi-line truncation (optional) */
  -webkit-box-orient: vertical; /* Required for -webkit-line-clamp */
  white-space: normal; /* Allow text to wrap */
}

.text-truncate-4-lines {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em; /* Set line height */
  min-height: 6em; /* 3 lines × 1.5em */
  overflow: hidden; /* Prevent additional text overflow */
  text-overflow: ellipsis; /* Optional: Add ellipsis for overflowing text */
  display: -webkit-box; /* For multi-line truncation (optional) */
  -webkit-box-orient: vertical; /* Required for -webkit-line-clamp */
  white-space: normal; /* Allow text to wrap */
}

.text-truncate-5-lines {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em; /* Set line height */
  min-height: 7.5em; /* 5 lines × 1.5em */
  text-overflow: ellipsis; /* Optional: Add ellipsis for overflowing text */
  display: -webkit-box; /* For multi-line truncation (optional) */
  -webkit-box-orient: vertical; /* Required for -webkit-line-clamp */
  white-space: normal; /* Allow text to wrap */
}

.img-container {
  height: 200px; /* Fixed height for the container */
  width: 100%; /* Full width of the parent */
  display: flex; /* Enables flexbox for centering */
  justify-content: center; /* Centers the image horizontally */
  align-items: center; /* Centers the image vertically */
}

.img-container img {
  max-height: 100%; /* Image scales to fit within the container height */
  max-width: 100%; /* Image scales to fit within the container width */
  object-fit: contain; /* Ensures the entire image is visible without distortion */
  display: block; /* Removes inline spacing */
}

.text-grey {
  color: #888888;
}

.current_page {
  border-left: orange 2px solid;
  padding-left: 5px;
  margin-left: -5px;
}

.tooltip-container {
  position: relative;
  display: inline-block;
}

.tooltip-text {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* Position above the term */
  left: 50%;
  margin-left: -100px; /* Center the tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.bg-ocre {
  background-color: rgba(255, 191, 0, 0.1725490196);
}

.copy-code-button {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px 6px;
  font-size: 1em;
  background: #eee;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.copy-code-button:hover {
  opacity: 1;
}

pre {
  position: relative;
}

/* User Menu Styles */
#user-menu .nav-link {
  cursor: pointer;
  color: #C22032;
  display: inline-flex !important;
  align-items: center;
  text-decoration: none;
}
#user-menu .nav-link:hover {
  color: #FFCA29;
}
#user-menu {
  /* Remove dropdown arrow with higher specificity */
}
#user-menu .nav-link.dropdown-toggle::after {
  display: none !important;
  content: none !important;
}
#user-menu .dropdown-menu {
  min-width: 180px;
}
#user-menu .dropdown-item {
  padding: 0.5rem 1rem;
}
#user-menu .dropdown-item i {
  width: 20px;
  text-align: center;
}
#user-menu {
  /* Username display - ensure vertical alignment */
}
#user-menu #username-display {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
#user-menu {
  /* Icon and text alignment */
}
#user-menu i {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.table-single {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #fafafa;
  border-radius: 5px;
  overflow: hidden;
  background-color: transparent !important;
}
.table-single th {
  background-color: #F5F5F5 !important;
}
.table-single td {
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  background-color: transparent !important;
}
.table-single td:last-child, .table-single th:last-child {
  border-right: none;
}
.table-single tr:last-child td {
  border-bottom: none;
}
.table-single.table-narrow {
  width: auto;
  display: inline-table;
}

.gallery {
  display: grid;
  gap: 10px;
}

.gallery-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 576px) {
  .gallery-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.gallery-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .gallery-cols-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 576px) {
  .gallery-cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@keyframes cardRiseUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-cards > .col,
.animate-cards > div > .col,
.animate-cards > .card,
.animate-cards .gallery > .card {
  opacity: 0;
  animation: cardRiseUp 0.5s ease-out forwards;
}
.animate-cards > .col:nth-child(1), .animate-cards > div > .col:nth-child(1), .animate-cards .gallery > .card:nth-child(1) {
  animation-delay: 0.05s;
}
.animate-cards > .col:nth-child(2), .animate-cards > div > .col:nth-child(2), .animate-cards .gallery > .card:nth-child(2) {
  animation-delay: 0.1s;
}
.animate-cards > .col:nth-child(3), .animate-cards > div > .col:nth-child(3), .animate-cards .gallery > .card:nth-child(3) {
  animation-delay: 0.15s;
}
.animate-cards > .col:nth-child(4), .animate-cards > div > .col:nth-child(4), .animate-cards .gallery > .card:nth-child(4) {
  animation-delay: 0.2s;
}
.animate-cards > .col:nth-child(5), .animate-cards > div > .col:nth-child(5), .animate-cards .gallery > .card:nth-child(5) {
  animation-delay: 0.25s;
}
.animate-cards > .col:nth-child(6), .animate-cards > div > .col:nth-child(6), .animate-cards .gallery > .card:nth-child(6) {
  animation-delay: 0.3s;
}
.animate-cards > .col:nth-child(7), .animate-cards > div > .col:nth-child(7), .animate-cards .gallery > .card:nth-child(7) {
  animation-delay: 0.35s;
}
.animate-cards > .col:nth-child(8), .animate-cards > div > .col:nth-child(8), .animate-cards .gallery > .card:nth-child(8) {
  animation-delay: 0.4s;
}
.animate-cards > .col:nth-child(9), .animate-cards > div > .col:nth-child(9), .animate-cards .gallery > .card:nth-child(9) {
  animation-delay: 0.45s;
}
.animate-cards > .col:nth-child(10), .animate-cards > div > .col:nth-child(10), .animate-cards .gallery > .card:nth-child(10) {
  animation-delay: 0.5s;
}
.animate-cards > .col:nth-child(11), .animate-cards > div > .col:nth-child(11), .animate-cards .gallery > .card:nth-child(11) {
  animation-delay: 0.55s;
}
.animate-cards > .col:nth-child(12), .animate-cards > div > .col:nth-child(12), .animate-cards .gallery > .card:nth-child(12) {
  animation-delay: 0.6s;
}

.animate-on-scroll > .col,
.animate-on-scroll > [class*=col-],
.animate-on-scroll > .card,
.animate-on-scroll > a {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.animate-on-scroll > .col.in-view,
.animate-on-scroll > [class*=col-].in-view,
.animate-on-scroll > .card.in-view,
.animate-on-scroll > a.in-view {
  opacity: 1;
  transform: translateY(0);
}

.kr-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 1;
  position: relative;
  vertical-align: middle;
  text-align: center;
  box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #fff;
  transition: transform 120ms ease-out;
}
.kr-badge i {
  line-height: 1;
}
.kr-badge:hover {
  transform: scale(1.08);
}

.kr-badge--sm {
  width: 1.4rem;
  height: 1.4rem;
  font-size: 0.75rem;
}

.kr-badge--md {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.1rem;
}

.kr-badge--lg {
  width: 3rem;
  height: 3rem;
  font-size: 1.6rem;
}

.kr-badge--bronze {
  background: linear-gradient(135deg, #cd7f32 0%, #a0561a 100%);
}

.kr-badge--silver {
  background: linear-gradient(135deg, #c0c0c0 0%, #8a8a8a 100%);
  color: #fff;
}

.kr-badge--gold {
  background: linear-gradient(135deg, #ffd54a 0%, #c9a227 100%);
  color: #4a3700;
  box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.18), 0 0 6px rgba(255, 213, 74, 0.5);
}

.kr-badge--single {
  background: linear-gradient(135deg, #ff8a3d 0%, #d96510 100%);
}

#kr-badge-toast-container {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1080;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 22rem;
  pointer-events: none;
}

.kr-badge-toast {
  pointer-events: auto;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  animation: kr-badge-toast-in 320ms ease-out;
}

.kr-badge-toast__body {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.kr-badge-toast__title {
  font-weight: 700;
  font-size: 0.95rem;
}

.kr-badge-toast__desc {
  font-size: 0.85rem;
  color: #555;
}

@keyframes kr-badge-toast-in {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.kr-badge-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.5rem;
  background: #fff;
  height: 100%;
  transition: transform 120ms ease-out, box-shadow 120ms ease-out;
}

.kr-badge-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.kr-badge-tile--locked .kr-badge {
  filter: grayscale(100%);
  opacity: 0.45;
}

.kr-badge-tile__name {
  margin-top: 0.5rem;
  font-weight: 600;
  font-size: 0.95rem;
}

.kr-badge-tile__desc {
  font-size: 0.8rem;
  color: #666;
  margin-top: 0.25rem;
}

/*# sourceMappingURL=main.css.map */