.about-hero-section {
    height: 50vh;
    width: 100%;
    
} 

.about-banner {
    width: 100%;
    height: 300px;

    background:
        linear-gradient(to right, rgb(5, 26, 9), rgba(0,0,0,0.4)),
        url('../assets/images/rural_nig.png');

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10px;
} 
.about-text  {color:whitesmoke;font-family:'Century Gothic','Poppins','Poppins','Questrial', 'Open Sans';padding: 15px;}

.about-text .home-about    {color: rgb(206, 205, 205);font-family: 'Century Gothic','Poppins','Poppins', 'Questrial';}

.about-text h1  {margin-left: -10px;}

.about-text h1,small  {font-weight: bold;font-family:'Century Gothic','Poppins','Poppins', 'Questrial';}

.write-up   {width: 40%;padding: 10px;font-family:'Century Gothic','Poppins','Poppins', 'Questrial';}

.summary    {font-weight: normal;color: rgb(206, 205, 205); ;font-family:'Century Gothic','Poppins';}
/* .about-banner{
    height:300px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
} */

.legacy-section {}
.lagcy-item-1   {padding: 10px;}
.legecy-writeup   {width: 95%;font-family: 'Questrial';}
.legecy-writeup p {color: rgb(6, 143, 6);font-weight: bold;}
.legecy-writeup h4 {font-weight: bolder;font-family:'Century Gothic','Poppins','Questrial', 'Roboto';}
.legecy-writeup small {font-family: 'Century Gothic','Poppins','Questrial','Open Sans';color: rgb(64, 63, 63);font-weight: 700;text-align: justify;}
.legacy-items   {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;}

/* .lagcy-item-2   {border: 2px solid rgb(0, 4, 255);} */
.legacy-img     {padding: 15px;}
.legacy-img img {width: 500px;height: 40vh;border-radius: 15px;}
.leg-writeup    {font-size: small;font-family:'Century Gothic','Poppins', 'Questrial';
                text-align: justify;line-height: 1.7;
                    margin-bottom: 1.5rem;
                    hyphens: auto;
                    overflow-wrap: break-word;}

.big-img    {width: 500px;height: 70vh;}
.truncate   {display: none;font-family:'Century Gothic','Poppins',  'Questrial';}

/* mission & vision */

.about-mis  {background-color: rgb(239, 244, 239);font-family: 'Century Gothic','Poppins', 'Questrial';}
.about-vis  {background-color: rgb(237, 244, 246);font-family:'Century Gothic','Poppins',  'Questrial';}
.about-val  {background-color: rgb(243, 243, 233); font-family: 'Century Gothic','Poppins', 'Questrial';}
.mission-text   {font-weight: 100;font-size:100;font-family: 'Century Gothic','Poppins';text-align: justify;}

.about-prog-text   {font-weight: 100;font-size:small;font-family: 'Century Gothic','Poppins';text-align: justify;}

.about-prog  a button      {font-size: smaller;}

.mission-item2  h5      {color: rgb(000, 100, 56);}


/* obj & focus section */
.objective-section  {display: grid;grid-template-columns: 1fr 1fr;
    padding: 15px;grid-gap: 10px;border-radius: 10px;box-shadow:  0 2px 4px rgba(0,0,0,0.06),
  0 8px 24px rgba(0,0,0,0.10);}
.obj-title  {padding: 5px;font-family: 'Century Gothic','Poppins', 'Questrial';}
.obj-title h5 {color: rgb(000, 100, 56);font-weight: bold;}
.obj-caro   {border-radius: 15px;}

.function-title  {padding: 5px; font-family: 'Century Gothic','Poppins', 'Questrial';}
.function-title h5 {color: rgb(000, 100, 56);font-weight: bold;}
.fnc-caro   {border-radius: 15px;}

/* programmes flowchart */
.abt-prog-ch    {display: grid; grid-template-columns: 1fr 1fr;grid-gap: 20px;
                 }

.abt-prog-ch1   {width: 80%;height:auto;}

.abt-prog-ch1-btn   {display: flex; flex-direction: row;justify-content: space-evenly;}



/* meet the team */
/* .the-team  {text-align: center;} */
.card  {justify-self: center;font-family: "Google Sans";}
/* .card-img-top   {border-radius: 20px;} */
/* .img-bdy    {background-image: url(../assets/images/THE\ TEAM/bg-dark.jfif);} */
/* .img-bdy    {background-color: whitesmoke;color: black;text-align: left;}
.img-bdy .team-name   {font-size: 1000; font-weight: bolder;font-family: 'Segoe UI';}
.img-bdy .card-text  {font-family: 'Segoe UI';font-size: small;}
.the-team-icons     {width: 20px;height: 20px;} */

.team-header  .team-header-title {color: rgb(6, 143, 6);font-weight: bold;
                                font-family:'Century Gothic','Poppins',  'Questrial';}

.team-header  h4 {font-weight: bold;font-family: 'Century Gothic','Poppins', 'Questrial';}

.md-team    {width: 300px;height:400px;justify-self: center; 
             box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
                }
     
.md-team1-img   {width: 300px;height: 100%;border-radius: 15px;
                background-size:cover;
                background-position:center;
                background-repeat:no-repeat;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;}

.md-team    {position: relative;}

.md-team-member-name    {position: absolute;bottom:4rem; left: 1rem;font-size: larger;
                        font-weight:bold;color: white;
                        font-family: 'Century Gothic','Poppins', 'Questrial';}

.md-team-member-role    {position: absolute;bottom:3rem; left: 1rem;
    font-weight:bold;color: white;}

.team-divider   {border-top: 2px solid green;border-bottom: 2px solid green;background-color: rgb(000, 100, 56);
    padding: 5px;border-radius: 10px;}

.divider-item   {font-weight: bolder;font-family: 'Century Gothic','Poppins', 'Questrial';}
/* .md-team1-img  .team-member-name, small    {color: white;} */

.team-member-name, .team-member-names  {color: black;font-family: 'Century Gothic','Poppins',  'Questrial';}

.team1-writeup   .team-member-names  {color: black;}

.the-team   {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;}

.team1       {height: 500px;}

.team1-img      {height: 80%;
/* background-image: url(/static/public/assets/images/THE_TEAM/MD.jfif); */
background-size:cover;
    background-position:center;
    background-repeat:no-repeat;border-top-left-radius: 15px;border-top-right-radius: 15px;}

.team1, .team2, .team3, .team4  {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);padding: 10px;
    border-bottom-left-radius:15px; border-bottom-right-radius:15px}
    
/* directors section */
/* .directors-section      {display: grid; grid-template-columns: repeat(4,1fr);} */
 .directors-items      {display: grid; grid-template-columns: repeat(4,1fr);font-family:'Century Gothic','Poppins', 'Questrial','Roboto';grid-gap: 10px;}
 .director-1    {box-shadow:  0 2px 4px rgba(0,0,0,0.06),
  0 8px 24px rgba(0,0,0,0.10);padding:10px;}
.director-1   .director-name  {color: green;}



/* organizational structure */

.org-struc      {background-color: rgb(238, 247, 238);font-family:'Century Gothic','Poppins', 'Questrial', "Roboto";border-radius: 5px;}
.org-struc-items    {display:grid;grid-template-columns: 0.5fr 2fr 1fr;}
.org-item1   img   {width: 130px; height: auto;}
.org-item3 button img   {width: 30px; height: auto;}
.org-item2-items    {padding: 5px;width: 75%;}
.org-item2-title     {color: rgb(6, 143, 6);font-weight: bold;font-size: smaller;}
.org-item2-topic     {font-weight: 900;}
.org-item2-text     {font-weight: normal}
.org-item2   {}
.org-item1   img   {width: 130px; height: auto;}
.org-item3   {font-size: smaller; align-content: center;font-family: 'Century Gothic','Poppins' ;}
.dwn-btn-title  {font-size: 10px;margin-top: 0;font-family: 'Century Gothic','Poppins';}

/* programmes & flowcharts */
.prog-flowchart {background-color: rgb(238, 247, 238);font-family:'Century Gothic','Poppins', 'Questrial', "Roboto";border-radius: 5px;}
.prog-flowchart-items   {display:grid;grid-template-columns: 0.5fr 0.5fr 0.5fr; padding:10px}
.chart-item1    img {width: 30px; height: auto;}
.chart-item2    img {width: 30px; height: auto;}
.chart-item3    img {width: 30px; height: auto;}

.hide-desk  {display:none}



@media (max-width:1020px) {

.hide-desk   {display:block;}
.about-hero-section {
    height: 100%;
    width: 100%;
    
}

.about-banner {
    width: 100%;
    height: 100%;
} 

.about-banner .write-up   { width: 100%; padding: 10px;  height: auto;}

.write-up .summary    {color: rgb(206, 205, 205); width:100%;}


/* legacy section */
.legacy-items   {display: grid;grid-template-columns: 1fr;grid-gap: 5px;}
.legacy-img img {width:80%;height: auto;border-radius: 15px;}

/* objective section */
.objective-section  {display: grid;grid-template-columns: 1fr;
    padding: 10px;grid-gap: 10px;border-radius: 10px;box-shadow:  0 2px 4px rgba(0,0,0,0.06),
  0 8px 24px rgba(0,0,0,0.10);}

/* leadership section */

.the-team   {display: grid;grid-template-columns:1fr;grid-gap: 5px;}


.team1, .team2, .team3, .team4      {height: 500px;}
.team1-img      {height: 80%;
/* background-image: url(/static/public/assets/images/THE_TEAM/MD.jfif); */
background-size:cover;
    background-position:center;
    background-repeat:no-repeat;border-top-left-radius: 15px;border-top-right-radius: 15px;}

.team1, .team2, .team3, .team4  {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);padding: 10px;
    border-bottom-left-radius:15px; border-bottom-right-radius:15px}

 .directors-items      {display: grid; grid-template-columns: repeat(2,1fr);font-family:'Century Gothic','Poppins', 'Roboto';grid-gap: 10px;}

.hide-mob   {display: none;}

/* organizational structure */
.org-struc-items    {display:grid;grid-template-columns: 1fr }
.org-item2-items    {padding: 5px;width: 100%;}

/* flowchart & programmes  */
.prog-flowchart-items   {display:grid;grid-template-columns: 1fr; padding:10px; grid-gap: 10px;}

}

/* programmes flowchart */
.abt-prog-ch    {display: grid; grid-template-columns: 1fr ;grid-gap: 20px;
                 }