:root {
    --primary-color: #10217d;
    --secondary-color: #47a4f9;
    --light-color: #ffffff;
    --dark-color: #000000;
    --font-color: #f9f8fd;
    --border-color: #e2e2e2;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,
body {
    font-family: "Inter", sans-serif;
    background-color: #f9f8fd;
}
.btn-custom {
    border-radius: 5px;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 16px;
}
a,
a:hover {
    text-decoration: none;
}
.p-colour{
    color: #10217D;
}

.user-font-image img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}





/*	Navbar	*/
.search-suggestion {
    margin-left: 30px;
    display: block;
    overflow-y: auto;
    height: 335px;
}
.holder {
    border-bottom: 1px solid #ddd;
    padding: 8px;
}

 #show_doctor {
        display: none; 
 }

#search_result {
    position: absolute;
    top: 231px;
    background: #fff;
    width: 27% !important;
    left: 23%;
}

.holder h6 {
    color: #10217D;
    font-size: 17px;
}

.holder span {
    color: #10217D;
    font-size: 15px;
}





/* .navbar {
      padding: 0;
      height: 80px;
      line-height: 80px;
      background-color: var(--primary-color);
  }
  .navbar-brand img {
      height: 55px;
      width: 100%;
      display: block;
  }
  .navbar-nav .nav-item .nav-link{
      font-size: 16px;
      line-height: 58px;
      color: var(--font-color);
  }
  .navbar .form-inline .btn-custom{
      color: var(--font-color);
      background-color: var(--secondary-color);
  } */
nav {
    /* background-color: #f9f8fd; */
    height: 90px;
}
.home-banner {
    margin-top: 40px;
}

#header {
    box-shadow: 0px 0px 10px rgba(16, 33, 125, 0.1);
    transition: .32s;
}
.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    transition: .55s;
}
.container-top {
    max-width: 1375px !important;
}
.navber-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 9px;
}
a.navbar-brand img {
    height: 50px;
}
.navbar-toggler i {
    color: #fff;
    font-size: 24px;
}
.header-inner-btn-group .btn-custom {
    background: #47a4f9;
    color: #fff;
    border-radius: 3px;
    margin-left: 10px;
}
.navber-header ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.navber-header ul.menu li {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
}
button.navbar-toggler {
    display: none;
}
.navber-header ul.menu li a {
    color: #10217d;
    font-size: 16px;
    line-height: 58px;
    display: block;
    padding: 0 15px;
}
.navber-header ul.menu li a:hover {
    background: #E7F0F8;
    line-height: 35px !important;
    border-radius: 7px;
}
.active{
    background: #E7F0F8;
    line-height: 35px !important;
    border-radius: 7px;
}
.navber-header ul.menu li ul {
    display: none;
    position: absolute;
    top: 58px;
    left: 0;
    width: 180px;
    background-color: #fff;
    z-index: 999;
    color: #10217d !important;
    padding: 5px 10px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.navber-header ul.menu li:hover ul {
    display: block;
}
.navber-header ul.menu li ul li {
    display: block;
}
.navber-header ul.menu li ul li a {
    color: #10217d !important;
    line-height: 16px !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
}

.header-inner-btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-inner-btn-group ul li a {
    padding: 0 5px 0 5px !important;
}
.header-inner-btn-group ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-inner-btn-group ul li {
    padding: 0;
    margin: 0;
    display: inline-block;
    position: relative;
}

.header-inner-btn-group ul li a {
    font-size: 16px;
    color: #10217d;
    display: block;
    line-height: 50px;
}

.header-inner-btn-group ul li ul.submenu {
    position: absolute;
    top: 52px;
    left: -15px;
    width: 170px;
    background: #10217d;
    z-index: 999;
    border-radius: 3px;
    padding: 5px;
    border-top: 1px solid #fff;
    display: none;
}

.header-inner-btn-group ul li ul.visitor-profile {
    position: absolute;
    top: 52px;
    left: -15px;
    width: 225px;
    background: #fff;
    z-index: 999;
    border-radius: 3px;
    padding: 5px;
    border-top: 1px solid #fff;
    display: none;
   
}
.visitor-profile a{
     color: #10217D !important;
}
.visitor-profile{
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.visitor-profile li {
    padding: 6px 0 !important;
}
.visitor-profile li a i {
    margin-right: 12px;
}
.header-inner-btn-group ul li.notification ul.submenu {
    left: -45px;
    width: 225px;
}
.header-inner-btn-group ul li:hover ul.submenu {
    display: block;
}

.header-inner-btn-group ul li ul.submenu li {
    display: block;
    padding: 10px 0;
}

.header-inner-btn-group ul li ul.submenu li a {
    display: block;
    font-size: 13px;
    padding: 5px 10px !important;
    line-height: 15px !important;
    color: #fff;
}
/*	Navbar	*/
/*  Banner  */
.banner-item {
    position: relative;
    background: rgb(40,65,202);
   background: linear-gradient(180deg, #2841CA 31.84%, #10217D 89.02%);
}
.banner-text {
    padding: 110px 50px 170px 50px;
}
.banner-text h2 {
    font-size: 41px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    line-height: 65px;
}
.banner-img {
    position: relative;
    width: 100%;
    height: 100%;
}
.banner-img img {
    position: absolute;
    bottom: 67px;
    left: -49px;
}
.banner-button a {
    width: 138px;
    height: 38px;
    background: #47a4f9;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
    border-radius: 0;
    color: #fff;
    font-size: 15px;
}
.banner-button .about-us {
    background-color: transparent !important;
    border-color: #fff;
}
.banner-caption {
    position: absolute;
    left: 50%;
    bottom: -70px;
    transform: translate(-50%);
    width: 90%;
    background: #fff;
    padding: 24px 35px;
    border-radius: 6px;
}
.banner-caption p {
    margin-bottom: 11px;
    font-weight: bold;
    font-size: 17px;
    color: #10217d;
}
.banner-search input {
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 4px;
    position: relative;
    padding: 0 0 0 10px;
    border: 1px solid #D9D9D9;
    font-size: 13px;
}
.banner-search-catagory select {
    height: 46px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    padding: 0 15px;
    font-size: 15px;
    color: var(--primary-color);
}
.banner-search input:focus-visible{
    outline: 2px solid #707AB1;
}
.banner-icon {
    position: absolute;
    top: 14px;
    right: 24px;
    z-index: 1;
    font-size: 20px;
}
.how-medipathic h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 15px;
    color: #10217D;
    font-family: sans-serif;
}
.how-medipathic p {
    font-size: 20px;
    font-weight: 400;
    font-family: sans-serif;
    padding: 0 65px;
    margin-bottom: 70px;
}
.how-medipathic-item{
    position: relative;
    padding: 35px 0;
}
.how-medipathic-item::after {
    position: absolute;
    content: '';
    width: 273px;
    height: 2px;
    background-image: url('../images/Line.jpg');
    top: 113px;
    left: 168px;
}
.how-medipathic-item p {
    width: 35px;
    height: 35px;
    background: #C8E4FD;
    border-radius: 50%;
    text-align: center;
    padding-top: 8px;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 13px;
    left: 18%;
    color: #10217D;
}

.how-medipathic-item h6 {
    margin-top: 27px;
     color: #10217D;
}

.how-medipathic-item-last{
    position: relative;
    padding: 35px 0;
}
.how-medipathic-item-last p {
    width: 35px;
    height: 35px;
    background: #C8E4FD;
    border-radius: 50%;
    text-align: center;
    padding-top: 8px;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 13px;
    left: 18%;
    color: #10217D;
}

.how-medipathic-item-last h6 {
    margin-top: 27px;
     color: #10217D;
}
.btn-search {
    width: 222px;
    height: 44px;
    background: #47a4f9;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
    border-radius: inherit;
    color: #fff;
}
.why-edipathic-top {
    background: #fff;
    padding: 55px 35px;
    border: 1px solid #ddd;
}
.why-medipathic h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 15px;
    color: #10217D;
    font-family: sans-serif;
}
.why-medipathic p {
    margin: 40px 0;
    font-size: 15px;
}
.why-medipathic-item h5 {
    font-size: 18px;
    margin-bottom: 16px;
    color: #10217D;
    font-weight: 600;
}
.why-medipathic-item p {
    font-size: 16px;
    margin-bottom: 42px;
    padding: 0 55px 0 0;
}
.find-doctor {
    background-color: #10217D;
    padding: 46px 55px;
    margin-bottom: 40px;
}
.find-doctor h4 {
    color: #fff;
    font-size: 30px;
}
.doctor-search .btn {
    width: 160px;
}
.doctor-page {
    padding: 0 6px;
}
.about-us-text p{
    font-size: 16px;
    margin-bottom: 20px;
}
.why-choose-us {
    padding: 61px 60px 0px 10px;
}
.why-choose img {
    width: 100%;
    height: 400px;
    margin-top: 20px;
}
.key-feature {
    margin: 60px 0 90px 0;
}
.key-feature h2{
    margin: 60px 0 90px 0;
    color: #10217D;
    font-family: sans-serif;
    font-weight: 600;
}
.key-feature-item {
    position: relative;
    left: 10%;
    margin-bottom: 75px;
    padding: 0 75px 0px 0;
}
.key-feature-item h5 {
    font-size: 20px;
    color: #10217D;
}
.key-feature-item p {
    font-size: 16px;
    color: #10217D;
}
.dot {
    position: absolute;
    background: #47A4F9;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    left: -55px;
}
.dot2::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 183px;
    background-color: #47a4f963;
    top: 29px;
    left: 14px;
}

.why-choose-top {
    background-color: #fff;
    padding: 35px 50px;
    border: 1px solid #ddd;
}
.our-vision-top {
    padding: 43px 30px;
}
.our-vision-top .why-choose img {
    margin-top: 0;
}
.our-vision {
    padding-top: 85px;
}
.our-promise {
    border: 1px solid #ddd;
    padding: 40px 38px;
    height: 350px;
}
.our-promise h5 {
    font-size: 18px;
    margin: 20px 0;
    font-weight: 600;
    color: #10217D;
}

.our-promise p {
    font-size: 17px;
    font-weight: 400;
    color: #10217D;
}
.join-us h2{
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 35px;
    color: #10217D;
    font-family: sans-serif;
    margin-top:50px
}
.join-us p {
    padding: 0 167px;
    font-size: 16px;
    margin-bottom: 30px;
}
.get-start-btn-our-promise {
    background: #47a4f9;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
    border-radius: 0;
    color: #fff;
    font-size: 15px;
    padding: 10px 30px;
}
.doctor-banner-bottom {
    padding: 20px 65px;
    text-align: center;
    bottom: -54px;
}
.doctor-banner-bottom p {
    font-weight: 400 !important;
}
.benefits{
    margin: 80px 0;
}
.benefits h2{
    color: #10217D;
    font-family: sans-serif;
    font-weight: 600;
}
.benefits-item h5 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #10217D;
    font-weight: 600;
}
.benefits-item p {
    font-size: 16px;
    margin-bottom: 42px;
    color: #10217D;
}
.why-join-us h2{
    font-size: 40px;
    font-weight: 600;
    color: #10217D;
    font-family: sans-serif;
    margin-bottom:30px
}
.why-join-us p{
    font-size: 16px;
    margin-bottom: 35px;

}
.why-join-item h5{
     font-size: 18px;
    margin-bottom: 5px;
    color: #10217D;
    font-weight: 600;
}
.why-join-item p {
    font-size: 16px;
    margin-bottom: 40px;
    color: #10217D;
    font-weight: 400;
}
.wjm-5 p{
    margin-bottom: 15px !important;
}
.joining-process {
    margin-top: 80px;
}
.joining-process p {
    padding: 0 116px 0px 0;
}
.joining-process h2{
    font-size: 40px;
    font-weight: 600;
    color: #10217D;
    font-family: sans-serif;
}
.join-us-image img {
    width: 100%;
    height: 100%;
    margin-top: 52px;
}
.join-text h5 {
    font-size: 18px;
    font-weight: 600;
    color: #10217D;
}
.join-text p {
    font-size: 16px;
    color: #10217D;
    margin-bottom: 43px;
}
.ctagory {
    display: flex;
    flex-direction: row;
    padding: 40px 40px;
    background-color: #fff;
    margin-top: 150px;
}
.doctor-register-join {
    margin: 100px 0;
    text-align: center;
}

.doctor-register-join p {
    margin-bottom: 50px;
}
.slick-container{
    position: relative;
}
.right {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 21px;
    width: 30px;
    height: 30px;
    border: 2px solid #ddd;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    font-size: 18px;
    transform: translateY(-74%);
    cursor: pointer;
    color: #ddd;
}
.left {
    position: absolute;
    z-index: 1;
    top: 40%;
    left: 22px;
    width: 30px;
    height: 30px;
    border: 2px solid #ddd;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    transform: rotate(180deg);
    cursor: pointer;
    color: #ddd;
}
.catagory-item {
    width: 100%;
    height: auto;
    margin: 5px;
}

.catagory-item img {
    width: 100%;
    height: 100%;
}

.category-active {
    border: 2px solid #10217d;
}
.doctor-image {
    border-radius: 50%;
    overflow: hidden;
    width: 200px;
    height: 200px;
    box-shadow: 0px 0px 16.3889px rgba(16, 33, 125, 0.1);
}

.doctor-image img {
    width: 100%;
    height: 100%;
}
.doctor-info {
    padding-top: 30px;
    margin-left: -27px;
}
.doctor-info h3 a{
    font-size: 22px;
    color: #10217d;
    margin-bottom: 25px;
}

.doctor-info .doctro-degree {
    font-size: 18px;
    color: #10217d;
    margin-bottom: 18px;
    opacity: 60%;
}

.doctor-info h5 {
    font-size: 18px;
    color: #10217d;
    margin-bottom: 15px;
    margin-top: 8px;
    opacity: 60%;
}
.doctor-info h6 {
    font-size: 18px;
    color: #10217d;
    opacity: 60%;
}
.doctor-list-home {
    background: #ffffff;
    box-shadow: 0px 0px 16.3889px rgba(16, 33, 125, 0.1);
    border-radius: 11.4723px;
    margin: 15px 0;
    padding: 15px 10px;
}

.doctor-appoinment {
    width: 100%;
    height: 100%;
    padding: 7px 20px;
    margin-top: 15px;
    position: relative;
}
.doctor-appoinment::after {
    position: absolute;
    content: "";
    top: 0;
    left: -28px;
    width: 2px;
    height: 160px;
    background-color: #e7f0f8;
}

.doctor-appoinment a {
    background: #47a4f9;
    border-radius: 8.19447px;
    padding: 13px 70px;
    color: #fff;
}

.doctor-appoinment h4 {
    font-size: 18px;
    color: #10217d;
    margin-bottom: 18px;
    margin-top: 25px;
}
.doctor-appoinment h5 {
    font-size: 18px;
    color: #10217d;
    margin-bottom: 18px;
}

.doctor-appoinment h6 {
    font-size: 18px;
    color: #10217d;
    margin-bottom: 18px;
}
.appoinment-cricle {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 3.44374px 6.88747px #e3daef;
    margin: auto;
}
.viewDoctor-profile {
    /* height: 448px; */
    background: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 10px 0;
}
.viewDoctor-profile .doctor-image {
    width: 200px;
    height: 200px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(5px, 5px);
}
.view-doctor-details {
    margin-top: 40px;
}
.view-doctor-details p {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #10217d;
}
.view-doctor-details h4 {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #707ab1;
}

.view-doctor-details h5 {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #707ab1;
}

.view-doctor-details h6 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: rgba(16, 33, 125, 0.6);
}
.view-doctor-details span {
    font-weight: 600;
    color: #707AB1;
    font-size: 16px;
}
.location {
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #707ab1 !important;
}
.location i{
    margin-right: 6px;
}
.serial-count {
    height: 420px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    text-align: center;
    position: relative;
    padding: 10px 0;
}
.serial-count h3{
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #10217D;
}
.serial-count h4{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #707AB1;
}
.serial-count-number {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    transform: translate(-50%, -50%);
}
.serial-message {
    position: absolute;
    left: 50%;
    width: 450px;
    transform: translate(-50%);
    bottom: 0;
}

.pules{
    width: 115px;
    height: 115px;
    background: #47A4F9;
    position: relative;
   border-radius: 50%;
}
.pules span {
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    animation: pulseAnimation 4s ease-out infinite;
    animation-delay: calc(1s * var(--i));
    top: 0;
    left: 0;
}
.number {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 38%;
    left: 47%;
    transform: translate(-50%);
}
.number p{
    font-size: 45px;
    color: #fff;
}
@keyframes pulseAnimation {
    100%{
        opacity: 0;
        transform: scale(2);
    }
}
.remaining-count-number {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 550px;
    height: 150px;
    transform: translate(-50%, -50%);
}

#clockdiv{
	font-family: sans-serif;
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 30px;
}

#clockdiv > div{
	padding: 10px;
	border-radius: 3px;
	display: inline-block;
}

#clockdiv div > span{
	padding: 15px;
	border-radius: 3px;
	background: #47A4F9;
	display: inline-block;
}


.child {
    margin: 10px;
    padding: 7px;
    border-radius: 4px;
    color: white;
}

.child span {
    padding: 15px 20px;
    background-color: #47A4F9;
    font-size: 20px;
    font-weight: 600;
    border-radius: 7px;
}
.smalltext {
    padding-top: 15px;
    font-size: 14px;
    color: #939292 !important;
}

.load-more-button {
    margin-top: 8px;
}
.load-more-button a {
    background: #47a4f9;
    border-radius: 8.19447px;
    padding: 13px 70px;
    color: #fff;
}

.carousel-caption {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
}

.carousel-caption h5 {
    color: #000;
    font-size: 36px;
    font-weight: 700;
}

.carousel-caption p {
    color: #000;
    margin: 0;
}
.carousel-indicators li {
    background-color: var(--primary-color);
}
a.carousel-control-next span,
a.carousel-control-prev span {
    color: #10217d;
    font-size: 30px;
}
.category-search {
    background-color: var(--primary-color);
    padding: 30px 0;
}
.category-search .form-control {
    height: 50px;
    line-height: 50px;
    border: 1px solid var(--primary-color);
    border-radius: 0;
    padding: 0 30px;
}
.category-search .btn-custom {
    height: 50px;
    line-height: 50px;
    background-color: var(--secondary-color);
    padding: 0 20px;
    color: var(--light-color);
    border: 1px solid var(--primary-color);
    border-radius: 0;
    width: 100%;
}
.category-search .container form.row .col-md-6,
.category-search .container form.row .col-md-4,
.category-search .container form.row .col-md-2 {
    padding: 0;
}
.category-search .form-group {
    margin: 0;
}

.top-content-form {
    margin: 30px auto;
}
.top-content-form .form-control:focus,
.top-content-form .btn.focus,
.top-content-form .btn:focus {
    box-shadow: none;
}
.top-content-form .input-group-prepend .input-group-text {
    background-color: var(--light-color);
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border: 1px solid var(--light-color);
    border-right: 0;
}
.top-content-form .input-group-prepend .input-group-text i {
    font-size: 24px;
    padding: 0 0 0 8px;
    font-weight: 400;
    color: var(--primary-color);
}
.top-content-form #inlineFormInputGroupUsername {
    height: 60px;
    border: 1px solid var(--light-color);
    border-left: 0;
    border-right: 0;
}
.top-content-form .btn-form-custom {
    background-color: var(--light-color);
    border: 1px solid var(--light-color);
    border-left: 0;
    border-radius: 0;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.top-content-form .btn-form-custom i {
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: var(--light-color);
    background-color: var(--secondary-color);
}

.home-category-section-button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.home-category-section-button a {
    border: 1px solid #e7f0f8;
    border-radius: 10px;
    padding: 5px 15px;
    margin: 5px 1px;
    background-color: var(--light-color);
    color: var(--primary-color);
    transition: linear 0.3s all;
}
.home-category-section-button a:hover {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--light-color);
}

.doctor-list {
    padding: 50px 0 30px 0;
}
.doctor-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.doctor-list-header-title h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    color: var(--primary-color);
}
.doctor-list-header-title h4{
     color: var(--primary-color);
}
.doctor-list-header-sortable label {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: var(--primary-color);
}
.doctor-list-header-sortable select {
    height: 40px;
    width: 180px;
    box-shadow: 0px 0px 10px rgb(16 33 125 / 10%);
    border-radius: 6.68px;
    border: 0;
    padding: 0 15px;
    font-size: 15px;
    color: var(--primary-color);
}
.doctor-search-catagory select {
    box-shadow: none;
    border: 1px solid #ddd;
    height: 46px;
    width: 100%;
    color: #877f7f;
}
.doctor-list-box {
    background-color: var(--light-color);
    padding: 15px 20px;
    box-shadow: 0px 0px 13.3544px rgb(16 33 125 / 10%);
    border-radius: 9px;
}
.doctor-list .container .row.mt-4 .col-md-4 {
    padding: 10px;
}
.doctor-list-box-top-content {
    display: flex;
}
.doctor-list-box-top-content-img {
    flex: 0 0 25%;
    max-width: 25%;
}
.doctor-list-box-top-content-img img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
}
.doctor-list-box-top-content-txt h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: var(--primary-color);
    margin: 0;
    padding: 0;
}
.doctor-list-box-top-content-txt i {
    color: var(--border-color);
}
.doctor-list-box-top-content-txt ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.doctor-list-box-top-content-txt ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.doctor-list-box-top-content-txt ul li a {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: rgba(16, 33, 125, 0.6);
}

.doctor-list-box-top-content-txt p {
    font-size: 11px;
    line-height: 16px;
    color: rgba(16, 33, 125, 0.6);
    margin: 5px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.doctor-list-box-middle {
    margin: 10px 0;
    border-top: 1px solid var(--border-color);
    padding: 10px 0;
}
.doctor-list-box-top-content-txt p span i {
    color: #ffce22;
}
.doctor-list-box-middle p {
    margin: 0;
    font-size: 18px;
    line-height: 20px;
    color: #707ab1;
}
.doctor-list-box-middle p span strong {
    color: #10217d;
}
.doctor-list-box-middle p i {
    color: var(--primary-color);
}

.doctor-list-box-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.doctor-list-box-bottom p {
    margin: 0;
    color: rgba(16, 33, 125, 0.6);
    font-size: 13px;
}
.btn-fees {
    background: var(--border-color);
    border-radius: 6.67722px;
    font-size: 13px;
    width: 96px;
    height: 40px;
    line-height: 40px;
    color: var(--primary-color);
    padding: 0;
    margin: 0;
}
.btn-serial {
    background-color: var(--secondary-color);
    border-radius: 6px;
    width: 70%;
    margin: 0 0 0 5px;
    color: var(--light-color);
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
}
.doctor-list-box-top-content-txt {
    padding: 0 20px;
    flex: 0 0 75%;
    max-width: 75%;
}
.doctor-list-box-top-content-txt-title i {
    margin: 0 0 0 15px;
}

footer {
    background-color: var(--primary-color);
    margin: 0;
    padding: 70px 0;
}
.footer-about-company h3,
.footer-social h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--border-color);
    margin: 0 0 30px 0;
}
.footer-about-company p {
    color: var(--border-color);
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}
.footer-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-social ul li {
    margin: 0;
    padding: 0;
    display: block;
}

.footer-social ul li a {
    display: block;
    padding: 5px 0;
    color: var(--border-color);
    font-size: 16px;
    line-height: 22px;
}

.footer-social ul li a i {
    width: 20px;
}

.footer-social ul li a span {
    font-size: 14px;
}
.footer-about-company h3 {
    font-weight: 400 !important;
}
.medi {
    font-weight: bold;
    font-size: 24px;
}
.footer-about-company ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-about-company ul li {
    margin: 0;
    padding: 0;
    display: block;
}

.footer-about-company ul li a {
    display: block;
    padding: 5px 0;
    color: var(--border-color);
    font-size: 16px;
    line-height: 22px;
}

.footer-about-company ul li a i {
    width: 20px;
}

.footer-about-company ul li a span {
    font-size: 14px;
}
.footer-social-info h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--border-color);
    margin: 0 0 30px 0;
}

.footer-social-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-social-info ul li {
    margin: 0 3px;
    padding: 0;
    display: inline-block;
}

.footer-social-info ul li a {
    display: block;
    padding: 5px 0;
    color: var(--border-color);
    font-size: 16px;
    line-height: 22px;
}

.footer-social-info ul li a i {
    font-size: 46px;
}

.work-experience h3 {
    font-size: 18px;
}
.doctor-overview-etails .card-body-block p {
    margin-bottom: 9px !important;
}
.doctor-overview-etails .card-body-block{
    position: relative;
}
.doctor-overview-etails .card-body-block::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #F5EEFE;
    bottom: -15px;
    left: 0;
}
.job-icon {
    width: 5%;
    float: left;
}

.job-details-right {
    width: 95%;
    float: left;
}
.job-icon i {
    font-size: 25px;
    color: #10217D;
}
.notification-user{
    height:65px;
}
.notification-user img.user-avatar-icon {
    height: 50px;
    width: 50px;
    border-radius: 100%;
}
.user-notification{
    background: #c0d3e5 !important;
    position: absolute;
    top: 7px;
    left: 14px;
}
.notification-user-profile {
    width: 25%;
    float: left;
}
.notification-user-profile-details{
    width: 75%;
    float: left;
    margin-top: 5px;
}
.notification-user-profile-details p {
    font-size: 14px;
    margin-bottom: 5px;
    margin-left: 15px;
}
.footer-last-para {
    font-size: 12px;
    color: var(--light-color);
    margin: 0;
}
.footer-last ul {
    margin: 0;
    padding: 0;
}

.footer-last ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.footer-last ul li a {
    font-size: 12px;
    color: var(--light-color);
    padding: 0 8px;
    border-right: 1px solid var(--light-color);
}
.footer-last ul li:last-child a {
    border: 0;
}
.last-footer-div {
    padding: 10px 0;
    background-color: #000c4e;
}
.footer-last {
    text-align: right;
}
.app-location {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0 0 0;
}

/*   Doctor Profile Page   */
/*   Doctor Profile Page   */
/*   Doctor Profile Page   */
.doctor-profile {
    background-color: var(--light-color);
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.doctor-profile-image img {
    border-radius: 50%;
    border: 1px solid var(--border-color);
    padding: 5px;
    box-shadow: 0px 3px 6px var(--border-color);
    height: 290px;
}
.doctor-profile-image h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: var(--primary-color);
    margin: 30px 0 10px 0;
}
.doctor-profile-image {
    text-align: center;
}

.doctor-profile-image ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.doctor-profile-image ul li {
    margin: 0 -10px;
    padding: 0;
    display: inline-block;
}

.doctor-profile-image ul li a {
    font-size: 20px;
    line-height: 18px;
    text-align: center;
    color: #707ab1;
    display: block;
}

.bmdc-code {
    margin: 5px 0;
}
.bmdc-code p {
    justify-content: center;
    font-size: 20px;
    line-height: 22px;
    color: rgba(16, 33, 125, 0.6);
}
.bmdc-code p span {
    display: block;
}
.bmdc-code p strong {
    font-size: 18px;
    line-height: 22px;
    color: var(--primary-color);
}

.doctor-profile-college p {
    margin-top: -8px;
    font-size: 18px;
    line-height: 22px;
    color: #707ab1;
}

.doctor-profile-college p i {
    color: #47a4f9;
}

.doctor-profile-link ul {
    margin: 0;
    padding: 0;
    list-style: none;
    box-shadow: 0px 0px 10px rgba(16, 33, 125, 0.1);
    background-color: var(--light-color);
    width: 46%;
    border-radius: 5px;
    text-align: center;
}

.doctor-profile-link ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.doctor-profile-link ul li a {
    font-size: 18px;
    color: var(--secondary-color);
    display: block;
    padding: 0 10px;
    line-height: 40px;
    height: 40px;
    position: relative;
    text-align: center;
}
.doctor-profile-link ul li.active a {
    font-weight: 700;
}
.doctor-profile-link ul li a:after {
    content: "";
    position: absolute;
    top: 95%;
    left: 0;
    width: 0;
    height: 3px;
    background-color: var(--secondary-color);
    transition: linear 0.3s all;
}
.bg-brand-color {
    background-color: var(--primary-color);
}
.doctor-profile-link ul li.active a:after,
.doctor-profile-link ul li a:hover:after {
    width: 100%;
}
.card{
    border: none !important;
}
.card.doctor-profile-bio {
    border-radius: 10px;
    border: none;
}

.card.doctor-profile-bio .card-title h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 135%;
    color: #10217d;
}

.card.doctor-profile-bio .card-body-block h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #10217d;
}
.doctor-overview-etails-top p {
    display: contents !important;
}
.doctor-overview-etails-top {
    line-height: 27px !important;
}
.doctor-profile-bio p,
.card.doctor-profile-bio .card-body-block p {
    font-size: 14px;
    line-height: 135%;
    color: #707ab1;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card.doctor-profile-bio .card-body-block ul,
.card.doctor-profile-bio .card-body-block ol,
.doctor-profile-bio ul,
.doctor-profile-bio ol {
    padding: 0 15px;
}

.card.doctor-profile-bio .card-body-block ul li,
.card.doctor-profile-bio .card-body-block ol li,
.doctor-profile-bio ul li,
.doctor-profile-bio ol li {
    font-size: 14px;
    line-height: 135%;
    color: #707ab1;
}

.card.doctor-profile-bio .card-body-block {
    margin: 0 0 25px 0;
}
.doctor-profile-last-block {
    padding: 20px 30px;
    text-align: center;
    margin: 1rem 0 0 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: none;
}

.doctor-profile-last-block p {
    font-size: 16px;
    line-height: 22px;
    color: #707ab1;
    display: flex;
    align-items: center;
    margin-bottom: 10px !important;
}
.doctor-profile-last-block:last-child p {
    margin: 0;
}
.doctor-profile-last-block .doctor-overview {
    display: block;
    margin-right: 50px;
}

.doctor-profile-last-block p strong {
    display: block;
    color: #10217d;
}
.doctor-profile-last-button a {
    width: 100%;
    margin: 16px 0 0 0;
}
.doctor-overview-etails{
   background: #FFFFFF;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
}

/*   Doctor Profile Page   */
/*   Doctor Profile Page   */
/*   Doctor Profile Page   */

/*   Doctor Chamber Page   */
/*   Doctor Chamber Page   */
/*   Doctor Chamber Page   */
.chamber-box {
    padding: 20px 30px;
    border-radius: 10px;
    margin: 16px 0 0 0;
    border: none;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.inner-card-body {
    display: flex;
    align-items: end;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 25px 0;
}
.chamber-box-inner-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chamber-box-inner-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chamber-box-inner-content-img {
    border: 1px solid var(--primary-color);
    padding: 8px;
    border-radius: 10px;
}

.chamber-box-inner-content-details {
    margin: 0 0 0 10px;
}

.chamber-box-inner-content-details h5 {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #10217d;
    margin: 0;
}

.chamber-box-inner-content-details p {
    font-size: 13px;
    line-height: 18px;
    color: #707ab1;
    margin: 6px 0;
}

.chamber-box-button a {
    width: 100%;
    margin: 0;
    padding: 0 20px;
    font-size: 13px;
}
/*   Doctor Chamber Page   */
/*   Doctor Chamber Page   */
/*   Doctor Chamber Page   */

/*   Doctor Review Page   */
/*   Doctor Review Page   */
/*   Doctor Review Page   */
.review-tab {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.user-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.review-sec {
    margin: 0 0 0 10px;
}
.review-sec h6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #10217d;
    margin: 0;
    padding: 0;
}
.review-sec ul {
    margin: -7px 0 0 0;
    padding: 0;
    list-style: none;
}
.review-sec ul li {
    display: inline-block;
    color: #939292;
    font-size: 12px;
}
.review-sec ul li i {
    font-size: 12px;
    color: #ffce22;
}
.review-date p {
    margin: 0;
    color: #939292;
    font-size: 12px;
}
.review-text p {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: justify;
    color: #707ab1;
    margin: 10px 0 0 0;
}
.inner-review-body {
    border-bottom: 1px solid var(--border-color);
    padding: 15px 0 10px 0;
}
.inner-review-body:first-child {
    margin-top: 0;
}
.inner-review-body:last-child {
    border: 0;
}

.btn-appointment {
    background-color: #10217d;
    border-radius: 5px;
    color: #fff;
    padding: 12px 0;
    margin: 0 0 16px 0;
}
ul.appointment-serial {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.appointment-serial li {
    margin: 2px 0;
    padding: 0;
    display: inline-flex;
}
.appointment-serial li input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.appointment-serial li label {
    display: inline-block;
    font-size: 12px !important;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    margin: 0;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 0;
    transition: linear 0.3s all;
}
.appointment-serial li label:hover {
    color: var(--light-color);
    background-color: var(--primary-color);
}

.appointment-serial li input[type="radio"]:focus + label {
    background-color: var(--secondary-color);
}

.appointment-serial li input[type="radio"]:checked + label {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
form.appointment-form .form-group label {
    font-size: 16px;
    line-height: 24px;
    color: var(--primary-color);
}
form.appointment-form .form-group .form-control {
    border: 2px solid var(--border-color);
    border-radius: 5px;
    font-size: 14px;
    height: 40px;
    color: var(--primary-color);
    line-height: 40px;
}
form.appointment-form .btn-custom {
    background-color: var(--secondary-color);
    margin: 16px 0;
    color: var(--light-color);
    border-radius: 5px;
}
/*   Doctor Review Page   */
/*   Doctor Review Page   */
/*   Doctor Review Page   */

.login-reg-page {
    padding: 50px 20px;
}

.login-page-title h1 {
    font-weight: 400;
    font-size: 35px;
    line-height: 42px;
    text-align: center;
    color: #707ab1;
}

.login-page-title h1 strong {
    color: #10217d;
    font-weight: 600;
}
.register-page {
    margin: 30px 0;
}
.login-register {
    width: 100%;
    margin: 0 auto;
    background: #F9F8FD;
    box-shadow: 0 0 7px 0 #d9d7df;
    padding: 50px;
}
.login-register .login-register-tab a.login,
.login-register .login-register-tab a.register {
    border: 2px solid #47a4f9;
    font-size: 16px;
    color: #47a4f9;
    line-height: 22px;
    margin: 0 0 15px 0;
    padding: 9px 0;
    width: 100%;
    text-align: center;
    transition: linear 0.3s all;
}
.login-register .login-register-tab a:hover,
.login-register .login-register-tab a:focus {
    background-color: #47a4f9;
    color: #fff;
}
.login-register .login-register-tab a.login {
    border-radius: 5px 0px 0px 5px;
}
.login-register .login-register-tab a.register {
    border-radius: 0 5px 5px 0;
}
.login-register-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.login-box form .form-group .form-control,
.register-box form .form-group .form-control {
    height: 44px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 22px;
    color: #707ab1;
    background-color: #fff;
    border: 1px solid #e7f0f8;
}
.login-box form .form-group .btn-custom,
.register-box form .form-group .btn-custom {
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    line-height: 22px;
    background: #47a4f9;
    border-radius: 5px;
    border: 0;
    height: 44px;
}
.login-box form .form-group p,
.register-box form .form-group p {
    font-size: 15px;
    color: #707ab1;
    line-height: 18px;
}
.wupBIe i {
    font-size: 18px;
}
a#email-show {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    margin: 0;
}

a#phone-show {
    padding: 8px;
    margin: 0 auto;
}
.login-box .form-group .form-group label {
    font-size: 12px;
}

.login-box .form-group label,
.register-box .form-group label {
    font-size: 12px;
    margin: 0;
    color: #10217d;
    line-height: 15px;
}

.login-box .form-group a,
.register-box .form-group a {
    font-size: 12px;
    line-height: 15px;
    color: #575fe8;
}
.login-box form .form-group .control-label {
    font-size: 15px;
    line-height: 18px;
    color: #10217d;
    margin: 0 0 5px 0;
}

.login-box-title {
    margin: 0 0 30px 0;
}

.login-box-title h3 {
    font-size: 25px;
    line-height: 30px;
    color: #10217d;
    margin: 0 0 20px 0;
}

.login-box-title p {
    font-size: 12px;
    line-height: 15px;
    color: #707ab1;
}
/* .login-reg-page {
    background: linear-gradient(
        90deg,
        rgba(71, 164, 249, 1) 40%,
        rgba(255, 255, 255, 1) 40%
    );
}
.register-page {
    background: linear-gradient(
        90deg,
        rgba(71, 164, 249, 1) 30%,
        rgba(255, 255, 255, 1) 30%
    );
} */
.doctor-register {
    background-color: #10217d;
    margin: 40px auto 0 auto;
    display: flex;
    height: 60px;
    align-items: center;
    border-radius: 5px;
    justify-content: center;
}

.doctor-register p {
    font-size: 20px;
    line-height: 60px;
    color: #ffffff;
    margin: 0;
}

.doctor-register a {
    font-size: 20px;
    line-height: 34px;
    color: #ffffff;
    background: #47a4f9;
    height: 34px;
    border-radius: 3px;
    padding: 0 20px;
    margin: 0 0 0 30px;
}

.chosen-container-single .chosen-single {
    height: 44px !important;
    line-height: 44px !important;
    font-size: 14px !important;
    color: #707ab1 !important;
    background: transparent !important;
    border: 1px solid #e7f0f8 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
}
.chosen-container-single .chosen-single div {
    top: 8px !important;
}
.btn_group {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.profile-box form p {
    color: #939292;
    font-size: 15px;
    line-height: 18px;
    margin: 20px 0 0 0;
}
.user-division .chosen-container-single .chosen-single {
    background: #fff !important;
    color: #495057 !important;
    font-weight: 400;
    font-size: 17px !important;
}
.appointment-btn .btn {
    width: 150px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    margin: 0;
}
.appointment-btn .btn-default {
    border: 1.5px solid #47a4f9;
    background: #ffffff;
}
img.user-avatar-icon {
    height: 30px;
    width: 30px;
    border-radius: 100%;
}
header
    .navbar
    ul.navbar-nav
    li.nav-item.dropdown
    .dropdown-menu
    .dropdown-item {
    display: block;
    padding: 0 30px;
    height: 30px;
    line-height: 30px;
    width: 200px;
    text-align: left;
}
.doctor-profile-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.doctor-profile-last-button a.btn.btn-serial {
    width: 100% !important;
    padding: 0 20px !important;
    margin: 0 !important;
}
a.btn.btn-default.active {
    background: #47a4f9;
    color: #fff;
    font-weight: 600;
}
.thank-box {
    text-align: center;
}
.thank-box h2 {
    font-size: 30px;
    line-height: 36px;
    color: #47a4f9;
    margin: 10px 0;
}
.thank-box h3 {
    font-size: 26px;
    line-height: 34px;
    color: #10217d;
    margin: 10px;
}
.thank-box p {
    margin: 0;
    font-size: 15.164px;
    line-height: 18px;
    text-align: center;
    color: #d9d9d9;
}
.thank-box a.btn.btn-done {
    width: 129px;
    height: 40px;
    background: #47a4f9;
    border-radius: 3px;
    margin: 20px 0 10px 0;
    color: #fff;
}

.base_receive p {
    font-size: 13px;
    padding: 5px;
    border-radius: 3px;
}

.base_receive p {
    background: #4bdbe6;
}

.base_sent p {
    background: #e674a8;
}

time {
    font-size: 11px;
    font-style: italic;
}

#login-box {
    margin-top: 20px;
}

#chat_box {
    position: fixed;
    top: 10%;
    right: 5%;
    width: 27%;
}

.close-chat {
    margin-top: -17px;
    cursor: pointer;
}

.chat_box {
    margin-right: 25px;
    width: 310px;
}

.chat-area {
    height: 400px;
    overflow-y: scroll;
}

#users li {
    margin-bottom: 5px;
}

#chat-overlay {
    position: fixed;
    right: 0%;
    bottom: 0%;
}

.glyphicon-ok {
    color: #42b7dd;
}

.loader {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

.message-box {
    display: flex;
    align-items: self-start;
    justify-content: center;
    background-color: #fff;
}

.message-user-list {
    flex: 0 0 35%;
    width: 35%;
}
.message-user-box {
    flex: 0 0 65%;
    width: 65%;
}
.message-user-list-search form .form-control {
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
}
.message-user-box-header {
    display: flex;
    align-items: center;
    padding: 12.5px 15px;
    border-bottom: 1px solid #ddd;
}

.message-user-box-header img {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    margin-right: 8px;
}
.message-user-box-header .message-user-box-user-details {
    width: 100%;
}
.message-user-box-header
    .message-user-box-user-details
    .message-user-box-user-details-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.message-user-box-header
    .message-user-box-user-details
    .message-user-box-user-details-content
    h4 {
    font-size: 18px;
    color: #10217d;
    line-height: 22px;
    margin: 0;
}
.message-user-box-header .message-user-box-user-details span {
    font-size: 12px;
    line-height: 15px;
    color: #888888;
    display: block;
}
.message-user-list-user-box
    .message-user-box-header
    .message-user-box-user-details
    h4 {
    font-size: 15px;
}

.message-user-list .message-user-list-search form {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}
.message-user-list .message-user-list-search form .form-group {
    padding: 0 15px;
    margin: 0;
}
.message-user-box-header .message-user-box-user-details h4 {
    margin: 0;
    line-height: 18px;
    color: #10217d;
    font-size: 18px;
}
.chat-box .chat-inner-box {
    padding: 15px;
    height: 400px;
    overflow-y: scroll;
    border-left: 1px solid #e7f0f8;
}
.chat-box .chat-inner-box .user-to {
    display: flex;
    align-items: flex-start;
    margin: 0 0 10px 0;
}
.chat-box .chat-inner-box .user-to img,
.chat-box .chat-inner-box .user-form img {
    height: 48px;
    width: 48px;
    border-radius: 100%;
}
.chat-box .chat-inner-box .user-to img {
    margin-right: 8px;
}
.chat-box .chat-inner-box .user-form img {
    margin-left: 8px;
}
.chat-box .chat-inner-box .user-to span,
.chat-box .chat-inner-box .user-form span {
    padding: 10px 20px;
    border: 1px solid #edf6fe;
    border-radius: 6px;
    color: #939292;
    font-size: 12px;
    display: block;
}
.chat-box .chat-inner-box .user-form span {
    color: #fff;
    background-color: #47a4f9;
}

.chat-box .chat-inner-box .user-to p,
.chat-box .chat-inner-box .user-form p {
    font-size: 12px;
    margin: 5px 0;
    display: block;
    color: #939292;
}
.chat-box .chat-inner-box .user-form {
    display: flex;
    align-items: flex-start;
    margin: 0 0 10px 0;
    justify-content: end;
}
.chat-box-sender {
    background: #e7f0f8;
    padding: 15px;
}

.chat-box-sender form textarea {
    width: 100%;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.chat-box-sender form {
    position: relative;
}

.chat-box-sender form .btn-chat {
    position: absolute;
    top: 20%;
    right: 2%;
    color: #fff;
    background-color: #47a4f9;
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 3px;
}
.chat-box-sender form .btn-chat:hover {
    color: #fff;
    background-color: #47a4f9;
}
.message-user-list-user-box {
    max-height: 490px;
    overflow-x: auto;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.top-review-inner-box {
    display: flex;
    align-items: center;
}

.review-inner-box-img img {
    height: 50px;
    width: 50px;
    border-radius: 100%;
}
.author-profile {
    flex: 0 0 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 90%;
}

.author-rating h4 {
    font-size: 15px;
    line-height: 22px;
    color: #10217d;
    margin: 0;
}

.author-profile .rating-star ul {
    margin: 0px 10px 0 0;
    padding: 0;
    list-style: none;
}

.author-profile .rating-star ul li {
    display: inline-block;
    color: #ffce22;
    font-size: 12px;
}

.rating-star {
    display: flex;
    align-items: center;
}

.review-inner-box-img {
    flex: 0 0 10%;
    max-width: 10%;
}

.rating-star span {
    color: #939292;
    font-size: 14px;
}
.review-content p {
    color: #707ab1;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 0 0 0;
}
.top-review-date span {
    color: #939292;
    font-size: 12px;
}
.review-inner-box {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 0;
}
.review-inner-box:last-child {
    border-bottom: 0;
}
.doctor-profile table {
    font-size: 18px;
    color: #707ab1;
}
table#user-table {
    border-spacing: 0 0px;
    background: #ffffff;
    border: 2px solid #edf6fe;
    border-radius: 5px;
}
.doctor-ima-appoinment {
    border-radius: 50%;
    width: 50px;
    height: 51px;
}
.appoinment-doctor-name {
    font-size: 16px;
    font-weight: 500;
    color: #10217d;
}
table#user-table tr td {
    padding: 5px 8px !important;
    vertical-align: middle !important;
    /* border: 1px solid #edf6fe !important; */
}
.card.post {
    background-color: transparent;
    border: 0 !important;
    box-shadow: 0px 0px 10px rgba(16, 33, 125, 0.1);
    border-radius: 10px;
}

.card.post .card-header {
    background-color: #fff;
    padding: 15px 20px;
    border: 0 !important;
}

.card.post .card-header .card-header-avatar {
    display: flex;
    align-items: center;
}

.card.post .card-header .card-header-avatar .avatar img {
    display: block;
    overflow: hidden;
    border-radius: 100%;
    height: 60px;
}

.card.post .card-header .card-header-avatar .inner-avatar {
    margin-left: 10px;
}

.card.post .card-header .card-header-avatar .inner-avatar h3 {
    font-size: 18px;
    line-height: 22px;
    color: #10217d;
    margin: 0;
    padding: 0;
}

.card.post .card-header .card-header-avatar .inner-avatar p.inner-category {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 15px;
    color: #707ab1;
}

.card.post .card-header .card-header-avatar .inner-avatar p.post-time {
    padding: 0;
    margin: 0;
    font-size: 10px;
    line-height: 12px;
    color: #d9d9d9;
}

.card.post .card-body {
    padding: 12px 30px 30px 30px;
    background-color: #fff;
}

.card.post .card-body .post-content,
.card.post .card-body .post-content a {
    font-size: 15px;
    line-height: 150%;
    color: #707ab1;
}
.card.post .card-body .post-body .post-image {
    margin: 10px 0 0 0;
}
.card.post .card-footer {
    padding: 0 30px 30px 30px;
    box-shadow: none;
    border: 0;
    background-color: #fff;
}

.card.post .card-footer .card-inner-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card.post .card-footer .card-inner-footer ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.card.post .card-footer .card-inner-footer ul li a,
.card.post .card-footer .card-inner-footer ul li button {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 0;
}
.card.post .card-footer .card-inner-footer ul li a i,
.card.post .card-footer .card-inner-footer ul li button i {
    color: #10217d;
    font-size: 20px;
}
.card.post .card-footer .card-inner-footer ul li a span,
.card.post .card-footer .card-inner-footer ul li button span {
    font-size: 14px;
    line-height: 22px;
    color: #707ab1;
    display: inline-block;
    margin: 0 0 0 5px;
}
.card.post .card-body .post-content ul,
.card.post .card-body .post-content ol {
    padding: 0 40px;
}

.card.post .card-body .post-content ul li,
.card.post .card-body .post-content ol li {
    margin: 10px 0;
}
.card.post .card-body .post-content p {
    margin: 10px 0;
}
.card-inner-footer.post-details ul {
    display: block !important;
}

.card-inner-footer.post-details ul li {
    margin: 0 5px !important;
    padding: 0 5px !important;
}
.card.comment {
    margin: 30px 0 0 0;
    border: 0;
    box-shadow: 0px 0px 10px rgba(16, 33, 125, 0.1);
    border-radius: 10px;
}
.comment-box {
    padding: 10px 20px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.card.comment .card-body .comment-box .comment-content .inner-content {
    display: flex;
    align-items: center;
    margin: 0 0 15px 0;
}

.card.comment
    .card-body
    .comment-box
    .comment-content
    .inner-content
    .avatar
    img {
    height: 60px;
    border-radius: 100%;
    margin: 0 5px 0 0;
}

.card.comment
    .card-body
    .comment-box
    .comment-content
    .inner-content
    .avatar-details
    h4 {
    font-size: 18px;
    margin: 0;
    color: #10217d;
}

.card.comment
    .card-body
    .comment-box
    .comment-content
    .inner-content
    .avatar-details
    span {
    display: block;
    margin: 0;
    padding: 0;
    color: #d9d9d9;
    font-size: 11px;
}
.comment-form {
    margin: 15px 0 0 0;
}

.comment-form form .form-group .btn-brand-color {
    background-color: #10217d;
    color: #fff;
    border: 0;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 30px;
}

.comment-form form .form-group {
    margin-bottom: 5px;
}

.card.comment .card-body .comment-box .comment-description {
    font-size: 15px;
    line-height: 150%;
    color: #707ab1;
    padding: 0 5px;
}

.comment-form form .form-group textarea.form-control {
    height: auto;
    border: 0;
    border-radius: 3px;
    box-shadow: 0px 0px 10px rgba(16, 33, 125, 0.1);
    resize: none;
    color: #707ab1;
    font-size: 12px;
}

.card.random-post {
    border: 0;
    border-radius: 3px;
    box-shadow: 0px 0px 10px rgba(16, 33, 125, 0.1);
}

.card.random-post .card-body {
    padding: 20px;
}

.card.random-post .card-body .admin-section {
    display: flex;
    align-items: center;
}

.card.random-post .card-body .admin-section a img {
    height: 50px;
    border-radius: 100%;
}

.card.random-post .card-body .admin-section a h6 {
    font-size: 14px;
    margin: 0 5px;
    color: #10217d;
}

.card.random-post .card-body .admin-section a p {
    margin: 0 5px;
    padding: 0;
    font-size: 12px;
    color: #d9d9d9;
}

.card.random-post .card-body .content-section {
    margin: 10px 0 0 0;
}

.card.random-post .card-body .content-section h6 {
    margin: 0;
    color: #10217d;
    font-size: 16px;
}

.card.random-post .card-body .content-section .description {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #707ab1;
}
.random-post:first-child {
    margin: 0 !important;
}
.category-search .container form.row .col-md-3.col-3 {
    padding: 0;
    margin: 0;
}

.category-search .container form.row .col-md-3.col-3 .form-group select {
    border: 1px solid #e1e1e1;
}

.category-search .container form.row .col-md-3.col-3 .form-group .btn-custom {
    border: 1px solid #47a4f9;
}
.privacy-policy p {
    color: #10217D;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 45px;
    line-height: 30px;
}

.privacy-policy h4 {
    color: #10217D;
    font-size: 22px;
    font-weight: 700;
}