* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* Object Oriented Approach variable */
:root {
    --all-bg-color: #40008A;
    --nav-bg-color: #5900BF;
    --btn-color: #803BFF;
}
body {
    background-color: var(--all-bg-color);
    color: white;
    padding-top: 100px;
}
.navbar {
    background-color: var(--nav-bg-color); 
}
.navbar ul li a{
    color: white !important;
}
.button-all {
    background-color: var(--btn-color);
    border-radius: 15px;
}
img {
    width: 50px;
}
.showcase {
    margin-top: 100px;
}
.doct-img {
    width: 100%;
}
.service-card {
    background-color: var(--btn-color);
}
.carousel-item {
    padding: 2% 20%;
}
.testimonial-img {
    width: 50%;
    background-color: var(--btn-color);
}
.form-floating, .form-control {
    color: var(--btn-color);
}
.form-control{
    margin-bottom: 10px;
}