@font-face {
    font-family: "Poppins";
    src: url(./Poppins-Medium.ttf);
}

* {
    margin: 0px;
    padding: 0px;
}

.header {
    margin-left: 10px;
    display: inline;
}

.logo>img {
    /* margin-left: 10px; */
    display: inline;
    width: 250px;
    padding: 20px;
    border-top: 0px;
    border-right: 1px;
    border-bottom: 0px;
    border-left: 0px;
    border-style: solid;
    border-color: grey;
}

ul {
    width: 500px;
    margin-left: 300px;
    position: absolute;
    bottom: 562px;
    left: 0%
}

li {
    display: inline;
    margin: 8px;
    font-size: 17px;
    font-family: "Poppins";
}

li:hover {
    color: rgb(31, 114, 31);
    font-size: 17px;
    border: 1px solid rgb(49, 48, 48);
    border-radius: 5px;
    padding: 5px;
}

.navitems {
    margin-left: 20px;
}

/* header portion styling end */

.firstsec {
    margin-top: 15px;
    font-family: "Poppins";
    font-size: 14px;
    color: rgb(148, 147, 147);
}

.firstsecheading {
    font-family: "Poppins";
}

.firstsecimg {
    width: 40%;
    position: absolute;
    left: 55%;
    bottom: 25%;
}

/* second section working */
.secondsec {
    padding-top: 50px;
    width: 100%;
    height: 600px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px solid grey;
}

.secondsecimg {
    margin-top: 100px;
    width: 58vw;
    margin-right: 0px;
}

.secondparaheading {
    font-family: "Poppins";
    color: rgb(31, 114, 31);
}

.secondsecpara {
    position: absolute;
    left: 50%;
    bottom: -360px;
    right: 40px;

}

.secondsecparatext {
    font-family: "Poppins";
    font-size: 14px;
    color: rgb(148, 147, 147);
    line-height: 25px;
}

.courses:hover {
    width: 370px;
    height: 220px;
    box-shadow: 2px 3px 10px 3px rgb(99, 194, 194);
}

.form {
    font-family: "Poppins";
    border: 1px rgb(226, 223, 223) solid;
    padding: 20px;
    box-shadow: 1px 1px 15px 1px rgb(221, 216, 216);
    position: absolute;
    left: 33%;
}
form>p{
    color:  rgb(146, 139, 139);
}

sup {
    color: red;
}

input {
    height: 30px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-family: "Poppins";
    color: rgb(146, 139, 139);
}

input:focus {
    border: none;
    outline: 1px solid rgb(104, 104, 187);
    height: 30px;
    border-radius: 3px;
}
textarea{
    padding: 10px;
    font-family: "Poppins";
    color: rgb(146, 139, 139);
    border: none;
    outline: 1px solid rgb(78, 78, 78);
}
textarea:focus{
    outline:1px solid rgb(104, 104, 187) ;
    border-radius: 3px;
}
.button{
    color: white;
    background-color: rgb(31, 114, 31);
    margin: 10px;
    text-align: center;
    height: 30px;
    align-items: center;
    border-radius: 5px;
    padding-top: 3px;
}
.button:hover{
    background-color: white;
    color:rgb(31, 114, 31) ;
}
td{
    color: rgb(11, 170, 11);
    font-family: "Poppins";
    font-size: 14px;
}