.imagebox {
    padding: 0px;
    position: relative;
    text-align: center;
    width: 100%;
}

.imagebox, .imagebox img {
    max-height: 250px;
    min-height: 250px;
}

.imagebox img {
    opacity: 1;
    transition: 0.5s opacity;
    object-fit: cover;
    width: 100%;
    object-position: top;
}

.imagebox .imagebox-desc {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0px;
    color: white;
    font-size: 1em;
    left: 0px;
    padding: 6px 15px;
    position: absolute;
    transition: 0.5s padding;
    text-align: center;
    width: 100%;
}

.imagebox:hover img {
    opacity: 0.7;
}


/* .imagebox:hover .imagebox-desc {
    padding-bottom: 10%;
} */

.imagebtn .btn {
    background-color: rgb(255 226 28);
    color: #000;
    font-weight: 500;
}

.imagebox-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.imagebox a {
    display: inline-block;
    width: 100%;
}

.hover_btn:hover{
    color:white !important;
    background-color: blueviolet !important;
}



.description{
    margin-left: 61px;
}

.profileImg{
    width: 201px;
    height: 250px;
    object-fit: cover;
    object-position: 50% 50%;
    margin: 0px auto;
    float: none;
}

.profileName{
    font-size: 17px;
    font-weight: bold;
    color:black;
}
.profileSubtitle{

    font-family:sans-serif;
    font-size:13px;
    margin-bottom:20px;
}

.bannerImage{
    margin: 0px auto;
}
/* .banner_img{
    margin:0px auto;
    float:none;
} */
.description_header{

    margin-top: 77px;
    margin-bottom: -15px;
}
.main_header{
    color: #662e91;font-size: 28px;
                        font-weight: bold;margin-bottom: -40px;
}
.buttom_description{
    font-size: 14px;
    color:black;
    
}
@media only screen and (max-device-width:1199px) {
    .imagebox, .imagebox img {
        min-height: 200px;
        padding-left: 22px;
    }
    }
    @media only screen and (max-device-width:767px) {
        .imagebox,
        .imagebox img {
            max-height: 200px;
            min-height: 200px;
        }
        .imagebox .imagebox-desc {
            font-size: 12px;
        }
    }

    @media only screen and (max-device-width: 575px) {
        .imagebox {
            font-size: 16px;
            width: 288px !important;
        }
        .imagebox,
        .imagebox img {
            max-height: 350px;
            min-height: 350px;
            margin-left: 10px;
        }
    }
    @media only screen and (max-device-width: 400px) {
    .imagebox, .imagebox img {
        max-height: 250px;

        margin-left: -2px;
    }
    }


    @media only screen and (max-device-width: 1147px) {
        .description{
            margin-left: 11px;
        }
        }