:root {
  --md-primary-bg-color: #f9f9fd;
  --md-primary-bg-color--light: #f9f9fd;
  --md-accent-bg-color: #f9f9fd;
  --md-accent-bg-color--light: #f9f9fd;
  --md-default-bg-color: #f9f9fd;
  --md-default-bg-color--light: #f9f9fd;
}

[data-md-color-primary="deep-purple"] {
  --md-accent-fg-color: #50118f;
  --md-primary-fg-color: #50118f;
  --md-primary-fg-color--light: #50118f;
  --md-primary-fg-color--dark: #50118f;
  --md-primary-bg-color: #f9f9fd;
  --md-primary-bg-color--light: #f9f9fd;
  --md-accent-bg-color: #f9f9fd;
  --md-accent-bg-color--light: #f9f9fd;
  --md-default-bg-color: #f9f9fd;
  --md-default-bg-color--light: #f9f9fd;
}

.md-header {
  background-image: url("../bg.jpeg");
  left: 0;
  top: 0;
  width: 100%;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity 2s ease-in-out; /* Transition for opacity */
}

.md-header__source {
  width: auto !important;
}

.md-tabs {
  background-color: initial;
  height: 60px;
}

.md-header__inner {
  height: 100px;
}

.md-sidebar--primary li a span {
  padding-left: 15px;
}

.md-content {
  margin-bottom: 30px;
}

.md-footer {
  padding: 10px;
  background-color: #ffffff;
}

.md-footer-meta {
  margin-top: 50px;
  background-color: #ffffff;
}

.footer-logo {
  color: #52525b;
}

.footer-logo img {
  height: 30px;
  margin-bottom: 20px;
}

.footer-links-block h6 {
  color: #94a3b8;
  font-weight: 300;
}

.footer-links-block ul {
  margin-left: 0 !important;
  list-style-type: none;
}

.footer-links-block li {
  margin-left: 0 !important;
  list-style-type: none;
}

.footer-links-block a {
  color: #141824 !important;
}

.footer-links-block a.disabled {
  pointer-events: none;
  color: #aeaeae !important;
}

.footer-contact-block h6 {
  color: #94a3b8;
}

.footer-contact-block ul {
  margin-left: 0 !important;
  list-style-type: none;
}

.footer-contact-block li {
  margin-left: 0 !important;
  list-style-type: none;
}

.footer-contact-block input {
  border: #e4e4e7 1px solid !important;
  border-radius: 0.4rem !important;
  height: 50px;
  min-width: 250px;
}

.footer-contact-block input:read-write {
  padding-left: 1rem;
}

.footer-contact-block button {
  background-color: #50118f !important;
  border-radius: 0.4rem !important;
  height: 50px;
  min-width: 250px;
}

.footer-copyright {
  justify-content: center;
}

footer .copyright-text {
  text-align: center;
  color: #94a3b8;
  margin-bottom: 1rem;
}

.md-tabs__item--active {
  border-bottom: #65f0e7 1px solid;
}

@media screen and (min-width: 60em) {
  .md-header__button[for="__search"] {
    display: block;
  }
  .md-search__icon[for="__search"] svg:first-child {
    display: none;
  }
  .md-search__inner {
    width: 0;
  }
  [data-md-toggle="search"]:not(:checked) ~ .md-header .md-search__inner {
    display: none;
  }
}

.md-header__source {
  display: block !important;
}

.submit-request-btn {
  background-color: #fff;
  border-radius: 0.4rem !important;
  min-width: 150px;
  font-size: 0.8rem;
  color: #2f014a;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  padding: 0.625em 1em;
  transition: color 125ms, background-color 125ms, border-color 125ms;
}

.checkbox-label {
  color: #344054;
  font-size: 0.6rem;
}

.subscribe-btn {
  font-weight: 300 !important;
}

[dir="ltr"] .md-top {
  margin-left: 90% !important;
  background-color: var(--md-accent-fg-color);
  color: var(--md-accent-bg-color);
}

/* Admonitions */

.md-typeset .admonition,
.md-typeset details {
  box-shadow: none;
}

/* Note */
:root {
  --md-admonition-icon--note: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 23 26" xmlns="http://www.w3.org/2000/svg"><path d="M22.2215 16.2785L19.9375 13.9944V10.9688C19.9348 8.8779 19.1569 6.86231 17.7543 5.31174C16.3516 3.76116 14.4239 2.78575 12.3438 2.57411V0.84375H10.6562V2.57411C8.57613 2.78575 6.64837 3.76116 5.24573 5.31174C3.84309 6.86231 3.06521 8.8779 3.0625 10.9688V13.9944L0.778469 16.2785C0.700088 16.3568 0.63791 16.4498 0.59549 16.5521C0.553071 16.6545 0.531242 16.7642 0.53125 16.875V19.4062C0.53125 19.63 0.620145 19.8446 0.778379 20.0029C0.936612 20.1611 1.15122 20.25 1.375 20.25H7.28125V21.0938C7.28125 22.2126 7.72572 23.2857 8.51689 24.0769C9.30806 24.868 10.3811 25.3125 11.5 25.3125C12.6189 25.3125 13.6919 24.868 14.4831 24.0769C15.2743 23.2857 15.7188 22.2126 15.7188 21.0938V20.25H21.625C21.8488 20.25 22.0634 20.1611 22.2216 20.0029C22.3799 19.8446 22.4688 19.63 22.4688 19.4062V16.875C22.4688 16.7642 22.4469 16.6545 22.4045 16.5521C22.3621 16.4498 22.2999 16.3568 22.2215 16.2785ZM14.0312 21.0938C14.0312 21.7651 13.7646 22.4089 13.2899 22.8836C12.8152 23.3583 12.1713 23.625 11.5 23.625C10.8287 23.625 10.1848 23.3583 9.71014 22.8836C9.23543 22.4089 8.96875 21.7651 8.96875 21.0938V20.25H14.0312V21.0938Z"/></svg>');
}
.md-typeset .admonition.note,
.md-typeset details.note {
  border: 0 !important;
  background-color: #f3e5f5;
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: #f3e5f5;
}
.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: #8c4799;
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
}

/* Info */
.md-typeset .admonition.info,
.md-typeset details.info {
  border: 0 !important;
  background-color: #e1f5fe;
}
.md-typeset .info > .admonition-title,
.md-typeset .info > summary {
  background-color: #e1f5fe;
}
.md-typeset .info > .admonition-title::before,
.md-typeset .info > summary::before {
  background-color: #32befe;
  -webkit-mask-image: var(--md-admonition-icon--info);
  mask-image: var(--md-admonition-icon--info);
}

/* Tip */
:root {
  --md-admonition-icon--tip: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 21 25" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 24.3125H0.375V0.6875H20.625L15.7313 8.28125L20.625 15.875H2.0625V24.3125Z"/></svg>');
}
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border: 0 !important;
  background-color: #ddfdfb;
}
.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: #ddfdfb;
}
.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: #2ad2c9;
  -webkit-mask-image: var(--md-admonition-icon--tip);
  mask-image: var(--md-admonition-icon--tip);
}

/* Warning */
.md-typeset .admonition.warning,
.md-typeset details.warning {
  border: 0 !important;
  background-color: #fff3e0;
}
.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary {
  background-color: #fff3e0;
}
.md-typeset .warning > .admonition-title::before,
.md-typeset .warning > summary::before {
  background-color: #fa8e41;
  -webkit-mask-image: var(--md-admonition-icon--warning);
  mask-image: var(--md-admonition-icon--warning);
}

/* Failure */
.md-typeset .admonition.failure,
.md-typeset details.failure {
  border: 0 !important;
  background-color: #fbe9e7;
}
.md-typeset .failure > .admonition-title,
.md-typeset .failure > summary {
  background-color: #fbe9e7;
}
.md-typeset .failure > .admonition-title::before,
.md-typeset .failure > summary::before {
  background-color: #b51f3f;
  -webkit-mask-image: var(--md-admonition-icon--failure);
  mask-image: var(--md-admonition-icon--failure);
}

/* FAQ Question */
details.faq-question {
  border: none;
  background-color: none;
}

.faq-question summary {
  padding-left: 0.7rem !important;
  padding: 15px 0;
  vertical-align: middle;
  align-items: center;

  font-size: 0.8rem;

  background-color: #f9f9fd !important;
}
.faq-question summary strong {
  vertical-align: middle;
  align-items: center;

  font-size: 0.8rem;

  background-color: #f9f9fd !important;
}

.md-typeset .admonition.faq-question,
.md-typeset details.faq-question {
  width: 70%;
  border: none !important;
  padding-left: 1rem !important;
}

@media screen and (max-width: 1220px) {
  .md-typeset .admonition.faq-question,
  .md-typeset details.faq-question {
    width: 100%;
    border: none !important;
  }
}

.md-typeset .admonition.faq-question:focus-within,
.md-typeset details.faq-question:focus-within {
  /* box-shadow: 0 0 0 .2rem #fcfcfc23; */
  box-shadow: 0 0 0 0.2rem #f9f9fd;
}
.md-typeset .faq-question > .admonition-title:before,
.md-typeset .faq-question > summary:before {
  content: none;
}
.md-typeset .faq-question > .admonition-title:before,
.md-typeset .faq-question > summary::after {
  color: #711fa2;
  padding: 15px 0;
}

.md-typeset .faq-question > .admonition-title:before,
.md-typeset .faq-question p {
  font-size: 0.8rem;
}

.md-button[disabled] {
  background-color: #ccc;
  cursor: not-allowed;
  opacity: 0.6;
}
.captcha-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  width: 70%;
}
#waf-captcha-container {
  margin: 0;
}

input:invalid,
textarea:invalid,
select:invalid,
fieldset:has(:invalid),
label:has(input:invalid) {
  scroll-margin-top: 250px;
}
textarea:invalid {
  scroll-padding-top: 250px;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99 !important;
}

/* Modal */
.modal {
  position: relative;
  background: white;
  padding: 20px;
  border-radius: 10px;
  width: 500px;
  height: auto;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  z-index: 100 !important;
}
.modal-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 18px;
  background: none;
  border: none;
  color: #711fa2;
}

.loading-spinner {
  width: 30px;
  height: 30px;
  border: 4px solid rgba(0, 0, 0, 0.2);
  border-top-color: #000;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}