@font-face {
    font-family: "noto";
    src: url("fonts/NotoSans.ttf");
}

@font-face {
    font-family: "raleway";
    src: url("fonts/Raleway.ttf");
}

h1 h2 h3 h4{
    font-family: Verdana, sans-serif;
}

p{
    font-family: raleway;
}

.body{
    background:rgb(240, 239, 239);
}
.paragraph{
    font-size:17px;
    color:rgb(78, 78, 78);
    line-height: 1.8;
    text-align: justify;
    margin:5px;
}
.course_card{
box-shadow: 5px 3px 5px;
}
.course_card:hover{
    box-shadow: 5px 3px 5px #9F1BEE;
    cursor:default;
    width:101%;
    height:101%;
    padding:20px;
    }
.coursepara{
    margin-left: 10px;
    color:black;
    margin-right: 5px;
}


.c_coursepara{
    margin-left: 10px;
    color:#9F1BEE;
    margin-right: 5px;
}

.c_card_heading{
    color:#C2023B;
    text-decoration: underline;
    margin-left: 10px;
}

.c_coursepara:hover{
    margin-left: 10px;
    color:#C2023B;
    margin-right: 5px;
}

.c_card_heading:hover{
    color:#2c0444;
    text-decoration: underline;
    margin-left: 10px;
}

.coursepara:hover{
    color:#9F1BEE;
}

a{
    color:grey;
}


.card_heading{
    color:#9F1BEE;
    text-decoration: underline;
    margin-left: 10px;
}
.card_heading:hover{
    color:black;
    font-weight: bold;
    text-decoration: underline;
    cursor:default;
}
.cardmaindiv{
   margin-top:15px;
}

.card_div_internal{
    background:rgb(248, 244, 244);
    box-shadow:5px 5px 5px grey;
}


.card_div_internal img{
     box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.3);
}


.card_div_internal:hover{
    box-shadow:6px 5px 5px #4B11C6;
    
}


.gcard_div_internal:hover{
    box-shadow:3px 3px 3px #363636;
    
}

.gallarycard_div_internal{

}


.gallarycard_div_internal:hover{
   
}

.gallaryhedging{
    width:600px;
    background-image: linear-gradient(to right,rgb(93,23, 235), rgba(75,17, 198));
    height:35px;
    font-size:25px;
    color:white;
    border-left: 5px solid yellow;
    padding-left:15px;
}


.gallaryhedging2{
    width:600px;
    background-image: linear-gradient(to right,rgb(93,23, 235), rgba(93,23, 235));
    height:35px;
    font-size:25px;
    color:white;
    border-left: 5px solid rgb(34, 2, 85);
    padding-left:15px;
}





.infoheading{
    font-weight:bold;
    color:black;
}
.infoicon{
    font-size:50px;
    align:center;
}

.topicheading{
    margin-top:0px;
    background-image: linear-gradient(to left, #8957F0, #5D17EB);
    width:100%;
    height:80px;color:white;padding-top: 5px;
    padding-left:40px;
    font-family: noto;
}
.content_container{
    margin:40px;
}
.gallaryDiv{
    margin:20px;
    border:2px solid red;
    background-color:yellow;
}


.topnavbar{
    color:white;
    width:100%;
    background:rgb(79, 1, 124);
    height:40px;
}



.boxShadow{
    box-shadow:10px 10px 10px #d9d9d9;
}


.boxHover{
    border:1px solid grey;
    border-radius:20px;
}

.boxHover:hover{
    border:1px solid grey;
    border-radius:20px;
    background:red;
    box-shadow:5px 5px 4px #d9d9d9;
    cursor:pointer;
}