#spinner {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background:rgba(255,255,255, .9) url(../../loading.gif) no-repeat center center;
  z-index: 7777;
}

.single-doctor {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.single-doctor img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

.form-check-input {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.form-check-label {
  margin-left: 6px;
  font-weight: 500;
  color: #333;
}

.form-label {
  font-size: 15px;
}

.form-check-input:checked {
  background-color: #007bff;
  border-color: #007bff;
}

/* === FLAG OVERLAY === */
.single-doctor .flage {
  position: absolute;
  bottom:72px;           /* distance from bottom of the speaker image */
  left: 50%;              /* center horizontally */
  transform: translateX(-50%); /* perfectly center it */
  width: 38px;            /* adjust flag size */
  height: 38px;
  z-index: 2;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  background: #fff;       /* small white background helps visibility */
  padding: 2px;
}

/* Responsive flag scaling */
@media (max-width: 900px) {
    .main-responsive-menu{}    
  .single-doctor .flage {
    width: 38px; height: 38px;
    bottom: 44px;
  }
    .single-doctor .doctor-content h6 { font-weight: 500 !important; font-size: 11px !important;}
}

.doctor-content {
  margin: 10px 0;
}


.spinner{ float: right; display: none;   
   width: 22px; margin-left: 10px; margin-top:4px;
   height: 22px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,#fff 94%,#ffffff) top/5px 5px no-repeat,
   conic-gradient(#0000 30%,#ffff);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
   animation: spin-c7wet2 1s infinite linear;
}

@keyframes spin-c7wet2 {
   100% {
      transform: rotate(1turn);
   }
}
.xl{font-size: 18px !important;}
.pull-right{float: right !important;}
.pull-left{float: left !important;}
.pl-1{padding-left: 5px !important;}
.pl-2{padding-left: 10px !important;}
.pl-3{padding-left: 15px !important;}
.pl-4{padding-left: 20px !important;}
.pl-5{padding-left: 25px !important;}

.pr-1{padding-right: 5px !important;}
.pr-2{padding-right: 10px !important;}
.pr-3{padding-right: 15px !important;}
.pr-4{padding-right: 20px !important;}
.pr-5{padding-right: 25px !important;}

.bold{font-weight: 700;}

.small{font-size: 12px !important; line-height: 16px !important;}
.xs{font-size: 10px !important;}
.resp{width: 100% !important;}
iframe{width: 100%; min-height: 350px !important;}
.nav-item{margin: 0 12px !important;}
.normal{font-weight: 500 !important;}
.input-rounded{border: 25px !important;}
.text-justify{text-align:justify;}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.about-inner-box{display: block !important; z-index: 1000 !important;}
.text-default{color: #06a3da !important; }
.text-darkblue{color: #1D2362 !important; }
.text-blue{color: #1D2362 !important; }
.text-dark{color: #1D2362 !important;}
.text-darker{color: #091e3e !important;}
.bg-green{background: #50AB5A !important;}
.text-black{color: #333 !important;}
p{color: #091e3e !important;}
.bg-default{background-color: #06a3da !important;}
.bg-white{ background: #fff !important;}
.bg-danger{ background: #D41231 !important;}
.bg-dark{ background: #002856 !important;}
.bg-darker{ background: #091e3e !important;}
.bg-white2{ background:rgba(255,255,255, 0.5) !important;}
.xs{font-size: 12px;}
.bg-blue{ background: #51cfe7 !important;}
.bg-gray{background: #dadada;}
.bg-light-gray{background:#f1f1f1;}
.btn:hover{ background: #51cfe7 !important;}
.form-control{line-height: 35px; background: none; border-color:#333;}
.tox-editor-container, .tox-editor-header,.tox-toolbar-overlord,.tox-toolbar__primary,.tox-sidebar-wrap,.tinymce, iframe,.tox-statusbar,.tox-statusbar__text-container{background:none !important; border:0px solid #333 !important;}

.tinymce, iframe{border:1px solid #333 !important;}
.tox-statusbar{border-top:1px solid #333 !important;}

..tox-statusbar__branding a{color:#cbddeb !important; text-decoration: none;}
.xll{font-size: 24px !important;}
#showfee{color: #f00;}
.nav-link{color: #1D2362 !important;}
.nav-link:hover, .nav-link.active{color: #7A7A4D !important;}


.main-slides-content h1, .heading{ width: auto; max-width: 75%; margin: 0 auto;
    font-weight: 700 !important; padding:0 0 10px 0;
    color: #336; text-align: center !important; font-size:3rem;
    /*-webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: white;  text-shadow: -1px -1px 5px #336;
    */
}
.main-slides-content h2{
    font-size:1.5rem; font-weight: 600; padding:0 0 20px 0;
    color: #666; text-align: center !important;
}
.main-slides-content p{background:rgba(80,171,90, 0.8); border-radius: 15px 0 15px 0; display: inline-block; padding:4px 25px; color: #fff !important; text-shadow: -1px -1px 2px #666; text-align: center !important;}


.visible-xs{display: none !important;}


@media (max-width: 992px) {
  
.dropdown-menu{
 background:#cbddeb !important; border: 0 !important;
}
.dropdown-menu li, .dropdown-menu li a{ background: none !important;
    border: 0 !important;
}
    
.visible-xs{display: block !important;}
 
    
    .middle-header-area{padding:20px 0 !important; color: #fff !important; background: #50ab5a; height: auto !important; margin-top: 0px  !important;}
    .middle-header-content li,.middle-header-content li span,.middle-header-content li a{color: #fff !important;}
    .hidden-xs{display: none !important;}
    .logo{padding:10px;}
    .single-features .content h3 {
    font-size: 14px !important;
    margin-bottom: 14px;
    font-weight: 600;
    }
    .middle-header-content span{font-size: 12px !important; margin: 0 20px !important;}
    .llogo{width: 290px !important;}
    .llogo a {width: 100%; display:block; z-index: 9999 !important; cursor: pointer !important;}
}



/* === SLIDER SECTION === */
.slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Background image container */
.slide-item {
  display: flex;
  align-items: center;
  color: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

/* Add a subtle overlay for readability */
.slide-item::before{
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  /*background: rgba(0, 0, 0, 0.1);*/
  z-index: 0;
}

/* Content styling */
.main-slides-content{
  position: relative;
  z-index: 1; text-align: center;
  padding: 100px 0 250px 0;
}
.slide-item-inner .main-slides-content{ padding:80px 0 250px 0; text-align: center;}

.about-content{ padding:25px;}
.btn-xs{ padding: 4px 8px !important; border-radius: 32px; font-size: 12px;}
.accordion-button{ background: #336; color: #FFF; font-weight: 600;}
@media ( max-width:900px){
    .navbar-area{ background: #FFF;}
   .slide-item {
    min-height: 30vh !important;
    }
    .slide-item-inner{ min-height: 20vh;}
    .slide-item-inner .main-slides-content{ padding:50px 0 150px 0;}
    .main-slides-content{ padding: 100px 0 250px 0;}
    .main-slides-content h1, .heading{font-weight: 700; font-size: 1.5rem !important; padding:0px 0 10px 0; color: #336; text-align: center !important;
    /*-webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: white;  text-shadow: -1px -1px 5px #336;
    */
}
.main-slides-content h2{
    font-size:1.1rem; font-weight: 600; padding:0 0 20px 0; color: #666; text-align: center !important;
}     
.main-slides-content p{background:rgba(80,171,90, 0.8); border-radius: 15px 0 15px 0; display: inline-block; padding:4px 25px; margin-bottom: 150px; text-align: center !important; color: #fff !important; text-shadow: -1px -1px 2px #666;}

    
}

h1,h2,h3,h4,h5{ font-weight: 500 !important; letter-spacing: -1px;}

@media (max-width: 540px){
.mean-bar{top:30px;}    
     
.doctor-content .flg{width: 24px !important; height: 24px !important;}
.doctor-content{padding:10px 0 0 0 !important;} 
.doctor-content p{font-size: 10px !important; padding: 0 10px !important; line-height: 12px !important;}
.about-list, p{font-size: 12px !important;}    
.meanmenu-reveal{top:16px !important;}    
.middle-header-content span{font-size: 12px !important; margin: 0 20px !important;}
.llogo{width: 100% !important;}
.llogo a {width: 74%; display:block; z-index: 9999 !important; cursor: pointer !important;}
.main-slides-item {
  background-position: center center;
  background-size:cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  padding-top:50px !important;
  padding-bottom:50px !important;
}    
.main-slides-item.item-bg1 {
  background-image: url(../../assets/slider.jpg) !important;
  background-size: 100%; 
  background-repeat: no-repeat;
  background-position:center right !important;
}  
}