.elementor-154346 .elementor-element.elementor-element-13e21bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-154346 .elementor-element.elementor-element-e6be977 > .elementor-widget-container{margin:-18px -13px -13px -13px;padding:0px 0px 0px 0px;}html, body{overflow-x:auto;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-4dda0df */.elementor-154346 .elementor-element.elementor-element-4dda0df {
    display: none;
}/* End custom CSS */
/* Start custom CSS for dce-rawphp, class: .elementor-element-e6be977 */.elementor hr {
    margin: 100px;
}


.bronze_header{
    font-weight: 800;
    color: var( --e-global-color-7af0d4a );
    font-size: 15px;
    letter-spacing: .01rem;
    word-spacing: .3rem;
}

.bronze_header h2 {
    margin-bottom: 0rem;
}

.school_name{
    font-weight: 300;
}

.elementor hr {
    margin: 0;
    width: 80%;
}

.form {
    display: block;
    max-width: 90vw;
    margin: 20px;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 35%) 0px 0px 8px;
    font-size: 16px;
    padding: 70px 90px 30px 90px;
    margin-bottom: 30vh;
}

/* label[for$='_pb_supporting_statement'] {
  font-weight: bold;
  color: red;
} */

label {
  font-weight: 600;
  color: var( --e-global-color-7af0d4a );
  margin-bottom: 5px;
  margin-top: 35px;
  font-size: 1.1rem;
}


input[type="checkbox"] {
    margin-right: 6px;
    margin-top: 17px;
}


input[class="submit"] {
    width: 60%;
    background-color: var( --e-global-color-7af0d4a ) !important;
    margin-top: 10px;
}

input[class="submit"]:hover {
    background-color: #877065  !important;
}


.answers {
    margin-left: 20px;
    margin-right: 20px;
}




 /* award certificate css bellow */

.hidden {
    display: none;
}

.award_content{
    margin-top: 112px;
}

.school_name_award{
    font-style: italic;
    font-weight: bold;
    margin-left: 300px;
    margin-right: 300px;
       font-size: 70px;
    line-height: 65px;
}

.school_award_primary{
    font-size: 28px;
}

.school_award_congrats{
    font-weight: bold;
    font-size: 40px;
}

.my-div {
  position: absolute;
  width: 1366px;
  height: 967px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(https://www.emotionworks.org.uk/wp-content/uploads/2023/05/bronze-award-certificate-background.png);
  font-family: serif;
    background-size: cover;
        font-weight: bold;
}

.logo-image {
    width: 250px;

}

/*.bronze-award-img{
    content: url('https://www.emotionworks.org.uk/wp-content/uploads/2023/04/bronze-award-2.png');
    z-index: 9999;
        position: sticky;
}*/

 /* ---------------- */



textarea {
    margin-top: 11px;
}


.radio-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
    margin-top: 7px;
    place-content: center;
}

.radio-buttons input[type="radio"]  {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-left: 15px;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 50%;
  vertical-align: middle;
}


table {
    margin-top: 9px;
}


 /* accordion css bellow */
.accordion-item {
  margin-bottom: 10px;
}

.accordion-header {
  padding: 8px;
  margin-top: 60px;
  background-color: var( --e-global-color-7af0d4a );
  cursor: pointer;
  border-radius: 20px;
  text-align: center;
  font-weight: bold;
  color: white;
  transition: background-color 0.5s ease;
  
}

.accordion-header:hover {
  background-color: #877065;
}

.accordion-item.active .accordion-header {
  background-color: #6e5f58;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  margin: 0;
  transition: all 0.8s ease-out;
}

.accordion-item.active .accordion-content {
  max-height: 500px; /* adjust as needed */
  margin: 20px;
}/* End custom CSS */