@import "./Web_Color.css";

body{
    background: url(../Assets/Imges/BackgroundAttachments/background_attachment3.webp);
    background-size: cover;
}

.Tablinks-Containers{
    text-align: center;
}

.tablinks{
    padding: 20px;
    border: 1px solid var(--main-color-secondary-1);
    border-radius: 5px;
    margin: auto 20px;
}

.Faculty{
    width: 90%;
    margin: 50px auto;
}

.Faculty-cse , .Faculty-bba{
    margin: 50px 0 0 0;
}

.Faculty-cse>div{
    text-align: left;
}

.Faculty-cse>div>div , .Faculty-bba>div>div{
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 20px 0;
    background-color: rgba(161, 211, 252, 0.61);
    border-radius: 150px 0 0 150px;
}


.Faculty-cse>div>div img , .Faculty-bba>div>div img{
    width: 250px;
    height: 250px;
    border: 5px solid rgb(255, 255, 255);
    border-radius: 150px;
    box-shadow: 1px 2px 20px 1px  black;
}

.Faculty-cse>div>div p ,.Faculty-bba>div>div p{
    margin: 0 0 0 30px;
    padding: 0 10px;
}

.bioinfo-btn{
    color: white;
    background-color: var(--main-color-secondary-1); 
    width: 100px;
    padding: 0;
    margin: 10px 0;
}
.bioinfo-btn:hover{
    color: white;
    background-color: var(--main-color-secondary-2); 
}

.modal-content{
    text-align: justify;
    font-size: 18px;
    
}

.F-name{
    font-size: 22px;
    font-weight: bolder;
    color: var(--main-Color-bg-2);
}

.F-designation{
    color: var(--main-color-secondary-1);
    font-size: 18px;
    font-weight: bold;
}



@media screen and (max-width:1368px){
    .Faculty-cse>div>div p ,.Faculty-bba>div>div p{
        font-size: 13px;
    }
}


@media screen and (max-width:768px){

    .Tablinks-Containers{
        /* width: 50%; */
        display: flex;
        font-size: 12px;    
    }

    .Tablinks-Containers button{
        margin: 0 5px;
    }

    .tablinks{
        padding: 10px;
    }
    
    .Faculty-cse>div>div img , .Faculty-bba>div>div img{
        width: 150px;
        height: 150px;
    }

    .F-name{
        font-size: 13px;
        font-weight: bolder;
    }
    
    .F-designation{
        font-size: 12px;
        font-weight: bold;
    }

    .Faculty-cse>div>div p ,.Faculty-bba>div>div p{
        font-size: 8px;
        margin: auto auto auto auto;
    }


}