/*===================== REUSABLE  CSS AREA START =====================*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  /* theme-element-color */
  --dark-blue: #2E5464;
  --dark-gray: #434444;
  --dark-green: #01A58D;
  --light-green: #9ED9D0;
  --ex-light-green: #CBF2EC;
  --light-blue: #0D96D4;
  --sky-blue: #C3ECFF;
  --dark-yellow: #EFB100;
  --light-yellow: #FFEAB8;
  --light-white: #F5F5F5;
  --orange: #F77934;
  --dark-red: #EB3F49;
  --light-red: #FFE8E8;
  --dark-purple: #B450CC;
  --light-purple: #B450CC33;
;

  /* font-size */
  --font-30: 30px;
  --font-28: 28px;
  --font-26: 26px;
  --font-24: 24px;
  --font-22: 22px;
  --font-20: 20px;
  --font-18: 18px;
  --font-17: 17px;
  --font-16: 16px;
  --font-14: 14px;
  --font-12: 12px;
  
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}

body {
    font-family: "Roboto", sans-serif;
}

.mt-70 {
  margin-top: 70px;
}
.mb-70 {
  margin-bottom: 70px;
}
.pt-70 {
  padding-top: 70px;
}
.pb-70 {
  padding-bottom: 70px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-80 {
  margin-bottom: 80px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-80 {
  padding-top: 80px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pt-100 {
  padding-top: 100px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pb-130 {
  padding-bottom: 130px;
}
.max-w-1000 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.max-w-900 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.max-w-800 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

button,
input {
  border: none;
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  color: var(--dark-blue);
  font-weight: 700;
}
h1 {
  font-size: var(--font-30);
  font-weight: 700;
}
.h3 {
  color: var(--dark-blue);
  font-weight: 700;
  font-size: var(--font-24);
}
p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

.title {
  text-align: center;
  max-width: 750px;
  margin: 0 auto 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.btns {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  text-transform: uppercase;
}

img {
  height: auto;
  object-fit: cover;
}

main {
  overflow: hidden !important;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1170px;
  margin: 0 auto;
}
/*===================== REUSABLE CSS AREA END =====================*/

/*===================== OFFCANVAS CSS AREA START =====================*/
.menu-close {
    position: absolute;
    top: 30px;
    right: 28px;
    cursor: pointer;
    transition: 0.4s;
}

.menu-close:hover {
  color: #000;
  background: #fff;
}

.offcanvas-area {
  position: fixed;
  left: -100%;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  visibility: hidden;
  top: 0;
  overflow-y: scroll;
}

.offcanvas-area.active {
  left: 0;
  visibility: visible;
}

.offcanvas-area .main-menu ul li a:hover,
.offcanvas-area .main-menu ul li a[aria-expanded="true"] {
  color: #000;
}

.offcanvas-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 99;
}

.offcanvas-overlay.active {
  opacity: 0.4;
  visibility: visible;
}

.offcanvas-area {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.offcanvas-area::-webkit-scrollbar {
  display: none;
}
.offcanvas-menu {
  margin-top: 100px;
}

.menubar__all__element {
    padding: 18px 28px;
}
.menubar__search {
    display: flex;
    align-items: center;
    background: #F0F0F0;
    padding: 12px 17px;
    gap: 11px;
    margin-bottom: 40px;
}

.menubar__search input {
    background: transparent;
}

.menubar__bottom {
    background: var(--dark-blue);
    padding: 33px 35px 55px;
}

.menubar__contact {
    margin-bottom: 23px;
    color: #fff;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.menubar__contact p a {
    color: #fff;
}

.menubar__social ul {
    display: flex;
    align-items: center;
    gap: 38px;
}

.menubar__bottom > a {
    background: var(--dark-green);
    color: #fff;
    margin-top: 34px;
    width: 129px;
    height: 41px;
    font-size: 20px;
    font-weight: 700;
}
.accordion-body.accordion-body1 ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.accordion-body.accordion-body1 ul li a, .menubar__item {
    color: var(--dark-blue) !important;
    
}
.menubar__logo {
    padding: 12px 28px;
}
.menubar__item {
    padding: 14px 0px !important;
    font-size: 18px !important;
}

.menubar__all__element .accordion-item {
    border-bottom: 1px solid #2E546433 !important;
}
/*===================== OFFCANVAS CSS AREA END =====================*/

/*===================== header area start =====================*/
.header__area {
  background-color: #fff;
}
.header__wrap {
    padding: 15px 0px;
}

.header__right {
    gap: 40px;
}

.header__right > ul {
    gap: 30px;
}

.header__right > ul li a span {
    font-size: var(--font-20);
    font-weight: bold;
    color: var(--dark-blue);
}

.header__right > ul li a img {
    margin-top: -8px;
}
/*===================== header area end =====================*/

/*===================== hero area start =====================*/
section.hero__area {
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 76px;
    width: clamp(320px, 103.119vw - 0.092rem, 155.25rem);
    height: clamp(480px, 219.119vw - 130rem, 669px);
}
img.hero__shape {
    position: absolute;
    width: 50%;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
}

.hero__content a.btns {
    width: 262px;
    height: 56.957px;
    border-radius: 3px;
    background: #01A58D;
    color: #FFF;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.10);
    font-size: var(--font-28);
    margin: 100px auto 0px;
}

.hero__content h1 {
    font-size: 60px;
    text-align: center;
    font-weight: 900;
    color: #fff;
}

.hero__content {
    max-width: 510px;
}
.hero__wrap {
    max-width: 514px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.screening__hero__content {
    max-width: 588px;
}




.hvideo__top {
    background: var(--dark-green);
    height: 395px;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.home__video {
    height: 490px;
    width: 100%;
    background: green;
}

section.hvideo__area {
    position: relative;
}

.hvideo__content h4 {
    font-size: var(--font-24);
}

.hvideo__content p {
    font-size: var(--font-18);
}

.hvideo__content a {
    max-width: 348px;
    margin: 0 auto;
    height: 50px;
    color: #fff;
    font-size: var(--font-18);
    font-weight: 700;
    background: var(--dark-green);
}
.home__video iframe {
    width: 100%;
    height: 100%;
}

.hvideo__top > img {
    position: absolute;
}

img.hvideo__top__green {
    left: 0px;
    bottom: -28%;
    width: 22%;
}

img.hvideo__top__white {
    right: 98px;
    bottom: 0%;
    width: 20%;
}

img.hvideo__top__orange {
    right: -37px;
    bottom: -52px;
    width: 18%;
}
.support__area2 > img {
    position: absolute;
}
img.support__area-white {
    bottom: 0px;
    width: 22%;
}
img.support__area-shaps {
    width: 12%;
    transform: rotate(180deg);
    bottom: 82px;
}
/*===================== hero area end =====================*/

/*===================== intro area start =====================*/
.intro__title {
    margin-bottom: 26px;
    text-align: center;
}

.intro__title h1 {
  color: var(--dark-blue);
}
.intro__title p {
    font-size: var(--font-20);
}
.intro__wrap {
  max-width: 1008px;
  margin: 0 auto;
}

.intro__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 15px;
}

.intro__main__card {
    border-radius: 10px;
    background: var(--dark-green);
    text-align: center;
    padding: 25px;
    color: #fff;
    margin: -10px 10px 10px -10px;
}
.intro__main__card h3, .intro__count h2 {
    color: #fff;
}
section.intro__area {
    margin-bottom: 66px;
}

.intro__count {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

.intro__count h2 span {
    color: var(--dark-yellow);
}

.intro__count h2 {
    font-weight: 700;
}

.intro__main__card h3 {
    font-size: var(--font-20);
    font-weight: 400;
}

.intro__card__area {
    display: flex;
    justify-content: flex-end;
}

.intro__card {
  width: 289px;
    border: 3px solid #FFC20E;
    border-radius: 10px;
}
/*===================== intro area end =====================*/

/*===================== mission area start =====================*/
.sec__title {
    text-align: center;
    padding: 45px 0px;
    color: #fff;
}
.mission__title {
    background: var(--light-blue);
}
.mission__wrap {
    background: var(--sky-blue);
}
.mission__top {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
}
.mission__top__card {
    align-items: start;
    gap: 21px;
}

.mission__top__content h3 {
    font-size: var(--font-20);
    margin-bottom: 14px;
    font-weight: 700;
    color: var(--dark-blue);
}

.mission__top__content p {
    color: var(--dark-gray);
}

.mission__img {
    border: 3px solid #0D96D4;
    margin-right: 55px;
}

.mission__img img {
    width: 100%;
    margin-left: 17px;
    margin-top: 17px;
    margin-bottom: -17px;
}

.mission__content h4 {
    font-size: var(--font-16);
    margin-bottom: 29px;
    font-weight: 600;
    color: var(--dark-gray);
}

.mission__content > ul li {
    display: flex;
    align-items: start;
    gap: 13px;
}

.mission__content > ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
/*===================== mission area end =====================*/

/*===================== director area start =====================*/
.director__title {
  background-color: var(--dark-green);
}
.director__wrap {
  background-color: var(--light-green);
}
/*===================== director area end =====================*/

/*===================== executive member area start =====================*/
img.blue-circlses.position-absolute {
    transform: rotate(180deg);
    width: 15%;
    z-index: -1;
}

.executive__director h3 {
    font-size: var(--font-24);
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 33px;
}

.director__address__details {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-bottom: 26px;
    gap: 15px;
}
/*===================== executive member area end =====================*/

/*===================== committees__area member area start =====================*/
section.committees__area.pt-40.pb-40 {
    background: var(--ex-light-green);
}
img.committees__area__shape {
    position: absolute;
    right: 0px;
    bottom: 150px;
    width: 8%;
}
.committee__single__content h4 {
    margin-bottom: 35px;
    font-size: var(--font-20);
    font-weight: 700;
    color: var(--dark-blue);
}

.committee__single__content {
    margin-bottom: 35px;
    border-bottom: 1px solid #01A58D;
    padding-bottom: 35px;
}
.committee__titles2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.committee__titles2 span {
    width: 16px;
    height: 2.5px;
    background-color: var(--dark-green);
}
.committee__title h3 {
    font-size: var(--font-24);
    color: var(--dark-blue);
    font-weight: 700;
}
.committees__all__contents .committee__single__content:last-child {
    border: none;
    margin: 0;
    padding: 0px;
}
/*===================== committees__area member area end =====================*/

/*===================== upcoming area area start =====================*/
.upcoming__date {
    text-align: center;
    background: var(--dark-blue);
    width: 116px;
    color: #fff;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.upcoming__card {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 12px;
    background: #fff;
}

section.upcoming__area.pt-70.pb-70 {
    background: var(--light-white);
}

.upcoming__cards {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
}

.upcoming__date h2 {
    font-size: var(--font-26);
    font-weight: 300;
    color: #fff;
}

.upcoming__date h2 span {
    font-weight: 700;
    color: var(--dark-yellow);
}

.upcoming__date h4 {
    font-size: var(--font-22);
    color: #fff;
}

.upcoming__card__content h6 {
    font-size: var(--font-14);
    font-weight: 700;
    margin-bottom: 10px;
}

.upcoming__card__content p {
    font-size: 13px;
    font-weight: 500;
}

.upcoming__card__content p a {
    color: #000;
    text-decoration: underline;
}

a.see__more {
    margin-left: auto;
    margin-right: auto;
    display: grid;
    place-items: center;
    max-width: 343px;
    height: 40px;
    color: #fff;
    font-size: var(--font-18);
    background: var(--dark-green);
}
/*===================== upcoming area area end =====================*/

/*===================== sunshine area area start =====================*/
section.sunshine__area.pt-70.pb-70 {
    background: var(--dark-green);
}

.sunshine__content {
    color: #fff;
    z-index: 2;
}

.sunshine__content h3 {
    color: #fff;
}
img.position-absolute.committee__shape {
    transform: rotate(180deg);
    top: -100px;
    width: 15%;
}
/*===================== sunshine area area end =====================*/

/*===================== Board Vacancy area area start =====================*/
.committee__single__content p a {
    color: #000;
    text-decoration: underline;
}

a.sector__btn {
    display: grid;
    place-items: center;
    max-width: 216px;
    height: 40px;
    background: var(--dark-green);
    color: #fff;
    font-weight: 700;
    font-size: var(--font-18);
    margin-top: 24px;
}

.committee__single__content > ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 30px;
}

.committee__single__content > ul li {
    display: flex;
    align-items: start;
    gap: 31px;
}
/*===================== Board Vacancy area area end =====================*/

/*===================== Procurement area area strat =====================*/
.procurement__title {
    background: var(--dark-yellow);
}
.procurement__wrap {
  background-color: var(--light-yellow);
}
.main__title h2 {
    text-align: center;
    color: #fff;
}
img.position-absolute.mission__shape {
    transform: rotate(-90deg);
    bottom: -95px;
    left: 29px;
    width: 10%;
}
.director__wrap {
    background: var(--ex-light-green);
}

.vendor__registration p a {
    color: var(--dark-blue);
    text-decoration: underline;
}

.vendor__form ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vendor__form ul li {
    display: flex;
    align-items: center;
    gap: 11px;
}

.vendor__form ul li span {
    color: var(--dark-blue);
}

.request__proposal p {
    color: var(--dark-gray);
}

.request__proposal > a.btns,.whistleblower__content > a.btns {
    width: 216px;
    height: 48px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    font-size: var(--font-18);
    text-transform: uppercase;
}
.request__proposal > a.btns {
    background: var(--dark-yellow);
}
.whistleblower__content > a.btns {
  background: var(--orange);
  margin-left: auto;
  margin-right: auto;
}
.request__proposal div a {
    color: var(--dark-blue);
}
/*===================== Procurement area area end =====================*/

/*===================== whistleblower area area start =====================*/
.whistleblower__title {
  background-color: var(--orange);
}
/*===================== whistleblower area area end =====================*/

/*===================== concerns area area start =====================*/
.concerns__title {
  background-color: var(--dark-red);
}
.concerns__title2 {
    background-color: var(--dark-red) !important;
}
.concerns__wrap {
  background-color: var(--light-red);
}
.concerns__content p a {
  color: var(--dark-blue);
}
/*===================== concerns area area end =====================*/

/*===================== footer area area start =====================*/
.footer__area {
  background-color: var(--dark-blue);
}
.footer__content h5 {
    color: #C3ECFF;
    font-size: var(--font-18);
    margin-bottom: 23px;
}

.footer__content {
    color: #fff;
}

.footer__content > ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer__content > ul li a {
    color: #fff;
}

.footer__sec {
    border-bottom: 1px solid #FFFFFF4D;
}

.footer__copyright {
    text-align: center;
    color: #fff;
}

.footer__copyright h5 {
    color: #fff;
    font-size: var(--font-18);
}

.footer__social {
    margin: 15px 0px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 38px;
}

.footer__copyright span {
    font-size: var(--font-12);
}
.footer__logo {
  margin-bottom: 25px;
}
.footer__btn {
background: var(--dark-yellow);  
width: 146px;
height: 42px;
margin-left: auto;
font-size: var(--font-24);
font-weight: 700;
color: var(--dark-blue);
border-radius: 3px;
}
.footer__sec__wrap {
    max-width: 939px;
    margin: 0 auto;
}
/*===================== footer area area end =====================*/

/*===================== investing area area start =====================*/
.investing__content a {
    background: var(--light-blue);
    color: #fff;
    height: 40px;
    border-radius: 3px;
    max-width: 256px;
    margin: 0 auto;
}
.support__elements {
    background: var(--sky-blue);
}

.support__content {
    text-align: center;
}

.support__content p {
    font-size: var(--font-20);
}

.support__card {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    font-weight: 600;
    padding: 0px 42px;
}
.support__card p {
  font-size: var(--font-14);

}
/*===================== investing area area end =====================*/

/*===================== eligibility area area start =====================*/
.elighibility__list > ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    /* padding-right: 46px; */
}

.elighibility__list > ul li {
    display: flex;
    align-items: start;
    gap: 13px;
}

.eligibility__card {
    border: 2px solid #EFB100;
    border-radius: 10px;
    max-width: 338px;
    margin-left: auto;
}

.eligibility__front__card {
    background: var(--light-blue);
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 32px 20px;
    margin: -10px 10px 10px -10px;
}

.eligibility__front__card * {
    font-size: 18px;
    color: #fff;
}

.eligibility__front__card p {
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 28px;
}

.eligibility__front__card h5:last-child {
    margin-top: 6px;
}

.eligibility__title.text-center p {
    font-size: var(--font-18);
}
.sliding__content p {
  font-size: var(--font-20);
  text-align: center;
}
img.position-absolute.eligibility__shape {
    top: -234px;
    left: -264px;
    z-index: -1;
    width: 30%;
}
img.position-absolute.eligibility__shape2 {
    width: 12%;
}
/*===================== eligibility area area end =====================*/

/*===================== applys area start =====================*/
.applys__title {
    background: var(--dark-yellow);
}

.applys__list ul {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.applys__list ul li {
    display: flex;
    align-items: start;
    gap: 16px;
}

.applys__list__content {
    margin-top: 10px;
}

.applys__list__content span a {
    color: #000;
}

.applys__list__content h6 {
    color: #000;
    margin-bottom: 12px;
}

.applys__all__video {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.applys__video {
  max-width: 588px;
    height: 189px;
    background: #7F7F7F;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 15px;
    position: relative;
}
.applys__video iframe {
    height: 100%;
    width: 100%;
}
.applys__video2 {
  height: 298px;
}
.applys__video2 {
    height: 298px;
    margin: -72px auto 0;
}
.applys__video h6 {
    color: #fff;
    font-size: 15px;
}

.applys__video a {
    position: absolute;
    z-index: 1;
    inset: 0;
}
img.position-absolute.applys__shape {
    top: 0px;
    right: -193px;
    z-index: -1;
    width: 24%;
}
.waitlist__info {
    border: 2px solid #EFB100;
    border-radius: 10px;
    margin-left: 12px;
}
img.position-absolute.applys__shape2 {
    bottom: -68px;
    left: -118px;
    z-index: -1;
    width: 25%;
}
.waitlist__info__card {
    border-radius: 10px;
    background: var(--dark-green);
    margin: -10px 10px 10px -10px;
    padding: 23px 17px;
    color: #fff;
}

.waitlist__info__card h5 {
    font-size: var(--font-18);
    margin-bottom: 16px;
    font-weight: 600;
    color: #fff;
}

.waitlist__info__card ul {
    list-style: disc;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-left: 17px;
    padding-right: 30px;
    font-size: var(--font-14);
}

ul.applys__rule {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

ul.applys__rule li {
    display: flex;
    align-items: start;
    gap: 12px;
}

ul.applys__rule li span {
    font-size: var(--font-17);
}
/*===================== applys area end =====================*/

/*===================== employment area start =====================*/
.household__contents {
  background-color: #FFDBA2;
}
ul.employment__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

ul.employment__list li {
    display: flex;
    align-items: start;
    gap: 25px;
}

.employment__list__content h6 {
    color: #000;
    font-weight: 600;
    font-size: var(--font-17);
}

.employment__list__content a {
    color: var(--dark-blue);
    font-size: var(--font-14);
    text-decoration: underline;
}
.employment__title {
    background-color: var(--orange);
}
/*===================== employment area end =====================*/

/*===================== reporting area start =====================*/
.reporting__title {
  background-color: var(--dark-red);
}
.reporting__card__title h3 {
  font-size: var(--font-24);
}

.reporting__card {
    display: flex;
    align-items: start;
    gap: 10px;
}

.reporting__card p {
    font-size: var(--font-17);
}

.reporting__card p a {
    color: var(--dark-blue);
    text-decoration: underline;
}
/*===================== reporting area end =====================*/

/*===================== transfer area start =====================*/
.transfer__title {
  background-color: var(--dark-purple);
}
.transfer__content h3 {font-size: var(--font-24);}

.transfer__content p {
    font-size: var(--font-18);
}
.readiness__slider__area > a.btns {
    background: var(--dark-green);
    color: #fff;
    max-width: 348px;
    height: 50px;
    font-size: var(--font-18);
    font-weight: 700;
    margin: 0 auto;
}
.parents__area2 {
    background: #DCF3F0;
}

.transfer__cards__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.transfer__card {
    display: flex;
    align-items: start;
    gap: 20px;
}

.transfer__card * {
    font-size: var(--font-16);
    color: #000;
}

.transfer__card h6 {
    margin-bottom: 6px;
}
.transfer__all__cards {
  background-color: var(--light-purple);
}
/*===================== transfer area end =====================*/

/*===================== parents area start =====================*/
.parents__title {
  background-color: var(--dark-green);
}
.parents__title2 {
    background-color: var(--light-blue) !important;
}




.readiness__slider__title h4 {
    font-size: var(--font-24);
}

.readiness__single__slider {
    position: relative;
    /* height: 666px; */
}
.owl-carousel .owl-stage {
    display: flex !important;
    justify-content: center !important;
}
.readiness__single__slider img {
    position: absolute;
    inset: 0;
}
.readiness__single__slider {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 666px;
    overflow: hidden;
}
.readiness__slider__content {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 118px 70px;
}

.readiness__slider__content h2,.readiness__slider__content p {
    font-size: var(--font-28);
    margin-bottom: 12px;
    color: #fff;
}



.owl-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

button.owl-next img {
    transform: rotate(180deg);
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent !important;
}

.owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    margin-right: 110px;
}

.owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
}

.owl-dots button span {
    width: 16px !important;
    height: 16px !important;
    margin: 0px !important;
    background: #2E546480 !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--dark-blue) !important;
}

.readiness__single__slider2 {
    display: flex;
    align-items: center;
    justify-content: center;
}



.faq__lists .accordion .accordion-item:last-child {
    border: none !important;
    margin: 0px;
}
.accordion-body {
    padding-bottom: 46px;
}


/*===================== parents area end =====================*/

/*===================== faq area start =====================*/
.faq__content {
    background-color: #DCF3F0;
}

.accordion-item {
    background: transparent !important;
    border: none !important;
}

button.accordion-button {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: var(--font-18);
    font-weight: 700;
}

.accordion-item {
    border-bottom: 1px solid #0000001c !important;
}

/*===================== faq area end =====================*/

/*===================== sliding area start =====================*/
.sliding__charts__area {
  max-width: 647px;
  margin: 0 auto;
}

.sliding__charts {
    background: #D9D9D9;
    border: 2px solid #01A58D;
}

.sliding__chart__title h3 {
    color: #000;
    font-size: var(--font-24);
    text-align: center;
    padding: 20px 0px;
}

.sliding__chart__table h5 {
    background: var(--dark-green);
    color: #fff;
    text-align: center;
    font-size: var(--font-18);
    font-weight: 600;
}

.scale__chart table thead th {
    text-align: center;
    background: var(--dark-green);
    color: #fff;
}

.scale__chart table thead th,.scale__chart table tbody tr td {
    border-left: 4px solid #D9D9D9;
    font-size: var(--font-16);
    text-align: center;
    font-weight: 600;
}

.scale__chart table {
    width: 100%;
}

.scale__chart table tbody tr td {
    background: #fff;
    padding: 21px 7px;
}

.sliding__charts a {
    text-decoration: underline;
    color: var(--dark-blue);
    font-size: var(--font-18);
    text-align: center;
    display: block;
    padding: 18px 0px;
}
.scale__chart {
    display: flex;
}
.sliding__chart__table > h5 {
  border-bottom: 4px solid #D9D9D9;
  padding: 6px;
}
.household__income h5 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    height: 141px;
    padding: 6px;
}
.sliding__chart__title {
  padding-left: 33px;
  padding-right: 33px;
  text-align: center;
}
.sliding__chart__title p {
  margin-bottom: 18px;
  font-size: var(--font-17);
}

.sliding__title {
  background-color: var(--dark-green);
}
/*===================== sliding area end =====================*/

/*===================== warm area start =====================*/
.warm__wrap {
  background-color: #C3ECFF;
}
.warm__content p {
  font-size: var(--font-17);
}
.warm__content p:last-child {
  font-size: 16px;
}

.warm__cards {
    border: 2px solid #FFC20E;
    border-radius: 10px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.warm__cards2 {
    max-width: 336px;
}
.warm__card {
    background: var(--dark-green);
    color: #fff;
    border-radius: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
    margin-left: -54px;
    margin-right: 10px;
    padding: 25px;
}
.warm__card2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-left: -15px;
}
.warm__card p {
    font-size: 16px;
}

.warm__card p a {
    color: #fff;
}
/*===================== warm area end =====================*/

/*===================== devresources area start =====================*/
.devresources__title {
  background-color: var(--light-blue);
}
.devresources__all__content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.devresources__card__content * {
    font-size: var(--font-16);
}

.devresources__card__content h6 {
    margin-bottom: 2px;
    color: #000;
}

.devresources__card__content a {
    color: var(--dark-blue);
    text-decoration: underline;
} 
.devresources__title1,.behaviors__title {
  background-color: var(--dark-green);
} 
.concerns__title {
  background-color: var(--dark-yellow);
}
.supportreport__title {
  background-color: #F77934;
}
.envfector__title {
  background-color: var(--dark-red);
}
.autism__title {
  background-color: var(--dark-purple);
}
.identification__title {
  background-color: var(--light-blue);
}

.behavior__cards {
    border: 2px solid #FFC20E;
    border-radius: 10px;
    margin-left: 24px;
}

.behavior__card {
    background: var(--dark-green);
    color: #fff;
    padding: 24px;
    text-align: center;
    font-size: var(--font-18);
    border-radius: 10px;
    margin: -6px 6px 6px -25px;
}

.behavior__card a {
    color: #fff;
}
/*===================== devresources area end =====================*/

/*===================== ccrr support area end =====================*/
.ccrr__title p {
    color: var(--dark-gray);
    font-size: var(--font-20);
}

.ccrr__help__list ul {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.ccrr__help__list ul li {
    display: flex;
    align-items: start;
    gap: 23px;
}

.ccrr__help__list ul li img {
    margin-top: -11px;
}

.ccrr__cards {
    border: 2px solid #EFB100;
    border-radius: 10px;
    max-width: 382px;
    margin: 0 auto;
}

.ccrr__card {
    padding: 25px;
    background: var(--dark-green);
    color: #fff;
    text-align: center;
    border-radius: 10px;
    margin: -10px 10px 10px -10px;
}

.ccrr__card p {
    font-size: var(--font-18);
}

.ccrr__card p a {
    color: #fff;
    text-decoration: underline;
}
/*===================== ccrr support area end =====================*/

/*===================== find area start =====================*/
.find__title {
  background-color: var(--light-blue);
}
.reqprovider {
  background-color: var(--sky-blue);
}

.find__content p {
    font-size: var(--font-18);
}

.find__cards {
    border: 3px solid #0D96D4;
    max-width: 664px;
    height: 411px;
    margin-left: auto;
    margin-right: auto;
}

.find__cards img {
    margin: 16px;
    width: 100%;
}

.find__list h6 {
    /* font-size: var(--font-18); */
}

.find__list ul {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.find__list ul li {
    display: flex;
    align-items: start;
    gap: 14px;
}

.reqprovider__content {
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

.reqprovider__content h3 {
    font-size: var(--font-24);
}

.reqprovider__content > a {
    max-width: 343px;
    width: 100%;
    height: 40px;
    color: #fff;
    background: var(--light-blue);
    font-weight: 700;
    font-size: var(--font-18);
}

.reqprovider__content p {
    font-size: var(--font-18);
}

.reqprovider__content p a {
    color: #000;
}
/*===================== find area end =====================*/

/*===================== identify area start =====================*/
.identify__title {
  background-color: var(--dark-green);
}
.identify__content p,.identify__content h5 {
    font-size: var(--font-18);
    color: #000;
}

.identify__list__content p {
    font-size: var(--font-16);
    margin-top: 15px;
}

ul.identify__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul.identify__list li {
    display: flex;
    align-items: start;
    gap: 22px;
}

ul.identify__list li img {
    margin-top: -10px;
}
/*===================== identify area end =====================*/

/*===================== ccrresource area start =====================*/
.ccrresource__area {
  background-color: var(--ex-light-green);
}

.ccrresource__title h3 {
    font-size: var(--font-24);
}

.ccrresource__cards p {
    font-size: var(--font-18);
}

.ccrresource__card {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.ccrresource__card__img__content {
    display: flex;
    align-items: start;
    gap: 16px;
}

.ccrresource__card__img__content h6 {
    font-size: var(--font-18);
    color: #000;
}

.ccrresource__card2 {
    border-bottom: 1px solid #01A58D;
}

.ccrresource__cards .ccrresource__card:last-child {
    margin: 0px;
    padding: 0px;
}
.ccrresource__card__row {
    padding: 0px 25px;
}
/*===================== ccrresource area end =====================*/

/*===================== class area start =====================*/
.quick__link {
  background-color: var(--light-white);
}
.class__card {
    display: flex;
    align-items: start;
    gap: 23px;
    text-align: start;
}

.class__card__content h6 {
    font-size: var(--font-18);
    color: #000;
}

.class__card__content a {
    font-size: var(--font-14);
    color: var(--dark-blue);
    text-decoration: underline;
}

.quick__link__content p {
    color: var(--dark-blue);
    font-size: var(--font-18);
}

.class__content p {
    font-size: var(--font-18);
}
/*===================== class area end =====================*/

/*===================== devscreening area start =====================*/
.submit__req {
  background-color: #F9F9F9;
}
.devscreening__card img {
    margin-bottom: 10px;
}
.submit__cards {
    border: 3px solid #FFC20E;
    border-radius: 10px;
    margin-left: auto;
    margin-bottom: 15px;
}
.position_shape {
    position: relative;
    z-index: 2;
}
img.devscreening__shape.position-absolute {
    transform: rotate(180deg);
    bottom: 100px;
    width: 15%;
    z-index: 1;
}
.submit__card {
    background: var(--dark-green);
    color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 10px;
    margin: -10px 10px 10px -10px;
}

.submit__card p a {
    color: #fff;
}

.submit__cards__area p {
    font-size: var(--font-14);
}

.submit__cards__area {
    max-width: 340px;
    margin-left: auto;
}

a.btns.submit__btn {
    background: var(--dark-green);
    max-width: 358px;
    margin: 0 auto;
    height: 48px;
    color: #fff;
    border-radius: 3px;
    font-size: var(--font-20);
    font-weight: 700;
}
/*===================== devscreening area end =====================*/

/*===================== devscreen area start =====================*/
.screen__btn {
  background-color: var(--light-blue) !important;
}
.devscreen__title {
  background-color: var(--light-blue);
}
.devscreen__wrap {
  background-color: var(--sky-blue);
}
.devscreen__content h5 {
    font-size: var(--font-20);
}
.devscreen__card__content {
    border-bottom: 1px solid #0D96D4;
}
.complience__title h4 {
  font-size: var(--font-22);
}

.complience__content ul {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.complience__content ul li {
    display: flex;
    align-items: start;
    gap: 13px;
}

.complience__cards {
    border: 3px solid #FFC20E;
    border-radius: 10px;
    max-width: 395px;
}

.complience__card {
    padding: 21px;
    text-align: center;
    background: var(--light-blue);
    margin: -10px 10px 10px -10px;
    border-radius: 10px ;
}

.complience__card h5 {
    color: #fff;
    font-size: var(--font-20);
    margin-bottom: 20px;
}

.complience__card a {
    color: #fff;
    text-decoration: underline;
}
.complience__content {
    padding-right: 42px;
}
.complience__card__main {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
}
/*===================== devscreen area end =====================*/

/*===================== importants area start =====================*/
.importants__img {
    border: 3px solid #0D96D4;
    margin-top: 38px;
    margin-left: 10px;
    height: 338px;
}

.importants__img img {
    width: 100%;
    margin: -38px 10px 10px -10px;
    height: 108%;
}

.importants__content h4 {
    font-size: var(--font-22);
}

.importants__content ul li {
    display: flex;
    align-items: start;
    gap: 8px;
}

.importants__content ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.importants__content ul li img {
    width: 21px;
}

.importants__content {
    margin-left: 29px;
}
/*===================== importants area end =====================*/

/*===================== asq area start =====================*/
.asq__area {
  background-color: var(--sky-blue);
}

.asq__title h4 {
    font-size: var(--font-22);
}

.asq__title h5 {
    font-size: var(--font-20);
    color: #000;
}

.asq__list ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.asq__list ul li {
    display: flex;
    align-items: start;
    gap: 14px;
}

.asq__list ul li h6 {
    font-size: var(--font-18);
    margin-bottom: 9px;
}

.asq__list ul li p {
    font-size: var(--font-17);
}
.asq__title h4 {
    font-size: var(--font-22);
}

.asq__title h5 {
    font-size: var(--font-20);
    color: #000;
}

.asq__list ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.asq__list ul li {
    display: flex;
    align-items: start;
    gap: 14px;
}

.asq__list ul li h6 {
    font-size: var(--font-18);
    margin-bottom: 9px;
}

.asq__list ul li p {
    font-size: var(--font-17);
}

.asq__img {
    border: 3px solid #0D96D4;
    height: 411px;
    margin-right: 18px;
}

.asq__img img {
    width: 101%;
    height: 101%;
    margin: 10px -12px -10px 12px;
}
.asq__area2 {
  background-color: #fff;
}
/*===================== asq area end =====================*/

/*===================== vision__title area start =====================*/
.vision__title {
  background-color: var(--dark-yellow);

}
.visions__wrap {
    position: relative;
    z-index: 2;
}
.vision__all__content {
  background-color: var(--light-yellow);
  z-index: 0;
}
img.position-absolute.visions__shape2 {
    right: 0px;
    bottom: 121px;
    transform: rotate(180deg);
    width: 12%;
}
img.position-absolute.visions__shape {
    transform: rotate(180deg);
    top: 443px;
    width: 15%;
}
.visions__conten__card h6 {
    margin-bottom: 13px;
    font-size: var(--font-20);
}

.visions__conten__card p {
    font-size: var(--font-17);
}

.visions__conten__card {
    padding-right: 20px;
}

.visions__main__cards {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}

.visions__cards {
    border: 2px solid #EFB100;
    border-radius: 10px;
    max-width: 288px;
}

.visions__card {
    background: var(--light-blue);
    color: #fff;
    border-radius: 10px;
    padding: 27px 22px;
    margin: -10px 10px 10px -10px;
}

.visions__video__area {
  position: relative;
}
.visions__video__area::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #FFF5DF;
  z-index: -1;
}
.visions__video__content h4 {
    font-size: var(--font-22);
}

.visions__video__content__card h5 {
    font-size: var(--font-20);
    color: #000;
}

.visions__video__content a {
    background: var(--dark-yellow);
    max-width: 312px;
    height: 55px;
    color: #fff;
    margin: 0 auto;
    font-size: var(--font-24);
    font-weight: 700;
}
/*===================== vision__title area end =====================*/

/*===================== helpsupport area start =====================*/
.helpsupport__title {
    background-color: var(--orange);
}
.helpsupport__wrap {
    background-color: #FFDAB9 ;
}
.helpsupport__img {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #F77934;
}
img.position-absolute.helpsupport__shape {
    top: 274px;
    width: 9%;
}
.helpsupport__img img {
    width: 100%;
    margin: 18px -18px -18px 18px;
}

ul.helpsupport__list {
    display: flex;
    flex-direction: column;
    gap: 23px;
    text-align: start;
}

ul.helpsupport__list li {
    display: flex;
    align-items: start;
    gap: 21px;
}

ul.helpsupport__list li img {
    margin-top: -4px;
}
.reporting__content2 h4 {
    font-size: var(--font-22);
    font-weight: 600;
}
img.position-absolute.reporting__shape {
    right: -114px;
    bottom: 0px;
    width: 31%;
}
/*===================== helpsupport area end =====================*/

/*===================== florida-servides area start =====================*/
.florida__service__area {
    background-color: #E9E9E9;
}
.florida__service__wrap p {
    font-size: var(--font-18);
}

.florida__service__wrap ul li a {
    color: #000;
    font-weight: 500;
}
/*===================== florida-servides area end =====================*/