body{
  background: #f0f0f0;
  font-family: 'Roboto', sans-serif;
  color: #4d4b4d;
}

.bg-light {
  background-color: #f0f0f0 !important;
}

.container {
  max-width: 450px;
}

.btn-personalize { 
  color: #ffffff; 
  background-color: #0088e2; 
  border-color: #0088e2; 
} 
 
.btn-personalize:hover, 
.btn-personalize:focus, 
.btn-personalize:active, 
.btn-personalize.active, 
.open .dropdown-toggle.btn-personalize { 
  color: #ffffff; 
  background-color: #005bc4; 
  border-color: #005bc4; 
} 
 
.btn-personalize:active, 
.btn-personalize.active, 
.open .dropdown-toggle.btn-personalize { 
  background-image: none; 
} 
 
.btn-personalize.disabled, 
.btn-personalize[disabled], 
fieldset[disabled] .btn-personalize, 
.btn-personalize.disabled:hover, 
.btn-personalize[disabled]:hover, 
fieldset[disabled] .btn-personalize:hover, 
.btn-personalize.disabled:focus, 
.btn-personalize[disabled]:focus, 
fieldset[disabled] .btn-personalize:focus, 
.btn-personalize.disabled:active, 
.btn-personalize[disabled]:active, 
fieldset[disabled] .btn-personalize:active, 
.btn-personalize.disabled.active, 
.btn-personalize[disabled].active, 
fieldset[disabled] .btn-personalize.active { 
  background-color: #1B84BD; 
  border-color: #1B84BD; 
} 
 
.btn-personalize .badge { 
  color: #1B84BD; 
  background-color: #FFFFFF; 
}



.content-wrapper{
  max-width: 450px !important;
  margin: 0 auto;
  background: #c4c4c4;
  padding: 10px;
}
.header{
  position: relative;
}
.header .menu{
  width: 30px;
  position: absolute;
  right: 10px;
  top: 9px;
}
.menu::before {
	content: "Menu";
	position: absolute;
	left: -40px;
	top: 3px;
	font-size: 13px;
	font-weight: 400;
	color: #606060;
}
.header .logo{
  text-align: center;
  padding: 10px 60px;
}
.logo-text h1{
  font-size: 18px;
  font-weight: 400;
  color: #4d4b4d;
  text-align: center;
  position: relative;
}
.logo-text h1::before{
  content: "";
  position: absolute;
  left: 25%;
  bottom: -5px;
  height: 2px;
  width: 50%;

}
.logo-text span{
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #4d4b4d;;
}
.buttons-wraper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0;
}
.btn-box{
  width:47.5%;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 24px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-size: 200% auto;
  display: block;
      background-image: -webkit-gradient(linear, left top, right top, from(#0088e2), color-stop(51%, #005bc4), to(#0088e2));
      background-image: -o-linear-gradient(left, #0088e2 0%, #005bc4  51%, #0088e2  100%);
      background-image: linear-gradient(to right, #0088e2 0%, #005bc4  51%, #0088e2  100%);
      -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.21), 0 1px 3px rgba(0,0,0,.18);
              box-shadow: 0 4px 6px rgba(50,50,93,.21), 0 1px 3px rgba(0,0,0,.18);
}
.btn-box:hover{
  background-position: right center;
  color: #fff;
}
.btn:focus,
button:focus{
  -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.21), 0 1px 3px rgba(0,0,0,.18) !important;
          box-shadow: 0 4px 6px rgba(50,50,93,.21), 0 1px 3px rgba(0,0,0,.18) !important;

}
.btn-box img{
  width: 20px;
  margin-right: 3px;
  margin-top: -2px;
}
.doctor-title{
  text-align: center;
  margin: 10px 0;
}
.doctor-title h2{
  font-size: 21px;
  font-weight: 500;
  margin: 0;
}
.doctor-title h3{
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
.banner{
  margin: 2px 0;
}
.contact-info{
  text-align: center;
  margin-top: 15px;
}
.contact-info span{
  font-size: 18px;
  font-weight: 500;
}
.contact-info p{
  font-size: 17px;
  font-weight: 400;
  color: #4d4b4d;
  margin:0 0 5px 0;
}
.contact-info h3{
  margin: 2px 0;
  font-size: 18px;
  font-weight: 500;
}
.support-info{
  margin: 20px 0;
  text-align: center;
}
.support-info span{
  font-size: 18px;
  font-weight: 500;
}
.support-info p{
  font-size: 18px;
  font-weight: 400;
  color: #11204D;
}