/*css for index page*/
.dental-slider{
    height:520px;
}
.dentist{
    width:18em;
}
.text-blue{
    color:#3c2dbd;
}
.image {
    width:100%;
    height:509px;
    background-image:linear-gradient(0deg, rgba(247,248,248,1) 0%, rgba(247,247,246,0.69) 100%),url('aboutbg.jpg');
    background-repeat:no-repeat;
    background-size:100% 100%;
    filter: brightness(0) invert(1);
    opacity: 0.2;
}
.select-text{
    width:30%;
}
.img{
    height:500px;
}

/* css for search page*/

.doctor-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-right: 20px;
}
.doctor-info {
    display: flex;
    flex-direction: column;
}
.btn-container {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.btn-primary {
    background-color: #5fadf5;
    border-color: #5fadf5;
}
.btn-primary:hover {
    background-color: #3c2dbd;
    border-color: #3c2dbd;
}
.text-blue {
    color: #3c2dbd;
}
.text-success {
    color: #28a745;
}

/* css for login page */
.width{
    width:50%;
}
.dis{
    display:block;
}
.text-color{
    color:#1f4959;
}
.display{
    display:none;
    width:0%;
}

/* css for appointment page*/
.padding{
    padding:5%;
}


/* css for treatment page*/

.testimonial-card .card-up {
    height: 120px;
    overflow: hidden;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.aqua-gradient {
     background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
}

.testimonial-card .avatar {
    width: 120px;
    margin-top: -60px;
    overflow: hidden;
    border: 5px solid #fff;
    border-radius: 50%;
}
.mywidth{
    width:45%;
}
.adminD{
    display:none;
}

/* css for mobile view */
@media only screen and (max-width:800px){
    /*css for index page */
    .dental-slider{
        height:250px;
    }
    .dentist{
        width:100%;
    }
    .mywidth{
        width:45%;
    }
    .image{
        height:750px;
       
    }
    .select-text{
        width:75%;
    }
    .img{
        height:250px;
    }

    /*css for search page*/
    .doctor-img {
        margin-bottom: 20px;
    }

    /* css for login page*/
    .width{
        width:100%;
    }
    .dis{
        width:0%;
        display:none;
    }
    .display{
        display:block;
        width:100%;
    }
    /*css for appointment page*/
    .padding{
        padding:1%;
    }
    .adminD{
        display:block;
    }
    
}