h2 {
    color: blue;
}


/* Background Color Change */
bodybg {
  transition: background-color 1.2s !important;
  overflow: hidden;
}

.color-sec1 {
  background-color: var(--e-global-color-3157711, #315771);
}

.color-sec2 {
  background-color: var(--e-global-color-7db0450, #7db045);
}

.color-sec3 {
  background-color: var(--e-global-color-6002c05, #6002c0);
}

.color-sec4 {
  background-color: var(--e-global-color-bf50474, #bf5047);
}

.color-sec5 {
  background-color: var(--e-global-color-cc64182, #cc6418);
}

.color-sec6 {
  background-color: var(--e-global-color-f013ab0, #f013ab);
}

.color-sec7 {
  background-color: var(--e-global-color-59ec2cc, #59ec2c);
}

.color-sec8 {
  background-color: var(--e-global-color-7a7cd3a, #7a7cd3);
}

.color-sec9 {
  background-color: var(--e-global-color-a834db1, #a834db);
}


/* Questions and Answers Section */

    /* Base styles for the question form */
    .ask-question-form {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.5s ease, transform 0.5s ease;
    }

    /* Fade-out animation when hiding the form */
    .ask-question-form.fade-out {
        opacity: 0;
        transform: translateY(-10px);
        pointer-events: none;
    }

    /* Fully hide the form after fade-out completes */
    .ask-question-form.hidden {
        display: none !important;
    }

    /* Ensure smooth scroll doesn't get cut off by fixed headers */
    html {
        scroll-padding-top: 100px;
    }

    /* Style and accessibility for the toggle button */
    #question-button {
        cursor: pointer;
        transition: all 0.3s ease;
    }

    #question-button:focus {
        outline: 2px solid #0073aa;
        outline-offset: 2px;
    }

/* Questions and Answers Section END */









	/*  Privacy Policy Show/Hide  */
.privacy-policy-box {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  max-height: 0;
  overflow: hidden;
  transition:
    opacity 0.6s ease-in-out,
    transform 0.6s ease-in-out,
    max-height 0.6s ease-in-out,
    visibility 0.6s ease-in-out;
}

.privacy-policy-box.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  max-height: 1000px; /* adjust as needed */
}

	
	
 .privacy-policy-box {
    height: 14rem;
    overflow-y: auto;
    background-color: white;
    margin-bottom: 1rem;
    padding: .3rem;
    font-family: 'Poppins',sans-serif;
    font-size: 0.875rem;
    border: 0.1875rem solid gold;
    border-radius: 0.5rem;
    width:100%;
}