.education
{
      
    background-color: white;
    /* border: 4px solid black; */
    /* border-radius: 10px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
    
}


.education .mainpage
{
    background-color: white;
    color: black;
    border: 2px solid white;
    border-radius: 10px;
    margin: 2%;
    margin-top: 0%;
    margin-bottom: 2%;
    text-align: justify;
    box-shadow: -1px 1px 10px rgba(0, 0, 0, 1);

}




  #indexleft
{
    width: 30%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    
}

.mainpageleft
{   
    /* border: 2px solid red; */
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin:10%;


}



#indexleftdown
{
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   justify-content: center;

    
}


.leftdown
{
    /* border: 2px solid red; */
    border-radius: 10px;
    margin : 10px;
    margin-left: 15%;
    margin-right: 15%;
    padding: 3%;
    background-color: rgb(140, 21, 21);
    color: white;
    

} 


.leftdown:hover
{
    background-color: black;
    color:white ;

} 


#indexleftup
{
    background-color: rgb(140, 21, 21);
    color: white;
    padding:2%;
}


/* here we are working on the right side of mainpaige */

  #indexright
{
    width: 55%;
    line-height: 2;
    font-size: 20px;

}


#indexright p
{
    /* margin:4%;
    margin:25px; */
    margin-left: 25px;
    margin-right: 25px; 
    margin-bottom: 12px;
}

#indexright h3
{
    /* margin:4%;
     */
    /* margin-bottom: 2%; */
    /* margin:25px; */
    margin-left: 25px;
    margin-right: 25px; 
    margin-top: 13px;
    
    color: rgb(140, 21, 21);
}

#indexright h2
{
    /* margin:4%; */
    /* margin-bottom: 2%; */
    /* margin:25px; */
    margin-left: 25px;
    margin-right: 25px; 
    margin-top: 25px;
    color: rgb(140, 21, 21);
    text-align: center;
}

@media(max-width: 9in)
{
    #indexleft
    {
        width: 100%;
    }
    #indexleftdown
    {
        display: block;
        border: none;
        padding:2%;
        margin-top: 0px;
       
         
    }

    #indexright
    {
        width:100%;
    }
}

/* Here we are trying to build top down mainu in Education block */


.edu_item
{
    /* border: 2px solid red; */
    background-color: rgb(140, 21, 21);
    color: white;
    width: 150px;
    border-radius: 10px;
    
}

.edu_item ul
{
    list-style: none;

    
}

.edu_item ul li
{
     /* background-color: black; */
    color: black;
    margin:10%;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 5px;
}

.edu_item ul li a
{
    color: white;
}

.edu_item
{
    display: none;
}

#items1:hover .edu_item
{
    display: block;
    position: absolute;
    /* left:10%; */
    
}



#items1 .edu_item ul li:hover
{
    background-color: white;
    
}
 

.edu_item ul li a:hover
{
    color:black ;
}


/* Here we are trying to build top down mainu in Engineeiring */

.eng_item
{
    /* border: 2px solid red; */
    background-color: rgb(140, 21, 21);
    color: white;
    width: 150px;
    border-radius: 10px;
    
}

.eng_item ul
{
    list-style: none;

    
}

.eng_item ul li
{
     /* background-color: black; */
    color: black;
    margin:10%;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 5px;
    
}

.eng_item ul li a
{
    color: white;
}


.eng_item
{
    display: none;
}

#items2:hover .eng_item
{
    display: block;
    position: absolute;
    /* left:10%; */
    
}



#items2 .eng_item ul li:hover
{
    background-color: white;
    
}


.eng_item ul li a:hover
{
    color:black ;
}


/* Here we are setting the properties for the software developer */
.soft_item
{
    /* border: 2px solid red; */
    background-color: rgb(140, 21, 21);
    color: white;
    width: 150px;
    border-radius: 10px;
    
}

.soft_item ul
{
    list-style: none;

    
}

.soft_item ul li
{
     /* background-color: black; */
    color: black;
    margin:10%;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 5px;
    
}

.soft_item ul li a
{
    color: white;
}


.soft_item
{
    display: none;
}

#items3:hover .soft_item
{
    display: block;
    position: absolute;
    /* left:10%; */
    
}



#items3 .soft_item ul li:hover
{
    background-color: white;
    
}
 
.soft_item ul li a:hover
{
    color:black ;
}


/* Here we are setting the properties of goverments jobs */
.gov_item
{
    /* border: 2px solid red; */
    background-color: rgb(140, 21, 21);
    color: white;
    width: 150px;
    border-radius: 10px;
    
}

.gov_item ul
{
    list-style: none;

    
}

.gov_item ul li
{
     /* background-color: black; */
    color: black;
    margin:10%;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 5px;
    
}

.gov_item ul li a
{
    color: white;
}


.gov_item
{
    display: none;
}

#items4:hover .gov_item
{
    display: block;
    position: absolute;
    /* left:10%; */
    
}


#items4 .gov_item ul li:hover
{
    background-color: white;
    
}
 
.gov_item ul li a:hover
{
    color:black ;
}



/* here we are setting the properties for the jee advanced  */
.jee_item
{
    /* border: 2px solid red; */
    background-color: rgb(140, 21, 21);
    color: white;
    width: 150px;
    border-radius: 10px;
    
}

.jee_item ul
{
    list-style: none;

    
}

.jee_item ul li
{
     /* background-color: black; */
    color: black;
    margin:10%;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 5px;
    
}

.jee_item ul li a
{
    color: white;
}


.jee_item
{
    display: none;
}

#items5:hover .jee_item
{
    display: block;
    position: absolute;
    /* left:10%; */
    
}


#items5 .jee_item ul li:hover
{
    background-color: white;
    
}
 
.jee_item ul li a:hover
{
    color:black ;
}


/* here we are setting the properties of the medical */
.med_item
{
    /* border: 2px solid red; */
    background-color: rgb(140, 21, 21);
    color: white;
    width: 150px;
    border-radius: 10px;
    
}



 .med_item ul
{
    list-style: none;

    
}


.med_item ul li
{
    /* background-color: black; */
    color: black;
    margin:10%;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 5px;
    
}

.med_item ul li a
{
    color: white;
}


.med_item
{
    display: none;
}

#items6:hover .med_item
{
    display: block;
    position: absolute;
    
    
}


#items6 .med_item ul li:hover
{
    background-color: white;
    
}
 
.med_item ul li a:hover
{
    color:black ;
}


/* Here we are creating for news section  */

 
.news_item
{
    /* border: 2px solid red; */
    background-color: rgb(140, 21, 21);
    color: white;
    width: 150px;
    border-radius: 10px;
}

.news_item ul
{
    list-style: none;

    
}

.news_item ul li
{
     /* background-color: black; */
    color: black;
    margin:10%;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 5px;
    
}

.news_item ul li a
{
    color: white;
}


.news_item
{
    display: none;
}

#items7:hover .news_item
{
    display: block;
    position: absolute;
    
    
}


#items7 .news_item ul li:hover
{
    background-color: white;
    
}
 
.news_item ul li a:hover
{
    color:black ;
}


/* Universal setter properties  */
*
{
    margin: 0px;
    padding:0px;
}


a
{
    text-decoration: none;
}