/*Google Font*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*Root color*/
:root{
    --blue:#0188df;
    --black:#444d53;
    --wight:#fff;
}

*{
    font-family:"Lato", sans-serif;
    margin: 0; padding: 0; box-sizing: border-box;
    text-transform: capitalize;
    outline: none;
    transition: all linear 2s;
}

.navbar-brand{
    font-size: 2rem;

}
.navbar-brand span{
    color: var(--blue);
}
.navbar-brand:hover{
    color: var(--blue);
}

.navbar-nav{
color: var(--black);
font-size: 2rem;
}

.navbar-nav:hover{
color: var(--blue);
}

/*Home Section start*/
 .home .row h1{
    font-size: 4rem;
    color: var(--black);
}
.home .row h1 span{
    color: var(--blue);
}
.home .row p{
    font-size: 1.9rem;
    color: var(--black);
}

.btn{
    font-size: 1.7rem;
    cursor: pointer;
    margin: 1rem 0;
  
}
.btn:hover{
   border: .1rem solid var(--blue);
    background: var(--wight);
    color: var(--blue);
    letter-spacing: .2rem;
}
/*Home Section end*/

/*About Section Start*/
.about h1 ,.dorctor h1 ,.review h1,.blog h1,.contect h1{
    text-align: center;
    font-size: 4rem;
    padding: 1rem;
    padding-top: 8rem;
    color: var(--blue);
    letter-spacing: .1rem;
}
.about h3 ,.dorctor h3 ,.review h3,.blog h3,.contect h3{
    text-align: center;
    padding: 0rem 1rem;
    font-size: 2.5rem;
    color: var(--black);
    font-weight: 300;
}

.about .card h3{
    font-size: 3rem;
    color: var(--blue);
   text-align: justify;
}
.about .card p{
    font-size: 1.5rem;
    color: var(--black);
    text-align: justify;
    padding: 1rem 0;
}

/*About Section end*/

/*Dorctor Section start*/


.dorctor .card-body h2{
     font-size: 2rem; 
     text-align: center; 
     color: var(--black);
     
}
.dorctor .card-body h2:hover{
    color: var(--blue);
    text-decoration: underline;

}
.dorctor .card-body p{
    font-size: 1.7rem;
    text-align: center;
    color: var(--black);
}

.dorctor .card-body .icon{
    text-align: center;
}
.dorctor .card-body .icon a{
    font-size: 2rem;
    color: var(--blue);
    text-align: center;
    margin: 1rem;
    
    
}
/*Dorctor Section end*/

/*review Section end*/

.review.card-body.img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
.review.card-body p{
    color: var(--black);
    font-size: 1.7rem;
    padding: 2rem 0;

}
/*review Section end*/



.blog .card-body a{
    text-decoration: none;
}
.blog .card-body h2{
    font-size: 2rem;
    color: var(--blue);
}
.blog .card-body p{
    font-size: 1.3rem;
    color: var(--black);
}


footer{
    background-color: var(--black);

}
footer .logo{
    font-size: 2rem 0;
    color: var(--wight);
    border-bottom: 2px dotted var(--wight);
}
footer .logo:hover{
    color: var(--blue);
}
footer .logo span{
    color: var(--blue);
}
footer p{
    font-size: 1.5rem;
    color: var(--wight);
}
footer a{
    font-size: 2rem;
    color: var(--wight);
    text-decoration: none;
}
footer a:hover{
    text-decoration: underline;
    color: var(--blue);
}