.apply-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';}
.apply-hero-text  h1  {color: white;font-weight: bolder;font-family: 'Century Gothic','Poppins', 'Questria';}
.apply-hero-text  small  {color: rgb(224, 224, 224);font-weight: lighter;font-family:'Century Gothic',
                            'Poppins', 'Questria'; margin-left: 10px;}

/* eligibility section */

.eligibility-section    {display: grid;grid-template-columns: 1fr 1fr;font-family: 'Century Gothic','Poppins', 'Questria','Roboto';}
.eligibility-tab     {justify-self: right; font-family:'Century Gothic','Poppins',  'Questria';}
.apply-tab      {text-decoration: none;color:inherit; font-family:'Century Gothic','Poppins',  'Questria'; }
.eligibility-tab a {text-decoration: none;color:inherit; text-align: right;}
.apply-tab a       {text-decoration: none;color:inherit }
.eligibility-tab a:hover, .apply-tab a:hover       {color:green }
#elgb   {justify-self:right;padding-right: 20px;font-weight: bold;}
#aply   {padding-right: 20px;font-weight: bold;}
#elgb img  {width: 30px;}
#aply img  {width: 25px;}


/* .elgb_apply_tabs    {border: 1px solid rgb(239, 238, 238);} */
.elgaply-tabs       {display: grid;grid-template-columns: 1fr;grid-gap: 10px;}
.eligible           {border: 1px solid rgb(224, 223, 223);}
.elgb-title         {font-weight: bolder;padding:10px;font-size: large;font-family:'Century Gothic','Poppins', 'Questria', "Roboto"; }
.elgb-text       {font-family: 'Century Gothic','Poppins', 'Questria', 'Open Sans';font-size: 14px;   text-justify: auto;padding:5px;margin-top: -10px;}
.elgb-text ul li    {margin-bottom: 10px;font-family: 'Century Gothic','Poppins', 'Questria';}
.elgb-text2          {font-family: 'Century Gothic','Poppins', 'Questria','Open Sans';font-size: 14px;   text-justify: auto;padding: 5px;margin-top: -10px;}
.elgb-text2   ul li       {list-style-type: none; text-justify:distribute; font-family: 'Century Gothic','Poppins', 'Questria';}

.elgb-boxes       {display: grid;grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px;font-family:'Century Gothic','Poppins',  'Questria';}
.elgb-box1        {border: 1px solid rgb(249, 249, 249);width: 100%;}
.elgb-box-img     {display: grid; grid-template-columns: 40px 1fr;border: 1px solid rgb(230, 229, 229);padding:5px}
.elgb-box-img  img {width: 30px;border-radius: 50%;}

.elgb-box-img .elgb-box-textp       {font-weight: bold;font-family:'Century Gothic','Poppins', 'Questria';}
.elgb-box-img .elgb-box-textp  span small    {font-weight: lighter;font-size: small;color: rgb(70, 70, 70);font-family:'Century Gothic','Poppins',  'Questria';}

.eligibility-notification    {background-color: rgb(222, 243, 222); display: grid;grid-template-columns: 1fr 10fr;
                            padding: 10px; border-radius: 10px;}
.eligibility-notification  .elgb-not-img  img  {width: 40px;}
.elgb-not-text1         {font-weight: bolder;font-family:'Century Gothic','Poppins',  'Questria';}
.elgb-not-text2         {font-family:'Century Gothic','Poppins','Questria';}


/* apply tab */
.apply      {border: 1px solid rgb(227, 225, 225);}
.apply-title         {font-weight: bolder;font-size:Large;font-family:'Century Gothic','Poppins', 'Questria', "Roboto";text-align: left;padding: 10px; }
.apply-sub-titles   {font-weight: normal;padding: 10px;font-family: 'Century Gothic','Poppins';}

.apply-program-items    {display: grid;grid-template-columns: 1fr 1fr 1fr;padding: 5px; grid-gap: 20px;}
.apply-program1         {padding: 5px;border: 1px solid rgb(232, 241, 232);display: grid;grid-template-columns: 1fr;}
.apply-program-title     {font-weight: bold;font-size: small;font-family:'Century Gothic','Poppins',  'Questria';}
.apply-program-text  small    {font-weight: lighter;font-family:'Century Gothic','Poppins',  'Questria';}


@media (max-width:1020px) {

    .elgb-boxes       {display: grid;grid-template-columns: 1fr; grid-gap: 10px;}

    .apply      {border: 1px solid rgb(217, 215, 215);}

    .apply-program-items    {display: grid;grid-template-columns: 1fr 1fr;padding: 5px; grid-gap: 10px;}
    
    .apply-program1         {padding: 5px;border: 1px solid black;display: grid;grid-template-columns: 1fr;background-color: rgb(242, 247, 242);}

    .eligibility-tab     {justify-self: left; font-family:'Century Gothic','Poppins',  'Questria';}

    .eligibility-tab a {text-decoration: none;color:inherit; text-align: left;}


    .eligibility-notification    {background-color: rgb(222, 243, 222); display: grid;grid-template-columns: 1fr 5fr;
                            padding: 10px; border-radius: 10px;}
}