html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
@media (max-width: 991.98px) {
    #signatureDrawAreaMascot {
        display: none;
    }
}
input.is-invalid, select.is-invalid {
    border-color: red;
    background-color: #ffe6e6;
}


/* Accordions*/
.accordion-collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

    .accordion-collapse.show {
        max-height: 500px; /* Adjust based on your content size */
    }

.accordion-button {
    cursor: pointer;
    width: 100%;
    text-align: left;
    padding: 1rem;
    border: none;
    background: #f1f1f1;
}

.accordion-body {
    padding: 1rem;
    background-color: #fff;
}


/* Mobile First: Hide desktop image by default */
.desktop-only {
    display: none;
}

/* Show mobile image on small screens */
.mobile-only {
    display: block;
}

/* Show desktop image and hide mobile image on screens wider than 768px */
@media (min-width: 768px) {
    .desktop-only {
        display: block;
    }

    .mobile-only {
        display: none;
    }
}