@charset "utf-8";
/* CSS Document */

#cssmenu ul ul,#cssmenu ul ul ul{position:absolute;left:-9999px;z-index:1000}#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{margin:0 0 -2px;padding:0;border:0;list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:150}#cssmenu:after,#cssmenu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}#cssmenu #menu-button,#cssmenu ul ul li.has-sub>a:before{display:none}#cssmenu>ul>li{float:left}#cssmenu.align-center>ul{font-size:0;text-align:center}#cssmenu.align-center>ul>li{display:inline-block;float:none}#cssmenu ul ul li.has-sub>a:after,#cssmenu ul ul li.has-sub>a:before{position:absolute;display:block;content:'\f105';font-family:FontAwesome}#cssmenu.align-center ul ul{text-align:left}#cssmenu.align-right>ul>li{float:right}#cssmenu>ul>li>a{text-decoration:none;transition:.5s}#cssmenu>ul>li:hover>a{transition:.5s}#cssmenu ul ul{margin-top:0}#cssmenu.align-right ul ul{text-align:right}#cssmenu ul ul li{transition:.25s;margin-bottom:11px;padding:0;width:200px;text-transform:capitalize!important;position:relative;height:30px}#cssmenu li:hover>ul{left:auto}#cssmenu.align-right li:hover>ul{left:auto;right:0}#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}#cssmenu ul ul li.last-item>a,#cssmenu ul ul li:last-child>a{border-bottom:0}#cssmenu ul ul li.has-sub>a:after{top:16px;right:7px;width:8px;height:2px}#cssmenu>ul>li.has-sub>a{padding-right:10px}#cssmenu>ul>li a{border:none}#cssmenu>ul ul li a{border:none;padding-bottom:10px!important}#cssmenu>ul>li a:hover{color:#08693f}#cssmenu>ul ul{margin-top:14px}#cssmenu>ul ul li a:hover{background:0 0;transition:.5s}#cssmenu ul{padding:0}#cssmenu ul ul{top:50px;opacity:0;-webkit-transition:opacity .3s,top .25s;-moz-transition:opacity .3s,top .25s;-ms-transition:opacity .3s,top .25s;-o-transition:opacity .3s,top .25s;transition:opacity .3s,top .25s}#cssmenu ul ul ul{margin-left:100%;top:0;opacity:1;-webkit-transition:opacity .3s,top .25s;-moz-transition:opacity .3s,top .25s;-ms-transition:opacity .3s,top .25s;-o-transition:opacity .3s,top .25s;transition:opacity .3s,top .25s;background:#492b2d;margin-top:0}#cssmenu>ul>li:hover>ul{left:auto;top:20px;opacity:1}#cssmenu ul ul li a{border-bottom:1px solid rgba(143,143,143,.5);border-bottom:none;padding:11px;text-transform:capitalize;font-size:12px;color:#fff;-webkit-transition:.35s;margin:0!important;-moz-transition:.35s;-ms-transition:.35s;-o-transition:.35s;transition:.35s}#cssmenu ul ul li.has-sub::after{right:10px;top:12px;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s;-webkit-transition:-webkit-transform .2s,right .2s}@media all and (max-width:900px){#cssmenu #menu-button,#cssmenu .submenu-button{position:absolute;right:0;display:block;cursor:pointer}#cssmenu,#cssmenu .submenu-button.submenu-opened{background:0 0}#cssmenu ul li a{color:#fff!important}#cssmenu .submenu-button.submenu-opened:before,#cssmenu ul,#cssmenu ul ul>li.has-sub>a:after,#cssmenu ul ul>li.has-sub>a:before,#cssmenu>ul>li.has-sub>a:after,#cssmenu>ul>li.has-sub>a:before{display:none}#cssmenu ul ul li{width:100%!important;margin-bottom:0}#cssmenu ul{width:100%;margin-top:0;padding:0 10px}#cssmenu.align-center>ul{text-align:left}#cssmenu ul li{width:100%}#cssmenu li:hover>ul>li,#cssmenu ul ul li{height:auto}#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}#cssmenu>ul>li{float:none;padding-bottom:17px!important;padding-top:8px}#cssmenu ul ul ul li a{padding-left:35px}#cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}#cssmenu #menu-button:after,#cssmenu #menu-button:before{right:8px;width:30px;content:'';position:absolute}#cssmenu #menu-button{padding:17px;color:#ddd;font-size:12px;text-transform:uppercase;font-weight:700;width:46px;border-radius:4px}#cssmenu #menu-button:after{top:16px;display:block;height:8px;border-top:2px solid #ddd;border-bottom:2px solid #ddd}#cssmenu #menu-button:before{top:10px;display:block;height:2px;background:#ddd}#cssmenu ul ul .submenu-button{height:34px;width:34px}#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;content:''}#cssmenu ul ul .submenu-button:after{top:15px;right:13px}#cssmenu .submenu-button.submenu-opened:after{content:'\f068';font-family:FontAwesome;color:#fff}#cssmenu .submenu-button:before{position:absolute;top:19px;right:19px;display:block;height:8px;content:'\f067';font-family:FontAwesome;color:#fff}#cssmenu ul ul .submenu-button:before{top:12px;right:16px}#cssmenu .submenu-button::after,#cssmenu .submenu-button::before{top:11px}#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{z-index:auto}#cssmenu{position:fixed;z-index:160;right:15px;width:91.5%;border-radius:2px}ul.socialMedia{float:left}#cssmenu>ul>li>a{padding-bottom:15px}#cssmenu ul ul{padding:0;opacity:1}#cssmenu ul ul li a{background:0 0;font-size:12px;padding-bottom:5px;padding-left:20px!important}#cssmenu .submenu-button{z-index:99;top:0;height:38px;border:none}#cssmenu>ul ul{top:0;margin-top:0}}@media (min-width:768px) and (max-width:1024px){.sliderC{margin-top:0}#cssmenu #menu-button{right:14px}.addressBox{height:120px}@media (min-width:603px) and (max-width:966px){#cssmenu>ul>li a{padding:10px 13px!important}.addressBox h6{font-size:13px}}}@media (max-width:760px){#cssmenu .submenu-button{width:50px}#cssmenu ul ul{background:#404040!important;top:0!important}#cssmenu ul ul li{width:100%!important}.spcificHeight{height:400px!important;overflow-y:scroll!important}#cssmenu>ul>li{padding:0;padding-bottom:0!important}#cssmenu>ul>li a{padding:10px!important}#cssmenu #menu-button{background:#dadada;border:1px solid #fff}#cssmenu #menu-button::before{background:#7b8284}#cssmenu #menu-button::after{border-bottom:2px solid #7b8284;border-top:2px solid #7b8284}}





body {margin: 0;padding: 0;  font-family: "Open Sans", sans-serif; }
header{ background:#fff; padding:15px 0px;}

.logo{ overflow:hidden;}
.logo img{ max-width:100%;}

 

 
#cssmenu{  float:left; padding:0px 0px 0px; 
}

#cssmenu > ul > li{ margin-left:30px; 
}
#cssmenu > ul > li:first-child{ margin-left:0px;}

#cssmenu > ul > li:first-child{ padding-left:0px;}
#cssmenu > ul > li a{   padding-bottom:10px;  color:#333; }
#cssmenu > ul ul li a{ background:none; font-size:16px;}
#cssmenu > ul > li.has-sub > a{ }

#cssmenu > ul > li a:hover{ color:#006079;}
#cssmenu > ul > li a.active{ color:#000!important; font-weight:bold; /*background:url(../images/nav-border-active.jpg) no-repeat left bottom; */}

#cssmenu > ul ul li { font-size:16px; }


#cssmenu > ul > li a.active{ border-bottom:3px solid #334258; }


#cssmenu{ float:right;  }

#cssmenu > ul ul li a{ border-bottom:1px solid #05312c;}

#cssmenu{ float:left; display:table;}

.menu-C{ float:right;margin-top:15px;}

#cssmenu{ float:left; margin-right:40px;}
.log-reg{ float:left;}
.log{ font-size:16px; color:#000000; margin-right:50px;}
.log i{ color:#2e3192; font-size:20px; margin-right:10px}
.log-reg a{ text-decoration:none; }

.reg{ background:#2e3192; color:#fff; padding:10px 15px; border-radius:4px;}
.log-reg i{ margin-right:8px;}

.sliderC{ overflow:hidden; background:url(../images/banner-ng.jpg);background-size:100% auto; min-height:600px;}
.sliderC img { width:100%;}


.sliderC{ position:relative;}

.home-banner-cap{  left:0; right:0; margin:0px auto; color:#fff; margin-top:100px;}
.banner-top-cap{ text-align:left; color:#FFFFFF; }

.banner-top-cap h1{ font-size:38px; color:#000000;}
.banner-top-cap h2{ font-size:46px; color:#000000; font-weight:bold}
.banner-top-cap h2 span{ color:#0474ab;}
.banner-top-cap h3{ font-size:40px;}


/*.banner-top-cap h1{ font-size:40px;-webkit-text-stroke-color: #fff;
    color: transparent !important;
    -webkit-text-stroke-width: 1px;}
	.banner-top-cap h2{ font-size:58px; font-weight:900;}
		.banner-top-cap h2 span{ color:#0092d9;}


.banner-top-cap h3{ font-size:18px; font-weight:200; margin:10px auto;}

*/





.search-Out{  left:0; right:0; margin:0px auto; color:#fff;}







.home-searchC{ border:10px solid rgba(0, 0, 0, 0.2); overflow:hidden; margin:20px 0px; max-width:800px; margin-top:50px;}
.hm-srch-inn{ background:#fff; max-height:60px; position:relative;
    margin-right: -1px;}
.home-searchC input{ width:100%; height:60px; border:none; background:#fff; padding-left:40px;}
.home-searchC button{ background:#0092d9; height:60px; padding:0px 35px 0px;  border:none; color:#fff;-webkit-transition: all .6s ease-in-out; text-align:center; top:0px; position:absolute; right:0;
    transition: all .6s ease-in-out;border-radius:0px;}
	
.home-searchC button:hover	{-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; background:#2e3192;}


.search-frmC i{ position:absolute; left:10px; top:22px; color:#999999;}

	
		
.banner-top-cap h2 {}
	
.banner-top-cap h3 {
    font-size:51px;
    -webkit-text-stroke-color: #000;
  font-family: "Bebas Neue", sans-serif;


    color: transparent !important;
    -webkit-text-stroke-width: 1px; text-align:left; text-transform:uppercase; letter-spacing:2px;
}	




.home-about{ background:#fff7cc url(../images/about-bg.png) center bottom no-repeat; padding:50px 0px;}

.about-round-image{  max-width:480px; position:relative; z-index:100;}

.banner-image{ position:absolute; left:0; top:100px; z-index:11;}

.round-half-img{ position:absolute; top:0; left:0; right:0; z-index:5;}
.about-round-image-inner img{border-radius:50%; width:100%; position:relative; z-index:10;}

.brdr{border:10px solid #fff;border-radius:50%}



.about-image{ position:relative; padding-left:50px; padding-top:50px;}
.abt-bg-pattetn{ position:absolute; left:0; top:0;}

.about-round-image-inner { /*background:url(../images/circle-half.png) no-repeat right bottom;*/ padding:10px; background-size:auto 100%;}

.top-circle{ width:90px; height:90px; background:#fdecdc; border:15px solid #0092d9; border-radius:50%; position:absolute; top:70px; left:53px;}

.bottom-circle{ width:90px; height:90px; background:#fdc904;
 border:15px solid #57ab40; border-radius:50%; position:absolute; bottom:30px; right:120px;}


.angle-pattern{  position:absolute; top:30px; right:0px; z-index:5;}

.color-animation {
    animation: color 9s infinite linear;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 6s linear infinite;
  -moz-animation: rotating 6s linear infinite;
  -ms-animation: rotating 6s linear infinite;
  -o-animation: rotating 6s linear infinite;
  animation: rotating 6s linear infinite;
}


@keyframes color {
	1%   { background: #44659a; }
	20%  { background: #57ab40; }
	40%  { background: #24810b; }
	60%  { background: #114d00; }
	80%  { background: #72e951; }
	100% { background: #0e6a92; }
}

.color-animation { animation: color 9s infinite linear;

}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}



.avatar {
 
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;

}



.bottom-circle {
    width: 90px;
    height: 90px;
    background: #fdc904;
    border: 15px solid #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 91px;
    right: -45px;
}
	
	
	
.department {
  background: #95c2e9 url("../images/department-bg.jpg") no-repeat center center;
  background-size: cover;        /* Ensures image covers full area */
  background-attachment: scroll; /* Keeps it normal while height grows */
  padding: 60px 0px;
  color: #ffffff;  background-attachment: fixed;

}
.department h2{ font-size:20px; margin:0px auto; text-align:center; margin-bottom:50px; padding-bottom:15px; position:relative;}
.department h2:after{ width:100px; height:5px; background:#000; position:absolute; bottom:0; left:0; right:0; margin:0px auto; content:'';}

.department h2 b{ font-weight:800; color:#000;}
.department h2 span{ font-weight:200; font-size:25px;color:#000;}

.department-ic{ background:#283c67;  text-align:center;}

.colc5{
  flex: 0 0 auto;
  width: 20%; padding:0px 5.5px;}


 @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
.department-ic h3{ text-transform:uppercase; font-size:15px; margin:0px 0px 15px;    font-family: 'Roboto Condensed', sans-serif; display: flex;
  justify-content: center; padding:0px 10px;
  align-items: center;
  height: 40px; margin-bottom:10px;}

.space{ margin:0px -5.5px;}
.dep-ic { padding:30px;}
.department a{ color:#FFFFFF; text-decoration:none;}
.department-ic{-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; margin-bottom:11px; padding-bottom:10px}
.department-ic:hover{ background:#57ab40;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}




.about_us{ padding:80px 0px; font-family:  }

.about-img-out{ position:relative; padding-left:75px; padding-top:75px;}
.abt-border-bx{ position:absolute; border:30px solid #d6d6d6; width:460px; height:550px; top:0; left:0;}
.about-us-image{ overflow:hidden; position:relative; z-index:5;}
.about-us-image img{ width:100%;}

.about-us-image{ padding:0px 52px 52px 0px; background: url(../images/decor.png) bottom right no-repeat;}

.about_us h2{ position:relative; background:url(../images/about-corner.png) no-repeat left top;font-size:32px; font-weight:700;
 padding:20px 0px 0px 60px; margin:0px 0px 20px; color:#283c67;}
 
 
 .about_us h3{ font-size:20px;color:#283c67; padding:0px 0px 0px 60px; font-weight:700; margin-bottom:30px;}
 
 .abt-first{ border-left:3px solid #438451; font-size:16px; line-height:26px; padding:0px 0px 0px 30px; margin-bottom:30px; font-style:italic; font-size:13px;}
 
 .abt-txt{ line-height:21px; font-size:13px; color:#535252;  margin-bottom:60px;}
 
 .about-right a{ border:2px solid #202020;padding: 16px 88px 16px 45px;font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  font-style: normal;
  text-decoration: none; color: #202020; position:relative;
  line-height: 24px;}

 .about-right{ margin-top:60px; position:relative;}

 .about-right a::after {
  content: '';
  position: absolute; right:30px; top:24px; width:35px; height:1px;
  z-index: 1;
  transition: all .3s ease-out;
  background: #666;
    background-color: rgb(102, 102, 102);}


.about-right{ margin-left:50px;}

.heart-ic{ position:absolute; right:0; overflow:hidden;}
.heart-ic img{ max-width:100%;}



	#intro-1 { background:#000 url(../images/video-bg.jpg)  no-repeat 100% 100%;margin: 0 auto; color:#FFFFFF; 
 width: 100%;   position: relative; height:100%;  padding: 100px 0; background-attachment:fixed;  margin-top:0px; background-size:100%  auto; 
}

.video-frame{ overflow:hidden; margin:0px auto; position:relative; display:table; width:70%;}
.video-frame img{ max-width:100%;}

.vd-pl{ position:absolute; left:0; right:0; margin:0px auto; text-align:center; top:10%;}


.video-frame h2{ font-size:50px; font-weight:200; text-transform:uppercase; color:#d2aa4b; font-family: "Roboto Condensed", sans-serif; margin-bottom:30px;}

.video-frame h2 b{ font-weight:900; color:#FFFFFF;}


.play-btn {
  width: 105px;
  height: 105px;

  border-radius: 50%;
  position: relative; line-height:105px;
  display: block;
  margin: 100px auto;
/*  box-shadow: 0px 0px 25px 3px rgba(255, 0, 128, 0.8); */  margin:0px auto; margin-top:15%;  
border:5px solid rgba(255, 255, 255, 0.5);}


/* triangle */
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid #000000;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -25%;
  left: -25%;
  background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}




.play-btn i{    -webkit-text-stroke-color: #fff;
    color: transparent !important;
    -webkit-text-stroke-width: 1px; font-size:30px;
}






/*testimonial*/
	
.testimonial{ background:#fff; padding:60px 0px 0px; text-align:left;}
.testimonial h2{ font-size:18px; font-weight:normal; position:relative; display:table; margin-bottom:80px; text-align:right;}


.testimonial h3{ font-size:63px; font-weight:700;
 
 overflow:hidden; position:relative;  text-transform:none; padding:15px;margin-bottom:80px; }
 
/* .testimonial h3:before{ position:absolute; left:0px;content:'\f10e';font-family:FontAwesome; left:0; top:16px; font-size:70px; color:#e3e8ff;}
 
.testimonial h3 span{ font-weight:normal!important;}*/

.testi-slider{display:block;}

.testimonial h2 b{ font-weight:900!important; color:#009bdf;}


.testi-icon{ position:relative;}


.testi-slider{ display:block;}

.testimonail-right{}
.testi-img{ width:100px; height:100px; border-radius:50%; padding:8px; overflow:hidden; }



.testi-img {
	/*background: linear-gradient(-45deg, #fecf00, #f9b105, #ef7a1b, #ff1e00);
	background-size: 400% 400%;
	animation: gradient2 1s ease infinite; */ border:10px solid #009bdf; margin-top:20px;
	
}
.testimonial h2 {margin-bottom:20px;}

.test-quote{position:absolute;opacity:0.1;}

.testimonail-right {
    width: 100%;
    text-align: center;
    margin: 10px auto;
}



.testimonail-right ul {

    display: table;
}
.testimonial h3{margin-bottom:10px;}

.testimonail-right {
    padding-bottom: 30px;
}

@keyframes gradient2 {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.testi-img{ margin-bottom:10px;}

.testi-img img{ width:100%; border-radius:50%;}

.testimonail-right ul{ list-style:none; padding:0px 0px;}
.testimonail-right ul li{ float:left; margin-right:15px; font-size:18px;}	
.testimonail-right ul li a{ color:#f9d73b;}

.testimonial  h4{ color:#000; font-size:20px; font-weight:800; margin-bottom:30px;}


.testi-txt p{ line-height:30px; font-size:16px;}
.testimonial  h4 span{ color:#949494; font-size:14px; font-weight:400;}
	
.testi-slider{ position:relative;}	
.testi-circle{ position:absolute; top:50px; right:50px;}

.testimonail-right{ }





.testimonail-right{ text-align:left;}

	
.testi-left-img{ overflow:hidden; margin-top:50px; padding:50px; position:relative }
.testi-bg{ position:absolute; left:0; top:0; z-index:5;}
.testi-left-img img{ width:100%;}

.testimg{ z-index:10; position:relative;}



.testimonial h2{ font-size:31px; font-weight:300; margin-bottom:40px; text-align:right; float:right; }
.testimonial h2 b{ font-weight:300; font-size:50px;}

.test-top-right{ text-align:right; overflow:hidden;}

.connect{ background:url(../images/connect-bg.jpg); background-size:100% 100%; padding:100px 0px;}
.connect h2{ text-align:center; margin-bottom:50px;}

.connect-bx{ overflow:hidden; overflow:hidden; border-radius:20px; position:relative; max-height:400px;transition: all 0.6s ease-in-out 0s;}

.connect-img{}

.connect-tects{ position:absolute; top:0; left:0; right:0; text-align:center; padding:20px 20px; color:#FFFFFF;}
.connect-ic{ margin-top:0px; margin-bottom:20px; min-height:70px;}

.connect-tects h3{ font-size:30px; font-weight:bold; text-transform:uppercase;}

.connect-bx h2{ font-size:90px; font-weight:bold; text-align:left;   
    -webkit-text-stroke-color: #fff;
 
    color: transparent !important;
    -webkit-text-stroke-width: 3px;font-family: "Roboto Condensed", sans-serif; margin:0px; opacity:0.3;}


.connect-tects h4{ font-size:20px; font-weight:400;  font-family: "Roboto Condensed", sans-serif;}

.connect-ic{ margin-bottom:30px;}

.connect-btn{ background:#009bdf; width:42px; height:42px; border-radius:50%; text-align:center; line-height:35px; color:#FFFFFF; border:3px solid #fff; display:table; float:right; margin-top:20px;transition: all 0.6s ease-in-out 0s;}


.connect-bx:hover .connect-btn{     background: #065ab1;transition: all 0.6s ease-in-out 0s; color:#fff;}



#intro-2 { background:url(../images/sign-up-bg.jpg) no-repeat 100% 100%;margin: 0 auto; color:#FFFFFF; 
 width: 100%;   position: relative; height:100%;   background-attachment:fixed;  margin-top:0px; background-size:100%  auto; 
}






.connect-bx {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 14px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    transition: all .5s ease 0s;
}

.connect-bx:hover {
    box-shadow: 0 15px 33px rgba(0,0,0,.2);
    transform: translateY(-10px);
    transition: all .5s ease 0s
}



.sign-up-c{ padding:100px 0px; color:#FFFFFF; padding:70px 0px; overflow:hidden;}
.sign-up-c h2{ background:#fff; padding:5px; color:#333; font-size:24px; display:table;}
.sign-up-c h3{ font-size:30px; font-weight:bold; color:#fff; margin:20px 0px;}
.sign-up-c h4{ font-size:54px; font-weight:bold; color:#fff; margin:20px 0px;}


.sign-up-c p{ font-size:16px; line-height:30px;}

.sign-up-c h3 span{ font-size:62px; font-weight:900; font-family: "Rajdhani", sans-serif;}

.sign-up-c-right{ margin-top:160px;}
.sign-up-middl-img{ overflow:hidden;  background:url(../images/plus-pattern.png) no-repeat bottom right; padding:40px 40px 40px 40px; position:relative;}

a{ text-decoration:none;}




.sign-up-middl-img img{ width:100%;border:10px  solid #fff;}




.bottom-img{ overflow:hidden; border:10px  solid #fff;position:absolute; bottom:0; left:0;}
.bottom-img img{ max-width:100%;} 

.sign-img-sect{ position:relative;padding:50px 62px 50px;}

.sign-up-txt{ margin-bottom:50px;}
.rd-btn {
color:#fff; font-weight:normal; padding:15px 20px; border-radius:4px; display:table; background:#1f1f1f;-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.2); display:inline; margin-right:10px; text-transform:uppercase;transition: all 0.6s ease-in-out 0s; border:none;
}
.rd-btn .fa{ margin-right:5px;}

.rd-btn:hover{ background:#059de0;transition: all 0.6s ease-in-out 0s; color:#FFFFFF;}


.sign-up-c-right{ margin-left:30px;}




#intro-3 { background:url(../images/faq-bg.jpg) no-repeat 100% 100%;margin: 0 auto;
 width: 100%;   position: relative; height:100%;   background-attachment:fixed;  margin-top:0px; background-size:100%  auto; 
}


.faq{background:#f0f9ff url(../images/faq-bg.jpg) center no-repeat; background-size:100%; padding:40px 0px 0px;}
.faq-img-C{ position:relative; margin-bottom: }	
.faq-left-pattern{ position:absolute; top:0; left:0;}

.fq h2{ font-weight:900; font-size:46px; font-weight:900; margin-top:20px; margin-bottom:0px;}
.fq h3{ font-weight:900; font-size:35px; font-weight:300;}

.accordion{ background:none!important; margin-bottom:50px;}
.accordion-item{ border:none;background:none!important; border-bottom:1px solid #d8d8d8;}
.accordion-button{ background:none!important;}

.faq-img{ margin-top:30px;}
.faq-img img{ width:100%;}

.accordion-body { line-height:25px; background:#f1f1f1;}

.faq-img{ padding-right:30px;}

.view-more{ background:#1d1b1a; padding:15px 40px; color:#FFFFFF; text-transform:uppercase; border-radius:30px; margin-top:45px; display:table; font-size:15px;transition: all 0.6s ease-in-out 0s;}


.view-more:hover{     background: #065ab1;transition: all 0.6s ease-in-out 0s; color:#fff;}



.faq h3{ color:#555555; font-size:28px; font-weight:500; margin-top:25px;}


 .accordion-button{ font-size:16px; font-weight:700; padding-left:0px;}




#intro-4 { background:url(../images/join.jpg) no-repeat 100% 100%;margin: 0 auto;
 width: 100%;   position: relative; height:100%;   background-attachment:fixed;  margin-top:0px; background-size:100%  auto; padding:80px 0px 
}

.join-sec{ text-align:center; color:#FFFFFF;  }

.join-sec h2{ font-size:35px;font-family: "Oswald", sans-serif; margin-bottom:30px;}
.join-sec h2 b{ font-size:57px; margin-bottom:50px;}
.join-sec h3{ font-size:28px; font-weight:200; margin-bottom:65px; line-height:40px;}
.join-sec h3 b{ font-weight:800;}

.join-sec a{ background:#009bdf; padding:20px 45px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; border-radius:30px;  display:table; margin:0px auto;transition: all 0.6s ease-in-out 0s;}

.join-sec a:hover{ background:#fff;transition: all 0.6s ease-in-out 0s; color:#000;}



footer{background:#065ab1; padding:80px 0px 0px; color:#fff; font-size:14px;}

footer h2{ font-size:18px; margin:0px 0px 15px; font-weight:bold;}

footer ul{ margin:0px 0px; padding:0px 0px; list-style:none;}
footer ul li{ margin-bottom:10px;}

footer ul li a{ font-size:13px; color:#FFFFFF;}

.footer-social { float:right;}
.footer-social li{ margin-right:8px; margin-bottom:0px; float:left; overflow:hidden; border-radius:2px;}

.footer-logo{ overflow:hidden; margin-bottom:30px;}
.footer-logo img{ max-width:100%;}
.footer-about-txt{ max-width:90%;}


.footer-social li a{ font-size:18px;}
.footer-social li{ margin-right:15px;}

.copy-right{ padding:20px 0px; color:#fff; margin-top:30px; background:#0075d0; margin-top:55px;}
.copy-right p{ margin-bottom:0px; font-size:12px; margin-bottom:0px;}
.payments-cards{ margin-top:40px; overflow:hidden;}
.payments-cards img{ max-width:100%;}






.ftr-menu li a{ position:relative; padding-left:20px; color:#fff}

.ftr-menu li a:before{ font-family:FontAwesome; content:'\f138'; position:absolute; left:0; top:2px;}

.pto-img{ margin-bottom:25px;}


.dwd-app-img{ overflow:hidden; margin-top:25px;}
.dwd-app-img img{ overflow:hidden; max-width:100%;}

.mobie-search{ display:none;}




/*login-regiter*/


.reg-pages{background: hsla(239, 100%, 67%, 1);

background: linear-gradient(90deg, hsla(239, 100%, 67%, 1) 0%, hsla(187, 100%, 89%, 1) 100%);

background: -moz-linear-gradient(90deg, hsla(239, 100%, 67%, 1) 0%, hsla(187, 100%, 89%, 1) 100%);

background: -webkit-linear-gradient(90deg, hsla(239, 100%, 67%, 1) 0%, hsla(187, 100%, 89%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#595CFF", endColorstr="#C6F8FF", GradientType=1 );}
.login-scr{}

.log-left{padding:45px 35px;}
.loginC{ font-size:13px; background:url(../images/log-reg-bg.jpg); max-width:600px; margin:0px auto; /* overflow:hidden;*/  margin:90px auto;   position:relative; border:4px solid #fff; padding:10px;  padding:65px; border-radius:10px; }


.loginC .form-group{ margin-bottom:15px;}
.loginC .form-control{ border:1px solid #fff; background:none; border-radius:0px; height:42px; font-size:13px;color:#fff!important;}


.loginC .form-select { border:1px solid #fff; background:none; border-radius:0px; height:42px; font-size:13px;color:#fff!important;}
select.form-control { -webkit-appearance: menulist;color:#fff!important; }

.form-select  option {color:#000!important; border-radius:0px;}



.sign-in-from{ margin-top:35%;}

.txtarea{ min-height:90px!important;}

.loginC .form-check-input{ border:1px solid #f0f0f0; background:#f0f5f7; }

.loginC  label{ font-weight:bold; margin-bottom:5px;}


.log-right{  color:#FFFFFF; }

.frg-pwd-c  .log-right{ padding:80px 35px;}
.frg-pwd-c h1{ display:none;}



.loginC button{ background:#fff; padding:18px; text-transform:uppercase; border:none; cursor:;  color:#000; font-weight:bold; display:block; width:100%; margin:15px 0px;transition: all 0.5s ease 0s;}

.loginC button:hover{    background: #065ab1;transition: all 0.5s ease 0s; color:#fff;}

.frg-pw{ margin:3px 0px 7px; text-align:right}
.loginC a{ font-weight:900; color:#fff; text-decoration:underline}

.log-logo{ margin-bottom:30px; text-align:center;}
.log-logo img{ max-width:100%;}

.log-left{ color:#FFFFFF; font-weight:lighter; text-align:center;}
.log-left h1{ font-size:35px; font-weight:200; color:#FFFFFF; text-align:center; text-shadow:1px 1px #333;}

.log-left-content{ position:absolute; top:40%; margin:0px auto; left:10%;  }
.frg-pwd-c .log-left-content{  left:12%;  }
.frg-pwd-c  .log-logo img{ max-width:80%;}

.loginC h2{ font-size:20px; text-align:center; font-weight:bold; text-transform:uppercase; margin:0px 0px 30px; padding-bottom:10px; border-bottom:1px solid #fff; position:relative;}
.loginC h2:before{ position:absolute; bottom:-5px; width:10px; height:10px; background:#fff; content:''; left:0; border-radius:50%;}
.loginC h2:after{ position:absolute; bottom:-5px; width:10px; height:10px; background:#fff; content:''; right:0; border-radius:50%;}



.video-modal .modal-footer{ padding:0px; border:none;}

.app-store{ margin-top:10px;}
.dep-ic{max-width:100px;margin:0px auto;padding:20px;}
.dep-ic img{ max-width:100%;}




/*about*/

.inner-banner{ overflow:hidden; position:relative; overflow:hidden;}
.inner-banner img{ width:100%;}


.banner-title{ position:absolute; left:0; right:0; margin:0px auto; text-align:left; top:45%; text-align:center; }
.banner-title h1{ text-transform:uppercase; font-size:30ox; font-weight:900; color:#FFFFFF; position:relative;padding-bottom: 10px;
    border-bottom: 1px solid #fff; display:table; margin:0px auto;}

.banner-title h1:before {
    position: absolute;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background: #fff;
    content: '';
    left: 0;
    border-radius: 50%;
}

.banner-title h1:after {
    position: absolute;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background: #fff;
    content: '';
    right: 0;
    border-radius: 50%;
}





.vs-left-img{ overflow:hidden;}
.vs-left-img img{ width:100%;}

.vs-ms-sec{ background:#efefef; background-image: linear-gradient(to right top, #f0f0f0, #f4f4f4, #f7f7f7, #fbfbfb, #ffffff); padding-bottom:25px;}

.vs-left-img{ position:relative; z-index:2; overflow:hidden; padding:40px 40px 0px 0px; margin-top:96px; }
.vs-left-img img{ max-width:100%; z-index:5; position:relative; border:5px solid #fff;}
.vs-img-border{ position:absolute; top:0; right:0;  width:70%; height:70%; border:10px solid #2e3192; z-index:1;}

.vs-ms-sec ul{  margin:10px 0px; padding:0px 0px 0px 15px; font-size:14px;}

.vs-C{ margin-bottom:35px;}


.vs-ms-sec h2{ font-size:22px; text-transform:uppercase; font-variant:200; margin-bottom:40px; line-height:40px;}
.vs-ms-sec h2 b{ font-size:24px;}

.vs-right{ margin:35px 0px 35px 35px; margin-top:90px;}

.vs-C{ margin-bottom:25px;}

.vs-C h3{ font-size:20px; font-weight:bold; text-transform:uppercase;}
.vs-C p{ font-size:14px;}

.vs-ic{ overflow:hidden; padding:20px; background:#57ab40; width:100px; height:100px; border-radius:50%; margin-bottom:25px; border:3PX solid #FFF;box-shadow: 3px 7px 8px -14px rgba(0,0,0,0.75);
-webkit-box-shadow: 3px 7px 8px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 7px 8px -14px rgba(0,0,0,0.75);}
.vs-ic img{ width:100%; margin-bottom:15px;}



.chat-option{ background:#c0e1e6; padding:80px 0px;}


.chat-imgC{ position:relative; padding:0px 70px 20px 20px;}
.chat-imgC:after{ position:absolute; right:0; width:300px; height:80%; top:10%; content:''; border:20px solid #166cb7; z-index:1;}

.chat-imgC:before{ position:absolute; left:0; width:300px; height:70%; bottom:0; content:''; z-index:1; background:url(../images/testimonial-bg.jpg);}


.chat-img{ overflow:hidden; }
.chat-img img{ width:100%; position:relative; z-index:5;}

.chat-content{ padding-left:50px; margin-top:70px;}
.chat-content h2{ font-size:30px; margin:0px 0px 15px; font-weight:800; text-transform:uppercase;}
.chat-content h3{ font-size:20px; margin:0px 0px 25px; font-weight:200; text-transform:uppercase;}
.chat-content p{ font-size:13px;}


.call-content{ margin-left:0px; padding-left:0px;}

.call-option{background: #eaeaea;}

.call-imgC{ overflow:hidden;}

.call-img{ overflow:hidden;}
.call-img img{ width:100%;}



.call-img{
  float: right;
  width: 100%;
  border: 20px solid rgba(255, 255, 255, 0.5);
}

.call-imgC{ padding:20px 20px 0px 0px; position:relative;}

.call-img-pattern{ position:absolute; top:0; right:0; width:124px; height:130px; content:;}

.video-option{ padding:80px 0px; background:#dee2c1;}


.video-option-imgC{ position:relative; overflow:hidden; border:20px solid #fff;}
.video-option-img img{ width:100%;}

.video-option-img:before{ position:absolute;}



.social-login{ display:flex; margin-top:20px;}
.social-login a{ text-decoration:none; min-width:50%;border-radius:4px;padding: 10px;}
.fb-l{margin-right:7px;}
.google-l{margin-left:7px;}




.log-reg .dropdown-item{ text-align:left; padding:0px 0px; background:#fff; border-bottom:1px solid #dfdfdf;    font-weight:400;
 }
 
 .user-name01{ font-weight:700;}

.log-reg .dropdown-item:hover{ background:#000056; color:#FFFFFF;}

.log-reg .dropdown-menu{ border:none;    box-shadow: 0px 5px 20px 0px rgb(50 50 50 / 20%);
}

.navbar-option-item .fa{ background:#0eb5ff; width:40px; height:40px; color:#FFFFFF; text-align:center; line-height:40px;    transition: all ease 0.5s;
}

.log-reg .dropdown-item:hover .fa{ background:#000056; color:#FFFFFF;    transition: all ease 0.5s;
}


.log-reg .dropdown-menu i {
  background: #0eb5ff;
  width: 40px;
  height: 40px;
  color: #FFFFFF;
  text-align: center;
  line-height: 40px;
  transition: all ease 0.5s;
}



.log-reg .dropdown-menu {
  min-width: 250px;
  font-size: 13px;
}


.log-reg .dropdown-toggle {float:left;}
.log-reg form{float:left;margin-left:15px;}

.log-reg form .text-danger{border:none;  margin-top: 7px; color:#FF0000!important; background:none!important;}


.log-reg .dropdown-menu {
  min-width: 250px;
  font-size: 13px;
  padding: 0px;
}


.log-reg .patient-name {
  color: #000;
  font-size: 14px;
}
.dash-board-right-img{overflow:hidden;}
.dash-board-right-img img{width:100%;}

	@media (min-width: 1300px) {
.container {max-width: 1290px;}


}

.dash-top-prof h2 b{font-size:20px; text-transform:uppercase;}
.dash-top-prof h2 span{ text-transform:uppercase; font-weight:200; font-size:40px;}
.dashboard-container{background:#f2f2f2;padding-top:30px;}
.dashboard-container .card{padding:30px; margin-bottom:25px;}


.your-shedule-today{position:relative; padding:40px;padding-left:100px; border:1px solid #f2f2f2; display:table;background:#f2f2f2;margin-top:45px;}
.your-shedule-today:before{content:'\f073';  font-family:FontAwesome; left:0; top:40px; left:40px; position:absolute; font-size:50px; opacity:0.5;}

.your-shedule-today  h3 b{font-size:20px; text-transform:uppercase;}
.your-shedule-today h3 span{ text-transform:uppercase; font-weight:200; font-size:30px;}

.booking-slt{ overflow:hidden;}




.booking-slt h3{ font-size:25px; text-transform:uppercase; font-weight:700; margin:0px 0px 25px;}
.dr-img{ overflow:hidden; max-width:160px; padding:5px; background:url(../images/service-bg.png);}
.dr-img img{ width:100%;}

.booking-right{ padding-left:40px; margin-top:15px;}
.booking-right h4{ text-transform:uppercase; margin:0px 0px 15px; font-weight:600; font-size:17px; line-height:25px;}
.booking-right h4 span{ font-size:15px; color:#666666;}


.booking-right h5{ font-size:15px; color:#7b7b7b;}
.booking-slider{ display:flex;}
.star-rating{ margin:10px 0px 0px; list-style:none; padding:0px 0px; overflow:hidden; margin-top:25px;}
.star-rating li a{ color:#f6a923; font-size:14px;}
.star-rating li{ margin-right:10px; float:left;}

.booking-slider{ background:#f7f7f7; padding:20px; border-radius:5px;}

.booking-slt h3 { font-size:20px; text-align:left; font-weight:bold; text-transform:uppercase; margin:0px 0px 40px; padding-bottom:10px; border-bottom:1px solid #000; position:relative;}
.booking-slt h3:before{ position:absolute; bottom:-5px; width:10px; height:10px; background:#000; content:''; left:0; border-radius:50%;}
.booking-slt h3:after{ position:absolute; bottom:-5px; width:10px; height:10px; background:#000; content:''; right:0; border-radius:50%;}

.booking-slt { position:relative;}
.booking-slt .owl-nav{ position:absolute; right:0px; top:30px;top: -95px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ font-size:20px!important;}
.avl-doctors .booking-slider{ margin-bottom:30px;}



/*profile*/

.profile-img{ overflow:hidden; max-width:250px; padding:5px; background:url(../images/service-bg.png);}
.profile-img img{ width:100%; background:#fff;}

.card-title h3 { font-size:20px; text-align:left; font-weight:bold; text-transform:uppercase; margin:0px 0px 20px; padding-bottom:10px;
border-bottom:1px solid #000; position:relative;}
.card-title h3:before{ position:absolute; bottom:-5px; width:10px; height:10px; background:#000; content:''; left:0; border-radius:50%;}
.card-title h3:after{ position:absolute; bottom:-5px; width:10px; height:10px; background:#000; content:''; right:0; border-radius:50%;}


.prof-pages{font-size:13px;}

.prof-pages .form-control{ height:40px; border-radius:0px;}

.prof-pages input{font-size:13px;}

.prof-pages .btn{ border-radius:0px; font-size:13px; text-transform:uppercase; padding:12px 20px;}

.prof-pages .btn i{margin-right:10px;}

.profile-img{overflow:hidden; position:relative;}

.profile-img .edit-image{position:absolute; width:30px; overflow:hidden; height:30px; background:#fff; border-radius:50%; right: 25px;
  bottom: 25px;}
.profile-img .edit-image input{opacity:0;position: relative;
  z-index: 2;}
  .profile-img .edit-image i{margin-top: -30px;
  position: absolute;
  right: 9px; }

.prof-pages .toggle-password {font-size:13px;top: 31px;}
.prof-pages .toggle-password i{font-size:13px;top: 29px;}

.card{background:#fff; border:0px!important; box-shadow:none;}
.prof-pages{margin-bottom:0px!important;}

.policy-page{}

.policy-page h4{font-size:20px; margin:15px 0px 10px;font-weight:700;}
.policy-page p{font-size:14px;}
.policy-page ul{margin:25px 0px 15px; padding:0px 0px 10px;  list-style: none;}
.policy-page ul li{font-size:14px; margin-bottom:10px; position:relative; padding-left:30px;}


.policy-page ul li:after {
  position: absolute;
  display: block;
  content: '\f105';
  font-family: FontAwesome;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  background: #56607d;
  color: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  line-height: 15px;  font-size: 10px;
}




.btn{text-decoration:none;}
/*boobking-date*/

.booking-date{}

.booking-date i{ font-size:30px; margin-bottom:10px; color:#CCCCCC;}

.booking-date{ padding:25px; background:#fff; text-align:center; min-height:183px;min-width: 160px;}
.booking-date h4{ border-bottom:1px solid #000; font-size:45px; font-weight:900; color:#438451;}
.booking-date h5{ text-transform:uppercase; font-size:15px; color:#2e3192}



/*doctor-registration*/

.doctor-registration h2{ text-transform:uppercase;}

.doctor-registration h2 { font-size:20px; text-align:center; font-weight:bold; text-transform:uppercase; margin:0px 0px 30px; padding-bottom:10px; border-bottom:1px solid #000; position:relative;}
.doctor-registration h2:before{ position:absolute; bottom:-5px; width:10px; height:10px; background:#000; content:''; left:0; border-radius:50%;}
.doctor-registration h2:after{ position:absolute; bottom:-5px; width:10px; height:10px; background:#000; content:''; right:0; border-radius:50%;}

.registration-top-text{ text-align:center; width:80%; margin:15px auto; display:table;}
.registration-top-text p{ font-size:13px;}


.process{ padding:70px 0px; text-align:center;}

.process-bx{ text-align:center;}

.process h2{}
.process-ic{ margin:0px auto; display:table; text-align:center; margin-bottom:20px;}
.process-bx h4{font-size:20px; color:#525252;}

.process-bx h5{-webkit-text-stroke-color: #333; 
  color: transparent !important;
  -webkit-text-stroke-width: 1px; font-size:30px;margin:0px auto;line-height:67px;
}



/*.process h2{ text-align:center; margin:10px auto; display:table; font-size:20px; font-weight:normal; text-transform:uppercase; position:relative; padding-left:30px; color:#000000; padding-top:14px; z-index:5; display:table; margin-bottom:30px;}
.process h2:before{ background:#ccf4ff; width:100px; height:50px; left:0; top:0; border-radius:8px; content:''; position:absolute; z-index:4;}

.process h2 span{ position:relative; z-index:10;font-family: "Manrope", sans-serif; color:#3d4250; letter-spacing:2px;}
.process h3{font-family: "Barlow", sans-serif; font-weight:bold; color:#3d4250; font-size:35px; }*/

.process-ic{ background:#bdc3c7; background:#bdc3c7; width:80px; height:80px; border-radius:50%
; display:block; border:8px solid #ecf0f1; position:relative; z-index:5;}

.process-steps{ position:relative;}
.step-border{ height:2px; width:75%; margin:0px auto; left:0; right:0; display:block; position:absolute; top:35%; content:''; background:#ededed;}

.active-steps{ background:#2ecc71;}
.active-steps  h5{-webkit-text-stroke-color: #fff; }



.dr-reg-box{ background:#f5f5f5; padding:20px; font-size:13px; margin-top:25px;}

.gender-box{ display:flex}
.gender-box .form-check{ margin-right: 12px;}


.dr-reg-box .form-control{ height:45px; border-radius:0px; font-size:13px;}


.dr-reg-box .form-select{ height:45px; border-radius:0px; font-size:13px;}

.dr-reg-box #formFile{  padding: 10px 15px;}
.dr-reg-box label{ font-weight:500; margin-bottom:5px;}


.dr-reg-box .row{ margin:0px -5px;}
.dr-reg-box  .col-lg-4{ padding:0px 5px;}

.dr-reg-box  .col-lg-3{ padding:0px 5px;}

.dr-reg-box  .col-lg-6{ padding:0px 5px;}

.dr-reg-box  .col-12{ padding:0px 5px;}
.dr-reg-box  .col-lg-12{ padding:0px 5px;}

.dr-reg-box  .col-lg-11{ padding:0px 5px;}

.not-robot{height: 45px;
    border-radius: 0px;
    font-size: 13px; background:#fff; border:var(--bs-border-width) solid #dee2e6; padding:15px; overflow:hidden;margin-top: 24px;    max-width: 500px;
}
	.not-robot label{ margin-left:10px;    
}

.create-btn{  background: #58ab41; padding:15px 35px; color:#fff; text-transform:uppercase; font-size:13px; font-weight:bold; margin-top:30px; border:none; float:right; display:table; }

.dr-reg-box h3{ font-size:15px; margin:0px 0px 20px; display:table; border-bottom:3px solid #0093d9; text-transform:uppercase; font-weight:900; padding-bottom:8px;}

.add-btn{ background:#58ab41;color:#fff; height:45px; border:none; padding:0px 30px; text-align:center; border:none; margin-top:25px;}
.remove-btn{ background:#ff0000;}
.sub-head{ margin-top:30px;}

.no-top-margin{ margin-top:0px;}

.radio-btn-bx .form-check{ float:left; margin-right:10px;}

.success-msg{ width:50%; padding:60px; margin:30px auto; display:table; border:10px solid #ededed;}
.success-msg .success-ic{background: #58ab41; width:100px; height:100px; text-align:center; line-height:100px; margin:10px auto; 
border-radius:50%; color:#fff; font-size:50px; margin-bottom:35px;}
.success-msg  p{ font-size:14px; text-align:center; line-height:20px;}

.ok-btn{ background: #293c67; color:#fff; text-transform:uppercase; font-size:20px; padding:10px 25px; font-size:13px; border-radius:4px; margin:20px auto; border:none; display:table;}

.gender-box .form-check {
  margin-right: 12px;
  min-width: 100px;
}

.back-btn{ float:none;padding: 20px 25px; background:#293c67;}
.back-btn i{ margin-left:10px;}

.mb-3 {

    overflow: hidden;
}



/*doctor-registration -changes*/


.doctor-registration{background: -webkit-linear-gradient(90deg, hsla(239, 100%, 67%, 1) 0%, hsla(187, 100%, 89%, 1) 100%);}


.doctor-registration .card{font-size: 13px;
  background: url(../images/log-reg-bg.jpg);
  max-width: 100%;
  margin: 0px auto;
  overflow: hidden;
  margin: 0px auto;
  position: relative;
  border: 4px solid #fff;
  padding: 10px;
  padding:35px;
  border-radius: 10px; margin-bottom:35px;border: 4px solid #fff!important;}
  .doctor-registration h2{ color:#fff;}
  .registration-top-text p {
  font-size: 13px; color:#fff;
}

.process-bx h4 {
    font-size: 20px;
    color: #fff;
}
.dr-reg-box { background:none}
.dr-reg-box label{ color:#fff}

 
 .step-border {
  height: 2px;
  width: 67%;} 
  
  .dr-reg-box h3{ color:#fff}
  
  .doctor-registration h2::before { background:#fff;}
    .doctor-registration h2::after { background:#fff;}
	
	  .doctor-registration h2{border-bottom: 1px solid #fff;}

.dr-reg-box label {
  color: #fff;
}


	  .dr-reg-box label {
  color: #fff;
}	 
.not-robot label{ color:#000}

.success-msg p { color:#FFFFFF;
}

.ok-btn {
  background: #fff; color:#000;
  
  }

.success-msg{  background: rgba(255, 255, 255,0.4); border:none;}



/*dash-bord*/

.doctor-dash-board{}

.doctor-dash-board h2{ font-size:20px; font-weight:300; line-height:25px; margin-bottom:50px;}
.doctor-dash-board h2 b{ font-size:30px; font-weight:800;}


.date-dispalay{ position:relative;}
.date-dispalay input{ width:100%; height:50px; border:1px solid #e9e9e9; text-align:center;}
.date-dispalay button{ border:none; background:none;padding: 13px 19px;
}
.btn-lft{ left:0; position:absolute; top:0;}
.btn-rt{  position:absolute; top:0; right:0;}

.dash-box{ color:#fff; padding:30px; border-radius:8px; position:relative; border:1px solid #efefef; overflow:hidden;}
.dash-box h3{ margin:0px 0px 0px; font-size:18px; font-weight:300; }
.dash-box h4{ margin:60px 0px 0px 0px; font-size:45px; font-weight:600; color:#fff}
  .dash-box i{ position:absolute; size:10px; bottom:10px; opacity:0.8; right:20px; font-size:70px;}
 
 .d1:nth-child(1) .dash-box { background:#f56954;}  
.d1:nth-child(2) .dash-box  { background:#00a65a;}  
.d1:nth-child(3)  .dash-box  { background:#00c0ef;}  

.doctor-dash-board .card{ margin-bottom:40px;}

.doctor-dash-board .cards h3 { font-size:17px; text-align:left; font-weight:bold; text-transform:uppercase; margin:0px 0px 40px; padding-bottom:10px; border-bottom:1px solid #000; position:relative;}
.doctor-dash-board .cards h3:before{ position:absolute; bottom:-5px; width:10px; height:10px; background:#000; content:''; left:0; border-radius:50%;}
.doctor-dash-board .cards h3:after{ position:absolute; bottom:-5px; width:10px; height:10px; background:#000; content:''; right:0; border-radius:50%;}

.app-bx{ background:#f9fcfe; padding:10px; margin-bottom:2px; border-radius:6px; position:relative;}
.app-status{ position:absolute; top:5px; right:5px; background:#53b60b; color:#FFFFFF; font-size:11px; border-radius:5px; padding:5px 10px; display:table;}

.app-img{ overflow:hidden; border:5px solid #fff;}
.app-img img{ width:100%;}
.app-bx h4{ font-weight:bold; font-size:15px; text-transform:uppercase; margin-top:15px; margin:20px 0px 15px;}
.app-bx h5{ font-size:14px; font-weight:400px; color:#868686; margin:0px 0px 10px;}
.app-bx h6{ font-size:13px; font-weight:400px; color:#868686;  margin:0px 0px 0px;}
.app-bx i{ margin-right:5px;}

.right-box h3{ font-size:13px; color:#868686; line-height:20px;}
.right-box h3 b{ font-size:18px; color:#000000;}

.right-bx-inn{ max-height:385px; overflow:hidden; overflow-y:auto;}

.chart-card{ min-height:535px;}


/* width */
.right-bx-inn::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.right-bx-inn::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.right-bx-inn::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.right-bx-inn::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.view-all-btn{ color:#17a2b8; font-weight:bold; text-align:center; margin-top:20px; font-size:14px;}




 .gradient-tabs {
      position: relative;
      border-bottom: 1px solid #e4e4e4;
      display: inline-flex;
      gap: 5px;
    }

    .gradient-tabs .nav-link {
      border: none;
      background: none;
      padding: 12px 25px;
      font-weight: 500;
      color: #444;
      position: relative;
      transition: 0.3s ease;
    }

    .gradient-tabs .nav-link:hover {
      color: #000;
    }

    .gradient-tabs .nav-link.active {
      color: #000;
    }

    /* Gradient underline animation */
    .gradient-tabs .nav-link::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 0%;
      height: 3px;
      border-radius: 10px;
      background: linear-gradient(90deg, #ff7e5f, #feb47b, #6a82fb, #fc5c7d);
      transition: width 0.35s ease-in-out;
    }

    .gradient-tabs .nav-link.active::after,
    .gradient-tabs .nav-link:hover::after {
      width: 100%;
    }

    .tab-content {
      padding: 25px;
      background: #fff;
      border-radius: 0px;
      margin-top: 25px;
      box-shadow: 0 8px 35px rgba(0,0,0,0.08);
    }
	
	
/*bar-charty*/	

    .card-custom {


      padding: 10px;
      max-width: 760px;
      margin: 0 auto; background:#f9f9f9; min-height:430px;  font-size: 14px;
   
    }

    .title {
      font-weight: 600;
      margin-bottom: 6px;
    }
    .subtitle {
      font-style: italic;
      color: #222;
      opacity: 0.7;
      margin-bottom: 18px;
    }

    /* Each row */
    .row-item {
      display: flex;
      align-items: center;
      gap: 18px;
      margin-bottom: 18px;
    }

    .label {
      width: 150px;              /* left label column width */
      font-weight: 500;
      color: #222;
    }

    .progress-wrap {
      flex: 1;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .progress {
      height: 18px;
      border-radius: 4px;
      background: #ffffff; /* light inner background like image */
      box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
      flex: 1;
    }

    .progress .progress-bar {
      border-radius: 4px;
      background-color: #1e8f3e; /* green similar to image */
    }

    .percent {
      width: 56px;
      text-align: right;
      font-weight: 600;
      color: #111;
    }

    /* smaller label spacing for longer titles */
    .label.small {
      width: 130px;
    }

   
	
	
	.monthly-Revenue{ margin-top:50px}
	

.report-box{ background:#fcfcfc; padding:25px; font-size:14px;}	

.notifications-tp-rt{ overflow:hidden;}
.ntf{ float:right;}
.ntf a{ margin-left: 15px;
  background: #e5f4ff;
  padding: 8px;
  color: #000;
  border-radius: 5px;
  display: table-cell;
  float: left;}
.tab-noti{ font-size:13px;}

.unread{ background:#ff0000!important; color:#FFFFFF!important; }
	
.tab-noti{ overflow:hidden;}	
.tab-noti ul{ margin:20px 0px 0px; padding:0px; list-style:none;}
.tab-noti li{ margin-bottom:3px; background:#fff; padding:10px; 10px; border-radius:6px;}
.tab-noti h4{ font-size:16px; font-weight:bold; margin:0px 0px 8px;}
.tab-noti h5{ font-size:14px; margin:0px 0px 8px;}
.tab-noti h6{ font-size:12px; margin:0px 0px;}


.dash-bx-round{ position:absolute; width:250px; height:250px; background:#fff; border-radius:50%; right:-100px; bottom:-100px; opacity:0.2; border:20px solid #f3f3f3;}


/*
.dr-prof-imgC{ overflow:hidden; padding:15px; background:url(../images/service-bg.png); max-height:250px;}
.dr-prof-imgC img{ width:100%; border:5px solid #fff;}*/
.dr-prof-imgC{
  padding: 15px;
  background: url(../images/service-bg.png);
  max-height: 250px;
}

.dr-prf{
  height: 220px;          /* important */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dr-prf img{
  width: 100%;
  height: 100%;
  object-fit: contain;     /* shows full image */
  object-position: center;
  border: 5px solid #fff;
  background: #fff;        /* avoids transparent gaps */
}


.dr-prf-top h2{ font-size:18px; margin:0px 0px 15px;color:#333333; }
.dr-prf-top h2 b{ font-size:25px; font-weight:bold;text-transform:uppercase; }
.dr-prf-top h3{ font-size:17px;    color: #158825;}
.dr-prf-top h4{ font-size:17px; margin-top:45px; font-weight:600;}

.dr-prf-top a{ color:#fff; padding:10px 15px; text-transform:uppercase;  margin-left:5px; display:table; float:left; font-size:12px;}

.edit-btn{ background:#007BFF;padding:10px 15px; text-transform:uppercase;  color:#fff;font-size:12px;  }
.change-btn{ background:#17A2B8}
.delete-btn{ background:#DC3545}

.dr-prf-top a i{ margin-right:5px;}

.button-C { margin-top:45px;}
  
  
  .dr-prf-right-dtl{ margin-top:15px; margin-right:20px;}
 

.dr-prof-second-section{}

.dr-prof-second-section h2{ font-size:20px; text-transform:uppercase; font-weight:700; margin:0px 0px 30px; position:relative; padding-bottom:15px;}  

.dr-prof-second-section h2:after{ background:#000; height:2px; width:100px; position:absolute; left:0;  content:''; bottom:0;}

/* Base reset */
.days-avl ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

/* OUTER list item (day block) */
.days-avl > ul > li{
    padding: 6px 0;
}

/* Each day group */
.days-avl .mb-3{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 6px !important;
}

/* Day name */
.days-avl .mb-3 strong{
    min-width: 90px;
    font-size: 13px;
    font-weight: 600;
    color: #2c3e50;
    text-transform: capitalize;
}

/* Inner UL for time slots */
.days-avl .mb-3 ul{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* Time slot item */
.days-avl .mb-3 ul li{
    padding: 3px 8px;
    background: #f6f8fb;
    border: 1px solid #e5e9f0;
    font-size: 11px;
    color: #444;
    line-height: 1.2;
}




.days-avl { position:relative;margin-top:10px;}
.days-avl h3 {
    font-size: 14px;
    margin: 0px 0px 5px;
    font-weight: 900;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
}

.days-avl .mb-3 strong {
    display: inline-block;
    min-width: 90px;
    font-size: 12px;
    font-weight: 600;
    color: #34495e;
    text-transform: capitalize;
    position: relative;
    padding-left: 10px;
}

.days-avl .mb-3 strong::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 70%;
    background: #27ae60;
    transform: translateY(-50%);
    border-radius: 2px;
}


.mrk-un-avl{ font-size:15px; position:absolute; right:0; top:0; background:#62b3ff; color:#FFFFFF; padding:7px 10px; font-size:13px; border-radius:4px;}
.mrk-un-avl i{ margin-right:5px;}
.time-avl {
    margin-top: 18px;
}
.list-sttle-1 li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 90px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #2c3e50;
    background: #eef2f5;
    border-radius: 6px;
    transition: all 0.25s ease;
    text-transform: capitalize;
    text-align: center;
}

.list-sttle-1 li:hover {
    background: #2c3e50;
    color: #ffffff;
    transform: translateY(-2px);
}


/*
.prf-payment{ position:relative;}
.prf-payment ul{ margin-top:15px; list-style:none; padding:0px 0px;}
.prf-payment ul li label{ width:50%;}

.prf-payment ul li{ margin-bottom:20px; font-size:14px; border-bottom:1px solid #f4f4f4; padding-bottom:20px;}
.prf-payment ul li b{ float:right;}

.pmt-left{ width:50%; float:left;}
.pm-rt{ width:50%;  text-align:right!important;}*/


.prf-payment {
    position: relative;
}

.prf-payment ul {
    margin-top: 30px;
    list-style: none;
    padding: 0;
}

.prf-payment ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
  padding: 28.5px 0;
    margin-bottom: 22px;
    font-size: 18px;
    border-bottom: 1px solid #e3e3e3;
}

.prf-payment ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Left label */
.pmt-left {
    font-size: 20px;
    font-weight: 500;
    color: #555;
    letter-spacing: 0.6px;
}

.pmt-left b {
    margin-left: 8px;
    font-weight: 600;
}

/* Right amount */
.pm-rt {
    font-size: 24px;
    font-weight: 800;
    color: #1f2d3d;
    background: #eef3f9;
    padding: 10px 22px;
    border-radius: 12px;
    letter-spacing: 0.8px;
}
.prf-payment {
    background: #ffffff;
    padding: 24px 28px;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}



.med-ins{ text-align:right; margin-top:90px;}

.med-ins label{ font-size:13px; font-size:15px; font-weight:500;}

.ys{ color:#009900; font-weight:bold;}
.no{ color:#FF0000; font-weight:bold;}

.bs-inf { list-style:none; padding:0px 0px; margin:0px 0px;}



.bs-inf { width:40%;}
.bs-inf  h5{ font-weight:700; font-size:18px; margin:0px 0px 10px;}



.bs-inf ul li{ margin-bottom:20px; font-size:14px;  padding-bottom:20px;}
.bs-inf ul li b{ float:right;}




.bs-inf ul{ padding:0px 0px; margin:20px 0px; list-style:none;}

.bs-inf ul li label{ float:left;}
.lft-inf{ width:30%; font-weight:600;}
.lft-inf b{ float:right;}
.rt-inf{ width:70%; padding-left:20px;}



/*new gp*/


.bs-inf ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bs-inf ul li {
    display: flex;
    align-items: flex-start;
    padding: 8px 0;
    border-bottom: 1px solid #eaeaea;
}

.bs-inf ul li:last-child {
    border-bottom: none;
}

.bs-inf ul .lft-inf {
    width: 40%;
    font-weight: 600;
    color: #444;
    font-size: 14px;
}

.bs-inf ul .rt-inf {
    width: 60%;
    color: #222;
    font-size: 14px;
    line-height: 1.4;
}


/**/


.info-inn{ background:#f1f1f1; padding:25px; font-size:14px; border-radius:6px; border-top-left-radius:0px; margin-bottom:30px; position:relative;}
.info-inn p{ font-size:14px; line-height:22px;}

.info-bx h2{ text-transform:uppercase; background:#f1f1f1; font-size:18px; display:table; padding:15px 34px; margin:0px 0px; font-weight:800; position:relative;border-top-left-radius:6px; border-top-right-radius:6px;box-shadow: -8px -10px 22px -19px rgba(0,0,0,0.75);
-webkit-box-shadow: -8px -10px 22px -19px rgba(0,0,0,0.75);
-moz-box-shadow: -8px -10px 22px -19px rgba(0,0,0,0.75);}

/*.info-bx h2:before{ position:absolute; top:10px; font-family:FontAwesome; content:'\f056';  left:0;right:0; margin:0px auto; display:table;text-shadow:
    0px 4px 10px rgba(0, 0, 0, 0.35),
    0px 2px 4px rgba(0, 0, 0, 0.25);
}
*/

.listing-info li{ padding-bottom:0px!important; margin-bottom:5px}

.info-inn{ position:relative;}
.listing-btn{ position:absolute;  top:22px; right:10px; font-size:12px;}

.listing-btn a{padding:8px 18px; color:#FFFFFF; margin-left:5px;}
.listing-btn i{ margin-right:8px;}

/*.bs-inf b{ float:none!important;}*/

.view-upload-btn a{padding:5px 9px; font-size:13px; background:#fff; margin-right:5px; display: inline; color:#000;}
.view-upload-btn i{ margin-right:5px;}

.btm-margin-less{ margin-bottom:5px;overflow: hidden;}

.listing-info .bs-inf ul li{ margin-bottom:8px}
.listing-info .bs-inf ul li b{ text-align:left;}
.listing-info .bs-inf ul{ margin-bottom:25px;display: table;}

.council-reg  table{ background:none;}

.council-reg  tr{  vertical-align: middle;}

.council-reg .edit-btn{ display:table; float:right;padding: 8px 18px; display:inline;
  color: #FFFFFF;}
  .council-reg a i{ margin-right:5px;}
  .council-reg a{ font-size:13px;}
  
  .prf-dtl{ width:70%;}
    .prf-dtl b{ float:right!important}
	
	.council-reg .delete-btn{ display:table; float:right;padding: 8px 18px; display:inline;
  color: #FFFFFF;}
  
  .council-reg .row{ margin-bottom:10px;}
  
  .affiliations a{ margin-left:5px;}
  
  .council-reg  h6{ font-size:14px;}
  
    .certifications-and-lic h6 { line-height:25px;}
	
	    .certifications-and-lic .row{ background:#fff;}
  .certifications-and-lic h6 span{ color:#676767!important}


.edit-dr-prof{ font-size:14px;}
.edit-dr-prof .edit-abt{ min-height:200px; font-size:13px; padding:10px}

.edit-forms{ margin-top:25px;}

.edit-dr-prof .gender-box .form-check {
  margin-right: 12px;
  min-width: 53px;
}

.cancel-btn{ background:#e74c3c;}

.edit-btn-row button{ margin-left:5px;}


.edit-forms .form-control, .edit-forms  .form-select {
  height: 45px;
  border-radius: 0px;
  font-size: 13px;
}

.dr-prf{ position:relative;}
.edit-photo{ position:absolute; right:10px; bottom:10px; background:#4f4f4f; width:35px; text-align:center; line-height:35px; height:35px; border-radius:50%; display:table!important; padding:0px!important}
.edit-photo i{ margin-right:0px!important}

.delete-message{ background:#f9f9f9; padding:40px; text-align:center;}
.delete-message p{ text-align:center; font-size:14px;}

.delete-message button{ padding:8px 13px; color:#fff; border:none; font-size:14px; margin-top:25px;}


.dr-prof-edit .edit-btn{ color: #fff;
  padding: 10px 15px;
  text-transform: uppercase;
  margin-left: 5px;
  display: table; position:absolute; right:30px; top:30px;

  font-size: 12px;}
  .dr-prof-edit .edit-btn i{ font-size:13px; margin-right:8px;}
  
  
 .card .form-select{ height: 45px;
  border-radius: 0px;
  font-size: 13px;
}

 .card .form-control{ height: 45px;
  border-radius: 0px;
  font-size: 13px;
}

 .card label{ font-size:13px; margin-bottom:8px; font-weight:bold;}

.modal-body .form-control{ height: 45px;
  border-radius: 0px;
  font-size: 13px;}
  
  .modal-body .form-select{ height: 45px;
  border-radius: 0px;
  font-size: 13px;
}

  .modal-body textarea { border-radius: 0px;
  font-size: 13px; height:80px!important;}
  

.edt-avl{ min-height:432px;}


.info-bx{ position:relative;}
.add-btn2{
  padding: 8px 18px;
  color: #FFFFFF;
  margin-left: 5px; background:#2ecc71; position:absolute; right:0; top:0; font-size:12px;
}

.add-btn2 i {
  margin-right: 8px;
}


.mark-unavailable-table{ font-size:12px; margin-top:30px; height:200px; overflow-y:auto;}
.mark-unavailable-table a{ float:right; color:#FF0000;}

.mark-unavailable-table thead th{ background:#e2e2e2;}
.mark-unavailable-table thead th:nth-child(1){ min-width:138px;}


.mark-unavailable-table thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    backdrop-filter: blur(6px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.modal-footer{ padding:0px; border:none;}



.upload-btn::file-selector-button {
    content: none;
    background: #4c6fff;
    color: #fff;
    border: none;
    padding: 7px 18px;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
}

.upload-btn::file-selector-button::before {
    content: "Upload Certificate";
}




.custom-file-upload {
  gap: 0.75rem;
  align-items: center; background:#fff;height: 45px; font-size:13px;border: var(--bs-border-width) solid var(--bs-border-color);
}

/* hide native input but keep it focusable & accessible */
.real-file {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* visible upload button (label) */
.btn-upload {
  display: inline-flex;
  align-items: center;

  font-weight: 400;
  letter-spacing: .2px; cursor:pointer; background:#f9faff; height:43px; line-height:43px; padding:0px 10px; margin-left:1px;
}

/* file name text */
.file-name {
  max-width: 50%;
  font-size: .95rem;
  color: #6c757d;
}

.custom-file-upload label{ margin-bottom:0px;}

/*@media (max-width: 520px) {
  .file-name { display: none; }
}*/


.no-white-bg .row{ background:none; margin-bottom:30px;}

.cert-edit{ margin-bottom:30px;}

.cert-edit .row{ background:none;}



.doctor-booking .star-rating{ margin:15px auto; display:table;}
.doctor-booking .star-rating li a{ padding:5px;}
.doctor-booking .star-rating li{ margin-right:0px;}

.doctor-booking .prf-payment{ background:#f8f8f8; padding:25px;}
.doctor-booking .prf-payment h2{ text-transform:uppercase; font-size:18px; margin:0px 0px 15px; font-weight:800;}

.doctor-booking .prf-payment ul li {
  margin-bottom: 10px;  padding-bottom: 10px;}
  
 .doctor-booking .prf-payment label {
  font-size: 13px;
  margin-bottom: 0px;}
  
   .doctor-booking  .dr-prof-imgC {
  overflow: hidden;
  padding: 2px;}
  
   .doctor-booking  textarea{ height:120px!important;}
   
    .doctor-booking  p{ font-size:14px;}
	
	
	 .doctor-booking select.form-control {
  -webkit-appearance: menulist;
  color: #000 !important;
}

.width-set .form-check{ min-width:50px!important;}

.total-amt{ border-top:1px solid #929598; padding-top:10px;}

.availability-bx{position:relative;}

.btnModify{position:absolute; display:table;right: 0px; top:0;}


.add-affiliation{padding: 8px 18px;
  color: #FFFFFF;
  margin-left: 5px;
  background: #2ecc71;border-radius:0px;border:none;
 
  font-size: 12px;}

.add-btn2{border-radius:0px!important;border:0px!important;}


.add-green-button{padding: 8px 18px;
  color: #FFFFFF;
  margin-left: 5px;
  background: #2ecc71;border-radius:0px;border:none;position: absolute;
  right: 0;
  top: 0;
 
  font-size: 12px;}

.log-reg form .text-danger {
  border: none;
  margin-top: 0;}
  .log-reg form {
  float: left;
  margin-left: 0;
}




#availabilityForm select{padding:5px;}

.form-select option {

  
  margin-right: 5px;
  padding: 7px 15px;
  border: 1px solid #f9f9fb;
  margin-bottom: 5px;
  background: #f9f9fb;
  font-size: 13px;
  
  
  
}

.form-select option:checked {

  
  margin-right: 5px;
  padding: 7px 15px;  border: 1px solid #dfdfdf;
  margin-bottom: 5px;
  background: #dfdfdf;
  font-size: 13px;
  
  
  
}


.log-reg .reg {

  margin-left: 5px;
}


.edit-cert{#007BFF; margin:0px 5px;}
.delete-cert{color:#DC3545;margin:0px 5px;}

.edit-forms .gender-box .form-check {
  margin-right: 12px;
  min-width: 30px;
}

.select2-hidden-accessible{}
  
  
  
  .select2-container--default .select2-selection--multiple {
height: 45px!important;
  border-radius: 0px!important;
  font-size: 13px!important;border: var(--bs-border-width) solid var(--bs-border-color)!important;  padding: 6px;
}
  
  
  .form-control[type="file"]{  padding: 11px 0px 0px 18px;}
  
  .paymennt-bx{ border:1px solid #e4e4e4; padding:30px;}
  
  .nft-pay{background: #f8f8f8; margin-bottom:25px;
  padding: 25px;overflow: hidden;}

 .nft-pay label{ margin:0px 0px; float:left; font-size:15px}
 
 .nft-left{ width:50%;}
 .nft-right{ width:50%; text-align:right}
 
 
 .dr-dtl{ padding:0px 0px; list-style:none; margin:20px 0px; font-size:14px}
  .dr-dtl li{ margin-bottom:10px;}
   .dr-dtl li b{ font-size:17px;}
   
   .pmt-dtl{padding:0px 0px; list-style:none; margin:20px 0px 0px; font-size:14px; margin-top:45px; overflow:hidden;}
   
   .pmt-dtl li{  overflow: hidden; border-bottom:1px solid #f8f8f8; padding:10px 0px}
   
   .pmt-dtl label{ float:left;}
   
      .lft-amt{ width:50%;}
 .right-amt{ width:50%; text-align:right}
 
 .pmt-bx-05{}
 .pmt-bx-05 h3{ font-weight:bold; font-size:25px; margin:0px 0px 25px; text-transform:uppercase;}
 
  .pmt-bx-05 ul{ list-style:none; margin:0px 0px; padding:0px 0px; margin-top:200px; font-size:13px;}
  .pmt-bx-05 button{background: #58ab41;
  padding: 15px 35px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  margin-top: 30px;
  border: none;

  display:block; width:100%;
}


.confirmed-strip{background: #58ab41; text-align:center; color:#FFFFFF; font-size:16px; padding:15px; margin-bottom:20px;}

.booking-modal .dr-prf-top a{ padding:3px;}


.booking-modal .dr-prf-right-dtl h2 b {
  font-size: 18px;}
  
  
.booking-modal .dr-prf-right-dtl h2  {
  font-size: 15px;}

.booking-dtls { margin:20px 0px; list-style:none; padding:0px 0px; width:100%; margin-top:20px;border:5px solid #f8f8f8; background:#fafafa; padding:10px; overflow:hidden;}

.booking-dtls ul{ list-style:none; padding:0px 0px;}

.booking-dtls li{ padding:10px 0px; display:block; overflow:hidden; font-size:13px;}

.booking-dtls label{ float:left;}
.bk-lft{ width:30%;}
.bk-right{  width:70%; padding-left:60px;}
.booking-dtls p{ font-size:13px;}

.booking-dtls .dr-prf-top h4 {
  font-size: 17px;
  margin-top: 16px;}

.booking-modal  .dr-prof-imgC {
  overflow: hidden;
  padding: 2px!important;}
  
  .booking-modal .star-rating li {
  margin-right: 0;

}

 .booking-modal li b{ text-align:right; float:right;}
 
 .booking-modal .prf-payment {
  position: relative; width:90%; float:right;background: #f8f8f8; padding:20px;
}

 .booking-modal .prf-payment ul li { padding-bottom:0px;}
 
 .booking-failed{ background:#e74c3c}
 
  .booking-modal .red{ color:#c0392b; font-weight:bold}
  
    .booking-modal .prf-payment ul li { border:none;
  margin-bottom: 10px;}
  
  
  .booking-modal .prf-payment ul li:last-child{ margin-bottom:0px;}
  
  
.booking-dtls p a {
  color: #2980b9!important;
  padding: 10px 15px;
  text-transform:none; text-decoration:underline; font-weight:bold; font-size:14px;
  margin-left: 5px;
  display:inline;
  float:none; cursor:pointer;
}
.reporting-modal{ text-align:center; font-size:13px;}
.reporting-modal i{ background:#2ecc71; width:100PX; height:100PX; text-align:center; 
color:#FFFFFF; margin:0px auto; display:table; margin-bottom:40px; border-radius:50%; font-size:25px; line-height:100px;}
.reporting-modal button{background: #2e3192;
  color: #fff;
  padding: 10px 25px;
  border-radius: 4px; border:none; margin:10px auto;}
  
  .prf-payment h2{  text-transform:uppercase; font-weight:bold; font-size:17px;}
  
  
  .prf-payment ul{ margin-bottom:0PX;}
  
 .star-rating a{ margin-left:0PX;}
 
 .star-rating{ margin:10PX auto; display:table;}
 
 
 
 
 .app-img{ overflow:hidden; width:50px; height:50px; border-radius:50%; float:left; margin-right:10px;}
 app-img img{ width:100%;}
/* Reduce overall font size */
.dr-prof-app .table tbody td {
  font-size: 13px;
  padding: 5px;
}

/* Remove hover effect completely */
.dr-prof-app .table tbody tr {
  transition: none !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.04);
}

.dr-prof-app .table tbody tr:hover {
  transform: none !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.04);
  background: inherit;
}

/* Row nth-child background */
.dr-prof-app .table  tr:nth-child(odd) td {
  background: #f1fbfc!important;
}

.dr-prof-app .table  tr:nth-child(even) td {
  background: #ffffff;
}

/* Smaller header text */
.dr-prof-app .table thead th {
  font-size: 12px;
  letter-spacing: .04em;
}

.user-name{ margin-top:15px;}

.dr-prof-app .dropdown-item{ padding:5px; font-size:12px;}


/* TAB CONTAINER */
.tab-style-2 .nav-tabs,
.tab-style-2 .nav-pills {
  border: 0;
  gap: 8px;
}

/* TAB BUTTON */
.tab-style-2  .nav-tabs .nav-link,
.tab-style-2  .nav-pills .nav-link {
  border: 0;
  border-radius: 30px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 500;
  color: #6c757d;
  background: #f1f5f9;
  transition: all .25s ease;
  position: relative;
}

/* HOVER (very subtle) */
.tab-style-2  .nav-tabs .nav-link:hover,
.tab-style-2  .nav-pills .nav-link:hover {
  background: #e9f3ef;
  color: #198754;
}

/* ACTIVE TAB */
.tab-style-2  .nav-tabs .nav-link.active,
.tab-style-2  .nav-pills .nav-link.active {
  background: linear-gradient(135deg, #198754, #20c997);
  color: #fff;
 
}



/* REMOVE BOOTSTRAP BORDERS */
.tab-style-2  .nav-tabs .nav-link,
.tab-style-2  .nav-tabs .nav-link.active {
  border: none;
}

/* MOBILE FRIENDLY */
@media (max-width: 576px) {
  .nav-tabs .nav-link,
  .nav-pills .nav-link {
    padding: 6px 14px;
    font-size: 12px;
  }
}


.gradient-header{
  background:linear-gradient(135deg,#5f72ff,#9b6dff);
  color:#fff;
  border-radius:14px;
}
.card{
  border:none;
  border-radius:14px;
  box-shadow:0 10px 25px rgba(0,0,0,.05);
}
.badge-status{
  background:#e8f5ee;
  color:#198754;
  font-weight:600;
}
.icon-box{
  width:42px;
  height:42px;
  border-radius:10px;
  background:#eef1ff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  color:#5f72ff;
}
.profile-img{
  width:60px;
  height:60px;
  border-radius:50%;
  background:#dee2e6;
}
.label{
  color:#6c757d;
  font-size:13px;
}
.section-title{
  font-weight:600;
  margin-bottom:12px;
}
.timeline{
  border-left:3px solid #e9ecef;
  padding-left:20px;
}
.timeline-item{
  margin-bottom:20px;
  position:relative;
}
.timeline-item::before{
  content:'';
  width:10px;
  height:10px;
  background:#5f72ff;
  border-radius:50%;
  position:absolute;
  left:-26px;
  top:6px;
}







/*appointment-details*/


/* ===== GENERAL CARD ===== */
.appointment-view {
  border: none;
  padding: 20px;
}

.appointment-bx {
  background: #ffffff;
  border-radius: 14px;
  padding: 22px;
  height: 100%;
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  transition: all .3s ease;
}

.appointment-bx:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 40px rgba(0,0,0,0.12);
}

/* ===== TITLES ===== */
.app-title h2 {
  font-size: 22px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 5px;
}

.app-title h3 {
  font-size: 13px;
  color: #64748b;
  font-weight: 500;
}

/* ===== DATE & TIME ===== */
.appt-date {
  background: #f1f5f9;
  padding: 14px;
  border-radius: 10px;
  margin-top: 15px;
}

.appt-date h4 {
  font-size: 14px;
  font-weight: 600;
  color: #334155;
}

.appt-date span {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  margin-top: 4px;
}

/* ===== ISSUE ===== */
.issue {
  margin-top: 18px;
}

.issue h4 {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 6px;
}

.issue p {
  font-size: 14px;
  color: #475569;
  line-height: 1.7;
}

/* ===== VIDEO LINK ===== */
.video-url {
  margin-top: 18px;
  padding: 12px 14px;
  background: #eef2ff;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.video-url a {
  font-size: 14px;
  font-weight: 600;
  color: #4338ca;
  text-decoration: none;
}

.video-url a:hover {
  text-decoration: underline;
}

.edit-url {
  background: #4338ca;
  color: #fff !important;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
}

.edit-url:hover {
  background: #312e81;
}

/* ===== STATUS BADGE ===== */
.apptn-atatus-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
}

.apptn-atatus-btn.confirmed {
  background: #dcfce7;
  color: #15803d;
}

/* ===== PATIENT PROFILE ===== */
.patient-prof {
  margin-top: 18px;
}

.patient-img img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #e2e8f0;
}

.patient-prof h2 {
  font-size: 14px;
  font-weight: 600;
  color: #334155;
  margin-bottom: 6px;
}

.patient-prof h3 a {
  font-size: 15px;
  font-weight: 700;
  color: #4338ca;
  text-decoration: none;
}

.patient-prof h4 {
  font-size: 14px;
  color: #475569;
}

.patient-prof h5 {
  font-size: 13px;
  color: #64748b;
}

/* ===== LIST DETAILS ===== */
.appointment-view  ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.appointment-view  ul li {
  display: flex;
  margin-bottom: 6px;
}

.lbl {
  font-weight: 600;
  color: #334155;
  width: 70px;
}

.labl-value {
  font-weight: 600;
  color: #0f172a;
}

/* ===== TIMEZONE ===== */
.appointment-view  h5 {
  font-size: 14px;
  font-weight: 700;
  color: #334155;
}

.appointment-view  h6 {
  font-size: 13px;
  color: #64748b;
}

/* ===== BOOKED BY ===== */
.booked-by {
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px dashed #e2e8f0;
  font-size: 14px;
  color: #0f172a;
}








.tp-30{ margin-top:30px;}


.uploadss{ margin-top:20px;}

.upload-ic{ background:#f6f6f6; padding:20px; text-align:center; border-radius:5px;}
.upload-ic i{ font-size:50px;}
.upload-ic h3{ font-size:14px; margin-top:15px;}

.file-card {
  background: #ffffff;
  border: 1px solid #e6e8ec;
  border-radius: 14px;
  padding: 22px 14px;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  height: 100%;
}

.file-card i {
  font-size: 38px;
  margin-bottom: 12px;
}

/* File text */
.file-card h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}

.file-card span {
  font-size: 12px;
  color: #6c757d;
}

/* Hover effect */
.file-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

/* File colors */
.file-card.pdf i {
  color: #dc3545;
}

.file-card.image i {
  color: #198754;
}

.file-card.word i {
  color: #0d6efd;
}

/* Hover border accent */
.file-card.pdf:hover {
  border-color: #dc3545;
}

.file-card.image:hover {
  border-color: #198754;
}

.file-card.word:hover {
  border-color: #0d6efd;
}


.page-title {
  font-weight: 600;
  color: #1f2937;
}

.add-note-btn {
  border-radius: 10px;
  padding: 8px 18px;
  font-weight: 500;
  transition: all 0.25s ease;
}

.add-note-btn:hover {
  background-color: #0d6efd;
  color: #fff;
}
  
  
  .page-title {
  position: relative;
  font-size: 26px;
  font-weight: 700;
  color: #0f172a;
  padding-left: 18px;
  letter-spacing: 0.3px;
}

/* Accent vertical line */
.page-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  height: 70%;
  width: 4px;
  background: linear-gradient(180deg, #0d6efd, #22c55e);
  border-radius: 4px;
}

/* Subtle underline glow */
.page-title::after {
  content: "";
  position: absolute;
  left: 18px;
  bottom: -6px;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #0d6efd, transparent);
  border-radius: 3px;
}

/* Optional soft hover effect */
.page-title:hover {
  color: #0d6efd;
  transition: color 0.25s ease;
}


.prescription-bx .add-btn{ margin-top:0px;}

.btm-30{ margin-bottom:30px;}

.prescription-bx  textarea{ min-height:100px;}

.btn-rows2{ float:right;}


.appointment-view p {
  font-size: 14px;
  color: #475569;
  line-height: 1.7;
}





/*prescription*/

/* =========================
   Prescriptions Table
========================= */

.Prescriptions-table {
  background: #ffffff;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  overflow-x: auto;
}

/* Table */
.Prescriptions-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}

/* Table row */
.Prescriptions-table tbody tr {
  background: #f9fbff;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.Prescriptions-table tbody tr:hover {
  background: #eef4ff;
  transform: translateY(-2px);
}

/* Table cell */
.Prescriptions-table td {
  padding: 14px 16px;
  border: none;
  vertical-align: middle;
  font-size: 14px;
  color: #444;
}

/* Medicine name */
.Prescriptions-table .med-name {
  font-weight: 600;
  font-size: 15px;
  color: #1e293b;
  white-space: nowrap;
}

.Prescriptions-table .med-name i {
  color: #2563eb;
  font-size: 16px;
}

/* Pills common */
.pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

/* Dose */
.pill.dose {
  background: #e0f2fe;
  color: #0369a1;
}

.pill.dose i {
  color: #0284c7;
}

/* Duration */
.pill.duration {
  background: #ede9fe;
  color: #6d28d9;
}

.pill.duration i {
  color: #7c3aed;
}

/* Food */
.pill.food {
  background: #ecfdf5;
  color: #047857;
}

.pill.food i {
  color: #059669;
}

/* Action column */
.action-col {
  text-align: right;
  white-space: nowrap;
}

/* Action buttons */
.action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  margin-left: 6px;
  font-size: 14px;
  transition: all 0.25s ease;
  text-decoration: none;
}

/* Edit */
.action.edit {
  background: #e0f2fe;
  color: #0369a1;
}

.action.edit:hover {
  background: #0284c7;
  color: #ffffff;
}

/* Delete */
.action.delete {
  background: #fee2e2;
  color: #b91c1c;
}

.action.delete:hover {
  background: #dc2626;
  color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
  .Prescriptions-table td {
    padding: 12px 10px;
    font-size: 13px;
  }

  .pill {
    padding: 5px 10px;
    font-size: 12px;
  }

  .action {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }
}
.Prescriptions-table tbody tr:nth-child(odd) {
  background-color: #f9fbff;
}

.Prescriptions-table tbody tr:nth-child(even) {
  background-color: #ffffff;
}

.Prescriptions-table tbody tr td {
  border-bottom: 1px solid #e5e7eb;
}

.Prescriptions-table tbody tr:last-child td {
  border-bottom: none;
}



.pending{ background:#ffb505;}

.canceled{ background:#e74c3c}

.tab-title h1{ font-weight:bold; text-transform:uppercase; font-size:20px; font-weight:bold; margin:0px 0px 30px;}



/* Note Edit Section */
.note-edit-sec {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  padding: 12px 15px 15px;
  border: 1px solid #eef1f5;
}

/* Button Styling */
.note-edit-sec a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 6px;
  transition: 0.3s ease;
  display: inline-block;
  margin-left: 8px;
}

/* Right align both buttons */
.note-edit-sec a {
  float: right;
}

/* Close Button */
.note-edit-sec a:first-child {
  background: #f1f5f9;
  color: #475569;
}

.note-edit-sec a:first-child:hover {
  background: #e2e8f0;
}

/* Save Button */
.note-edit-sec a:last-child {
  background: #2563eb;
  color: #ffffff;
}

.note-edit-sec a:last-child:hover {
  background: #1d4ed8;
}

/* Clear float */
.note-edit-sec::after {
  content: "";
  display: block;
  clear: both;
}

/* Textarea */
.note-edit-sec textarea.form-control {
  margin-top: 14px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  padding: 14px;
  font-size: 14px;
  line-height: 1.6;
  min-height: 160px;
  resize: vertical;
  transition: 0.3s ease;
}

.note-edit-sec textarea.form-control:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}


/* Main Container */
.note-edit-sec {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  padding: 12px 15px 15px;
  border: 1px solid #eef1f5;
}

/* Button Wrapper */
.note-edit-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

/* Common Button Style */
.note-edit-actions a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 6px;
  transition: 0.3s ease;
  display: inline-block;
}

/* Close Button */
.btn-close-note {
  background: #f1f5f9;
  color: #475569;
}

.btn-close-note:hover {
  background: #e2e8f0;
}

/* Save Button (Green) */
.btn-save-note {
  background: #16a34a;
  color: #ffffff;
}

.btn-save-note:hover {
  background: #15803d;
}

/* Textarea */
.note-edit-sec textarea.form-control {
  margin-top: 12px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  padding: 14px;
  font-size: 14px;
  line-height: 1.6;
  min-height: 160px;
  resize: vertical;
  transition: 0.3s ease;
}

.note-edit-sec textarea.form-control:focus {
  border-color: #16a34a;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
}


.note-edit-sec{ margin-bottom:30px;}

.action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  margin-left: 6px;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.25s ease;
}

/* Edit (your original) */
.action.edit {
  background: #e0f2fe;
  color: #0369a1;
}

/* Save – Soft Green */
.action.save {
  background: #dcfce7;
  color: #15803d;
}

/* Cancel – Soft Rose */
.action.cancel {
  background: #ffe4e6;
  color: #be123c;
}

/* Hover */
.action:hover {
  transform: scale(1.08);
}


.action.cancel {
  background: #ffedd5;   /* soft orange background */
  color: #c2410c;        /* deep orange text */
}

/* Optional hover */
.action.cancel:hover {
  background: #fed7aa;
}


/*rating*/


.review-card{
    background:#ffffff;
    border-radius:14px;
    padding:12px;
    box-shadow:0 6px 22px rgba(0,0,0,0.06);
    width:100%;
}

/* Title */
.review-title{
    font-size:24px;
    font-weight:600;
    color:#111827;
}

/* Description */
.review-desc{
    font-size:14px;
    color:#6b7280;
    line-height:1.7;
    margin:12px 0 28px;
}

/* Rating Row */
.rating-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 0;
    border-bottom:1px solid #f1f1f1;
}

/* Title */
.review-title{
    font-size:26px;
    font-weight:700;
    color:#1f2937;
    letter-spacing:0.3px;
}

/* Description */
.review-desc{
    font-size:15px;
    color:#6b7280;
    line-height:1.8;
    margin:14px 0 30px;
}

/* Rating row */
.rating-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 0;
    border-bottom:1px dashed #e5e7eb;
    transition:0.3s;
}

.rating-row:hover{
    background:#f9fafb;
    border-radius:8px;
    padding-left:8px;
    padding-right:8px;
}

/* Label */
.rating-label{
    font-weight:600;
    color:#111827;
    width:150px; font-size:14px;
}

/* Stars - Fully colored */
.stars{
    font-size:20px;
    color:#fbbf24;  /* full gold color */
    flex:1;
}

.stars i{
    margin-right:4px;
}


.stars a{
  text-decoration:none;
}

.stars a i{
  font-size:20px;
  margin-right:4px;
  transition:0.2s;
}

/* Filled Stars */
.stars a i.fa-solid{
  color:#fbbf24;   /* gold */
}

/* Empty Stars */
.stars a i.fa-regular{
  color:#d1d5db;   /* light gray */
}

/* Hover effect */
.stars a:hover i{
  transform: scale(1.15);
}

/* Score */
.rating-score{
    font-weight:600;
    color:#4f46e5;
    min-width:50px;
    text-align:right;
}

/* Divider */
.section-divider{
    margin:32px 0 22px;
    border-top:2px solid #e5e7eb;
}

/* About section */
.about-title1{
    font-size:19px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:10px;
}

.about-text1{
    font-size:15px;
    color:#6b7280;
    line-height:1.8;
}



.appointment-view h5 {
  font-size: 14px;
  font-weight: 700;
  color: #334155;
}

.appointment-view h5 { font-size: 16px;
  font-weight: 700;
  color: #334155;}
  
  
  .aval-Doctors-bx{}
  
  
  /* Parent Card */
.aval-Doctors-bx {
  background: #ffffff;
  border-radius: 15px;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  position: relative;
  transition: 0.3s ease-in-out;
}

.aval-Doctors-bx:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.12);
}

/* Doctor Image */


/* Attractive Online Status Badge */
.aval-Doctors-bx .online-status {
  position: absolute;
  top: 12px;
  right: 12px;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #fff;
  font-size: 11px;
  padding: 5px 12px 5px 22px;
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 0 12px rgba(34,197,94,0.6);
}

/* Glowing dot */
.aval-Doctors-bx .online-status::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 6px #fff;
  animation: pulseOnline 1.5s infinite;
}

/* Pulse animation */
@keyframes pulseOnline {
  0%   { transform: translateY(-50%) scale(1); opacity: 1; }
  50%  { transform: translateY(-50%) scale(1.6); opacity: 0.6; }
  100% { transform: translateY(-50%) scale(1); opacity: 1; }
}



/* Offline Status Badge */
.aval-Doctors-bx .online-status.offline {
  background: linear-gradient(135deg, #9ca3af, #4b5563);
  box-shadow: 0 0 10px rgba(107,114,128,0.5);
}

/* Offline dot */
.aval-Doctors-bx .online-status.offline::before {
  background: #e5e7eb;
  box-shadow: 0 0 6px #e5e7eb;
  animation: none; /* No pulse when offline */
}


/* Right Content */
.aval-Doctors-bx .booking-right h2 {
  font-size: 18px;
  margin: 0;
  font-weight: 600;
  color: #111;
}

.aval-Doctors-bx .booking-right h3 {
  font-size: 14px;
  margin: 3px 0;
  color: #555;
}

.aval-Doctors-bx .booking-right h4 {
  font-size: 14px;
  margin: 3px 0;
  color: #0d6efd;
  font-weight: 600;
}

.aval-Doctors-bx .booking-right h5 {
  font-size: 13px;
  margin: 3px 0 8px;
  color: #777;
}

/* Star Rating */
.aval-Doctors-bx .star-rating {
  list-style: none;
  padding: 0;
  margin: 0 0 8px;
  display: flex;
  gap: 3px;
}

.aval-Doctors-bx .star-rating i {
  color: #facc15;
  font-size: 14px;
}

/* Consulting Languages Title */
.aval-Doctors-bx h6 {
  font-size: 13px;
  margin: 5px 0 10px;
  color: #333;
  font-weight: 600;
}

/* Language List */
.aval-Doctors-bx ul:last-of-type {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.aval-Doctors-bx ul:last-of-type li {
  background: #f1f5f9;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 20px;
  color: #444;
}

/* Responsive */
@media (max-width: 576px) {
  .aval-Doctors-bx {
    flex-direction: column;
    text-align: center;
  }

  .aval-Doctors-bx .online-status {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}





.aval-Doctors-bx .dr-img img img {
  width: 90px;
  height: 90px;
  border-radius: 0%!important;
  object-fit: cover;
  border: 3px solid #0d6efd;
}


 .aval-Doctors-bx h3:before{ display:none!important;}
  .aval-Doctors-bx h3:after{ display:none!important;}
 
  .aval-Doctors-bx h3{ border:none; margin-top:5px;} 
  
   .aval-Doctors-bx  .booking-right{ padding-left:22px;}
   
   
   
   /*find -doctor*/
   
   
   .choose-doctor-card {
  border: none;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.choose-doctor-header {
  background: linear-gradient(135deg, #0d6efd, #20c997);
  color: #fff;
  padding: 20px 25px;
  border-bottom: none;
}

.choose-doctor-header h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
}

.choose-doctor-header p {
  margin: 5px 0 0;
  font-size: 14px;
  opacity: 0.9;
}

.card-body {
  background: #ffffff;
  padding: 25px;
}

.form-label {
  font-size: 14px;
  font-weight: 500;
  color: #555;
}

.custom-input,
.custom-select {
  border-radius: 10px;
  padding: 10px 12px;
  border: 1px solid #e1e5ea;
  transition: all 0.3s ease;
}

.custom-input:focus,
.custom-select:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.15rem rgba(13,110,253,0.15);
}

.find-doctor-btn {
  background: linear-gradient(135deg, #0d6efd, #20c997);
  color: #fff;
  padding: 10px 28px;
  border-radius: 30px;
  font-weight: 500;
  border: none;
  transition: all 0.3s ease;
}

.find-doctor-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(13,110,253,0.3);
}


.pagination {
 
}

.pagination .page-link {
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  background: #fff;
  transition: all 0.2s ease;
}

.pagination .page-link:hover {
  background: #f8f9fa;
  border-color: #0d6efd;
  color: #0d6efd;
}

.pagination .page-item.active .page-link {
  background: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}

.pagination .page-item.disabled .page-link {
  background: #f1f3f5;
  color: #adb5bd;
}

   
   
   
 /* ===============================
   MAIN BACKGROUND
================================ */

.home-banner-pro {
  background: radial-gradient(circle at top left, #0d4a55, #05171c);
  padding: 80px 0 60px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  font-family: 'Segoe UI', sans-serif;
}

.home-banner-pro::before,
.home-banner-pro::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.5;
}

.home-banner-pro::before {
  width: 320px;
  height: 320px;
  background: #00ffd5;
  top: -100px;
  left: -80px;
}

.home-banner-pro::after {
  width: 380px;
  height: 380px;
  background: #6f5bff;
  bottom: -120px;
  right: -90px;
}

.home-banner-pro .container {
  position: relative;
  z-index: 2;
}

/* ===============================
   FLOATING MEDICAL ICONS
================================ */

.med-float-icon {
  position: absolute;
  font-size: 26px;
  color: #00ffd5;
  opacity: 0.35;
  animation: floatMed 7s ease-in-out infinite;
}

.med-f1 { top: 20px; left: -10px; }
.med-f2 { bottom: 70px; left: 200px; animation-delay: 2s; }
.med-f3 { top: 120px; left: 260px; animation-delay: 4s; }

@keyframes floatMed {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

/* ===============================
   AI BADGE
================================ */

.ai-badge-pro {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  padding: 14px 26px;
  border-radius: 90px;
  background: linear-gradient(135deg, rgba(0,255,213,0.15), rgba(120,80,255,0.15));
  border: 1px solid rgba(0,255,213,0.6);
  backdrop-filter: blur(10px);
  box-shadow: 0 0 30px rgba(0,255,213,0.4);
}

.ai-chip-icon {
  position: relative;
  width: 62px;
  height: 62px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg,#00ffd5,#7c4dff,#00ffd5);
  background-size: 300% 300%;
  animation: aiGradient 4s ease infinite;
  box-shadow: 
    0 0 18px rgba(0,255,213,0.8),
    0 0 30px rgba(124,77,255,0.8);
  overflow: hidden;
}

/* rotating ring */
.ai-chip-icon::before {
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:20px;
  border:2px solid rgba(255,255,255,0.5);
  animation: aiSpin 6s linear infinite;
}

/* inner pulse glow */
.ai-chip-icon::after {
  content:"";
  position:absolute;
  width:120%;
  height:120%;
  background: radial-gradient(circle, rgba(255,255,255,0.35), transparent 60%);
  animation: aiPulse 2.5s ease-in-out infinite;
}

@keyframes aiGradient {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

@keyframes aiSpin {
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@keyframes aiPulse {
  0%,100%{transform:scale(0.8);opacity:0.4}
  50%{transform:scale(1.1);opacity:0.8}
}

/* AI icon image stays above effects */
.ai-chip-icon img {
  position: relative;
  width: 34px;
  height: 34px;
  z-index: 2;
}


.ai-chip-icon img {
  width: 45px; height:45px;
}

.ai-small-label {
  font-size: 11px;
  letter-spacing: 2px;
  color: #9fffea;
}

.ai-badge-text strong {
  font-size: 15px;
}

/* ===============================
   HEADING
================================ */

.home-banner-heading {
  font-size: 52px;
  font-weight: 900;
  line-height: 1.05;
  margin-top: 18px;
}

.home-banner-heading b {
  color: transparent;
  -webkit-text-stroke: 1px #ffffff;
  letter-spacing: 2px;
}

.health-word {
  position: relative;
}

.health-word::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  height: 4px;
  width: 0%;
  background: linear-gradient(90deg,#00ffd5,#7c4dff,#00ffd5);
  background-size: 200% auto;
  border-radius: 6px;
  animation: drawLine 1.6s ease forwards,
             glowMove 3s linear infinite;
}

/* line drawing animation */
@keyframes drawLine {
  from { width: 0%; }
  to   { width: 100%; }
}

/* glowing gradient flow */
@keyframes glowMove {
  from { background-position: 0% 50%; }
  to   { background-position: 200% 50%; }
}

.gradient-text {
  background: linear-gradient(135deg,#00ffd5,#6f5bff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===============================
   CAPTION
================================ */

.banner-caption {
  font-size: 18px;
  max-width: 480px;
  color: #d7faff;
  line-height: 1.6;
  padding-left: 16px;
  border-left: 3px solid #00ffd5;
}

.banner-caption span {
  color: #00ffd5;
  font-weight: 600;
}

/* ===============================
   CREATIVE SEARCH BAR
================================ */

.banner-search-pro {
  position: relative;
  max-width: 750px;
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 90px;
  padding: 8px;
  backdrop-filter: blur(12px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

.search-icon-left {
  color: #00ffd5;
  font-size: 18px;
  padding: 0 15px;
}

.banner-search-pro input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 16px;
  padding: 16px 10px;
}

.banner-search-pro input::placeholder {
  color: #b8fdf2;
}

/* Animated button */
.search-btn-pro {
  border: none;
  border-radius: 80px;
  padding: 14px 26px;
  background: linear-gradient(135deg,#00ffd5,#6f5bff);
  color: #05252c;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 0 25px rgba(0,255,213,0.6);
  animation: pulseBtn 2s infinite;
  transition: 0.3s ease;
}

.search-btn-pro:hover {
  transform: scale(1.05);
  box-shadow: 0 0 35px rgba(0,255,213,0.9);
}

@keyframes pulseBtn {
  0% { box-shadow: 0 0 15px rgba(0,255,213,0.6); }
  50% { box-shadow: 0 0 35px rgba(0,255,213,1); }
  100% { box-shadow: 0 0 15px rgba(0,255,213,0.6); }
}

/* ===============================
   RIGHT IMAGE PRO STYLE
================================ */

.doctor-wrap-pro {
  position: relative;
  display: inline-block;
  padding: 25px;
  border-radius: 40px;
  background: linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01));
  backdrop-filter: blur(8px);
  box-shadow: 0 25px 60px rgba(0,0,0,0.6);
  animation: floatCard 7s ease-in-out infinite;
}

/* rotating medical ring */
.medical-ring {
  position: absolute;
  inset: -15px;
  border-radius: 50%;
  border: 2px dashed rgba(0,255,213,0.5);
  animation: spinRing 18s linear infinite;
}

@keyframes spinRing {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.doctor-img-pro {
  max-width: 420px;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.6));
  position: relative;
  z-index: 2;
}

/* floating card motion */
@keyframes floatCard {
  0%,100% { transform: translateY(0px); }
  50% { transform: translateY(-18px); }
}

/* ===============================
   RESPONSIVE
================================ */

@media(max-width:768px) {
  .home-banner-heading { font-size: 42px; }
}


/* ===============================
   MODERN RIGHT VISUAL
================================ */

.doctor-visual-wrap {
  position: relative;
  width: 100%;
  max-width: 460px;
  margin: auto;
  height: 520px;
  perspective: 1000px;
}

/* Glass card */
.doctor-glass-card {
  position: relative;
  z-index: 5;
  padding: 22px;
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 25px 60px rgba(0,0,0,0.6);
  transform-style: preserve-3d;
  animation: floatCard3D 8s ease-in-out infinite;
}

@keyframes floatCard3D {
  0%,100% { transform: rotateY(0deg) translateY(0px); }
  50% { transform: rotateY(-6deg) translateY(-18px); }
}

.doctor-img-pro {
  max-width: 420px;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.6));
}

/* Orbit ring */
.orbit-ring {
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  border: 1px dashed rgba(0,255,213,0.35);
  animation: spinOrbit 18s linear infinite;
}

.orbit-ring span {
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(135deg,#00ffd5,#6f5bff);
  border-radius: 50%;
}

.orbit-ring span:nth-child(1){ top: -5px; left: 50%; }
.orbit-ring span:nth-child(2){ right: -5px; top: 50%; }
.orbit-ring span:nth-child(3){ bottom: -5px; left: 50%; }
.orbit-ring span:nth-child(4){ left: -5px; top: 50%; }

@keyframes spinOrbit {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Floating gradient circles */
.shape-circle {
  position: absolute;
  border-radius: 50%;
  filter: blur(2px);
  opacity: 0.5;
  animation: floatShapes 10s ease-in-out infinite;
}

.sc-1 {
  width: 140px;
  height: 140px;
  background: radial-gradient(circle,#00ffd5,#007a6b);
  top: -20px;
  right: -10px;
}

.sc-2 {
  width: 90px;
  height: 90px;
  background: radial-gradient(circle,#6f5bff,#3a2fb0);
  bottom: -10px;
  left: -20px;
  animation-delay: 3s;
}

/* Floating gradient squares */
.shape-square {
  position: absolute;
  border-radius: 18px;
  opacity: 0.45;
  background: linear-gradient(135deg,#00ffd5,#6f5bff);
  animation: floatShapes 12s ease-in-out infinite;
}

.ss-1 {
  width: 60px;
  height: 60px;
  top: 40%;
  left: -10px;
}

.ss-2 {
  width: 50px;
  height: 50px;
  top: 15%;
  right: 30%;
  animation-delay: 4s;
}

@keyframes floatShapes {
  0%,100% { transform: translateY(0px); }
  50% { transform: translateY(-25px); }
}

/* Mobile fix */
@media(max-width:768px){
  .doctor-visual-wrap {
    height: auto;
  }
}


.ai-small-label{ font-size:20px; font-weight:900}


/* ==========================
   BOOK NOW SECTION
========================== */

.book-now-new {
  padding: 90px 0;
  background: linear-gradient(180deg,#f9f7f4,#ffffff);
  font-family: 'Segoe UI', sans-serif;
}

/* Title */
.book-title {
  font-size: 44px;
  font-weight: 800;
  color: #12263a;
}

.book-subtitle {
  font-size: 16px;
  color: #6c7a89;
  margin-top: 8px;
}

/* Step Card */
.book-step-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 25px 25px;
  text-align: center;
  box-shadow: 0 12px 35px rgba(0,0,0,0.06);
  position: relative;
  transition: 0.3s ease;
  height: 100%;
}

.book-step-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0,0,0,0.12);
}

/* Step Number Bubble */
.step-number {
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg,#00b4ff,#00ffd5);
  color: #ffffff;
  font-weight: 700;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  font-size: 16px;
}

/* Image */
.step-image img {
  max-width: 280px;
  margin: 10px auto 20px;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Text */
.book-step-card h5 {
  font-size: 18px;
  font-weight: 700;
  color: #12263a;
}

.book-step-card p {
  font-size: 14px;
  color: #6c7a89;
  margin-top: 6px;
}

/* Button */
.book-btn {
  background: linear-gradient(135deg,#00b4ff,#00ffd5);
  color: #ffffff;
  padding: 14px 36px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(0,180,255,0.4);
  transition: 0.3s ease;
}

.book-btn:hover {
  color: #ffffff;
  transform: scale(1.05);
  box-shadow: 0 18px 40px rgba(0,255,213,0.6);
}

/* Responsive */
@media(max-width:768px){
  .book-title {
    font-size: 34px;
  }
}



.all-dept-batn{ padding:15px 25px; text-transform:uppercase; color:#000000!important; font-size:12px; font-weight:bold; letter-spacing:2px; background:#fff; border-radius:30px; display:table; margin:20px auto;}

   
   
   
   /*department-new*/
   
   
   /* ===============================
   PREMIUM HOSPITAL DETAILS CARD
================================ */

.department-details {
  position: relative;
  animation: deptReveal 0.7s ease;
}

/* Glass Card */
.dept-glass-card {
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(8px);
  border-radius: 22px;
  padding: 35px;
  border: 1px solid rgba(0,120,255,0.15);
  box-shadow: 0 20px 50px rgba(0,60,120,0.12);
  position: relative;
  overflow: hidden;
}

/* Floating Shapes */
.dept-floating {
  position: absolute;
  opacity: 0.12;
  z-index: 0;
}

.dept-floating.cross {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg,#007bff,#00c6ff);
  clip-path: polygon(35% 0%,65% 0%,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0% 65%,0% 35%,35% 35%);
  top: -20px;
  right: 40px;
}

.dept-floating.circle {
  width: 120px;
  height: 120px;
  background: radial-gradient(circle,#cfe7ff,transparent 70%);
  bottom: -30px;
  left: -30px;
  border-radius: 50%;
}

/* Icon */
.dept-icon-glass {
  width: 105px;
  height: 105px;
background: radial-gradient(circle at top left, #0d4a55, #05171c);
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 10px 20px rgba(0,100,255,0.18);
  position: relative;
  z-index: 2;
}

.dept-icon-glass img {
  max-width: 60px;
}

/* Title */
.department-details h3 {
  font-size: 24px;
  font-weight: 800;
  color: #003b73;
}

/* Description */
.department-details p {
  font-size: 15px;
  color: #555;
  max-width: 90%;
}

/* Highlights */
.dept-highlights {
  display: flex;
  gap: 15px;
  margin: 15px 0;
}

.highlight-box {
  background: #f2f8ff;
  border-radius: 12px;
  padding: 10px 14px;
  text-align: center;
  min-width: 85px;
}

.highlight-box strong {
  font-size: 18px;
  color: #0056d1;
}

.highlight-box span {
  display:block;
  font-size: 12px;
  color:#666;
}

/* Services */
.dept-service-list {
  padding-left: 18px;
  margin-top: 8px;
}

.dept-service-list li {
  font-size: 14px;
  color:#444;
  margin-bottom: 5px;
}

/* ===========================
   RIGHT CREATIVE PANEL
=========================== */

/* ===== Light Appointment Panel ===== */

.dept-appointment-card {
  background: linear-gradient(135deg, #ffffff, #f4f9ff);
  color: #003b73;
  padding: 26px 22px;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  border: 1px solid #e1efff;
  box-shadow: 0 10px 25px rgba(0,80,160,0.08);
}

/* Soft Decorative Circle */
.dept-appointment-card::before {
  content: "";
  position: absolute;
  right: -40px;
  top: -40px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle,#d9ecff,transparent 70%);
  border-radius: 50%;
}

/* Pulse Line */
.pulse-line {
  position: absolute;
  top: 18px;
  left: -100%;
  width: 200%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #6ecbff, transparent);
  animation: pulseMove 3s linear infinite;
  opacity: 0.6;
}

/* Status Badge */
.dept-status {
  background: #e6f7ef;
  color:#00875a;
  font-size: 12px;
  padding: 5px 12px;
  border-radius: 20px;
  font-weight:700;
  display:inline-block;
  margin-bottom: 10px;
}

/* Title */
.dept-appointment-card h5 {
  font-size: 19px;
  font-weight: 800;
  margin-bottom: 6px;
  color:#003b73;
}

/* Text */
.dept-appointment-card p {
  font-size: 13px;
  color:#556;
}

/* Doctor Preview */
.dept-doctor-preview img {
  border: 2px solid #fff;
  box-shadow: 0 3px 8px rgba(0,50,120,0.12);
}

.dept-doctor-preview span {
  color:#0056d1;
  font-weight:700;
}

/* Button */
.dept-book-btn {
  background: linear-gradient(135deg,#007bff,#0056d1);
  color:#fff;
  border-radius: 30px;
  padding: 10px 22px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:6px;
  text-decoration:none;
  box-shadow: 0 6px 15px rgba(0,120,255,0.3);
  transition:0.3s;
}

.dept-book-btn:hover {
  background: linear-gradient(135deg,#0056d1,#0041a8);
  transform: translateY(-2px);
}

.dept-book-btn i {
  font-style: normal;
}

/* Support Text */
.dept-appointment-card small {
  display:block;
  margin-top:10px;
  font-size: 11px;
  color:#667;
}


/* Pulse Animation Line */
.pulse-line {
  position: absolute;
  top: 18px;
  left: -100%;
  width: 200%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #00ffea, transparent);
  animation: pulseMove 3s linear infinite;
  opacity: 0.7;
}

@keyframes pulseMove {
  from {transform: translateX(-50%);}
  to {transform: translateX(50%);}
}

/* Status Badge */
.dept-status {
  background: #00e096;
  color:#003b3b;
  font-size: 12px;
  padding: 5px 12px;
  border-radius: 20px;
  font-weight:700;
  display:inline-block;
  margin-bottom: 10px;
}

/* Title */
.dept-appointment-card h5 {
  font-size: 19px;
  font-weight: 800;
  margin-bottom: 6px;
}

/* Text */
.dept-appointment-card p {
  font-size: 13px;
  opacity: 0.9;
}

/* Doctor Preview */
.dept-doctor-preview {
  display:flex;
  align-items:center;
  justify-content:center;
  margin: 14px 0;
}

.dept-doctor-preview img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-left: -8px;
}

.dept-doctor-preview span {
  font-size: 12px;
  margin-left: 8px;
  font-weight:600;
}

/* Button */
.dept-book-btn {
  background: #000;
  color:#004aad;
  border-radius: 30px;
  padding: 10px 20px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:6px;
  text-decoration:none;
  transition:0.3s;
}

.dept-book-btn i {
  font-style: normal;
  transition: transform 0.3s ease;
}

.dept-book-btn:hover {
  background:#e6f2ff;
  transform: translateY(-2px);
}

.dept-book-btn:hover i {
  transform: translateX(4px);
}

/* Support Text */
.dept-appointment-card small {
  display:block;
  margin-top:10px;
  font-size: 11px;
  opacity: 0.85;
}

/* Reveal Animation */
@keyframes deptReveal {
  from {opacity:0; transform:translateY(20px);}
  to {opacity:1; transform:translateY(0);}
}



/* ===== Premium Medical Service List ===== */

.dept-service-list {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}


.dept-service-list li {
  background: linear-gradient(135deg, #f2f8ff, #ffffff);
  border: 1px solid #dbeaff;
  border-radius: 20px;
  padding: 6px 14px 6px 28px;
  font-size: 13px;
  font-weight: 600;
  color: #004a99;
  position: relative;
  box-shadow: 0 3px 8px rgba(0,80,160,0.06);
}

/* Medical Check Icon */
.dept-service-list li::before {
  content: "✓";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 900;
  color: #00b386;
}


/* Close Button */
.dept-close-btn {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #f2f6ff;
  color: #003b73;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(0,80,160,0.12);
  transition: 0.3s;
  z-index: 5;
}

.dept-close-btn:hover {
  background: #007bff;
  color: #fff;
}








/* ===== Wellness Packages Section ===== */
.wellness-packages {
  padding: 60px 0;
  background: #fff;
}

.wellness-title {
  font-size: 32px;
  font-weight: 800;
  color: #003b73;
}

.wellness-subtitle {
  font-size: 14px;
  color: #667;
  margin-bottom: 40px;
}

/* Wellness Box */
.wellness-box {
  background: #ffffff;
  border-radius: 18px;
  padding: 28px 22px;
  text-align: center;
  border: 1px solid #e1efff;
  box-shadow: 0 8px 22px rgba(0,80,160,0.08);
  transition: 0.3s;
  cursor: pointer;
}

.wellness-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(0,80,160,0.15);
}

/* Box Icon */
.wellness-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 15px;
  background: linear-gradient(135deg,#e6f4ff,#ffffff);
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 4px 10px rgba(0,80,160,0.08);
}

.wellness-icon img {
  width: 40px;
}

/* Box Title & Text */
.wellness-box h4 {
  font-size: 17px;
  font-weight: 800;
  color: #003b73;
  margin-bottom: 8px;
}

.wellness-box p {
  font-size: 13px;
  color: #556;
  margin-bottom: 12px;
}

/* ===== WELLNESS DETAILS – MODERN DESIGN ===== */

/* Main Details Container */
.wellnes-details {
  position: relative;
  padding: 60px 0;
  background: #f5f9fc; /* Very light background for the whole section */
}

/* Main Card */
.wellness-card-new {
  background: linear-gradient(145deg, #ffffff, #f0f4f9); /* soft gradient white to light blue */
  border-radius: 24px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
  padding: 40px 30px;
  position: relative;
  transition: transform 0.3s;
}

.wellness-card-new:hover {
  transform: translateY(-5px);
}

/* Close Button */
.wellness-close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 24px;
  color: #003b73;
  font-weight: bold;
  background: #e6f2ff;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
}

.wellness-close-btn:hover {
  background: #007bff;
  color: #fff;
}

/* Left Icon Box */
.wellness-icon-box {
  width: 90px;
  height: 90px;
  background: linear-gradient(135deg, #d9f0ff, #ffffff);
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  box-shadow: 0 6px 18px rgba(0,60,130,0.1);
}

.wellness-icon-box img {
  width: 50px;
}

/* Title & Description */
.wellness-title-new {
  font-size: 28px;
  font-weight: 800;
  color: #003b73;
  margin-bottom: 12px;
}

.wellness-desc-new {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
}

/* Highlights */
.wellness-highlights-new {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 20px;
}

.highlight-box-new {
  background: #e0f2ff; /* soft pastel blue */
  padding: 10px 14px;
  border-radius: 14px;
  text-align: center;
  flex: 0 0 auto;
  min-width: 90px;
  box-shadow: 0 4px 12px rgba(0,80,160,0.08);
}

.highlight-box-new strong {
  display:block;
  font-size: 15px;
  color:#003b73;
}

.highlight-box-new span {
  font-size: 11px;
  color:#555;
}

/* Services List */
.wellness-service-list-new {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
}

.wellness-service-list-new li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
  color: #004a99;
}

.wellness-service-list-new li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #00b386;
  font-weight: 900;
}

/* Right Panel Card */
.wellness-right-card {
  background: linear-gradient(145deg, #f3f9ff, #ffffff);
  border-radius: 20px;
  padding: 30px 25px;
  box-shadow: 0 12px 28px rgba(0,80,160,0.07);
  text-align: center;
  transition: transform 0.3s;
}

.wellness-right-card:hover {
  transform: translateY(-4px);
}

/* Right Panel Title & Text */
.wellness-status-new {
  display: inline-block;
  background: #e6f7ef;
  color: #00875a;
  font-size: 12px;
  padding: 5px 12px;
  border-radius: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

.wellness-right-card h5 {
  font-size: 18px;
  font-weight: 700;
  color: #003b73;
  margin-bottom: 8px;
}

.wellness-right-card p {
  font-size: 14px;
  color: #555;
  margin-bottom: 16px;
}

/* Doctor Preview */
.wellness-doctor-preview-new {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.wellness-doctor-preview-new img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-left: -10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.wellness-doctor-preview-new span {
  font-size: 12px;
  font-weight: 700;
  color: #0056d1;
  margin-left: 8px;
}

/* Button */
.wellness-book-btn-new {
  background: linear-gradient(135deg,#0099ff,#0056d1);
  color:#fff;
  border-radius:30px;
  padding:10px 22px;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 5px 15px rgba(0,100,255,0.2);
  transition: 0.3s;
}

.wellness-book-btn-new:hover {
  background: linear-gradient(135deg,#0056d1,#003b73);
  color:#fff;
}




.all-wellness{
  padding: 15px 25px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
  background: #000;
  border-radius: 30px;
  display: table;
  margin: 20px auto;
}


.wellness-dtl{ background:#41ad66}


.wellness-dtl .wellness-box{ margin-bottom:30px;}



/*consultancy*/

/* ===== Common Status Badge Style ===== */
.up-comming-booking-box .booking-status {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 20px;
  margin: 6px 6px 10px 0;
  line-height: 1;
}

/* Confirmed */
.up-comming-booking-box .status-confirmed {
  background: #dcfce7;
  color: #15803d;
}

/* Completed */
.up-comming-booking-box .status-completed {
  background: #dbeafe;
  color: #1d4ed8;
}

/* Cancelled */
.up-comming-booking-box .status-cancelled {
  background: #fee2e2;
  color: #b91c1c;
}

/* Draft */
.up-comming-booking-box .status-draft {
  background: #f3f4f6;
  color: #4b5563;
}

/* Make booking card a positioning container */
.up-comming-booking-box .booking-slider {
  position: relative;
}

/* Status position at top-right corner */
.up-comming-booking-box .booking-status {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  line-height: 1;
}




/* ===== Booking Card Position Container ===== */
.up-comming-booking-box .booking-slider {
  position: relative;
}

/* ===== Common Status Badge Style & Position ===== */
.up-comming-booking-box .booking-status {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  line-height: 1;
  z-index: 2;
}

/* ===== Completed - Blue ===== */
.up-comming-booking-box .status-completed {
  background: #dbeafe;
  color: #1d4ed8;
}

/* ===== Cancelled - Red ===== */
.up-comming-booking-box .status-cancelled {
  background: #fee2e2;
  color: #b91c1c;
}

/* ===== Draft - Gray ===== */
.up-comming-booking-box .status-draft {
  background: #f3f4f6;
  color: #4b5563;
}

/* ===== Mobile Adjustment ===== */
@media (max-width: 576px) {
  .up-comming-booking-box .booking-status {
    top: 8px;
    right: 8px;
    font-size: 11px;
    padding: 3px 10px;
  }
}


/* Completed - Blue */
.up-comming-booking-box .status-completedd {
  background: #dbeafe;
  color: #1d4ed8;
}
.up-comming-booking-box .status-draft {
  background: #ffedd5;
  color: #c2410c;
}



/* ===== Cancel Button ===== */
.up-comming-booking-box .cancel-btn {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid #ef4444;   /* red border */
  color: #ef4444;              /* red text */
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Hover Effect */
.up-comming-booking-box .cancel-btn:hover {
  background: #ef4444;
  color: #ffffff;
}


/* ===== Modern Rating Label ===== */
.up-comming-booking-box .rating-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 16px;             /* pill shape padding */
  border-radius: 25px;            /* pill shape */
  background: #fef3c7;            /* light yellow background */
  color: #b45309;                 /* dark yellow text */
  border: 1px solid #fde68a;      /* subtle border */
  box-shadow: 0 2px 6px rgba(245, 149, 0, 0.2); /* soft shadow */
  text-decoration: none;
  transition: all 0.3s ease;
  position: absolute;              /* keep for top-right positioning */
  top: 35%;
  right: 12px;
  z-index: 2;
}

/* Star icon before text */
.up-comming-booking-box .rating-label::before {
  content: "★";
  font-size: 12px;
  color: #f59e0b; /* golden star */
}

/* Hover Effect */
.up-comming-booking-box .rating-label:hover {
  background: #b45309;  /* dark yellow/orange on hover */
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(180, 83, 9, 0.4); /* stronger shadow */
}

.up-comming-booking-box .rating-label:hover::before {
  color: #ffffff;  /* star also changes to white */
}

/* Mobile Adjustment */
@media (max-width: 576px) {
  .up-comming-booking-box .rating-label {
    position: static;   /* flow normally in mobile */
    margin-top: 8px;
    transform: none;
  }
}



/* Star Rating - Upcoming Booking Box */
.up-comming-booking-box .star-rating {
  list-style: none;
  padding: 0;
  margin: 5px 0;
  display: flex;
  gap: 3px;
}

.up-comming-booking-box .star-rating li a {
  text-decoration: none;
  color: #fbbf24; /* star color */
  font-size: 13px;
  transition: transform 0.2s;
}

.up-comming-booking-box .star-rating li a:hover {
  transform: scale(1.2); /* optional hover scale effect */
}




/* Make booking card a relative container */
.up-comming-booking-box .booking-slider {
  position: relative;
}

/* Right-middle container for buttons */
.up-comming-booking-box .action-buttons {
  position: absolute;
  top: 50%;           /* vertical center */
  right: 12px;        /* distance from right edge */
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;  /* stack buttons vertically */
  gap: 8px;                /* spacing between buttons */
  z-index: 2;
}

/* Edit Button */
.up-comming-booking-box .edit-btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 25px;
  background: #e0f2fe;   /* light blue */
  color: #0369a1;
  border: 1px solid #60a5fa;
  text-decoration: none;
  transition: all 0.3s ease;
}

.up-comming-booking-box .edit-btn2:hover {
  background: #0369a1;
  color: #ffffff;
  transform: translateY(-2px);
}

/* Delete Button */
.up-comming-booking-box .delete-btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 25px;
  background: #fee2e2;   /* light red */
  color: #b91c1c;
  border: 1px solid #fca5a5;
  text-decoration: none;
  transition: all 0.3s ease;
}

.up-comming-booking-box .delete-btn2:hover {
  background: #b91c1c;
  color: #ffffff;
  transform: translateY(-2px);
}

/* Optional icons inside buttons */
.up-comming-booking-box .edit-btn2 i,
.up-comming-booking-box .delete-btn2 i {
  font-size: 14px;
}



/* Modern Badge / Label Style */
.up-comming-booking-box .rating-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 30px;               /* extra rounded pill */
  background: linear-gradient(135deg, #fef9c3 0%, #fde68a 100%); /* soft gradient */
  color: #b45309;                     /* dark yellow text */
  box-shadow: 0 2px 6px rgba(245, 158, 11, 0.2); /* subtle shadow */
  border: 1px solid #fcd34d;          /* thin border */
  text-decoration: none;
  pointer-events: none;                /* non-clickable */
  transition: all 0.3s ease;
}

/* Star Icon Before Text */
.up-comming-booking-box .rating-label::before {
  content: "★";
  font-size: 13px;
  color: #f59e0b;
}

/* Optional hover effect to enhance style */
.up-comming-booking-box .rating-label:hover {
  background: linear-gradient(135deg, #fde68a 0%, #fcd34d 100%);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
  color: #92400e;
}

/* Mobile Adjustment */
@media (max-width: 576px) {
  .up-comming-booking-box .rating-label {
    font-size: 11px;
    padding: 4px 10px;
  }
}




/* Rate Button Style */
.up-comming-booking-box .rate-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 25px;             /* pill-shaped */
  background: #fef3c7;             /* light yellow */
  color: #b45309;                  /* dark yellow text */
  border: 1px solid #fde68a;       /* subtle border */
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(245, 158, 11, 0.2); /* subtle shadow */
}

/* Hover effect */
.up-comming-booking-box .rate-btn:hover {
  background: #fcd34d;             /* darker yellow on hover */
  color: #92400e;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
  transform: translateY(-2px);     /* subtle lift */
}

/* Optional icon inside button */
.up-comming-booking-box .rate-btn i {
  margin-right: 6px;
  font-size: 14px;
}





/* BODY */
.terms-modal .modal-body {
  padding: 22px 26px;
  background: #f8fafc;
  font-size: 13px;
  line-height: 1.75;
  color: #334155;
}

/* MAIN TITLE */
.terms-modal h2 {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 14px;
  position: relative;
}

.terms-modal h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: #0d6efd;
  border-radius: 2px;
  margin-top: 6px;
}

/* SECTION HEADINGS */
.terms-modal h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 22px;
  margin-bottom: 8px;
  color: #1e293b;
  display: flex;
  align-items: center;
  gap: 8px;
}

.terms-modal h3::before {
  content: "\f02d"; /* fa-book-medical */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #0d6efd;
  font-size: 0.9rem;
}

/* PARAGRAPHS */
.terms-modal p {
  margin-bottom: 12px;
  color: #475569;
}

/* ICON LIST STYLE */
.terms-modal ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 14px;
}

.terms-modal ul li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 8px;
  color: #475569;
}

/* Default bullet icon */
.terms-modal ul li::before {
  content: "\f058"; /* fa-circle-check */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 2px;
  color: #10b981;
  font-size: 0.85rem;
}

/* Warning / important sections */
.terms-modal h3:has(+ p)::before {
  content: "\f071"; /* fa-triangle-exclamation */
  color: #f59e0b;
}

/* Divider effect between sections */
.terms-modal h3 {
  padding-top: 14px;
  border-top: 1px dashed #e2e8f0;
}

/* FIRST section divider removal */
.terms-modal h3:first-of-type {
  border-top: none;
  padding-top: 0;
}

/* SCROLLBAR */
.terms-modal .modal-body::-webkit-scrollbar {
  width: 8px;
}

.terms-modal .modal-body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
  border-radius: 6px;
}

/* FOOTER (unchanged header as requested) */
.terms-modal .modal-footer {
  border-top: 1px solid #e5e7eb;
  padding: 14px 22px;
}

/* BUTTONS */
.terms-modal .btn {
  border-radius: 10px;
  font-weight: 500;
  padding: 9px 20px;
}
















@media (max-width: 576px) {
  .up-comming-booking-box .rate-btn {
    font-size: 12px;
    padding: 5px 12px;
  }
}



.up-comming-booking-box .booking-date {
  padding: 9px;
  background: #fff;
  text-align: center;
  min-height: 158px;
  min-width: 145px;
}




.phone-with-country-code label{ width:100%; float:left;}
.phone-with-country-code #countryCode{width:20%; float:left;height: 45px;
  border-radius: 0px;background:#fff;
  font-size: 13px;}
.phone-with-country-code input{width:79%;float:right;}


.dr-reg-box .col-lg-3{margin-bottom:10px;}

.min-h-15{min-height: 15px;}
.day-wise .slot-row {padding:0px!important;}

.select2-container--default .select2-selection--multiple{ min-height: 46px!important; height:auto!important; }



#addMedicalBtn{    right: 30px;
    top: 24px;
}

.medi-reg .alert-warning{margin-top:50px;}

 .medi-reg input{margin-bottom:30px;}
 
 
 .add-green-button i {
    margin-right: 5px;
}
.view-ic{color:#2ecc71;}

.agency-select  .select2-selection--single {

  height: 45px!important;line-height: 45px !important;

  border-radius: 0px !important;}
  
  
  .agency-select .select2-selection__rendered {
  color: #000!important;
  line-height: 45px!important;
}
  

@media all and (max-width: 760px) {

.gender-box .form-check { min-width: 50px;}

.mobie-search{ display:block;}
.menu-button {
    background: rgba(0, 0, 0, 0) url("../images/menu-btn.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 18px;
    position: relative;
    width: 34px;
    z-index: 1000; margin-top:7px;
}
#cssmenu > ul > li{ margin-left:0px;}
#cssmenu > ul > li a{ padding:8px!important;}
#cssmenu > ul > li{ padding:0px!important;}
#cssmenu > ul > li a.active{ border:none;}

#cssmenu #menu-button{ top:-4px;}
#cssmenu ul{ margin-top:38px;}

#cssmenu > ul ul{ margin-top:0px;}
#cssmenu ul ul li a{ font-size:12px; text-transform:capitalize;}

#cssmenu{ top:5px;}
#cssmenu #menu-button{ background:none;}



#cssmenu #menu-button::before{ background:#ff000a;}

#cssmenu #menu-button::after{ border-top:2px solid #ff000a; border-bottom:2px solid #ff000a;}

#cssmenu ul{ margin-top:35px!important; }
#cssmenu ul ul{ margin-top:0px!important;background:#a7bf23;}
#cssmenu ul{ padding:0px; border-bottom-right-radius:2px; border-bottom-left-radius:2px;}

#cssmenu ul{ background:#333;}
		#cssmenu li a{ border-top:1px solid #373636!important;}

	#cssmenu li ul   a{ border-bottom:1px solid #373636!important; border-top:none!important;}

#cssmenu > ul > li a{ padding:15px!important;}

.fix-height{}
#cssmenu > ul > li:first-child {  background:none!important;}

#cssmenu > ul > li a.active{ border-left:5px solid #f039a7; }
#cssmenu > ul > li a{ padding-left:18px!important;}
#cssmenu > ul  ul li a{ padding-left:35px!important; position:relative;}

#cssmenu > ul  ul li a:before{ content:'\f105'; font-family:FontAwesome; position:absolute; left:25px; color:#FFF;}

#cssmenu ul{ margin-top:53px!important;}
#cssmenu ul{  width:102%;}
#cssmenu ul ul li{ border-bottom:none;}

#cssmenu ul ul li{ line-height:22px;}

#cssmenu{ margin-top:2px!important;}
#cssmenu > ul > li{ font-size:14px!important;}
#cssmenu ul ul{ padding-top:0px!important;}
#cssmenu > ul > li a.active{ border-left:0px;}

#cssmenu > ul > li a:hover{color:#930033;}


#cssmenu{ top:0; margin-top:15px!important;}







#cssmenu .submenu-button{ top:9px;}

#cssmenu > ul > li a.active{ border-left:3px solid #e68f1b;}

#cssmenu ul ul{border-top: 1px solid #373636 !important;}

#cssmenu ul ul li{ height:auto;}

#cssmenu {
    top: 0;
    margin-top: 2px !important;
}
 #cssmenu > ul > li a.active{ color:#FFFFFF!important;}
 #cssmenu {
  float: left;
  margin-right: 0;
}

.log-reg {
  float: left;
  margin-right: 44px;
}

.reg {
  background: #2e3192;
  color: #fff;
  padding: 7px 8px;
  border-radius: 4px;
  font-size: 11px;
}
.banner-top-cap h1 {
  font-size: 13px;}
.banner-top-cap h2 {
  font-size: 16px;}
 .banner-top-cap h3 {
  font-size: 14px;
  } 
  
  
.home-banner-cap{ margin-top:60px;}  
  
  .bottom-circle{ display:none}
  
  
  .banner-image {
  top: 25px;
}
  .sliderC{ min-height:200px}
  
  .about-image {
  position: relative;
  padding-left: 0;
  padding-top: 10px;    min-height: 181px;
}

.angle-pattern { display:none;}
.large-screen{ display:none;}
.mobie-search .home-searchC{ margin:30px 0px;}
  
  .home-searchC input {
  width: 100%;
  height: 45px;
  border: none;
  background: #fff;
  padding-left: 27px; font-size:12px;
}

.search-frmC i {
  position: absolute;    font-size: 12px;
  left: 7px;
  top: 16px;
  
  
}


.colc5 {
  flex: 0 0 auto;
  width: 50%;
  padding: 0px 5.5px;
}

.abt-border-bx {
  position: absolute;
  border: 18px solid #d6d6d6;

  width: 62%;
  height: 448px;
  top: 0;
  left: 0;
}

.about-img-out {
  position: relative;
  padding-left: 35px;
  padding-top: 35px;
}

.about-us-image {
  padding: 0px 29px 0px 0px;
  background: url(../images/decor.png) bottom right no-repeat;
}
.about-right {
  margin-left: 0;
}

.heart-ic{ display:none;}

#intro-1{ background-size:357%;}

#intro-1{ padding:45px 0px;}

.play-btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: relative;
  line-height: 80px;}
  
 .testimonial h3 {
  font-size: 30px;} 
  
 .testi-left-img {
  overflow: hidden;
  margin-top: 0;
  padding: 0;
  position: relative; margin-bottom:25px;
} 


.connect {

  padding: 45px 0px;
}

.connect-bx{ margin-bottom:30px;}
.connect h2 {
  font-size: 20px;
}

.connect-bx h2 {
  font-size: 56px;}
  .connect-bx{ max-height:350px;}
  
 #intro-2{ background-size:500%; padding:45px 0px} 
 .sign-up-c{ padding:0px;}
 
 .sign-img-sect {
  position: relative;
  padding: 18px 0px 35px;
}

.bottom-img {
  overflow: hidden;
  border: 10px solid #fff;
  position: absolute;
  bottom: 33px;
  left: 0;
  max-width: 157px;
}

.sign-up-c-right{ margin-top:45px;}

.sign-up-c-right {
  margin-left:0px;
}

.sign-up-c h2 {

  font-size: 15px;}

.sign-up-c h4 {
  font-size: 38px;
  font-weight: bold;
  color: #fff;
  margin: 14px 0px;
}

.sign-up-c-right {
  margin-left: 0;

}


.sign-up-c h3 {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
margin: 11px 0px 19px;}

#intro-3{ background-size:500%; padding-bottom:50px; }

#intro-4{ background-size:500%; }

footer h2{ margin-top:40px;}

.footer-social {
  float:none; margin-top:30px;
}

.sign-up-c p {
  font-size: 14px;
  line-height: 21px;
}

.fq h2 {
  font-weight: 900;
  font-size: 38px;}
  
  
  .faq h3 {
  color: #555555;
  font-size: 21px;
  font-weight: 500;
  margin-top: 20px;
}

.home-searchC button{ line-height:45px; height:45px; font-size:12px; font-weight:bold;  padding: 0px 19px 0px;}
.menu-C {
  float: right;
  margin-top: 0;
}
  
  header {
  background: #fff;
  padding: 7px 0px;
}

.testimonial h2 b {
  font-weight: 300;
  font-size: 34px;
}
.loginC{ padding:30px;}


.inner-banner h1{ font-size:16px; }
.banner-title{ top:37%;}
.department-ic{ padding-bottom:10px;}

.about_us {
  padding: 40px 0px;
  font-family: ;
}
.abt-txt{ margin-bottom:10px;}


.vs-right {
  margin: 15px 0px 35px 10px;
    margin-top: 15px;
  margin-top: 32px;
}
.vs-ms-sec h2 {
  font-size: 11px;}
  
  vs-ms-sec h2 b {
  font-size: 18px;
}
  vs-ms-sec h2  br{ display:none!important}
  
  
  .chat-content {
  padding-left: 0;
}
.chat-content h2 { font-size:20px;}

.ord1{order:1}
.ord2{order:2}

.chat-imgC::before {
  position: absolute;
  left: 0;
  width: 200px;}
  
  .call-option{ padding:50px 0px;}
  
  .chat-option {
  padding: 50px 0px;
}

.video-option {
  padding: 50px 0px;}



.chat-content {
  margin-top: 30px;
}


.success-msg{ width:100%; margin:15px;padding: 20px;}
.step-1 .s2, .step-1 .s3{ display:none;}

.step-2 .s1, .step-2 .s3{ display:none;}

.step-3 .s1, .step-3 .s2{ display:none;}

.doctor-registration .card {
  padding: 10px;}
  
  .doctor-registration .mb-3 {
  margin-bottom: 10px !important;
}

.gender-box {
  display: block;
}
.not-robot{ margin-top:4px; margin-bottom:10px;}

.add-btn{ width:100%; padding:10px;}


.step-3 .add-btn{ margin-top:7px; margin-bottom:10px;}

.success-msg {
    width: auto;}
	

.create-btn {
  background: #58ab41;
  padding: 13px 15px;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  margin-top: 30px;
  border: none;
  float: right;
  display: table;
}

.back-btn {
  float: none;
  padding: 13px 15px;
  background: #293c67;  font-size: 11px;
}	
	
	
	.doctor-dash-board h2 {
  font-size: 14px;
  font-weight: 300;
  line-height: 21px; margin-bottom:25px;
}

.date-dispalay input{ margin-bottom:35px;}
.dash-box h4 {
  margin: 18px 0px 0px 0px;}
  .dash-box { margin-bottom:10px;}
  
  .dash-box i{ font-size:30px}
  
  .chart-card {
  min-height: 200px;
}
.app-status{ font-size:9px;}

.tab-content {
  padding: 6px;}
  .card-custom{ margin-bottom:5px;}
  .card-custom{ min-height:300px}
  
  .report-box {
  background: #fcfcfc;
  padding: 6px;
}


.booking-slider{ display:block}

}