/* Define the custom fonts */
@font-face {
    font-family: 'HalyardDisplay700';
    src: url('https://23763829.fs1.hubspotusercontent-na1.net/hubfs/23763829/Halyard%20Font/HalyardDis-Bd.otf') format('opentype');
}

@font-face {
    font-family: 'HalyardDisplay600';
    src: url('https://23763829.fs1.hubspotusercontent-na1.net/hubfs/23763829/Halyard%20Font/HalyardDis-Bd.otf') format('opentype');
}

@font-face {
    font-family: 'HalyardText300';
    src: url('https://23763829.fs1.hubspotusercontent-na1.net/hubfs/23763829/Halyard%20Font/HalyardText-Reg.otf') format('opentype');
}

/* Animation Keyframes */
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Applying the animation */
.animate-fadeIn {
    animation: fadeIn 2s ease-in-out;
}



/* Applying the custom fonts */
h1 {
    font-family: 'HalyardDisplay700', sans-serif;
    font-size: 64px;
    line-height: 64px;
    color: #222222;
    animation: fadeIn 2s ease-in-out;
}

h2 {
    font-family: 'HalyardDisplay600', sans-serif;
    font-size: 50px;
    line-height: 60px;
    color: #222222;
}

h3 {
    font-family: 'HalyardDisplay700', sans-serif;
    font-size: 48px;
    line-height: 58px;
    color: #222222;
}

h4 {
    font-family: 'HalyardDisplay600', sans-serif;
    font-size: 30px;
    line-height: 36px;
    color: #222222;
}
h5 {
    font-family: 'HalyardDisplay600', sans-serif;
    font-size: 25px;
    line-height: 30px;
    color: #222222;
}

h5 {
    font-family: 'HalyardDisplay600', sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #222222;
}

h6 {
    font-family: 'HalyardText500', sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #222222;
}

.FieldLabel {
    font-family: 'HalyardText500', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #222222;
}

p {
    font-family: 'HalyardText300', sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #222222;
}

body {
  font-family: 'HalyardText300', sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #222222;
}

label {

    font-family: 'HalyardText300', sans-serif;
    font-size: 16px;
    line-height: 32px;
    color: #222222;
}

input {

    font-family: 'HalyardText300', sans-serif;
    font-size: 16px;
    line-height: 32px;
    color: #222222;
}

a.cta_button {
   font-family: 'HalyardText300', sans-serif;
   font-size: 16px;
}


li {

    font-family: 'HalyardText300', sans-serif;
    color: #222222;
}

ul {

    font-family: 'HalyardText300', sans-serif;
    color: #222222;
}

blockquote {

    font-family: 'HalyardText300', sans-serif;
    color: #222222;
}
input[type="checkbox"] {
  margin-right: 5px;
}

input[type="radio"] {
  margin-right: 5px;
}

/* Mobile responsiveness */
@media screen and (max-width: 600px) {
    h1 {
        font-size: 48px; /* Adjusted for mobile */
        line-height: 48px;
    }
    h2 {
        font-size: 18px; /* Adjusted for mobile */
        line-height: 28px;
    }
    h3 {
        font-size: 36px; /* Adjusted for mobile */
        line-height: 46px;
    }
    h4 {
        font-size: 24px; /* Adjusted for mobile */
        line-height: 30px;
    }
    p {
        font-size: 16px; /* Adjusted for mobile */
        line-height: 28px;
    }
}

/* Button Styling */

.btn {
   font-family: 'HalyardText300', sans-serif !important;

   font-family: 'HalyardText300', sans-serif !important;
    font-size: 16px;
    line-height: 32px;
  
}

.cta-button {
   font-family: 'HalyardText300', sans-serif !important;

   font-family: 'HalyardText300', sans-serif !important;
    font-size: 16px;
    line-height: 32px;
  
}


.cta_button {
    color: #222222 ;
   font-family: 'HalyardText300', sans-serif !important;
    font-size: 16px;
    line-height: 32px;
    color: #222222;
}

.btn-primary-wrapper .cta_button,
.btn-black-wrapper .cta_button {
    color: #ffffff !important;
}

.card:hover {
    --card-accent-hover: #222222 !important;
    background-color: var(--card-accent-hover);
}

h3.h6 {
    font-size: 30px !important;
  line-height: 35px;
}

.details {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
  pointer-events: none; !important;
}

.details[open] {
    max-height: 1000px; /* Adjust based on expected content height */
}
.details {
    height: auto !important; /* Allow height to expand */
    min-height: 0; /* Ensure it collapses properly */
    overflow: visible; /* Allow content to push elements below */
    transition: max-height 0.3s ease-in-out, box-shadow 0.2s ease-in-out; /* Smooth animation */
}

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************//* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/