.style1 {
  background-size: cover;
  background-image: url("../assets/images/New%20Images/broken_3.jpg");
}

.style2 {
  background-image: url("../assets/images/New%20Images/md_full_background.webp");
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.style3 {
  color: #b9d543;
}
@media (min-width: 1200px) {
  .style3 {
    color: #b9d543;
  }
  .style4 {
    color: #b9d543;
  }
  .style5 {
    color: #b9d543;
  }
  .style6 {
    color: #b9d543;
  }
  .style7 {
    background-color: #000;
  }
}
. .style5 {
  color: #b9d543;
}
.style6 {
  color: #b9d543;
}
.style9 {
}
.style8 {
  background-color: #000;
  opacity: 0.55;
}
.style10 {
  color: #b9d543;
}
.style11 {
  color: #f8f9fa;
}
.style12 {
  color: #f8f9fa;
}
.style13 {
  color: #f8f9fa;
}
@media (min-width: 1400px) {
  .style14 {
    color: #f8f9fa;
  }
  .style15 {
    color: #f8f9fa;
  }
  .style16 {
    color: #f8f9fa;
  }
}
.style17 {
  color: #f8f9fa;
}
.style18 {
  color: #f8f9fa;
}
.style19 {
  color: #f8f9fa;
}
.style20 {
  font-size: 0.8px;
}
.style21 {
  font-size: 0.85px;
}
.style22 {
  text-align: center;
}
.style23 {
  text-align: center;
}
.style14 {
  color: #f8f9fa;
}
.style15 {
  color: #f8f9fa;
}
.style24 {
}
.style25 {
}
.style26 {
}
.style27 {
  color: #f8f9fa;
}
.style28 {
  color: #f8f9fa;
}
.style29 {
}
.style30 {
  padding: 60px;
}
.style31 {
  color: #b9d543;
}
.style32 {
  color: #b9d543;
}
.style33 {
  color: #b9d543;
}
@media (min-width: 768px) {
  .style34 {
    width: 75%;
  }
  .style2 {
    background-image: url("../assets/images/New%20Images/md_full_bakground.webp");
  }
  .style57 {
    background-attachment: fixed;
  }
  .style58 {
    background-image: url("../assets/images/New%20Images/md_full_bakground.webp");
    background-size: contain;
    background-attachment: fixed;
  }
}
@media (min-width: 992px) {
  .style35 {
    max-width: 720px;
  }
}
.style36 {
  color: #f8f9fa;
}
.style37 {
  color: #f8f9fa;
}
.style38 {
  color: #b9d543;
}
.style39 {
  color: #f8f9fa;
}
.style40 {
}
.style41 {
  border: 0px #212529;
}
.style42 {
}
.style43 {
}
.style44 {
  margin-top: 92px;
}
.style45 {
  margin-left: 241px;
}
.style46 {
  margin-left: 98px;
  padding-left: 39px;
}
.style47 {
  margin-left: 0px;
}
.style48 {
  margin-bottom: 65px;
  margin-right: 0px;
}
.style49 {
  margin-bottom: 0px;
}

@media (min-width: 576px) {
  .style49 {
    margin-left: 110px;
  }
  .style55 {
    background-image: url("../assets/images/New%20Images/the_sm_background.webp");
    background-attachment: fixed;
  }
  .style56 {
    background-image: url("../assets/images/New%20Images/md_full_bakground.webp");
    background-size: cover;
  }
  .app-bg-md {
    background-image: url("../assets/images/New%20Images/md_full_bakground.webp");
  }
  .style54 {
    background-position: 50% 30%;
  }
  .style59 {
    background-position: 50% 30%;
  }
}
.style50 {
  color: #f8f9fa;
}
.style51 {
  color: #f8f9fa;
}
.style52 {
  color: #f8f9fa;
}
.style53 {
  border-top-width: 0px;
  border-right-width: 0px;
  border-top-color: #000;
  border-right-color: #000;
  border-bottom: 1px solid #000;
  border-left: 0px #000;
}
body,
#main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

#content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
/* Q label green */
.q-label {
  color: #d4e34a !important; /* force green */
  font-weight: 700;
}

/* Question text white */
.accordion .card-header p {
  color: #ffffff !important; /* explicit hex + force */
}

/* A label white */
.a-label {
  color: #ffffff !important;
  font-weight: 700;
}

/* Answer text green */
.accordion .card-body {
  color: #d4e34a !important;
}
/* Authoritative background control */
.style59 {
  background-image: url("../assets/images/New%20Images/md_full_bakground.webp") !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* XS override */
@media (max-width: 575.98px) {
  .style59 {
    background-position: 20% 60% !important;
  }
}

/* SM override */
@media (min-width: 576px) and (max-width: 767.98px) {
  .style59 {
    background-position: 30% 50% !important;
  }
}
.style60 {
  background-size: cover;
  opacity: 1;
  background-image: url("../assets/images/carbon.webp");
  border: 1px solid #fff;
}
.style61 {
  background-size: cover;
  background-image: url("../assets/images/carbon.webp");
  border: 1px solid #fff;
}
.style62 {
  background-image: url("../assets/images/carbon.webp");
  background-size: cover;
  border: 1px solid #fff;
}