:root {
  --dh-gold-50: #FCF6E9;
  --dh-gold-100: #F6E4BB;
  --dh-gold-200: #F2D79A;
  --dh-gold-300: #ECC56C;
  --dh-gold-400: #E9BA50;
  --dh-gold-500: #E3A924;
  --dh-gold-600: #CF9A21;
  --dh-gold-700: #A1781A;
  --dh-gold-800: #7D5D14;
  --dh-gold-900: #5F470F;
  --dh-gold: var(--dh-gold-500);
  --dh-beige-50: #FDFAF6;
  --dh-beige-100: #F8EFE4;
  --dh-beige-200: #F5E7D7;
  --dh-beige-300: #F0DBC5;
  --dh-beige-400: #EDD5BA;
  --dh-beige-500: #E9CAA9;
  --dh-beige-600: #d2b799;
  --dh-beige-700: #a58f78;
  --dh-beige-800: #806F5D;
  --dh-beige-900: #625547;
  --dh-beige: var(--dh-beige-500);
  --dh-emerald-50: #ECF3F2;
  --dh-emerald-100: #C3DBD7;
  --dh-emerald-200: #A7C9C3;
  --dh-emerald-300: #7EB1A8;
  --dh-emerald-400: #65A197;
  --dh-emerald-500: #3F8A7D;
  --dh-emerald-600: #397E72;
  --dh-emerald-700: #2D6259;
  --dh-emerald-800: #234C45;
  --dh-emerald-900: #1A3A35;
  --dh-emerald: var(--dh-emerald-500);
  --dh-dark-50: #E9E7E7;
  --dh-dark-100: #BAB5B5;
  --dh-dark-200: #999191;
  --dh-dark-300: #6A5E5E;
  --dh-dark-400: #4D3F3F;
  --dh-dark-500: #210F0F;
  --dh-dark-600: #1E0E0E;
  --dh-dark-700: #170B0B;
  --dh-dark-800: #120808;
  --dh-dark-900: #0E0606;
  --dh-dark: var(--dh-dark-500);
  --dh-grey-50: #F0F2F1;
  --dh-grey-100: #D1D5D5;
  --dh-grey-200: #BBC1C0;
  --dh-grey-300: #9CA5A3;
  --dh-grey-400: #899491;
  --dh-grey-500: #6B7976;
  --dh-grey-600: #616E6B;
  --dh-grey-700: #4C5654;
  --dh-grey-800: #3B4341;
  --dh-grey-900: #2D3332;
  --dh-grey: var(--dh-grey-500);
  --dh-brown-50: #F8F1EB;
  --dh-brown-100: #E8D3C0;
  --dh-brown-200: #DDBDA2;
  --dh-brown-300: #CD9F78;
  --dh-brown-400: #C48D5D;
  --dh-brown-500: #B57035;
  --dh-brown-600: #A56630;
  --dh-brown-700: #815026;
  --dh-brown-800: #643E1D;
  --dh-brown-900: #4C2F16;
  --dh-brown: var(--dh-brown-500);
}

:root h1, :root h2, :root h3, :root h4, :root h5 {
  font-family: Texturina;
}
:root h1 {
  color: black;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
:root h2 {
  color: black;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
:root h3 {
  color: black;
  font-size: 33px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
:root h4 {
  color: black;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
:root h5 {
  color: black;
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
:root body {
  color: black;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  background-color: #0E0606;
}
:root .container {
  padding-left: 0;
  padding-right: 0;
}

:root .btn-emerald {
  padding: 8px 16px;
  border-radius: 40px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
  background-color: var(--dh-emerald);
  color: white;
  font-style: normal;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 0 !important;
}
:root .btn-emerald-outline {
  padding: 8px 16px;
  border-radius: 40px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
  background-color: transparent;
  color: var(--dh-emerald);
  transition: all 0.3s ease;
  font-style: normal;
  text-decoration: none;
  border: 1px solid var(--dh-emerald);
}
:root .btn-emerald:hover {
  background-color: var(--dh-emerald-700);
  color: white;
}
:root .btn-edit {
  position: absolute;
  right: 20px;
  top: 20px;
}
:root .btn-social {
  background-color: var(--dh-beige-700);
  color: var(--dh-dark-500) !important;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 0;
  padding-left: 4px;
  padding-top: 2px;
  font-size: 16px;
  transition: all 0.5s ease;
}
:root .btn-social:hover {
  background-color: var(--dh-beige-800) !important;
  color: var(--dh-beige-300) !important;
}
:root .btn-social .bi::before {
  background-size: 20px 20px;
}
:root a.dropdown-toggle {
  text-decoration: none;
}
:root .dropdown-menu {
  background-color: var(--dh-beige-500);
  color: var(--dh-dark-500) !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 10px;
  border: 1px solid var(--dh-beige-700);
}
:root .dropdown-menu a {
  color: var(--dh-dark-500) !important;
}
:root .dropdown-item {
  padding: 5px 15px;
  border-radius: 4px;
}
:root .dropdown-item.active {
  background-color: var(--dh-beige-600);
  color: var(--dh-dark-500);
}
:root .dropdown-item:focus, :root .dropdown-item:hover {
  background-color: var(--dh-beige-600);
  color: var(--dh-dark-500);
}
:root .dropdown-toggle {
  font-size: 14px;
  font-weight: 500;
  color: white;
}
:root .container-social {
  gap: 8px;
}
:root .alert-error {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
:root .nice-padding {
  padding: 0.5rem;
  margin-top: 1rem;
  padding-bottom: 80px;
}
@media (min-width: 1200px) {
  :root .nice-padding {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
}
:root .info-table thead th {
  background-color: var(--dh-beige-700);
  color: var(--dh-dark-500);
  font-size: 14px;
  font-weight: 700;
  padding: 8px 16px;
}
:root .info-table thead th:first-child {
  border-radius: 4px 0 0 0;
}
:root .info-table thead th:last-child {
  border-radius: 0 4px 0 0;
}
:root .info-table tbody th {
  font-size: 14px;
  font-weight: 700;
  padding: 8px 16px;
  border-bottom: 1px solid var(--dh-beige-700);
  font-family: Raleway;
}
:root .info-table tbody tr:nth-child(odd) {
  background-color: var(--dh-beige-500) !important;
}
:root .info-table tbody tr:nth-child(even) {
  background-color: var(--dh-beige-400) !important;
}
:root .info-table tbody td {
  padding: 16px;
  color: var(--dh-dark-500);
  font-family: Raleway;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  border-bottom: 1px solid var(--dh-beige-700);
}
:root .info-table.no-heading tbody tr:first-child {
  border-top: 1px solid var(--dh-beige-700);
}
:root .info-table.responsive {
  width: 100%;
}
@media (min-width: 768px) {
  :root .info-table.responsive {
    width: 50%;
  }
}
:root .fit-content {
  width: fit-content !important;
}

:root .form-select {
  border-radius: 4px;
  border: 1px solid var(--dh-beige-700);
  background-color: var(--dh-beige-500);
  font-size: 14px;
  font-weight: 500;
  color: var(--dh-dark-500);
  height: 48px;
  background-size: 33px 25px;
}
:root .form-select:focus {
  box-shadow: none;
  border-color: var(--dh-emerald-500);
}
:root .form-check {
  font-size: 14px;
}
:root .form-check-label {
  margin-left: 6px;
}
:root .form-check-input {
  height: 20px;
  width: 20px;
}
:root .form-check-input[type=radio]:checked {
  border-color: var(--dh-dark-500);
  background-color: transparent;
  color: var(--dh-emerald-500);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%233F8A7DFF'/%3e%3c/svg%3e");
}
:root .form-check-input[type=checkbox]:checked {
  background-color: var(--dh-emerald-500);
}
:root .input-group-text {
  background-color: var(--dh-beige-500);
  border-radius: 4px;
  border-color: var(--dh-beige-700);
}
:root input {
  --bs-border-width: 1px;
  --bs-border-color: var(--dh-beige-700);
  --bs-border-radius: 4px;
  --bs-body-bg: var(--dh-beige-500);
  font-size: 14px;
  font-weight: 500;
  color: var(--dh-dark-500);
  height: 48px;
}
:root input:focus {
  box-shadow: none;
  border-color: var(--dh-dark-500);
}
:root input:disabled {
  --bs-secondary-bg: var(--dh-beige-700);
}
:root textarea {
  --bs-border-width: 1px;
  --bs-border-color: var(--dh-beige-700);
  --bs-border-radius: 4px;
  --bs-body-bg: var(--dh-beige-500);
}
:root form .help-text {
  display: flex;
  flex-direction: row;
  gap: 6px;
}

.header .navbar {
  background-color: var(--dh-dark-500);
  border-bottom: 1px solid var(--dh-beige-700);
}
@media (max-width: 768px) {
  .header .navbar {
    border: 0;
  }
}
.header .navbar .brand {
  margin-left: 64px;
  margin-right: 50px;
  padding: 0;
}
@media (max-width: 768px) {
  .header .navbar .brand {
    margin-left: 10px;
  }
}
.header .navbar .search .input {
  height: 34px;
  width: 313px;
  padding: 10px 14px;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 4px;
  color: var(--dh-beige-700);
  /*background-color: transparent;*/
  border: 1px solid var(--dh-beige-700);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23A58F78FF" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/> </svg>');
  background-position: 10px 8px;
  background-size: 18px;
  background-color: var(--dh-dark);
  text-indent: 30px;
  background-repeat: no-repeat;
}
.header .navbar .search .input:focus-visible {
  border: 2px solid var(--dh-emerald-500);
}
.header .navbar .search .input:focus {
  border: 0;
}
.header .navbar .container-social {
  display: flex;
  border-right: 1px solid var(--dh-beige);
  padding: 2px 20px;
  gap: 8px;
}
.header .navbar .container-profile {
  padding: 0 20px;
}
.header .navbar .container-profile img {
  height: 32px;
  margin-right: 8px;
}
.header .navbar .container-profile a {
  color: white;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.header .navbar .btn-login {
  height: 32px;
  font-size: 14px;
}
.header .navbar .navbar-toggler-icon {
  border-radius: 4px;
  border: 1px solid white;
  padding: 8px;
  transition: all 0.3s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7H7M20 7H11M20 17H17M4 17H13M4 12H20' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.header .navbar .navbar-toggler-icon.open {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2219%22%20viewBox%3D%220%200%2020%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22Group%2035254%22%3E%3Cg%20id%3D%22Group%2035255%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M1.78418%201.5L13.0274%2012.3108M18.2166%201.5L4.81121%2014.473M1.78418%2017.5L2.43283%2016.7888M15.1896%2014.473L18.2166%2017.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.header .navbar .navbar-toggler {
  padding: 8px;
  color: white;
  border: none;
}
.header .navbar .navbar-toggler:focus {
  border: none !important;
  box-shadow: none;
}
.header .navbar .offcanvas {
  width: 100% !important;
  margin-top: 60px;
  background-color: var(--dh-dark-900);
  border: none !important;
}
.header .navbar .offcanvas .dropdown-menu {
  background-color: var(--dh-dark-900);
  color: white !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 250%;
  padding: 0 10px;
  border: none;
  margin-top: 0px;
}
.header .navbar .offcanvas .dropdown-menu a {
  color: white !important;
}
.header .navbar .offcanvas .dropdown-toggle {
  font-size: 14px;
  font-weight: 500;
  color: white;
}
.header .navbar .offcanvas .header-search {
  margin: 30px auto;
  width: 100%;
}
.header .navbar .offcanvas .header-search input {
  width: 100%;
}
.header .navbar .offcanvas .container-social {
  margin: 30px auto;
  border-right: 0px;
  gap: 25px;
}
.header .navbar .offcanvas .dropdown-item.active {
  background-color: revert;
  color: var(--dh-emerald-500) !important;
}
.header .navbar .offcanvas .delimiter {
  border-bottom: 1px solid var(--dh-beige-700);
  margin: -6px 0;
}
.header .navbar .offcanvas .dropdown-item {
  padding: 10px;
}
.header .navbar .offcanvas-body {
  padding-left: 24px;
  display: flex;
  flex-direction: column;
}
.header .navbar .offcanvas-body .navbar-nav {
  color: white;
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  gap: 15px;
}
.header .navbar .offcanvas-body .navbar-nav a {
  line-height: 140%;
  color: white !important;
  text-decoration: none;
  display: block;
}
.header .navbar .offcanvas-body .nav-divider {
  color: var(--dh-beige-500);
}
.header .navbar .offcanvas-divider {
  margin: 10px -24px;
  color: var(--dh-beige-500);
}
.header .navbar-secondary {
  z-index: 50;
  height: 48px;
  background-color: var(--dh-dark-900);
  padding-right: 64px;
  border-bottom: 0;
}
.header .navbar-secondary .navbar-nav {
  display: flex;
  flex-direction: row;
  gap: 32px;
  margin-left: 64px;
}
.header .navbar-secondary .nav-item a {
  color: white;
  font-weight: 500;
  font-size: 14px;
}
.header .navbar-secondary .nav-item a .active {
  color: var(--dh-emerald-500);
}
.header .navbar-secondary .nav-link.show {
  color: var(--dh-emerald-500);
}
.header .navbar-secondary .delimiter {
  border-left: 1px solid var(--dh-beige-700);
  margin: 4px -6px;
}
.header .navbar-secondary .external-link a {
  color: var(--dh-gold-500) !important;
}
.header .navbar-secondary .dropdown-menu {
  position: absolute !important;
}

.hero-section {
  position: relative;
  height: 232px;
  background-image: url("../img/banner.jfif"); /* Add your background image here */
  background-size: cover;
  background-position: 50% 35%;
  text-align: center;
  color: #ffd700; /* Golden yellow text color */
}
.hero-section .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(33, 15, 15, 0.6666666667) 0%, rgba(33, 15, 15, 0.25) 50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-section .overlay .title {
  margin: 0;
  color: var(--dh-gold-500);
  text-shadow: 0 4px 4px rgba(33, 15, 15, 0.5);
}

.separator-container .separator {
  text-align: center;
  background: var(--dh-beige-500);
  padding: 22px 15px;
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  top: -50px;
  left: calc(50% - 50px);
}
.separator-container .separator .logo {
  width: 60px; /* Adjust as needed */
  margin-top: -5px;
}
.separator-container .title {
  color: var(--dh-dark-500);
  margin: 0;
}

.container-content {
  position: relative;
  min-height: 888px;
  background-image: url("../img/conner-paper-top-left.png"), url("../img/conner-paper-top-right.png"), url("../img/conner-paper-bottom-left.png"), url("../img/conner-paper-bottom-right.png"); /* Bottom-right image */
  background-position: top left, top right, bottom left, bottom right;
  background-repeat: no-repeat; /* Prevent tiling */
  background-origin: content-box;
  background-clip: content-box;
  background-color: var(--dh-beige-500);
}

footer {
  position: relative;
  background: var(--dh-dark);
  color: var(--dh-beige-700);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  padding: 40px 64px;
}
@media (max-width: 768px) {
  footer {
    padding: 40px 40px;
  }
}
footer:before {
  content: "";
  height: 41px;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='1280' height='41' viewBox='0 0 1280 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.94414 0H0V41H1280V12H1246.24L1205.52 30L1194.6 17L1170.77 12L1136.01 17H1106.22L1099.27 6L1058.56 0L1043.66 24H760.652L716.959 12L692.133 24H653.406L626.594 12L598.79 0L578.929 17L549.139 24L527.292 17H491.544L484.096 21.5L429.48 27.5L439.907 17L398.2 6L377.347 24H299.891H245.275L238.324 12L210.52 6L186.687 12L178.743 24H138.029H78.4484L66.5322 17L47.6649 12L33.7626 17L7.94414 0Z' fill='%23210F0F'/%3E%3C/svg%3E%0A");
  position: absolute;
  left: 0;
  top: -40px;
}
footer a {
  color: inherit !important;
  text-decoration: none;
}
footer a :hover {
  color: var(--dh-beige-500) !important;
}
footer .row {
  --bs-gutter-x: 52px;
  --bs-gutter-y: 0;
}
footer .footer-col {
  display: flex;
  flex-direction: column;
}
footer .footer-col .logo {
  position: relative;
  display: block;
  top: -14px;
}
@media (max-width: 768px) {
  footer .footer-col .logo {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  footer .footer-col .text {
    text-align: center;
    margin-bottom: 0;
  }
}
footer .title {
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  footer .title {
    text-align: center;
  }
}
footer .copyright {
  display: block;
  text-align: right;
  font-weight: 700;
}
@media (max-width: 768px) {
  footer .copyright {
    text-align: center;
  }
}
footer ul {
  list-style-type: none;
  padding: 0;
}
footer hr {
  display: block;
  border: none;
  height: 1px;
  background: var(--dh-beige-700);
  margin: 40px 0 24px 0;
  opacity: 1;
}
footer .social__title {
  font-weight: 700;
  margin-right: 20px;
}
@media (max-width: 768px) {
  footer .social__title {
    text-align: center;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  footer .container-social {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  footer .container-social .btn-social {
    width: 31px;
    height: 31px;
    font-size: 22px;
    padding: 4px 5px;
  }
}
@media (max-width: 768px) {
  footer .row > *:after {
    content: "";
    display: block;
    height: 1px;
    background: var(--dh-beige-700);
    margin: 20px 0;
  }
}
footer .no-hr:after {
  display: none !important;
}

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