.doctorprofile #logo {
    position: absolute;
    top: 0px;
    width:100px; 
    height:100px;
    left:0;
  }
  
  .doctorprofile .navbar-custom span {
    color: black;
    font-size: 1em;
    font-weight: 400;
}

.main-body {
    padding: 15px 10px 15px 15px;
}
.card {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
    height:auto;
}


.cards-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
}

.gutters-sm {
    margin-right: -8px;
    margin-left: -8px;
}
.overlay .cross{
margin-left:100%;
font-size: 40px;

}


.gutters-sm>.col, .gutters-sm>[class*=col-] {
    padding-right: 8px;
    padding-left: 8px;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.bg-gray-300 {
    background-color: #e2e8f0;
}
/* .h-100 {
    height: 100%!important;
} */
.shadow-none {
    box-shadow: none!important;
}
.first-column {
    /* background: green; */
   
    font-size: 1rem;
    border-width:1px;
    border-color:#A5020C;  
    background: rgba(255, 255, 255, 0.87);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    align-items: center;
    border-radius:5px;
    

}
#verify
{
    width:20px;
    height:20px;
    object-fit: cover !important;
}
.first-column p:hover {
    /* background: green; */
     color: #A5020C;
    border-bottom: 3px solid rgb(255, 255, 255);
   


}
.first-column p{
    color: #A5020C;

    font-size:14px;
    /* padding:3px; */
    border-bottom: 3px solid rgba(255, 255, 255, 0);
   
}
.second-column {

  border-style: dotted;
 
}
  
  /* Header/Blog Title */
  .doctorprofile .header {
    
   
    text-align: center;
    background: white;
  }

  .doctorprofile .nameofDept
{
  text-align: center;
  
  color:#A5020C;
}
 /* Add a gray background color with some padding */
 body {
    font-family:'Open Sans', sans-serif;
    padding-top: 0px;
    padding-bottom: 0px;
   
    background: #f1f1f1;
    overflow-x: hidden;
  }
  .online-button{
     
        width: 95px;
        font-size: xx-small;
  
    

  }
  .btn-primary:focus {
    outline: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: none!;
}
.doctorprofile .btn:focus {
    outline: none;
    box-shadow: none;
    }
    .doctorprofile .card-body
    {
       
        background-color: white;
        margin:0px;
    }
    .doctorprofile  .btn:active {
        background: #A5020C ;
      }
      .doctorprofile  .onsite
    {
        background-color: #1D3461;
        width:199px;
        height:50px;
        border:none;
    }
    .doctorprofile .onsite :hover:focus:hover
    {
        background-color: white;
        color:#1d3461cc !important;
   
    }
    .doctorprofile .fas
    {
        color:#A5020C;
    }
    .doctorprofile .btn-online 
    {
        background-color: #A5020C;
        width:199px;
        height:50px;
        border:none;
    }
    .profile-pic img
    {
        /* box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; */
        border-radius: 10px;
        width:140px;
        height:150px;
        margin: 0px 5px;
    }
    .scrollable-menu {
        height: auto;
        max-height: 200px;
        overflow-x: hidden;
        max-width: 320px;
        margin: auto;
    }
   

    .doctorprofile  .card-title
    {
        color:#A5020C;
    }
    .doctorprofile .user-profile
  {
    border-right: 1px solid rgba(128, 128, 128, 0.432);
    margin-top: 10px;
    margin-bottom: 10px;
    
  }
  .doctorprofile .navbar-breadcrumbs
  {
    background-color: none !important;
  
   text-align: center;

  }
  .profile-text
  {
      color:#585858;
      font-size: 14px;
      font-weight: normal;
  }
  .navbar-breadcrumbs a
  {
    font-size: medium;
  }
  
  .doctorprofile .fontname
  {
    font-size: larger;
    font-weight: 600;
    color: #1D3461;
  }
   
  .map .bottom-nav a
{
  font-size: 1em;
  font-weight: 300;
  
  border-bottom: 2px solid transparent;
}

.map .nav-link i {
    color: white;
}

.bottom-nav span
{
    color:white;
}


 
/* Create two unequal columns that floats next to each other */
/* Left column */
.doctorprofile .leftcolumn {   
    float: left;
    width: 100%;
  }
  
  /* Right column */
  .doctorprofile  .rightcolumn {
   
    width: 100%;
   
    display:flex;
    margin-bottom: 10pxs;
  }
  
  /* Fake image */
 .fakeimg {
   
    width: 100%;
    background-color: rgba(0, 0, 0, 0.041);
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.doctorprofile iframe
{
    width:280px;
    height:160px;
}
.name-of-practitioner
{
    color:#A5020C;
}
.map .navbar-customs
{
    background-color: #1D3461;
    color:white;
}

.doctorprofile .card-header
  {
      height:50px;
      background-color: none;
      padding:0.4rem 1rem;
  }
  /* Add a card effect for articles */
  .doctorprofile .card {
     background-color: none;
  
     margin-top: 2px;
     width:100%;
     margin-left:10px;
     
     border:none;
     
  }
  .doctorprofile a:hover,a:focus{
    text-decoration: none;
    outline: none;
}


.doctorprofile .cards_tabs
{
    width:100%;
    height:auto;
    background-color: #e5e5e500;
}
  
  /* Clear floats after the columns */
  .doctorprofile .row:after {
    content: "";
    display: table;
    clear: both;
  }
  .doctorprofile  .videocard
  {
     width:200px;
     height:200px;
     background-color: none;
  }
  
  /* Footer */
  /* .doctorprofile .footer p{
    padding: 0px;
    text-align: center;
    background: white;
    
   
    font-size:0.7em;
    font-weight: 500;
    color:#A5020C;
    

  } */
  .doctorprofile .dropdown-menu a:hover
  {
   
   
    color:white;
  }
  .doctorprofile .dropdown-menu a {
    font-size: 11pt;
    font-weight: 300;
}
.doctorprofile .dropdown-menu {
    float: left;
    min-width: 7.5rem !important;
    padding: 0.5rem 0;
    margin: 0.150rem 0 4rem;
    border-bottom: 1px solid transparent !important;
}
.doctorprofile .breadcrumb
  {
    background-color: none;
    color:black;
  
  }
  .doctorprofile .breadcrumb a
  {
    color:#1D3461;
  
  }
  
  .doctorprofile .heading
{
  
 
    text-align: center;
    background: none; 
    margin-top:1rem;
    

}
.doctorprofile .heading h2
{
    margin-top: 3px;
    color:rgb(182, 5, 5)
}

.doctorprofile .fakeimg-1{
    background-color: transparent;
    width: 100%;
    height:40%;
    display: flex;
    float: left;
  }
    
  .doctorprofile .fakeimg-1 img
{
    width: 100%;
    
    height:100%;  
}

.doctorprofile .fakeimg img
{
    width: 100%;
    
    height:330px;  
}
.doctorprofile nav .breadcrumbs
{
background-color: none !important;
}
.doctorprofile .breadcrumbs-item a
{
    color:#1D3461;
}

.doctorprofile .cards {
  background-color: white;
  padding: 20px;
  margin-top: 10px;
  width:40%;
  height:97%;
  border-radius: 1px;
}

 .onsite-book a
 {
    width:100%;
    background-color:#A5020C;
    color:white;
    border:1px solid #A5020C;
 }

 .onsite-book a:hover
 {
    
    background-color:white !important;
    color:#A5020C !important;
    border:1px solid #A5020C !important;
 }
 .onsite-book a:active
 {
    
    background-color:white !important;
    color:#A5020C !important;
    border:1px solid #A5020C !important;
 }
 .offsite-book a
 {
    width:100%;
    background-color:#1D3461;
    color:white;
    border:1px solid #1D3461;
 }

 .offsite-book a:hover
 {
    
    background-color:white !important;
    color:#1D3461 !important;
    border:1px solid #1D3461 !important;
 }
 .offsite-book a:active
 {
    
    background-color:white !important;
    color:#1D3461 !important;
    border:1px solid #1D3461 !important;
 }
 .onsite-book:hover{
     color:#1D3461
 }


 .text-button
 {
    font-size:14px; 
    margin-left: -8px;
    color:white;
 }
 .text-button:hover{
     color:black;
 }
 .offsite-book .text-button
 {
    
 }

  /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 850px) {
    .doctorprofile .leftcolumn,.doctorprofile .rightcolumn {   
      width: 100%;
      padding: 0;
    }
    #logos {
        width:40%;
        height:50%;
        margin:0 28%;
      
          
        }
        .profile-pic img
    {
        
        width:110px;
        height:110px;
    }
   
    .doctorprofile .rightcolumn {   
    display:block;
    margin-left: -50px ;
    margin-right: -50px;
    }
    
        
    .doctorprofile .fakeimg img{
            width: 400px;
            height: 30%;
            margin-left: 0%;
          }
         
          .doctorprofile .cardvideo
        {
         
        width:200px;
          height:10%; 
          margin-left: 0%;
        }
        .doctorprofile .cards {
        
          width:100%;
          height:30%;
          margin-left: 10%;
        
       }
  }
  .doctorprofile .padding {
   
    width: 100%;
    margin-bottom: 14px;
}
.doctorprofile .doctor-card {
    max-width: 700px;
    background: #fff;
    border-radius: 2px;
    margin: auto;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
}
.doctorprofile .doctor-card .info {
    padding: 15px;
    display: grid;
    grid-template-columns: 90px auto;
}
.doctorprofile .doctor-card .info .avatar {
    overflow: hidden;
    height: 72px;
    width: 72px;
    border-radius: 3px;
    margin-top: 5px;
}
.doctorprofile .doctor-card .info .avatar img {
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
}
.doctorprofile .doctor-card .info .details {
    align-self: center;
    padding: 10px 0;
}
.doctorprofile .doctor-card .info .details .name {
    font-size: 18px;
    line-height: 1;
    padding: 2px 0;
    font-weight: 400;
}
.doctorprofile .doctor-card .info .details .meta-info {
    padding: 2px 0;
    color: #787878;
    line-height: 16px;
    font-weight: 400;
}
.doctorprofile .doctor-card .info .details .meta-info .prac-area:not(:empty)::before, .doctor-card .info .details .meta-info .exp-yr:not(:empty)::before {
    content: "|";
    padding: 10px;
}
.bottom-nav a
{
  font-size: 0.9em;
  font-weight: 300;
  
  border-bottom: 2px solid transparent;
}

.nav-bottom-bar li:hover
{
  
  background-color: #A5020C;
  color:white;
  border-radius:18px;
  
}


@media (max-width: 575px) {
    #logos {
        width:40%;
        height:50%;
        margin:0 28%;

      
          
        }
        .doctorprofile .btn-online 
        {
            background-color: #A5020C;
            width:109px;
            height:50px;
            border:none;
            font-size: 12px;
        }
        .doctorprofile .onsite{
            width: 100px;
           
            font-size: 12px;
            padding:2%

}

        .booknow{
            font-size: 12px;
            margin-left: 10px;

        }
        .card-block{
            text-align: center;
        }
        .doctorprofile h6 {
            font-size: 10px;
        }
        .rating-control
        {
            display: flex;
            font-size: 12px;
            margin-top: 14px;
            
        }
        .doctorprofile .onsite{
            width: 100px;
           
            font-size: 12px;

}

.onsite:active{

    background-color: #A5020C;
    color:white;

}
.ratings{
    display: flex;
    font-size: 11px;
    
}
.print{
    font-size: 11px;
}
.first-card-section{
    display: block;
}
.first-card-sectio-two{
    display: flex;
}
.name-of-practitioner {
    font-size: 15px;
}
.doctorprofile .text-secondary{
    display: flex;
    gap: 5px;
   
}
.doctorprofile .card {
    margin-left: 0;
  
}

#verify {
   margin-top: 2px;

}

        }
       

.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    will-change: transform;
    transform: translateZ(0);
    display: flex;
    height: 50px;
    box-shadow: 0 -2px 5px -2px #333;
    background-color: #1D3461;
    color:rgba(255, 255, 255, 0.555);
  }
  .mobile-bottom-nav__item {
    flex-grow: 1;
    text-align: center;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color:white;
  }
  .mobile-bottom-nav__item a{
    color:white;
  }
  .mobile-bottom-nav__item-content i{
    text-align: center;
  }
  .mobile-bottom-nav__item--active {
    color: white;
    background-color: #A5020C;
  }
  .mobile-bottom-nav__item-content {
    display: flex;
    flex-direction: column;
  }
  
    .doctorprofile .doctor-card .info {
        grid-template-columns: 1fr;
        justify-items: center;
   }
   .doctorprofile .doctor-card .info .details {
        text-align: center;
   }
   .doctorprofile .doctor-card .info .details .meta-info {
        padding: 5px;
   }
   .doctorprofile .doctor-card .info .details .meta-info .exp-yr {
        display: block;
   }
   .doctorprofile .doctor-card .info .details .meta-info .exp-yr:not(:empty) {
        margin-top: 5px;
   }
   .doctorprofile .doctor-card .info .details .meta-info .exp-yr:not(:empty)::before {
        content: none;
   }

.doctorprofile .doctor-card .actions {
    margin: 0 15px 15px;
    display: table;
    width: calc(100% - 30px);
    border-collapse: collapse;
    border-radius: 3px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #f6f7f8;
}
.doctorprofile .doctor-card .actions > div {
    text-align: center;
    padding: 0;
    display: table-cell;
    border: 1px solid #f2f2f2;
    vertical-align: middle;
    height: 64px;
}
.doctorprofile .doctor-card .actions .ratings {
    width: 24%;
}
.doctorprofile .doctor-card .actions .ratings .rating-control {
    display: block;
}
.doctorprofile .doctor-card .actions .ratings .rating-control .fa {
    font-size: 18px;
    color: #ffdc40;
}
.doctorprofile .doctor-card .actions .ratings .rating-count {

    font-size: 12px;
    text-transform: uppercase;
    color: #898989;
}
.doctorprofile .doctorprofile .doctor-card .actions .comments {
    width: 23%;
}
.doctorprofile .doctor-card .actions .comments .comment-count {
    font-size: 12px;
    text-transform: uppercase;
    color: #898989;
}
.doctorprofile .doctor-card .actions .comments .comment-count strong {
    display: block;
    color: #0081e0;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}
.doctorprofile .doctor-card .actions .consultation {
    width: 23%;
}
.doctorprofile .doctor-card .actions .consultation .fee {
    font-size: 12px;
    text-transform: uppercase;
    color: #898989;
}
.doctorprofile .doctor-card .actions .consultation .fee strong {
    display: block;
    color: #0081e0;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}
.doctorprofile .doctor-card .actions .appo {
    width: 30%;
}
.doctorprofile .doctor-card .actions .appo .btn {
    background: #0081e0;
    display: block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 15px;
    margin: 0 5px;
}
@media (max-width: 575px) {
    .doctorprofile .doctor-card .actions > div {
        display: block;
        padding: 10px;
        height: auto;
   }
   .doctorprofile .doctor-card .actions > div.comments, .doctor-card .actions > div.consultation {
        width: 50%;
        display: inline-block;
   }
   .doctorprofile  .doctor-card .actions > div.ratings, .doctor-card .actions > div.appo {
        width: 100%;
   }
}
.doctorprofile .doctor-card .locations {
    padding: 15px 15px 20px;
    border-top: 1px solid #f6f7f8;
    border-radius: 0 0 2px 2px;
    line-height: 1;
    font-size: 12px;
    color: #898989;
    font-weight: 400;
    text-transform: capitalize;
}
@media (max-width: 575px) {
    .doctorprofile  .doctor-card .locations {
        text-align: center;
   }
}
.doctorprofile .doctor-card.hoverable:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.doctorprofile .doctor-card.certified::after {
    content: '';
    background: url('//via.placeholder.com/100') no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 50%;
}
@media (max-width: 575px) {
    .doctorprofile .doctor-card {
        padding: 10px;
   }
}
.doctorprofile .doctor-card + .doctor-card {
    margin-top: 1rem;
}


.doctorprofile .user-card-full {
    overflow: hidden;
    border:none;
    
}



.doctorprofile .user-card-full .user-profile {
    border-radius: 5px 0 0 0px
}

.doctorprofile .bg-c-lite-green {
    background: ghostwhite;
    background: rgb(239, 239, 241);
}
.doctorprofile .page-container
{
    width: 100%;
    background: #f1f1f1
}
.doctorprofile .user-profile {
    padding: 20px 0
}

.doctorprofile .card-block {
    padding: 1.25rem
}



.doctorprofile .img-radius {
    border-radius: 5px
}

.doctorprofile h6 {
    font-size: 14px
}

.doctorprofile .card .card-block p {
    line-height: 25px
}

@media only screen and (min-width: 1400px) {
    .doctorprofile  p {
        font-size: 14px
    }
}

.doctorprofile .card-block {
    padding: 1.25rem
}

.doctorprofile .b-b-default {
    border-bottom: 1px solid #e0e0e0
}

.doctorprofile .m-b-20 {
    margin-bottom: 20px
}

.doctorprofile .p-b-5 {
    padding-bottom: 5px !important
}

.doctorprofile .card .card-block p {
    line-height: 25px
}

.doctorprofile .m-b-10 {
    margin-bottom: 10px
}

.doctorprofile .text-muted {
    color: #030303 !important;
    font-weight:300;
    
}

.doctorprofile .b-b-default {
    border-bottom: 1px solid #e0e0e0
}

.doctorprofile .f-w-600 {
    font-weight: 600
}

.doctorprofile .m-b-20 {
    margin-bottom: 20px
}

.doctorprofile .m-t-40 {
    margin-top: 20px
}

.doctorprofile .p-b-5 {
    padding-bottom: 5px !important
}

.doctorprofile .m-b-10 {
    margin-bottom: 10px
}

.doctorprofile .m-t-40 {
    margin-top: 20px
}

.doctorprofile .user-card-full .social-link li {
    display: inline-block
}

.doctorprofile .user-card-full .social-link li a {
    font-size: 20px;
    margin: 0 5px 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}
.doctorprofile .tabbable-responsive {
    display: block;
    min-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
   
}
.doctorprofile .tabcard
{
    width:98%;
    margin-left:0px;
   
}
.doctorprofile .tabbable {
    min-width: 100%;
}
.doctorprofile .tabbable .nav-tabs {
    white-space: nowrap;
    display: inline-block;
    min-width: 100%;
    padding: 0px 0px 0px -25px;
    padding:-40px;
    
}
.doctorprofile .tabbable .nav-tabs .nav-item {
    display: inline-block;
}
.doctorprofile .tabbable .nav-tabs .nav-item .nav-link {
    display: inline-block;
    color:rgba(12, 12, 12, 0.315);
    font-size:16px;
}

.doctorprofile .tabbable .nav-tabs .nav-item .nav-link.active {
    display: inline-block;
    color:rgb(182, 5, 5);
    font-size:18px;
}
.doctorprofile small {
    font-size: 12px;
}
.nav-item
{
    list-style: none;
}

.doctorprofile .text-dark {
    text-decoration: none !important;
}
.doctorprofile .footer p{
    padding: 0px;
    text-align: center;
    background: white;
    
   
    font-size:0.7em;
    font-weight: 500;
    font-style: bold;
    color:#A5020C;
    
  
  }
  .logo-carousel {
    overflow: inherit;

  }

  #overlay {
    position: fixed;
    display: none;
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    border-radius:50px;
    background-color: #1d3461;
    z-index: 2;
    cursor: pointer;
    transform: translate(-50%,-50%);
  }



/* Slick Slider */

.slick-prev, .slick-next {
    position: absolute;
    top: 135%;
    font-size: 1rem;
  }
  
  .slick-prev {
    left: 0;
  }
  
  .slick-next {
    right: 0;
  }
  
  .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  
  .slick-list:focus {
    outline: none;
  }
  
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list {
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }
  
  .slick-track {
      position: relative;
      top: 0;
      left: 0;
      display: block;
  }
  
  .slick-track:before,
  .slick-track:after {
      display: table;
      content: '';
  }
  
  .slick-track:after {
      clear: both;
  }
  
  .slick-loading .slick-track {
      visibility: hidden;
  }
  
  .slick-slide {
      display: none;
      float: center;
      height: 100%;
      min-height: 1px;
  }
  
  [dir='rtl'] .slick-slide {
      float: right;
  }
  
  .slick-slide img {
      display: block;
  }
  
  .slick-slide.slick-loading img {
      display: none;
  }
  
  .slick-slide.dragging img {
      pointer-events: none;
  }
  .slick-initialized .slick-slide {
      display: block;
  }
  .slick-loading .slick-slide {
      visibility: hidden;
  }
  .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent;
  }
  
  .slick-arrow.slick-hidden {
      display: none;
  }
  .slide-in-right:hover
  {
    color:#A5020C
  }
  
  .slide {
      transition: filter .4s;
      margin: 0px 30px;
      color:rgba(12, 12, 12, 0.884);
      font-size:16px;
  }
  
  
  .slick-prev {
      left: 0;
  }
  .slick-prev, .slick-next {
      position: absolute;
      top: 35%;
      font-size: 1.8rem;
  }
  
  .section {
    max-width: 1200px;
    margin: 0 auto;
    background-color: rgba(0,0,0,.03);;
    padding:10px;
    height: 50px;
    background-color: none;
    padding: 0.4rem 0.7rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}