.structure-hero-section  {height: 30vh;  background :linear-gradient(to right, rgba(4, 20, 1, 1), rgba(0, 0, 0, 0.7)), 
                url('../assets/images/solarpanel.jfif');background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                padding: 10px;
}

.apply-hero-text    {color: white;font-family:'Century Gothic','Poppins', 'Questria';}
.structure-hero-text  h1  {color: white;font-weight: bolder;padding-top: 10px;font-family: 'Century Gothic','Poppins', 'Questria';}
.structure-hero-text  small  {color: rgb(224, 224, 224);font-weight: lighter;font-family:'Century Gothic','Poppins',  'Questria';margin-left: 10px;}

/* md ceo office  */
.structure-section      {border: 1px solid rgb(224, 224, 224);padding: 10px;}
.md-ceo-struc           {padding: 10px;}
.md-ceo-struc  h4         {font-weight: bold;color:green;font-family:'Century Gothic','Poppins',  'Questria','Oswald';}
.md-ceo-struc   p       { font-family:'Century Gothic','Poppins', 'Questria', 'Roboto','Oswald';}

/* directorates */
.directorates-card      {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px; font-family: 'Century Gothic','Poppins', 'Questria';}

.direc-card1            {display: grid;grid-template-columns: 1.5fr 5fr;border: 1px solid rgb(161, 249, 161);
                        height:fit-content; font-family:'Century Gothic','Poppins',  'Questria';}

.direc-card1 .direc-card-img     {justify-content: end;text-align: center;padding: 10px;}

.direc-card1 .direc-card-img img      {width: 60px;border-radius: 50%;}

.direc-card-text       {padding: 10px;}

.direc-card-text1       {font-weight: bolder;text-justify:auto;font-family: 'Century Gothic','Poppins', 'Questria';}

.direc-card-text2       {font-weight: normal;font-size: small;font-family: 'Century Gothic','Poppins', 'Questria','Oswald';}
.direc-list-items       {font-family:'Questria','Oswald';}
.direc-card-text3       {font-weight: bold;font-size: small;font-family:'Century Gothic','Poppins',  'Questria';}

.direc-card-text ul li       {font-size: small; padding: 10px;font-family:'Century Gothic','Poppins',  'Questria';}

.direct-toggle,.direct-toggle2,.direct-toggle3     {display:none;}

.addmoreicon, .addmoreicon2, .addmoreicon3              {justify-self:end ;}

/* structure department */
.dept1, .dept2,.dept3,.dept4,.dept5,
.dept6,.dept7,.dept8, .dept9,.dept10     {display: none;}

.deptic1,.deptic2,.deptic3,.deptic4,.deptic5,
.deptic6,.deptic7,.deptic8,.deptic9,.deptic10 {justify-self: end;}




@media (max-width:710px) {

    /* directorates  */
.directorates-card      {display: grid;grid-template-columns: 1fr;grid-gap: 20px;}
   
}