/*======================================
[ CSS Table of contents ]
* Global CSS
* Header CSS
	+ Topbar
	+ Logo
	+ Widget
	+ Main Menu
	+ Search
* Hero Slider CSS
* Schedule CSS
* Feautes CSS
* Fun Facts CSS
* Why Choose CSS
* Call to Action CSS
* Portfolio CSS
	+ Portfolio Single CSS
* Services CSS
* Testimonials CSS
* Departments CSS
* Pricing Table CSS
* Clients CSS
* Team CSS
	+ Single Team
* Blog CSS
	+ Latest Blog CSS
	+ Blog Single CSS
	+ Blog Sidebar CSS
* Appointment CSS
* Login CSS
* Register CSS
* Faq CSS
* Contact Us CSS
* Error 404 CSS
* Mail Success CSS
* Newsletter CSS
* Doctor Calendar CSS
* About Us CSS
* Footer CSS
========================================*/ 
/*=============================
	Global CSS 
===============================*/
body{
	/* font-family: 'Cinzel', serif; */
	/* font-family: 'Cormorant Garamond', serif;font-weight: 500; */
    font-family: 'Poppins', sans-serif;	font-weight: 400;font-size:14px;color:#888;}
.pro-features {position: fixed;right: -300px;width: 300px;height: auto;line-height: 46px;font-size: 14px;background: #fff;
	text-align: left;color: #333;top: 50%;transform:translateY(-50%);box-shadow: -4px 0px 5px #00000036;color: #fff;
	z-index: 9999;padding:20px 30px 30px 30px;-webkit-transition:all 0.4s ease;	-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.pro-features.active{right:0;}
.pro-features li.big-title {font-weight: 600;color: #db5404;font-size: 15px;}
.pro-features li.title {font-weight: 600;color: #db5404;font-size: 15px;}
.pro-features .button{}
.pro-features .button .btn {width: 100%;text-align: center;	margin-top: 8px;display: inline-block;float:left;	font-size: 13px;width: 100%;text-transform: capitalize;}
.pro-features li {color: #333;margin: 0;padding: 0;line-height: 22px;margin-bottom: 10px;}
.get-pro {position: absolute;left: -80px;width:80px;height: 45px;line-height: 45px;font-size: 14px;	border-radius: 5px 0 0 5px;
	background: #db5404;text-align: center;color: #fff;top: 0;cursor: pointer;box-shadow: -4px 0px 5px #00000036;}
.get-pro:hover{}
#scrollUp {	bottom: 15px;right: 15px;padding: 10px 20px;background: #db5404;color: #fff;font-size: 25px;width: 45px;
	height: 45px;text-align: center;line-height: 45px;padding: 0;border-radius: 3px;box-shadow: 0px 0px 10px #00000026;}
#scrollUp:hover{background:#2C2D3F;}
/* Color Plate */
.color-plate {
	position: fixed;
	display: block;
	z-index: 99998;
	padding: 20px;
	width: 245px;
	background: #fff;
	right: -245px;
	text-align: left;
	top: 30%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
}
.color-plate.active{right:0;}
.color-plate .color-plate-icon {position: absolute;left: -48px;	width: 48px;height: 45px;line-height: 45px;	font-size: 21px;
	border-radius: 5px 0 0 5px;background: #db5404;text-align: center;color: #fff !important;	top: 0;	cursor: pointer;box-shadow: -4px 0px 5px #00000036;}
.color-plate h4 {display: block;font-size: 15px;margin-bottom: 5px;	font-weight: 500;}
.color-plate p {font-size: 13px;margin-bottom: 15px;line-height: 20px;}
.color-plate span {width: 42px;	height: 35px;border-radius: 0;	cursor: pointer;display: inline-block;margin-right: 3px;}
.color-plate span:hover{cursor:pointer;}
.color-plate span.color1{background:#db5404;}
.color-plate span.color2{background:#2196F3;}
.color-plate span.color3{background:#32B87D;}
.color-plate span.color4{background:#FE754A;}
.color-plate span.color5{background:#F82F56;}
.color-plate span.color6{background:#01B2B7;}
.color-plate span.color7{background:#6c5ce7;}
.color-plate span.color8{background:#85BA46;}
.color-plate span.color9{background:#273c75;}
.color-plate span.color10{background:#FD7272;}
.color-plate span.color11{background:#badc58;}
.color-plate span.color12{background:#44ce6f;}
/*=============================
	End Global CSS 
===============================*/

/*===========================
	Start Hero Area CSS
=============================*/
/* .hero-slider{ margin-top:130px;} */
.slider .single-slider {height: 500px;background-size: cover;background-position: center;background-repeat:no-repeat; clip-path: ellipse(129% 100% at 44% 0%);}
.slider .single-slider .text{margin-top:70px;}
.slider.index2 .single-slider .text{margin-top:120px;}
.slider .single-slider h1 {color: #2C2D3F;font-size: 38px;font-weight: 700;margin: 0;padding: 0;line-height: 42px;}
.slider .single-slider h1 span{color:#db5404;}
.slider .single-slider p {color: #2C2D3F;font-weight: 400;}
.slider .single-slider .button{	margin-top:30px;}
.slider .single-slider .btn{color:#fff;background:#db5404;font-weight:500;display:inline-block;margin:0;margin-right:10px;}
.slider .single-slider .btn:last-child{	margin:0;}
.slider .single-slider .btn.primary{background: #fdf5ea; color: #db5404;} /*border: 2px solid #2C2D3F;*/
.slider .single-slider .btn.primary:before{background:#db5404;}
.slider .owl-carousel .owl-nav {margin: 0; position: absolute; top: 50%; width: 100%;margin-top:-25px;}
.slider .owl-carousel .owl-nav div {height: 50px;width: 50px;line-height: 50px;	text-align: center;
	background: #db5404;color: #fff;font-size: 26px;position: absolute;margin: 0;
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;	padding: 0;	border-radius: 50%;}
.slider .owl-carousel .owl-nav div:hover{background:#2C2D3F;color:#fff;}
.slider .owl-carousel .owl-controls .owl-nav .owl-prev{	left:20px;}
.slider .owl-carousel .owl-controls .owl-nav .owl-next{	right:20px;}

/* Slider Animation */
.owl-item.active .single-slider h1{ animation: fadeInUp 1s both 0.6s;}
.owl-item.active .single-slider p{ animation: fadeInUp 1s both 1s;}
.owl-item.active .single-slider .button{ animation: fadeInDown 1s both 1.5s;}
/*===========================
	End Hero Area CSS
=============================*/

/*=============================
	Start Schedule CSS
===============================*/
.schedule {background: #fff;margin: 0;	padding: 0;height: 230px;}
.schedule .schedule-inner {position: relative;transform: translateY(-13%);z-index:9;}
.schedule .single-schedule {position: relative;	text-align: left;z-index:3;border-radius:5px;background:#db5404; -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.schedule .single-schedule .inner {	overflow:hidden;position: relative;	padding:30px;z-index:2;}
.schedule .single-schedule:before{position: absolute; z-index: -1; content: ''; bottom: -10px;left: 0;right: 0;
    margin: 0 auto; width: 80%; height: 90%; background:#db5404;  opacity: 0; filter: blur(10px); -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.schedule .single-schedule:hover:before{opacity: 0.8;}
.schedule .single-schedule:hover{transform: translateY(-5px);}
.schedule .single-schedule .icon i{	position: absolute;	font-size: 110px;color: #fff; -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;z-index:-1;	visibility:visible;	opacity:0.2;right: -25px;bottom: -30px;}
.schedule .single-schedule span{display:block;color:#fff;}
.schedule .single-schedule h4{font-size: 20px;font-weight:600;display:inline-block;	text-transform:capitalize;color:#fff;margin-top:13px;}
.schedule .single-schedule p{color:#fff;margin-top:22px;}
.schedule .single-schedule a {color: #fff;	margin-top: 25px;font-weight: 500;display: inline-block;position: relative;}
.schedule .single-schedule a:before{position:absolute;content:"";left:0;bottom:0;height:1px;width:0%;
	background:#fff;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.schedule .single-schedule a:hover:before{width:100%;width:100%;}
.schedule .single-schedule a i{	margin-left:10px;}
.schedule .single-schedule .time-sidual{}
.schedule .single-schedule .time-sidual{overflow:hidden;margin-top:17px;}
.schedule .single-schedule .time-sidual li {display: block;color: #fff;width: 100%;margin-bottom:3px;}
.schedule .single-schedule .time-sidual li:last-child{margin:0;}
.schedule .single-schedule .time-sidual li span{display:inline-block;float:right;}
.schedule .single-schedule .day-head .time {font-weight: 400;float: right;}
/*=============================
	End Schedule CSS
===============================*/

/*===================
	Why choose CSS
=====================*/
.why-choose .choose-left h3{font-size:24px;font-weight:600;	color:#2C2D3F;	position:relative;padding-bottom:20px;margin-bottom:24px;}
.why-choose .choose-left h3:before{position:absolute;content:"";left:0;	bottom:0;height:2px;width:50px;	background:#db5404;}
.why-choose .choose-left p{margin-bottom:35px;}
.why-choose .choose-left .list{}
.why-choose .choose-left .list li {	color: #868686;margin-bottom: 12px;}
.why-choose .choose-left .list li:last-child{margin-bottom:0px;}
.why-choose .choose-left .list li i{height:15px;width:15px;	line-height:15px;text-align:center;	background:#db5404;color:#fff;font-size:14px;	border-radius:100%;	padding-left:2px;margin-right:16px;}
/* Start Faq CSS */
.why-choose{background:#fff;}
.why-choose .choose-right{height:100%;	width:100%;	background-image:url('img/video-bg.jpg');background-size:cover;
	background-position:center;	background-repeat:no-repeat;position:relative;}
.why-choose .choose-right .video {color: #fff;	height: 70px;width: 70px;line-height: 70px;
	text-align: center;	border-radius: 100%;position: absolute;left: 50%;top: 50%;margin-left: -35px;margin-top: -35px;
	font-size: 21px;background: #db5404;padding-left: 4px;}
.why-choose .choose-right .video:hover{	transform:scale(1.1);}
.why-choose .video-image .waves-block .waves {position: absolute;width: 200px;height: 200px;
	background: #fff;	opacity: 0;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 100%;-webkit-animation: waves 3s ease-in-out infinite;animation: waves 3s ease-in-out infinite;
	left: 50%;margin-left: -100px;top: 50%;	margin-top: -100px;}
.why-choose .video-image .waves-block .wave-1 { -webkit-animation-delay: 0s;  animation-delay: 0s;}
.why-choose .video-image .waves-block .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.why-choose .video-image .waves-block .wave-3 { -webkit-animation-delay: 2s;  animation-delay: 2s;}
/*=======================
	End Why choose CSS
=========================*/

/*===============================
	Start Call to action CSS
=================================*/
.call-action{background-image:url('img/call-bg.jpg');background-size:cover;	background-position:center;	position:relative;background-repeat:no-repeat;}
.call-action .content{text-align:center;padding:100px 265px;}
.call-action .content h2{color:#fff;font-size:32px;font-weight:600;line-height:46px;}
.call-action .content p {color: #fff;margin: 30px 0px;	font-size: 15px;}
.call-action .content .btn{	background:#fff;margin-right:20px;	font-weight:500;border:1px solid #fff;	color:#db5404;}
.call-action .content .btn:before{background:#db5404;}
.call-action .content .btn:hover{background:#db5404;color:#fff;}
.call-action .content .btn:last-child{margin-right:0px;}
.call-action .content .second {border: 1px solid #fff;	color: #fff;background: transparent;color: #fff !important;}
.call-action .content .second:before{background:#fff;}
.call-action .content .second:hover{color:#db5404;	border-color:transparent;background:#fff;}
.call-action .content .second i{margin-left:10px;}
/*===============================
	Start Call to action CSS
=================================*/

/*==========================
	Start Portfolio CSS
============================*/
.portfolio{background:#FDFDFD;}
.portfolio .single-pf{	position:relative;}
.portfolio .single-pf img{height:100%;width:100%;}
.portfolio .single-pf:before{position:absolute;	content:"";	left:0;	top:0;height:100%;width:100%;background:#db5404;opacity:0;
	visibility:hidden;	-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;	transition:all 0.4s ease;z-index:1;}
.portfolio .single-pf:hover:before{	opacity:0.7;visibility:visible;}
.portfolio .single-pf .btn {color: #db5404;z-index: 3;	background: #fff;position: absolute;left: 50%;	top: 50%;border-radius: 0px;
	opacity: 0;	visibility: hidden;	-webkit-transition: all 0.4s ease;	-moz-transition: all 0.4s ease;	transition: all 0.4s ease;
	height: 48px;width: 150px;	text-align: center;	line-height: 48px;padding: 0;font-weight: 500;font-size: 14px;margin-left: -75px;
	margin-top: -24px;border-radius:4px;}
.portfolio .single-pf:hover .btn{opacity:1;	visibility:visible;}
.portfolio .single-pf .btn:hover{color:#fff;}
.portfolio .owl-nav{display:none;}
/* Slider Nav */
.pf-details .image-slider .owl-nav{margin: 0;   position: absolute; top: 50%;   width: 100%;margin-top:-25px;}
.pf-details .image-slider .owl-carousel .owl-nav div {height: 50px;width: 50px;	line-height: 45px;background: #fff;
	color: #db5404;position: absolute;	margin: 0;	border-radius: 100%;font-size: 20px;text-align: center;	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;	transition: all 0.4s ease;box-shadow: 0px 0px 10px #0000001a;}
.pf-details .image-slider .owl-carousel .owl-nav div:hover{color:#fff;background:#db5404;}
.pf-details .image-slider .owl-carousel .owl-controls .owl-nav .owl-prev{left:20px;}
.pf-details .image-slider .owl-carousel .owl-controls .owl-nav .owl-next{right:20px;}
.pf-details .image-slider{border-radius:8px 8px 0 0;}
.pf-details .image-slider img{height:100%;width:100%;}
.pf-details .date{background: #db5404;	display: block;	padding: 20px;text-align: center;border-radius: 0;border: none;margin: 0;margin-top: -1px;}
.pf-details .date ul li{font-size:16px;color:#fff;	display:inline-block;margin-right:60px;}
.pf-details .date ul li:last-child{	margin:0;}
.pf-details .date ul li span{font-weight:500;display:inline-block;margin-right:5px;}
.pf-details .body-text{}
.pf-details .body-text h3 {font-size: 30px;font-weight: 600;color: #333;margin-top: 40px;}
.pf-details .body-text p{margin-top:20px;}
.pf-details .body-text .share{margin-top:40px;}
.pf-details .body-text .share h4 {font-size: 15px;font-weight: 500;	display: inline-block;}
.pf-details .body-text .share ul{display:inline-block;margin-left:12px;}
.pf-details .body-text .share ul li{display:inline-block;margin-right:10px;}
.pf-details .body-text .share ul li:last-child{margin-right:0;}
.pf-details .body-text .share ul li a{height:35px;width:35px;line-height:35px;text-align:center;border:1px solid #C8C8C8;
	color:#757575;	display:block;border-radius:50%;}
.pf-details .body-text .share ul li a:hover{color:#fff;border-color:transparent;background:#db5404;}
/*==========================
	End Portfolio CSS
============================*/

/*=========================
	Srart service CSS
===========================*/
.services .single-service{margin:30px 0;position:relative;padding-left:70px;}
.services .single-service i{font-size:45px;color:#db5404;position:absolute;left:0;	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.services .single-service h4{text-transform:capitalize;	margin-bottom:25px;	color:#2C2D3F;}
.services .single-service h4 a{color:#2C2D3F;font-size:20px;	font-weight:600;}
.services .single-service h4 a:hover{color:#db5404;}
.services .single-service p{color:#868686;}
/*-- Service Details --*/
.services-details-img { margin-bottom: 50px;}
.services-details-img img { width: 100%; margin-bottom: 30px;}
.services-details-img h2 { font-weight: 600; font-size: 28px; margin-bottom: 16px;}
.services-details-img P {margin-bottom: 20px;}
.services-details-img blockquote {font-size: 15px;color: #4a6f8a;background-color: #db5404;padding: 30px 75px;
	line-height: 26px;position: relative;margin-bottom: 20px;color: #fff;}
.services-details-img blockquote i { position: absolute; display: inline-block; top: 20px; left: 38px; font-size: 32px;}
.service-details-inner-left { background-image: url("img/signup-bg.jpg"); background-size: cover; background-position: center center;
  background-repeat: no-repeat;  width: 100%; height: 100%;}
.service-details-inner-left img { display: none;}
.service-details-inner { max-width: 580px; margin-left: auto; margin-right: auto;}
.service-details-inner h2 {font-weight: 600;font-size: 30px;margin-bottom: 15px;border-left: 3px solid #db5404;padding-left: 15px;}
.service-details-inner p { margin-bottom: 15px;}
.service-details-inner p:last-child { margin-bottom: 0;}
/*=========================
	End service CSS
===========================*/

/*=============================
	Start Testimonials CSS
===============================*/
.testimonials{background-image:url('img/testi-bg.jpg');	background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;}
.testimonials .section-title h2{color:#fff;}
.testimonials .single-testimonial {text-align: left;position: relative;background: #fff;padding: 40px 30px;margin: 5px;
	margin-bottom: 27px;margin-right: 30px;border-radius: 5px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;	margin: 0;margin: 30px 20px;}
.testimonials .single-testimonial:hover{box-shadow: 0px 10px 10px #0000001c;transform: translateY(-4px);}
.testimonials .single-testimonial img {position: absolute;left: 30px;bottom:-26px;height: 53px;	width: 53px;border-radius: 100%;}
.testimonials .single-testimonial p{color:#868686;	font-size:14px;}
.testimonials .single-testimonial .name {margin-top: 22px;color: #2C2D3F;font-weight: 500;	font-size: 15px;}
.testimonials .owl-dots {position: absolute;left: 50%;bottom: -55px;margin-top: -47px;padding: 10px 25px;border-radius: 3px;
	margin: 0 0 0 -52px;margin-top: 49px;box-sizing: ;}
.testimonials .owl-dots .owl-dot {display: inline-block;margin-right: 10px;}
.testimonials .owl-dots .owl-dot:last-child{margin:0px;}
.testimonials .owl-dots .owl-dot span {width: 10px;	height:10px;display: block;	border-radius: 30px;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;	transition: all 0.3s ease;margin: 0;background: #fff;position: relative;}
.testimonials .owl-dots .owl-dot span:hover{background:#fff;}
.testimonials .owl-dots .owl-dot.active span{background:#fff;width:20px;}
/*=============================
	End Testimonials CSS
===============================*/

/*==========================
	Start Departments CSS
============================*/
.departments .department-tab .nav{margin-bottom: 30px; background:transform;position:relative;}
.departments .department-tab .nav li{text-align:center;margin-right:54px;}
.departments .department-tab .nav li a i {font-size: 50px;color: #868686;}
.departments .department-tab .nav li a:hover{background:transparent;}
.departments .department-tab .nav li a.active i{color:#db5404;}
.departments .department-tab .nav li a {color: #fff;margin-top: 20px;border: none;	padding: 0;	padding-bottom: 20px;
	border-bottom:2px solid transparent;padding:0 10px 20px 10px;}
.departments .department-tab .nav li a.active{border-color:#db5404;}
.departments .department-tab .nav li span{display:block;}
.departments .department-tab .nav li .first {padding-top: 20px;font-size: 20px;	font-weight: 500;color: #868686;}
.departments .department-tab .nav li a.active .first{color:#2C2D3F;}
.departments .department-tab .nav li .second {font-size: 14px;font-weight: 400;	color: #868686;margin-top: 3px;}
.departments .department-tab .tab-pane .department-left{}
.departments .department-tab .tab-pane .department-left h3{color:#2C2D3F;font-weight:600;font-size:26px;position:relative;
	padding-bottom:15px;margin-bottom:30px;}
.departments .department-tab .tab-pane .department-left h3:before{position:absolute;content:"";left:0;bottom:0;	height:3px;	width:50px;	background:#2C2D3F;}
.departments .department-tab .tab-pane .department-left .p1 {color: #db5404;font-weight: 500;margin-bottom: 18px;}
.departments .department-tab .tab-pane .department-left p {margin-bottom: 20px;}
.departments .department-tab .tab-pane .department-left .list{}
.departments .department-tab .tab-pane .department-left .list li{position:relative;	padding-left: 30px;	margin-bottom:6px;}
.departments .department-tab .tab-pane .department-left .list li:last-child{margin-bottom:0px;}
.departments .department-tab .tab-pane .department-left .list li i {position: absolute;left: 0;	height: 15px;width: 15px;line-height: 15px;
	color: #fff;background: #db5404;text-align: center;border-radius: 100%;font-size: 8px;margin-right: 20px;	top: 4px;}
.departments .department-tab .tab-content .tab-text h2{font-size:18px;}
.departments .department-tab .tab-content .tab-text p{color:#555;margin-top:10px;}
/*==========================
	End Departments CSS
============================*/

/*=============================
	Start Pricing Table CSS
===============================*/
.pricing-table{background:#f9f9f9;	position:relative;}
.pricing-table .single-table {background: #fff;border:1px solid #ddd;	text-align: center;	position: relative;	overflow: hidden;
	margin: 15px 0;	padding:45px 35px 30px 35px;}
/* Table Head */
.pricing-table .single-table .table-head {text-align:center;}
.pricing-table .single-table .icon i{font-size:65px;color:#db5404;}
.pricing-table .single-table .title {font-size: 21px;color: #2C2D3F;margin-top: 30px;margin-bottom: 15px;}
.pricing-table .single-table .amount {font-size:36px;font-weight:600;color:#db5404;}
.pricing-table .single-table .amount span{display:inline-block;	font-size:14px;font-weight:400;	color:#868686;	margin-left:8px;}
/* Table List */
.pricing-table .single-table .table-list {padding: 10px 0;text-align: left;	margin-top: 30px;}
.pricing-table .table-list li {	position: relative;	color: #666;text-transform: capitalize;margin-bottom: 18px;padding-right: 32px;}
.pricing-table .table-list li:last-child{margin-bottom:0px;}
.pricing-table .table-list li.cross i{background:#aaaaaa;}
.pricing-table .table-list i {font-size: 7px;text-align: center;margin-right: 10px;	position: absolute;right: 0;height: 16px;
	width: 16px;line-height: 16px;text-align: center;color: #fff;background: #db5404;border-radius: 100%;	padding-left: 1px;}

/* Table Bottom */
.pricing-table .table-bottom {margin-top: 25px;}
.pricing-table .btn {padding: 12px 25px;width: 100%;color:#fff;}
.pricing-table .btn:before{	background:#2C2D3F;}
.pricing-table .btn:hover{color:#fff;}
.pricing-table .btn i {	font-size: 16px;margin-right: 10px;}
/*=============================
	End Pricing Table CSS
===============================*/

/*========================
	Start Clients CSS
==========================*/
.clients{background-size:cover;	background-position:center;	padding:50px 0px;position:relative;background-color:  #fdf5ea;} /*background-image:url('img/client-bg.jpg');*/
.clients .single-clients{}
.clients .single-clients img {width: 100%;cursor: pointer;	text-align: center;	float: none;padding: 0 35px;}
/*========================
	End Clients CSS
==========================*/

/*====================
	Start Team CSS
======================*/ 
.team{
	background-image:url('img/testi-bg.jpg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}
.team.single-page{
	background:#fff;
}
.team .section-title h2{
	color:#fff;
}
.team .section-title p{
	color:#fff;
}
.team .single-team {
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-top: 30px;
	text-align: center;
	box-shadow: 0px 0px 10px #00000021;
	border-radius: 5px;
	overflow: hidden;
}
.team .t-head{
	position:relative;
	overflow:hidden;
}
.team .t-head::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity:0;
	visibility:hidden;
	content: "";
	z-index: 2;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.team .single-team:hover .t-head::before{
	visibility:visible;
	opacity:0.5;
}
.team .t-head img{
	width:100%;
	position:relative;
}
.team .t-icon a {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 46px;
	line-height: 40px;
	opacity: 0;
	visibility: hidden;
	font-weight: 400;
	text-align: center;
	color: #fff;
	border-radius: 0;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 99;
	margin: -23px 0 0 -75px;
	font-size: 15px;
	background: #2889E4;
	font-size: 13px;
	line-height: 46px;
	padding:0;
	border-radius:4px;
}
.team .single-team:hover .t-icon a {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	opacity:1;
	visibility:visible;
}
.team .t-bottom {
	text-align: center;
	position: relative;
	padding: 0 20px;
	padding: 25px 20px;
}
.team .t-bottom p {
	color: #666;
	font-size: 13px;
	display: block;
	margin-bottom: 4px;
}
.team .t-bottom h2 {
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 500;
	color: #2C2D3F;
}
.team .t-bottom h2 a:hover{
	color:#db5404;
}
/*-- Doctor Details --*/
.doctor-details-left {
	-webkit-box-shadow: 0px 0px 10px 0px #ddd;
	box-shadow: 0px 0px 10px 0px #ddd;
	border-radius: 10px;
	overflow: hidden;
}
.doctor-details-item img {
  width: 100%;
  border-radius:0;
}
.doctor-details-item .doctor-details-contact {
	padding: 50px;
}
.doctor-details-item .doctor-details-contact h3 {
	font-weight: 600;
	font-size: 20px;
	color: #2C2D3F;
	margin-bottom: 30px;
}
.doctor-details-item .doctor-details-contact .basic-info {
  margin: 0;
  padding: 0;
}
.doctor-details-item .doctor-details-contact .basic-info li {
	list-style-type: none;
	display: block;
	font-weight: 400;
	font-size: 15px;
	color: #2C2D3F;
	margin-bottom: 10px;
}
.doctor-details-item .doctor-details-contact .basic-info li:last-child {
  margin-bottom: 0;
}
.doctor-details-item .doctor-details-contact .basic-info li i {
	display: inline-block;
	color: #db5404;
	margin-right: 8px;
	font-size: 16px;
	position: relative;
	top: 1px;
}
.doctor-details-area .doctor-details-left .social{
	margin-top:25px;
}
.doctor-details-area .doctor-details-left .social li{
	display:inline-block;
	margin-right:10px;
}
.doctor-details-area .doctor-details-left .social li:last-child{
	margin-right:0px;
}
.doctor-details-area .doctor-details-left .social li a {
	height: 34px;
	width: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #C8C8C8;
	text-align: center;
	padding: 0;
	border-radius: 4px;
	display: block;
	color: #757575;
	font-size: 16px;
}
.doctor-details-area .doctor-details-left .social li a:hover{
	color:#fff;
	background:#db5404;
	border-color:transparent;
}
.doctor-details-item .doctor-details-work h3 {
	font-weight: 600;
	font-size: 20px;
	color: #2C2D3F;
	margin-top: 30px;
}
.doctor-details-item .doctor-details-work .time-sidual{
	
}
.doctor-details-item .doctor-details-work .time-sidual{
	overflow:hidden;
}
.doctor-details-item .doctor-details-work .time-sidual li {
	display: block;
	color: #2C2D3F;
	width: 100%;
	margin-bottom: 10px;
}
.doctor-details-item .doctor-details-work .time-sidual li span{
	display:inline-block;
	float:right;
}
.doctor-details-item .doctor-details-work .day-head .time {
	font-weight: 400;
	float: right;
}

.doctor-details-area .doctor-details-right{
	padding-left: 60px;
	padding-top: 70px;
}
.doctor-details-item .doctor-details-biography {
 
}
.doctor-details-item .doctor-details-biography h3 {
  font-weight: 600;
  font-size: 24px;
  color: #2f60bd;
  margin-bottom: 25px;
  margin-top: 25px;
}
.doctor-details-item .doctor-details-biography p {
  margin-bottom: 0;
}
.doctor-details-item .doctor-details-biography ul {
  margin: 0;
  padding: 0;
}
.doctor-details-item .doctor-details-biography ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
}
.doctor-details-item .doctor-details-biography ul li:last-child {
  margin-bottom: 0;
}
.doctor-details-item .doctor-name .name{
	font-size:30px;
	font-weight:600;
}
.doctor-details-item .doctor-name .deg {
	font-size: 22px;
	margin: 10px 0 5px 0;
}
.doctor-details-item .doctor-name .degree{
	font-size: 16px;
}
/*====================
	End Team CSS
======================*/ 

/*=======================
	Start Blog CSS
=========================*/
.blog{background:#fff;}
.blog .blog-title{text-align:center;}
.blog .single-news {background: #fff;	position: relative;	-webkit-transition: all 0.4s ease;	-moz-transition: all 0.4s ease;	transition: all 0.4s ease;
	box-shadow: 0px 0px 10px #00000014;}
.blog .single-news img{	width:100%;	margin:0;	padding:0;-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;	transition:all 0.4s ease;}
.blog .single-news .news-head{position:relative;overflow:hidden;}
.blog .single-news .news-content {text-align: left;	background: #fff;z-index: 99;position: relative;padding: 30px;left: 0;	z-index: 0;}
.blog .single-news .news-content:before{position:absolute;content:"";left:0;bottom:0;height:2px;width:0%;background:#db5404;
	opacity:0;visibility:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;	transition:all 0.4s ease;}
.blog .single-news:hover .news-content:before{opacity:1;visibility:visible;width:100%;}
.blog .single-news .news-body h2 {font-size: 18px;font-weight: 600;	margin-bottom: 10px;line-height: 24px;}
.blog .single-news .news-body h2 a{color:#2C2D3F;font-weight: 500;}
.blog .single-news .news-body h2 a:hover{color:#db5404;}
.blog .single-news .news-content p {font-weight: 400;text-transform: capitalize;font-size: 13px;letter-spacing: 0px;line-height: 23px;}
.blog .single-news .news-body .date {display: inline-block;	font-size: 14px;margin-bottom: 5px;	background: #db5404;color: #fff;
	padding: 4px 15px;border-radius: 3px;font-size: 14px;margin-bottom: 10px;}
.blog.grid .single-news{margin-top:30px;}
/* Blog Sidebar */
.main-sidebar {	background: #fff;margin-top: 30px;	background: transparent;}
.main-sidebar .single-widget {	margin-bottom: 30px;padding: 40px;background: #fff;-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);border-radius: 8px;}
.main-sidebar .single-widget .title {position: relative;font-size: 18px;font-weight: 600;text-transform: capitalize;margin-bottom: 30px;
	display: block;	background: #fff;	padding-left: 12px;}
.main-sidebar .single-widget .title::before {position: absolute;content: "";left: 0;bottom: -1px;height: 100%;width: 3px;	background: #db5404;}
.main-sidebar .single-widget:last-child{margin:0;}
.main-sidebar .search{position:relative;}
.main-sidebar .search input {width: 100%;height: 45px;box-shadow: none;	text-shadow: none;font-size: 14px;border: none;	color: #222;
	background: transparent;padding: 0 70px 0 20px;	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;	border-radius: 0;	border: 1px solid #eee;border-radius: 5px;}
.main-sidebar .search .button {position: absolute;right: 40px;top: 40px;height: 44px;width: 50px;line-height: 45px;	box-shadow: none;
	text-shadow: none;	text-align: center;border: none;font-size: 14px;color: #fff;background: #333;	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;	transition: all 0.4s ease;border-radius: 0 5px 5px 0;}
.main-sidebar .search .button:hover {background:#db5404;color:#fff;}
/* Category List */
.main-sidebar .categor-list {margin-top: 15px;}
.main-sidebar .categor-list li {margin-bottom: 10px;}
.main-sidebar .categor-list li:last-child{margin-bottom:0px;}
.main-sidebar .categor-list li a {display: inline-block;color: #333;font-size:14px;}
.main-sidebar .categor-list li a:hover{	color:#db5404;	padding-left:7px;}
.main-sidebar .categor-list li a i {display: inline-block;margin-right:0px;	font-size: 9px;	transform: translateY(-1px);
	opacity:0;visibility:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;	transition:all 0.4s ease;}
.main-sidebar .categor-list li a:hover i{margin-right: 6px;opacity:1;visibility:visible;}
/* Recent Posts */
.main-sidebar .single-post {position: relative;	border-bottom: 1px solid #ddd;	display: inline-block;	padding: 17px 0;}
.main-sidebar .single-post:last-child{padding-bottom:0px;border:none;}
.main-sidebar .single-post .image img{float: left;width: 80px;height: 80px;margin-right: 20px;}
.main-sidebar .single-post .content{padding-left:100px;}
.main-sidebar .single-post .content h5 {line-height: 18px;}
.main-sidebar .single-post .content h5 a {color: #2C2D3F;font-weight: 500;font-size: 14px;font-weight: 500;
	margin-top: 10px;display: block;margin-bottom: 10px;margin-top: 0;}
.main-sidebar .single-post .content h5 a:hover{	color:#db5404;}
.main-sidebar .single-post .content .comment li{color:#888;display:inline-block;margin-right:15px;font-weight:400;	font-size:14px;}
.main-sidebar .single-post .content .comment li:last-child{	margin-right:0;}
.main-sidebar .single-post .content .comment li i{display:inline-block;margin-right:5px;}
/* Blog Tags */
.main-sidebar .side-tags .tag{margin-top:40px;}
.main-sidebar .side-tags .tag li {display: inline-block;margin-right: 7px;margin-bottom: 20px;}
.main-sidebar .side-tags .tag li a {background: #fff;color: #333;	padding: 8px 14px;text-transform: capitalize;
	border-radius: 0;font-size: 13px;background: #F6F7FB;	border-radius: 4px;}
.main-sidebar .side-tags .tag a:hover{color:#fff;	background:#db5404;border-color:transparent;}
/* News Single */
.news-single {padding: 60px 0 90px;background: #f8f8f8;}
.news-single .single-main {	margin-top: 30px;background: #fff;padding: 30px;-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);	border-radius: 8px;}
.news-single .news-head{}
.news-single .news-head img{width:100%;	height:100%;}
.news-single .news-title {font-size: 25px;margin: 20px 0;}
.news-single .news-title a {color: #252525;font-weight: 600;}
.news-single .news-title a:hover {color: #db5404;}
/* Blog Meta */
.news-single{background:#fff;}
.news-single .meta {overflow: hidden;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;
	width: 100%;padding: 10px 0;margin-bottom: 15px;}
.news-single .meta span {margin-right: 10px;display: inline-block;}
.news-single .meta span:last-child{	margin:0;}
.news-single .meta span, .news-single .meta span a {color: #2C2D3F;font-weight: 400;}
.news-single .meta span i {	margin-right: 5px;color:#db5404;}
.news-single .meta-left{float:left;}
.news-single .meta-left .author img {width: 45px;height: 45px;border-radius: 100%;margin-right: 12px;}
.news-single .meta-left .author {float: left;}
.news-single .meta-left span.date {	margin-top: 10px;}
.news-single .meta-right {float: right;	margin-top: 10px;}
.news-single .news-content{margin:20px 0;}
.news-single .news-content p{margin-bottom:10px;}
.news-single .news-content p:last-child{margin:0;}
.news-single .news-text p {font-size: 14px;	margin-bottom:20px;}
/* Image Gallery */
.news-single .image-gallery {
	margin-bottom: 20px;
}
.news-single .image-gallery .single-image {
	overflow: hidden;
}
.news-single .image-gallery .single-image:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	transform:scale(1.2);
}
/* Blockqoute */
.news-single blockquote {
	background-image: url('img/blockqoute-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 30px;
	overflow: hidden;
}
.news-single blockquote::before {
	opacity: 0.9;
}
.news-single .news-text blockquote p {
	color: #fff;
	margin: 0;
	line-height: 26px;
	font-size: 15px;
	position: relative;
}
.news-single .blog-bottom {
	overflow: hidden;
}
/* Social Share */
.news-single .social-share {
	float: left;
}
.news-single .social-share li {
	float: left;
}
.news-single .social-share li span{
	padding-left:5px;
}
.news-single .social-share li.facebook a{
	background:#5d82d1;
}
.news-single .social-share li.twitter a{
	background:#40bff5;
}
.news-single .social-share li.google-plus a{
	background:#eb5e4c;
}
.news-single .social-share li.linkedin a{
	background:#238cc8;
}
.news-single .social-share li.pinterest a{
	background:#e13138;
}
.news-single .social-share li a {
	padding: 10px 20px;
	display: block;
	color: #fff;
}
.news-single .social-share li a:hover{
	background:#2B343E;
}
/* Prev Next Button */
.news-single .prev-next {
	float: right;
}
.news-single .prev-next li {
	display: inline-block;
	padding: 0;
	margin-right: 5px;
}
.news-single .prev-next li:last-child{
	border:none;
}
.news-single .prev-next li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #c4c4c4;
	color: #555;
	border-radius: 4px;
}
.news-single .prev-next li a:hover{
	color:#fff;
	background:#db5404;
	border-color:transparent;
}
/* Blog Comments */
.news-single .blog-comments {
	margin-top: 30px;
	background: transparent;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	border-radius: 8px;
	padding: 30px;
}
.news-single .blog-comments h2 {
	text-align: left;
	text-transform: capitalize;
	font-size: 18px;
	color: #252525;
	margin-bottom: 20px;
}
.news-single .blog-comments h4 span{
	float:right;
}
.news-single .single-comments {
	overflow: hidden;
	margin-bottom: 30px;
	background: #fff;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}
.news-single .single-comments.left .main {
	padding-left: 100px;
	position: relative;
	margin-left: 100px;
}
.news-single .single-comments.left img{
	position:absolute;
	left:0;
	top:0;
}
.news-single .single-comments:last-child{
	margin:0;
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}
.news-single .single-comments .main {
	overflow: hidden;
}
.news-single .single-comments .head {
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 12%;
}
.news-single .head img {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 100%;
	border: 5px solid #f8f8f8;
}
.news-single .single-comments .body {
	float: left;
	width: 85%;
}
.news-single .single-comments.left .body{
	float: noene;
	width:100%;
}
.news-single .single-comments .comment-list {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #e2e2e2;
	overflow: hidden;
}
.news-single .single-comments .comment-list .body {
	width: 78%;
}
.news-single .single-comments h4 {
	margin: 0 0 5px;
	font-size: 16px;
	text-align: left;
	font-weight: 500;
	color: #252525;
}
.news-single .single-comments .comment-meta{
	margin-bottom:5px;
}
.news-single .single-comments .meta {
	font-size: 13px;
	color: #555;
	font-weight: 400;
	border: none;
	margin-right: 10px;
	padding: 0;
	margin: 0 10px 0 0;
}
.news-single .single-comments .meta:last-child{
	margin:0;
}
.news-single .comment-meta span i{
	margin-right:5px;
}
.news-single .comment-meta span:last-child{
	margin:0;
}
.news-single .single-comments p {
	font-size: 13px;
}
.news-single .single-comments a {
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	padding: 3px 15px;
	display: inline-block;
	margin-top: 10px;
	border-radius: 4px;
	background:#db5404;
	color:#fff;
}
.news-single .single-comments a:hover{
	background:#2C2D3F;
	color:#fff;
}
.news-single .single-comments a i{
	margin-right:5px;
}
.news-single .comment-list {
	padding-left:50px;
}
.news-single .single-comments.login{
	text-align:center;
}
.news-single .single-comments.login i{
	font-size:20px;
}
.news-single .single-comments.login a{
	text-align:center;
}
.news-single .single-comments.login a:hover{
	color:#353535;
}
.news-single .comments-form {
	margin-top: 30px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	border-radius: 8px;
	padding: 30px;
}
.news-single .comments-form h2 {
	text-align: left;
	font-size: 18px;
	color: #353535;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.news-single .form {
}
.news-single .form-group {
	position: relative;
	display: block;
	margin: 0 0 20px;
}
.news-single .form-group i {
	position: absolute;
	left: 12px;
	top: 17px;
	z-index: 1;
	color: #db5404;
}
.news-single .form-group input {
	width: 100%;
	height: 50px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 400;
	border-radius: 0px;
	padding-left: 34px;
	padding-right: 20px;
	border: none;
	line-height:50px;
	font-weight: 400;
	font-size:14px;
	color:#2C2D3F;
}
.news-single .form-group textarea {
	border: 1px solid #ddd;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: none;
	border-radius: 0px;
	border: none;
	height: 190px;
	padding: 15px 15px 15px 35px;
	resize: none;
	font-weight: 400;
	font-size:14px;
	color:#2C2D3F;
}
.news-single .form-group input, .news-single .form-group textarea {
	border: 1px solid transparent;
	border: 1px solid #eee;
	border-radius: 5px;
}
.news-single .form-group.message i {
	top: 22px;
}
.news-single .form-group .button {
	padding: 10px 30px;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	border: 0px solid;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 15px 30px;
	
}
.news-single .form-group .button:hover {
	background: #353535;
}
.news-single .form-group .button i{
	position:relative;
	display:inline-block;
	color:#fff;
	margin-right:10px;
	padding:0px;
}
.news-single .form-group.button {
	margin: 0;
	text-align: left;
}
.news-single .form-group.button .btn{
	background:#fff;
	background:#db5404;
	color:#fff;
}
.news-single .form-group.button .btn:hover{
	color:#fff;
}
.news-single .form-group.button .btn i {
	color: #fff;
	position: relative;
	top: 0;
	left: 0;
	margin-right: 10px;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
/*===================
	End Blog CSS
=====================*/

/*==========================
	Start Appointment CSS
============================*/
.appointment{background:#fff;padding-top:100px;}
.appointment.single-page {background: #fff;padding-top: 100px 0;padding: 0;padding: 100px 0;}
.appointment.single-page .appointment-inner {padding: 40px;	box-shadow: 0px 0px 10px #00000024;border-radius: 5px;}
.appointment.single-page .title{}
.appointment.single-page .title h3 {font-size: 25px;display: block;	margin-bottom: 10px;font-weight:600;}
.appointment.single-page .title p{}
.appointment .form{	margin-top:30px;}
.appointment .form .form-group{}
.appointment .form input {width: 100%;height: 50px;	border: 1px solid #eee;text-transform: capitalize;	padding: 0px 18px;
	color: #555;font-size: 14px;font-weight:400;border-radius:0;border-radius: 4px;}
.appointment .form textarea{width: 100%;height:200px; padding: 18px;border:1px solid #eee;text-transform:capitalize;resize:none;border-radius: 4px;}
.appointment .form-group .nice-select{width: 100%;height: 50px;	line-height: 50px;border: 1px solid #eee;text-transform: capitalize;
	padding: 0px 18px;color: #999;	font-size: 14px;font-weight:400;border-radius: 4px;	font-weight:400;}
.appointment .form-group .nice-select::after {right: 20px;color: #757575;}
.appointment .form-group .list{border-radius: 4px;}
.appointment .form-group .list li{color:#757575;border-radius:0;}
.appointment .form-group .list li.selected{color:#757575;font-weight:400;}
.appointment .form-group .list li:hover {color:#fff;background: #db5404;}
.appointment .appointment-image{}
.appointment.single-page .button .btn{width:100%;}
.appointment .button .btn{font-weight:500;}
.appointment .button .btn:hover{color:#fff;}
.appointment .form p{margin-top: 10px;color:#868686;}
.appointment.single-page .work-hour{background:#db5404;padding: 40px;box-shadow: 0px 0px 10px #00000024;border-radius: 5px;}
.appointment.single-page .work-hour h3 {font-size: 25px;display: block;font-weight:600;margin-bottom: 20px;	color:#fff;}
.appointment.single-page .time-sidual{margin-top:15px;}
.appointment.single-page .time-sidual{overflow:hidden;}
.appointment.single-page .time-sidual li {display: block;color: #fff;width: 100%;margin-bottom: 10px;}
.appointment.single-page .time-sidual li span{display:inline-block;float:right;}
.appointment.single-page .day-head .time {font-weight: 400;	float: right;}
/*==========================
	End Appointment CSS
============================*/

/*====================
   Start Login CSS
======================*/
.login .inner{box-shadow: 0px 0px 10px #00000024;border-radius: 5px;overflow:hidden;}
.login .login-left{	background-image: url(img/signup-bg.jpg); background-size: cover; background-position: center center;
    background-repeat: no-repeat;  width: 100%; height: 100%;}
.login .login-form{padding:50px 40px;}
.login .login-form h2 {position: relative;font-size: 32px;color: #333;font-weight: 600;line-height: 27px;text-transform: capitalize;
	margin-bottom: 12px;padding-bottom: 20px;text-align: left;}
.login .login-form h2:before{position:absolute;	content:"";	left:0;	bottom:0;height:2px;width:50px;	background:#db5404;}
.login .login-form p {font-size: 14px;color: #333;	font-weight: 400;text-align: left;margin-bottom:50px;}
.login .login-form p a{	display:inline-block;margin-left:5px;color:#db5404;}
.login .login-form p a:hover{color:#2C2D3F;}
.login .form {margin-top: 30px;}
.login .form .form-group {margin-bottom: 22px;}
.login .form .form-group input {width: 100%;height: 50px;border: 1px solid #eee;text-transform: capitalize;padding: 0px 18px;
	color: #555;font-size: 14px;font-weight: 400;border-radius: 4px;}
.login .form .form-group.login-btn {margin: 0;}
.login .form button {border: none;}
.login .form .btn {display: inline-block;margin-right: 10px;color: #fff;line-height: 20px;	width:100%;}
.login .form .btn:hover{background:#db5404;color:#fff;}
.login .login-form .checkbox {text-align: left;margin: 0;margin-top: 20px;display:inline-block;}
.login .login-form .checkbox label {font-size: 14px;font-weight: 400;color: #333;position: relative;padding-left: 20px;}
.login .login-form .checkbox label:hover{cursor:pointer;}
.login .login-form .checkbox label input{display:none;}
.login .login-form .checkbox label::before {position: absolute;content: "";	left: 0;top: 5px;width: 15px;height: 15px;
	border: 1px solid #db5404;	border-radius: 100%;}
.login .login-form .checkbox label::after {position: relative;content: "";width: 7px;height: 7px;left: -16px;top: -15px;opacity: 0;
	visibility: hidden;	transform: scale(0);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;
	display: block;	font-size: 9px;	background: #db5404;border-radius: 100%;}
.login .login-form .checkbox label.checked::after{opacity:1;visibility:visible;	transform:scale(1);}
.login .login-form .lost-pass{display:inline-block;	margin-left:25px;color:#333;font-size:14px;font-weight:400;}
.login .login-form .lost-pass:hover{color:#db5404;}
/*====================
   End Login CSS
======================*/

/*=========================
   Start Register CSS
===========================*/
.register .inner{box-shadow: 0px 0px 10px #00000024;border-radius: 5px;overflow:hidden;}
.register .register-left{background-image: url(img/signup-bg.jpg);   background-size: cover;   background-position: center center;
	  background-repeat: no-repeat; width: 100%; height: 100%;}
.register .register-form{padding:50px 40px;}
.register .register-form h2 {position: relative;font-size: 32px;color: #333;font-weight: 600;line-height: 27px;text-transform: capitalize;
	margin-bottom: 12px;padding-bottom: 20px;text-align: left;}
.register .register-form h2:before{	position:absolute;content:"";left:0;bottom:0;height:2px;width:50px;	background:#db5404;}
.register .register-form p {font-size: 14px;color: #333;font-weight: 400;text-align: left;	margin-bottom:50px;}
.register .register-form p a{display:inline-block;margin-left:5px;color:#db5404;}
.register .register-form p a:hover{color:#2C2D3F;}
.register .form {margin-top: 30px;}
.register .form .form-group {margin-bottom: 22px;}
.register .form .form-group input {width: 100%;	height: 50px;border: 1px solid #eee;text-transform: capitalize;padding: 0px 18px;
	color: #555;font-size: 14px;font-weight: 400;border-radius: 4px;}
.register .form .form-group.login-btn {	margin: 0;}
.register .form button {border: none;}
.register .form .btn {display: inline-block;margin-right: 10px;	color: #fff;line-height: 20px;	width:100%;}
.register .form .btn:hover{	background:#db5404;color:#fff;}
.register .register-form .checkbox {text-align: left;margin: 0;	margin-top: 20px;display:inline-block;}
.register .register-form .checkbox label {font-size: 14px;font-weight: 400;color: #333;position: relative;	padding-left: 20px;}
.register .register-form .checkbox label:hover{cursor:pointer;}
.register .register-form .checkbox label input{	display:none;}
.register .register-form .checkbox label::before {position: absolute;content: "";left: 0;top: 5px;	width: 15px;height: 15px;border: 1px solid #db5404;	border-radius: 100%;}
.register .register-form .checkbox label::after {position: relative;content: "";width: 7px;height: 7px;	left: -16px;top: -15px;	opacity: 0;
	visibility: hidden;	transform: scale(0);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;
	display: block;	font-size: 9px;	background: #db5404;	border-radius: 100%;}
.register .register-form .checkbox label.checked::after{opacity:1;	visibility:visible;	transform:scale(1);}
.register .register-form  .terms{display:inline-block;margin-left:5px;	color:#db5404;}
.register .register-form .terms:hover{color:#2C2D3F;}
/*=========================
   End Register CSS
===========================*/

/*=====================
   Start Faq CSS
=======================*/
.faq-head h2 { margin-bottom: 35px;font-weight: 600;font-size: 25px;}
.faq-wrap { margin-bottom: 50px;}
.faq-wrap:last-child { margin-bottom: 30px;}
.accordion {padding-left: 0; margin: 0; padding: 0;}
.accordion p {font-size: 15px; display: none; padding: 20px 45px 15px 20px; margin-bottom: 0;}
.accordion a {font-size: 16px;width: 100%;display: block;cursor: pointer;font-weight: 400;padding: 15px 0 15px 18px;border-radius: 0;	background: #fff;color: #333;border: 1px solid #eee;}
.accordion a:hover { color:#fff !important; background:#db5404 !important;}
.accordion a:after { position: absolute; right: 20px; content: "+"; top: 16px; color: #232323; font-size: 25px; font-weight: 700;}
.accordion a:hover:after { color: #fff !important;}
.accordion li { position: relative; list-style-type: none; margin-bottom: 30px;}
.accordion li:first-child { border-top: 0;}
.accordion li:last-child { margin-bottom: 0;}
.accordion li a.active {color: #ffffff; background-color: #db5404; border: 1px solid #db5404;}
.accordion li a.active:after { content: "-"; font-size: 25px; color: #ffffff;}
/*=====================
   End Faq CSS
=======================*/

/*=========================
   Start Contact Us CSS
===========================*/
.contact-us .inner{	box-shadow: 0px 0px 10px #00000024;border-radius: 5px;	overflow:hidden;}
.contact-us .contact-us-left{ width: 100%; height: 100%;}
.contact-us .contact-us-form{padding:50px 40px;}
.contact-us .contact-us-form h2 {position: relative;font-size: 32px;color: #333;font-weight: 600;line-height: 27px;
	text-transform: capitalize;margin-bottom: 12px;padding-bottom: 20px;text-align: left;}
.contact-us .contact-us-form h2:before{	position:absolute;content:"";left:0;bottom:0;height:2px;width:50px;	background:#db5404;}
.contact-us .contact-us-form p {font-size: 14px;color: #333;font-weight: 400;text-align: left;	margin-bottom:50px;}
.contact-us .form {	margin-top: 30px;}
.contact-us .form .form-group {margin-bottom: 22px;}
.contact-us .form .form-group input {width: 100%;height: 50px;border: 1px solid #eee;text-transform: capitalize;
	padding: 0px 18px;color: #555;font-size: 14px;font-weight: 400;border-radius: 4px;}
.contact-us .form .form-group textarea {width: 100%;height:100px;border: 1px solid #eee;text-transform: capitalize;padding:18px;
	color: #555;font-size: 14px;font-weight: 400;	border-radius: 4px;}
.contact-us .form .form-group.login-btn {margin: 0;}
.contact-us .form button {border: none;}
.contact-us .form .btn {display: inline-block;margin-right: 10px;color: #fff;line-height: 20px;width:100%;}
.contact-us .form .btn:hover{background:#db5404;color:#fff;}
.contact-us .contact-us-form .checkbox {text-align: left;margin: 0;	margin-top: 20px;display:inline-block;}
.contact-us .contact-us-form .checkbox label {font-size: 14px;font-weight: 400;color: #333;position: relative;	padding-left: 20px;}
.contact-us .contact-us-form .checkbox label:hover{cursor:pointer;}
.contact-us .contact-us-form .checkbox label input{display:none;}
.contact-us .contact-us-form .checkbox label::before {position: absolute;content: "";left: 0;top: 5px;width: 15px;
	height: 15px;border: 1px solid #db5404;border-radius: 100%;}
.contact-us .contact-us-form .checkbox label::after {position: relative;content: "";width: 7px;height: 7px;	left: -16px;top: -15px;
	opacity: 0;	visibility: hidden;	transform: scale(0);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;	display: block;	font-size: 9px;	background: #db5404;border-radius: 100%;}
.contact-us .contact-us-form .checkbox label.checked::after{opacity:1;visibility:visible;transform:scale(1);}
.contact-us .contact-info{	margin-top:50px;}
.contact-us .single-info {background: #db5404;padding: 40px 60px;height: 150px;border-radius: 10px;position:relative;
	-webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s;   -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.contact-us .single-info:before{position: absolute; z-index: -1; content: ''; bottom: -10px; left: 0; right: 0; margin: 0 auto;
    width: 80%;  height: 90%; background:#db5404; opacity: 0; filter: blur(10px); -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;}
.contact-us .single-info:hover:before{opacity: 0.8;}
.contact-us .single-info:hover{	transform: translateY(-5px);}
.contact-us .single-info i{	font-size:42px;	color:#fff;position:absolute;left:40px;}
.contact-us .single-info .content {	margin-left: 45px;}
.contact-us .single-info .content h3{color:#fff;font-size:18px;font-weight:600;}
.contact-us .single-info .content p{color:#fff;margin-top:5px;}
/* Google Map */
.contact-us #myMap {height: 100%;width: 100%;}
/*=========================
   End Contact Us CSS
===========================*/

/*========================
	Start Error 404 CSS
==========================*/ 
.error-page {text-align: center;background: #fff;border-top: 1px solid #eee;}
.error-page .error-inner {display: inline-block;}
.error-page .error-inner h1 {font-size: 140px;text-shadow: 3px 5px 2px #3333;color: #db5404;font-weight: 700;}
.error-page .error-inner h1 span {display: block;font-size: 25px;color: #333;	font-weight: 600;text-shadow: none;}
.error-page .error-inner p {padding: 20px 15px;}
.error-page .search-form {width: 100%;position: relative;}
.error-page .search-form input {width: 400px;height: 50px;padding: 0px 78px 0 30px;	border: none;background: #f6f6f6;border-radius: 5px;display: inline-block;margin-right: 10px;font-weight:400;font-size:14px;}
.error-page .search-form input:hover{padding-left:35px;}
.error-page .search-form .btn {width: 80px;	height: 50px;border-radius: 5px;cursor: pointer;background: #db5404;display: inline-block;position: relative;top: -2px;}
.error-page .search-form .btn i{font-size:16px;}
/*========================
	End Error 404 CSS
==========================*/ 

/*===========================
	Start Mail Success CSS
=============================*/ 
.mail-seccess {	text-align: center;	background: #fff;border-top: 1px solid #eee;}
.mail-seccess .success-inner {display: inline-block;}
.mail-seccess .success-inner h1 {font-size: 100px;text-shadow: 3px 5px 2px #3333;	color: #db5404;font-weight: 700;}
.mail-seccess .success-inner h1 span {display: block;font-size: 25px;color: #333;	font-weight: 600;text-shadow: none;	margin-top: 20px;}
.mail-seccess .success-inner p {padding: 20px 15px;}
.mail-seccess .success-inner .btn{color:#fff;}
/*===========================
	End Mail Success CSS
=============================*/ 

/*=========================
	Start Newsletter CSS
===========================*/  
.newsletter{background:#fdf5ea;}
.newsletter .subscribe-text{}
.newsletter .subscribe-text h6{	font-size:22px;	margin-bottom:10px;	color:#2C2D3F;}
.newsletter .subscribe-text p{}
.newsletter .subscribe-form{position:relative;}
.newsletter .common-input {height: 60px;width: 300px;border: none;color: #333;	box-shadow: none;
	text-shadow: none;border-radius: 5px;padding: 0px 25px;font-weight: 500;font-size: 14px;background: #fff;font-weight:400;}
.newsletter .btn {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;	transition: all 0.4s ease;display: inline-block;
	height: 60px;line-height: 60px;	padding: 0;	width: 180px;position: relative;top: -2px;border-radius: 5px;margin-left: 10px;
	font-size: 13px;font-weight: 500;box-shadow: 0px 5px 15px rgba(188, 199, 255, 0.75);}
.newsletter .btn:before{border-radius: 5px;}
.newsletter .button:hover{box-shadow:none;}
/*=========================
	End Newsletter CSS
===========================*/  

/*===============================
	Start Doctor Calendar CSS
=================================*/
.doctor-calendar-area { position: relative; z-index: 1;}
.doctor-calendar-table { background-color: #ffffff; -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2); box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);}
.doctor-calendar-table table { margin-bottom: 0;}
.doctor-calendar-table table thead tr th { vertical-align: middle; text-align: center; background-color: #db5404;
  border: none; color: #ffffff; text-transform: uppercase; white-space: nowrap; font-size: 16px;  font-weight: 500; padding-top: 17px; padding-bottom: 15px;}
.doctor-calendar-table table tbody tr td { vertical-align: middle; text-align: center; border: 1px solid #eeeeee;
  border-top: none; -webkit-transition: 0.5s; transition: 0.5s; white-space: nowrap; padding-top: 25px; padding-right: 25px;
  padding-left: 25px; padding-bottom: 25px;}
.doctor-calendar-table table tbody tr td:first-child { border-left: none;}
.doctor-calendar-table table tbody tr td:last-child {border-right: none;}
.doctor-calendar-table table tbody tr td h3 { margin-bottom: 0; -webkit-transition: 0.5s; transition: 0.5s; font-size: 16px; font-weight: 600;}
.doctor-calendar-table table tbody tr td span { display: block; color: #7d7d7d; font-size: 14.5px; margin-top: 5px; -webkit-transition: 0.5s;
  transition: 0.5s;}
.doctor-calendar-table table tbody tr td span.time {display: inline-block; background-color: #dff5e8; color: #db5404; width: 65px;
  height: 65px; border-radius: 50%; line-height: 65px; -webkit-transition: 0.5s; transition: 0.5s; font-weight: 500; font-size: 16px;}
.doctor-calendar-table table tbody tr td:hover { background-color: #db5404;border-color: #db5404;}
.doctor-calendar-table table tbody tr td:hover h3 { color: #ffffff;}
.doctor-calendar-table table tbody tr td:hover span {color: #ffffff;}
.doctor-calendar-table table tbody tr td:hover span.time { background-color: #ffffff; color: #db5404;}
.doctor-calendar-table table tbody tr:last-child td { border-bottom: none;}

/*===============================
	End Doctor Calendar CSS
=================================*/

/*=========================
	Start About Us CSS
===========================*/
.about-area { position: relative; z-index: 1;}
.about-image { width: 100%; height: 100%; background-image: url(img/about-img.jpg); background-position: center center;
  background-size: cover; background-repeat: no-repeat;}
.about-image img { display: none;}
.about-content { max-width: 555px; padding-top: 60px; padding-bottom: 60px; padding-left: 50px;}
.about-content span { display: block; margin-bottom: 5px; color: #db5404; font-size: 17px;}
.about-content h2 { margin-bottom: 0; line-height: 1.3; font-size: 40px; font-weight: 600;}
.about-content p { margin-top: 10px; margin-bottom: 0;}
.about-content ul { padding-left: 0; list-style-type: none; margin-top: 25px; margin-bottom: 0;}
.about-content ul li { margin-bottom: 16px; position: relative; padding-left: 34px;}
.about-content ul li i {width: 25px;height: 25px;line-height: 25px;text-align: center;border-radius: 100%;
	background-color: #db54042B;color: #db5404;-webkit-transition: 0.5s;transition: 0.5s;	display: inline-block;
	font-size: 11px;position: absolute;	left: 0;top: -2px;}
.about-content ul li:hover i { background-color: #db5404;  color: #ffffff;}
.about-content ul li:last-child { margin-bottom: 0;}
.about-content .btn { margin-top: 30px;}

/* Start Our Vision Area CSS */
.our-vision-area { position: relative; z-index: 1; padding-bottom: 70px;}
.single-vision-box { margin-bottom: 30px; background-color: #ffffff;  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);  padding: 25px 20px; position: relative; z-index: 1; -webkit-transition: 0.5s;  transition: 0.5s; overflow: hidden;}
.single-vision-box .icon { margin-bottom: 20px; text-align: center;  width: 60px;  height: 60px;  line-height: 60px;
  border-radius: 100%; background-color: #db5404; color: #ffffff; font-size: 25px; -webkit-transition: 0.5s;  transition: 0.5s;}
.single-vision-box h3 { -webkit-transition: 0.5s; transition: 0.5s;  margin-bottom: 0;  position: relative; font-size: 20px; font-weight: 700;}
.single-vision-box p { -webkit-transition: 0.5s; transition: 0.5s;  margin-top: 12px; margin-bottom: 0;}
.single-vision-box::before { width: 0; height: 100%; z-index: -1; content: ''; position: absolute;  left: 0;  top: 0;
  background-color: #db5404; -webkit-transition: 0.5s;  transition: 0.5s;}
.single-vision-box::after { content: ''; position: absolute; width: 100px; height: 100px;  border: 10px solid #ffffff;
  left: -80px; bottom: -80px; border-radius: 50%; z-index: -1; opacity: 0.15; -webkit-transition: 0.5s; transition: 0.5s;}
.single-vision-box:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px);}
.single-vision-box:hover::before { width: 100%;}
.single-vision-box:hover .icon {background-color: #fff; color: #db5404;}
.single-vision-box:hover h3 { color: #ffffff;}
.single-vision-box:hover p { color: #ffffff;}
.single-vision-box:hover::after { left: -50px; bottom: -50px;}
/* End Our Vision CSS */

/* Our Mission Area CSS */
.our-mission-area {position: relative; z-index: 1;}
.our-mission-image {width: 100%;height: 100%; background-image: url(img/mission-img.jpg); background-position: center center;
  background-size: cover; background-repeat: no-repeat;}
.our-mission-image img { display: none;}
.our-mission-content { max-width: 555px; margin-left: auto; padding-top: 60px; padding-bottom: 60px; padding-right: 50px;}
.our-mission-content .sub-title { display: block; margin-bottom: 5px; color: #db5404; font-size: 17px;}
.our-mission-content h2 { margin-bottom: 0; line-height: 1.3; font-size: 40px; font-weight: 600;}
.our-mission-content p { margin-top: 10px; margin-bottom: 0;}
.our-mission-content ul { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap;
  flex-wrap: wrap; padding-left: 0; list-style-type: none; margin-right: -15px; margin-left: -15px;  margin-bottom: 0; margin-top: 0;}
.our-mission-content ul li { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; color: #7d7d7d;
  font-size: 14.5px; line-height: 1.7; padding-left: 15px; padding-right: 15px; padding-top: 25px;}
.our-mission-content ul li .icon { margin-bottom: 13px; -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.3);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.3); width: 50px; height: 50px; line-height: 50px; text-align: center;
  border-radius: 50%; color: #db5404; font-size: 20px; -webkit-transition: 0.5s; transition: 0.5s;}
.our-mission-content ul li span { display: block; color: #121521; text-transform: uppercase; margin-bottom: 5px; font-weight: 600; font-size: 17px;}
.our-mission-content ul li:hover .icon { background-color: #db5404; color: #ffffff; border-radius: 100%;}
/* End Our Mission CSS */

/*=========================
	End About Us CSS
===========================*/

/*=========================
	Start Footer CSS
===========================*/
.footer { position: relative; background: linear-gradient( 90deg, #1f1208, #3b2008, #1f1208  );  color: #fff; overflow: hidden;}
.footer::before{ content: ""; position: absolute; width: 220px; height: 220px; opacity: .15; background:  url('img/mandala.svg')
    center center no-repeat; background-size: contain;}
.footer::after { content: ""; position: absolute; width: 220px; height: 220px; opacity: .15; background:  url('img/mandala1.svg')
    center center no-repeat; background-size: contain;}
.footer::before {left:-7px;top: 27px;}
.footer::after { right: -7px; top: 27px;}
.footer-container { max-width: 1400px; margin: auto; padding:25px; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr 1.2fr; gap: 30px;}
.footer-col {padding-left: 25px; border-left: 1px solid rgba(255,255,255,.15);}
.footer-about {border-left: none; padding-left: 0;}
.footer-logo {max-width: 290px; margin-bottom: 20px; }
.footer-about p {color: rgba(255,255,255,.85); font-size: 14px;}
.footer-col h3 {color: #fff; margin-bottom: 7px; font-size: 17px;}
.footer-col ul {list-style: none; padding: 0; margin: 0;}
.footer-col li {margin-bottom: 12px;}
.footer-col a { color: rgba(255,255,255,.85); text-decoration: none; transition: .3s;}
.footer-col a:hover {color: #f28b24; padding-left: 5px;}
.footer-col ul {list-style: none; padding: 0; margin: 0;}
.footer-col li {margin-bottom: 1px;}
.footer-col a {color: rgba(255,255,255,.85); text-decoration: none; transition: .3s;}
.footer-col a:hover { color: #371e08; padding-left: 5px;}
.contact-list li { color: rgba(255,255,255,.9); line-height: 1.8;}
.footer-donate-btn {display: inline-block; margin-top: 20px; background: #f26c00; color: #fff; padding: 14px 28px; border-radius: 8px; text-decoration: none;
    font-weight: 600; transition: .3s;}
.footer-donate-btn:hover {background: #d85f00;transform: translateY(-2px);}
.footer-bottom {text-align: center; border-top:1px solid rgba(255,255,255,.1); padding: 18px; font-size: 14px; color: rgba(255,255,255,.7);}
.footer-social {display: flex; gap: 12px; margin-top: 20px;}
.footer-social a {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%;
    background: rgba(255,255,255,.08); color: #fff; text-decoration: none; transition: .3s;}
.footer-social a:hover {background: #f26c00;transform: translateY(-3px);}
.footer-legal-links {margin-top: 20px; font-size: 14px;}
.footer-legal-links a { color: rgba(255,255,255,.8); text-decoration: none;}
.footer-legal-links a:hover {color: #f28b24;}
.footer-legal-links span {margin: 0 8px;color: rgba(255,255,255,.4);}
.footer-bottom {border-top:1px solid rgba(255,255,255,.1); padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px;}
.bottom-links {display: flex; gap: 20px;}
.bottom-links a {color: rgba(255,255,255,.7); text-decoration: none; font-size: 14px;}
.bottom-links a:hover {color: #f28b24;}


@media(max-width:992px){
    .footer-container{ grid-template-columns: repeat(2,1fr);}
    .footer-about{ grid-column: span 2;}}
@media(max-width:768px){
    .footer-container{ grid-template-columns:1fr; gap:40px;}
    .footer-about{grid-column:auto;}
    .footer-col{border-left:none;padding-left:0;text-align:center;}
    .footer-logo{ margin:auto auto 20px;display:block;}
    .footer-donate-btn{width:100%; text-align:center;}
    .footer-social{justify-content:center; }
    .footer-bottom{flex-direction:column;text-align:center;}
    .bottom-links{justify-content:center; flex-wrap:wrap; }
    .footer-legal-links{text-align:center;}}

/*=========================
	End Footer CSS
===========================*/

/* Features new wite box star from here */

/* Section */
.feature-section { position: relative;  margin-top: -80px;z-index: 10;  padding: 0 20px 50px;}   /* overlaps hero image */

/* White floating card */
.feature-card { max-width: 1200px; margin: auto; background: #fff;  border-radius: 11px; box-shadow: 0 10px 35px rgba(0,0,0,.08);
    display: grid; grid-template-columns: repeat(5, 1fr);position: relative; transform: translateY(-41%); z-index: 9; }

/* Each column */
.feature-item { display: flex; align-items: flex-start;  gap: 18px;padding: 20px 10px;  border-right: 1px solid #ececec;}
.feature-item:last-child {border-right: none;}
.feature-item:hover { background: #fafafa;}

/* Icon circle */
.icon-circle { flex-shrink: 0; width: 50px; height: 50px; background: #e76a00; border-radius: 50%;  display: flex; align-items: center;justify-content: center;}
.icon-circle i {color: #fff; font-size: 22px;}

/* Heading */
.feature-item h3 { margin: 0 0 8px;font-size: 15px; font-weight: 600; color: #222;} /*font-family: 'Cormorant Garamond', serif;*/

/* Description */
.feature-item p {margin: 0;font-size: 11px; line-height: 1.5; color: #3c3b3b;}

@media (max-width: 992px) {
    .feature-card { grid-template-columns: repeat(2, 1fr); }
    .feature-item:nth-child(2) { border-right: none;}
    .feature-item:nth-child(1), .feature-item:nth-child(2) { border-bottom: 1px solid #ececec; }}

@media (max-width: 768px) {
    /* .feature-section { margin-top: -40px; padding: 0 15px 40px; } */
    .feature-card { grid-template-columns: 1fr;margin: 16px 29px;transform: translateY(-11%); } /* border-radius: 20px;*/
    .feature-item { border-right: none; border-bottom: 1px solid #ececec; } /* text-align: center;*/
    .feature-item:last-child {border-bottom: none;}
    /* .icon-circle { margin: 0 auto 15px;}
    /* .feature-item h3 { font-size: 26px; } */ 
}

 /* Start Initiates Area  */
 .initiatives-section { padding: 0px 20px 40px 20px; background: #faf7f2;}
.section-header { text-align: center; margin-bottom: 10px;}
.section-header h2 {font-size: 31px; margin-bottom: 10px;font-family: 'Cormorant Garamond', serif;} /*font-family: 'Cormorant Garamond', serif;*/
.section-header p { font-size: 16px;color: #555;}
.slider-wrapper { position: relative; max-width: 1300px; margin: auto;}
.initiative-slider { display: flex; gap: 20px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: 10px;}
.initiative-slider::-webkit-scrollbar { display: none;}
.initiative-card { min-width: 240px; background: #fff; border-radius: 18px; overflow: hidden; border: 1px soli #eee; 
flex: 0 0 calc(16.66% - 15px); transition: all .3s ease;}
.initiative-card:hover { transform: translateY(-8px); box-shadow: 0 10px 30px rgba(0,0,0,.12);}
.initiative-card img { width: 100%; height: 220px; object-fit: cover;}
.initiative-icon { width: 80px; height: 80px; background: #e76a00; color: white; border-radius: 50%; margin: -40px auto 0; position: relative; z-index: 5; display: flex; align-items: center;
    justify-content: center; border: 4px solid #fff;}
.initiative-icon i {font-size: 32px;}
.card-content {text-align: center; padding: 20px 20px 30px;}
.card-content h3 {font-size: 16px; margin-bottom: 12px; color: #222;}
.card-content p { font-size: 12px; color: #666; line-height: 1.7;}

/* Navigation Buttons */
.nav-btn {position: absolute; top: 45%;transform: translateY(-50%); width: 45px; height: 45px;
    border: none; cursor: pointer; background: #e76a00; color: white;  border-radius: 50%;  z-index: 20;}
.prev {left: -15px;}
.next { right: -15px;}
.nav-btn:hover { opacity: .9;}

/* CTA Button */
.initiative-btn-wrap {text-align: center; margin-top: 40px;}
.initiative-btn {display: inline-block; background: #e76a00; color: white; text-decoration: none; padding: 16px 40px;  border-radius: 8px; font-weight: 600;}
@media (max-width: 768px) {
    .section-header h2 {font-size: 19px; }
    .initiative-card {min-width: 260px; }
    .nav-btn {display: none; }}

	/* join as drop down */
.join-dropdown{ position:relative;  z-index:10050;}
/* Existing Orange Button */
.join-btn{background:#e76a00; color:#fff; border:none;  border-radius:10px; padding:12px 22px;  font-size:15px;  font-weight:600;  cursor:pointer;
    display:flex;  align-items:center; gap:10px;  transition:.3s ease;}
.join-btn:hover{ background:#cf5c00; transform:translateY(-2px);  box-shadow:  0 8px 20px rgba(231,106,0,.25);}

/* Dropdown */
.join-menu{ position:absolute;  top:calc(100% + 12px);  right:0;  width:290px;  background:#fff;  border-radius:14px; box-shadow: 0 12px 35px rgba(0,0,0,.12);
    overflow:hidden; opacity:0; visibility:hidden; transform:translateY(10px); transition:.3s ease; z-index:99999;}

/* Show on Hover */
.join-dropdown:hover .join-menu{ opacity:1; visibility:visible;  transform:translateY(0);}
.join-item{display:flex; align-items:center; gap:15px; padding:16px 18px; text-decoration:none; color:#333; transition:.3s ease; border-left:4px solid transparent;}
.join-item:hover{background:#fff7f1; border-left:4px solid #e76a00;}
.join-icon{ width:46px; height:46px; display:flex; align-items:center; justify-content:center; background:#fff2e8; border-radius:50%; font-size:22px; flex-shrink:0;}
.join-item strong{display:block;color:#222; font-size:15px;}
.join-item small{color:#777; font-size:12px;}
.join-menu::before{ content:""; display:block; height:4px; background:#e76a00;}

/* .join-menu a { display: flex; align-items: center; gap: 15px; padding: 15px 18px; text-decoration: none; color: #333; border-bottom: 1px solid #eee;}
.join-menu a:last-child { border-bottom: none;}
.join-menu a:hover { background: #fff4eb;}
.join-menu span { font-size: 26px;}
.join-menu strong { display: block; font-size: 15px;}
.join-menu small {color: #777; font-size: 12px;} */

@media (max-width: 768px) {
    .join-menu {position: static; width: 100%; box-shadow: none; border: 1px solid #eee; margin-top: 8px; display: none; opacity: 1; visibility: visible; transform: none;}
    .join-dropdown.active .join-menu {display: block; }}

@media(max-width:991px){
    .join-dropdown{display:none !important; }
    .desktop-menu{ display:none !important;}}

/* NUmber facts Start  */
.impact-section { position: relative; background: linear-gradient( rgba(20,10,0,.82), rgba(20,10,0,.82)), url('img/number_bg.jpg');
    background-size: cover; background-position: center; background-repeat: no-repeat; padding: 35px 20px; overflow: hidden;}

/* Orange Glow */

.impact-section::before {content: ""; position: absolute; inset: 0; background: radial-gradient( circle at center,
            rgba(255,140,0,.15) 0%, rgba(255,140,0,.08) 40%, transparent 80% ); pointer-events: none;}
.impact-container {max-width: 1300px; margin: auto; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2;}
.impact-heading { min-width: 220px;max-width: 281px;}
.impact-heading h2 {color: white; margin: 0; letter-spacing: 1px;font-family: 'Cormorant Garamond', serif;}
.impact-heading p {color: #ddd; margin-top: 8px; font-size: 15px;}
.impact-item { display: flex; align-items: center; gap: 15px; padding: 0 29px; position: relative;}
.impact-item:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
   width: 1px; height: 60px; background: rgba(255,255,255,.15);}
.impact-icon { font-size: 42px;color: #d89216; text-shadow: 0 0 12px rgba(216,146,22,.4);}
.impact-item h3 { margin: 0; color: white; line-height: 1; text-shadow: 0 0 10px rgba(216,146,22,.2);}
.impact-item span {color: #f0f0f0; font-size: 13px;}

@media(max-width:1200px){
    .impact-container{flex-wrap:wrap; justify-content:center; gap:25px;}
    .impact-heading{width:100%; text-align:center; margin-bottom:20px;}}

@media(max-width:768px){
    .impact-item{ width:45%; padding:15px;}
    .impact-item::after{ display:none;}
    .impact-item h3{ font-size:34px;}
    .impact-icon{ font-size:32px;}
    .impact-heading h2{font-size:32px;}}

@media(max-width:480px){
    .impact-item{ width:100%; justify-content:center;}
    .impact-heading{text-align:center; }}


/* Start for Join Movement */
.movement-section { padding: 40px 20px; background: #faf8f4;}
.section-title {text-align: center; margin-bottom: 50px;}
.section-title h2 { margin-bottom: 0px; color: #2f1d12;font-family: 'Cormorant Garamond', serif;}
.section-title p { color: #444; margin-top: 0px !important;}
.movement-grid { max-width: 1400px; margin: auto;display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px;}

/* Cards */
.movement-card {background: #fff; border: 1px solid #eadfce; border-radius: 16px; padding: 12px 22px; text-align: center; transition: .3s;}
.movement-card:hover { transform: translateY(-6px); box-shadow: 0 10px 25px rgba(0,0,0,.08);}
.card-icon { width: 90px; height: 90px; margin: auto 0 25px; background: #f7ead8; border-radius: 50%; display: flex;
    align-items: center; justify-content: center; font-size: 42px; margin-left: auto;  margin-right: auto;color: #e76a00;}
.movement-card h3 { margin-bottom: 15px; color: #2c2c2c;font-size: 17px;}
.movement-card p { min-height: 50px; color: #555; }

/* Buttons */

.primary-btn,.outline-btn { display: block; padding: 10px; border-radius: 8px; text-decoration: none; margin-top: 17px;}
.primary-btn { background: #e76600; color: #fff !important;}
.primary-btn:hover { background: #cf5b00;}
.outline-btn { border: 2px solid #e76600; color: #e76600;}
.outline-btn:hover { background: #e76600; color: #fff;}

/* Sanskrit Card */
/* .quote-card {background: #fff8ee; border: 2px solid #edd5b2; border-radius: 16px;display: flex;align-items: center;
    justify-content: center; padding: 30px;} */
.quote-card { background: url('img/sanskrit-frame.svg') center center no-repeat; background-size: 100% 100%;
    display: flex; align-items: center; justify-content: center;  padding: 40px; text-align: center;}
.quote-inner { text-align: center;}
.sanskrit-text {color: #d45a00; font-size: 25px; line-height: 1.5; font-family: serif; margin-bottom: 25px;}
.quote-inner p { font-size: 13px; line-height: 1.8; color: #444;}
@media (max-width: 1200px) { 
	.movement-grid {grid-template-columns: repeat(3, 1fr);}
    .quote-card { grid-column: span 3;}}

@media (max-width: 768px) {
    .section-title h2 { font-size: 24px;}
    .section-title p { font-size: 14px;}
    .movement-grid { grid-template-columns: 1fr;}
    .quote-card { grid-column: auto; min-height: 300px;padding: 65px; }
    .movement-card h3 {font-size: 24px; }
    .movement-card p { min-height: auto;}
    .sanskrit-text { font-size: 32px;}
    .quote-inner p { font-size: 18px;}}

	/* Decorative line next to title */
	.title-wrapper{ display:flex; align-items:center; justify-content:center; gap:7px;position: relative;top: -7px;}
	.title-ornament{   width:120px; height:auto;}

    @media(max-width:768px){
    .title-ornament{ width:60px;}
    .title-wrapper{gap:5px;}}

	/* Voice of trust / Testimonials */
	.testimonial-card { background: #fff; border: 1px solid #eadfce; border-radius: 16px;  padding: 20px; display: flex; align-items: center; gap: 20px; min-height: 190px;}
	.testimonial-img { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 4px solid #fff; box-shadow: 0 4px 15px rgba(0,0,0,.08);}
	.testimonial-content { flex: 1;}
	.testimonial-content p {margin: 0 0 15px; font-size: 18px; line-height: 1.8; color: #555;}
	.testimonial-content h4 { margin: 0; color: #3b2a1f; font-size: 18px; font-weight: 600;}
	.quote-mark {color: #f1c48d; font-size: 42px; line-height: 1; margin-bottom: 5px;}
	.swiper-pagination-bullet {width: 12px; height: 12px;background: #f0c89d !important; opacity: 1; transition: all .3s ease;}
	.swiper-pagination-bullet-active { width: 28px; border-radius: 20px; background: #e76a00 !important;}

	@media(max-width:768px){
    .testimonial-card{ padding:15px; gap:15px;}
    .testimonial-img{ width:80px; height:80px; }
    .testimonial-content p{font-size:15px; line-height:1.6;}
    .testimonial-content h4{ font-size:15px;}
    .quote-mark{ font-size:28px; }}

		/* New Header  */
/* Header Sticky */
/* .header.sticky .header-inner{position:fixed !important;z-index:999;top:0;left:0;bottom:initial;	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;transition:all 0.4s ease;	animation: fadeInDown 0.5s both 0.1s;box-shadow:0px 0px 13px #00000054;} */
	/* .header-wrapper {position:fixed !important;top:0;z-index:9999;overflow:visible !important; width: 100vw;} */

	/* TOP BAR */
.topbar{background:#2b1707; color:#fff; padding:10px 30px; display:flex;  justify-content:space-between; align-items:center; font-size:14px; 
	position: relative; z-index: 10000; overflow:visible !important;flex-wrap:nowrap;}
.topbar a{ color:#fff; text-decoration:none;}
.topbar-left{ display:flex; gap:25px;}
.topbar-right{display:flex; align-items:center; gap:15px;}

.donate-btn{background:#e76a00; color:#fff; padding:10px 18px; border-radius:8px;font-weight:600;}
.donate-btn:hover{ background:#cf5c00;}

.main-header{background:#fff; display:flex; justify-content:space-between; align-items:center; padding:0 30px; height:90px;
	position:relative; top:0; z-index:9999; box-shadow:0 2px 15px rgba(0,0,0,.08);overflow:visible !important;flex-wrap:nowrap;}

/* .header{  overflow:visible !important;} */
.logo img{ height:72px;}

.menu{display:flex; list-style:none; margin:0;padding:0; gap:35px;}
.menu li{ position:relative;}
.menu a{text-decoration:none; color:#222; font-weight:500; padding:35px 0; display:block;}
.menu a:hover{ color:#e76a00;}

.mega-menu{ position:absolute; left:50%; transform:translateX(-50%); top:100%;  width:1100px; background:#fff; border-radius:18px;
    box-shadow: 0 20px 50px rgba(0,0,0,.12);  overflow:hidden; opacity:0; visibility:hidden; transition:.35s ease; z-index:99999;}
.mega-parent:hover .mega-menu{ opacity:1; visibility:visible; }
.mega-top-title{ text-align:center; padding:18px; background:#fff7f0; color:#e76a00; font-size:14px; text-transform:uppercase; letter-spacing:2px; font-weight:700; border-bottom:1px solid #f0e0d1;}
.mega-content{display:grid; grid-template-columns: 1fr 1fr 1fr 1.2fr; gap:25px; padding:30px;}
.mega-column{ border-right: 1px solid #eee; padding-right:20px;}
.mega-heading{display:flex; align-items:center; gap:12px; margin-bottom:20px;}
.mega-icon{font-size:28px;}
.mega-heading h4{margin:0; font-size:14px; letter-spacing:.5px;color:#e76a00; text-transform:uppercase;}
.mega-heading p{margin:2px 0 0; font-size:12px; color:#777;}
.mega-column a{ display:block; padding:10px 0; color:#333; text-decoration:none; transition:.3s;}
.mega-column a{ border-left:3px solid transparent; padding-left:10px;}
.mega-feature{ background:#faf7f3; border-radius:14px; overflow:hidden;}
.mega-feature img{ width:100%; height:180px; object-fit:cover; border-radius: 9px;}
.mega-feature-content{padding:18px;}
.mega-feature-content h3{font-size:18px; margin-bottom:10px; color:#2b1707;}
.mega-btn{display:inline-block !important; margin-top:15px; background:#e76a00 !important; color:#fff !important; padding:12px 24px !important; border-radius:8px; text-decoration:none;
    align-items:center !important; justify-content:center !important; gap:8px; font-size:14px; font-weight:600;  transition:.3s ease;  width:auto;}
.mega-btn:hover{ background:#cf5c00 !important; transform:translateY(-2px);}
.mega-top-title{ position:relative; overflow:hidden;}
.mega-watermark{ position:absolute; left:50%;  top:50%; transform:translate(-50%,-50%); font-size:90px; opacity:.05; color:#e76a00; pointer-events:none;}
.mega-column a:hover{color:#e76a00;border-left:3px solid #e76a00; background:#fff8f2; padding-left:15px;}


.submenu{position:absolute; top:100%; right:0; background:#fff; color: #e76a00; min-width:220px; display:none;list-style:none; padding:10px 0; box-shadow:0 10px 25px rgba(0,0,0,.12); border-radius:10px;z-index: 10001}
.dropdown:hover .submenu{ display:block;}
.submenu a{ padding:12px 18px; display:block;}

@media(max-width:992px){
    .main-nav{  display:none; position:absolute; top:100%; left:0; width:100%; background:#fff;}
    .main-nav.active{ display:block;}
    .menu{flex-direction:column; gap:0;}
    .mega-menu{position:static; width:100%; display:block; box-shadow:none; padding:15px;}
    .submenu{position:static;display:block; box-shadow:none;}
    /* .topbar{flex-direction:column;gap:10px;}
    .topbar-left{flex-direction:column; gap:5px;} */
    .join-us{display:none;}}

	/* Language Dropdown */
.lang-dropdown{ position:relative; z-index:10050;}
/* Fix for language dropdown options readability */
.lang-dropdown select option {
    color: #333333 !important;      /* Dark gray/black text */
    background-color: #ffffff !important; /* Solid white background */
}

/* Ensure the main select button remains white on the dark topbar */
.lang-dropdown select.lang-btn {
    color: #ffffff; 
}
/* Button */
.lang-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15); color:#fff;padding:8px 14px; border-radius:8px; 
	cursor:pointer; display:flex; align-items:center; gap:8px; transition:.3s ease;}
.lang-btn:hover{background:rgba(255,255,255,.15);}
.lang-menu{position:absolute; top:calc(100% + 10px); right:0; min-width:190px; background:#fff;  border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.12);
    list-style:none;padding:8px; margin:0; opacity:0; visibility:hidden; transform:translateY(10px); transition:.3s ease; z-index:99999;}
.lang-dropdown:hover .lang-menu{ opacity:1;visibility:visible;transform:translateY(0);}
.lang-menu li{ margin:0;}
.lang-menu a{display:block; padding:12px 15px; text-decoration:none;color:#333; border-radius:8px; transition:.3s ease;}
.lang-menu a:hover{ background:#fff4eb; color:#e76a00; padding-left:20px;}
.join-menu{display:block !important;}

/* ===================================
   MOBILE HEADER
=================================== */
/* Hide mobile navigation on desktop */
.sss-mobile-header,.sss-drawer,.sss-overlay {display: none;}

@media(max-width:991px){
    /* Hide desktop header */
	 .sss-mobile-header, .sss-drawer, .sss-overlay { display: block; }
    .sss-mobile-header{ display:flex;justify-content:space-between; align-items:center; padding:12px 18px; background:#fff;
        box-shadow:0 2px 8px rgba(0,0,0,.08); position:sticky; top:0;  z-index:9999; }
    .sss-mobile-logo img{height:55px;}
    .sss-menu-btn{ border:none; background:none; font-size:32px; color:#E76A00; cursor:pointer; }
	.sss-drawer{position:fixed; top:0; right:-100%; width:320px; max-width:90%; height:100vh; background:#fff; z-index:10001; transition:.35s ease; overflow-y:auto;}
	.sss-drawer.active{ right:0;}
	.sss-overlay{position:fixed; inset:0; background:rgba(0,0,0,.5); opacity:0; visibility:hidden; transition:.3s; z-index:10000;}
	.sss-overlay.active{opacity:1; visibility:visible;}
	.sss-drawer-header{ display:flex; justify-content:space-between; align-items:center; padding:15px 20px; border-bottom:1px solid #eee;}
	.sss-drawer-header img{ max-width:180px; width:auto;}
	.sss-close-btn{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:none;  background:#e76a00;
    border-radius:50%; color:#fff; font-size:24px; cursor:pointer;position: relative; z-index: 99999;}
	.sss-drawer-body{ padding:20px;}
	.sss-drawer-body a{display:block; padding:14px 0; text-decoration:none; color:#222; font-weight:600;  border-bottom:1px solid #eee;}
	.sss-drawer-body a:hover{ color:#E76A00;}

	.sss-arrow{transition:.3s ease;}
	.sss-accordion.active .sss-arrow{ transform:rotate(180deg);}


    .header{ display:none !important;}
	.sss-accordion{ border-bottom:1px solid #eee;}
	.sss-accordion-btn{ width:100%; background:none; border:none; display:flex; justify-content:space-between; align-items:center;
    padding:16px 0; font-size:16px; font-weight:600; cursor:pointer; text-align:left;}
	.sss-accordion-btn span{ font-size:15px;}
    /* .sss-accordion-content{ display:none; padding-bottom:15px;} */
	.sss-accordion-content{ max-height:0; overflow:hidden; transition:max-height .35s ease;}
   .sss-accordion-content a{display:block; padding:10px 15px; color:#666;}
   /* .sss-accordion.active .sss-accordion-content{ display:block;} */
   .sss-accordion.active .sss-accordion-content{ max-height:500px;}
   .sss-mobile-cta{ margin-top:25px;}
   .sss-mobile-cta a{ color: #fff !important ; display:block; text-align:center; text-decoration:none; padding:14px; border-radius:10px; margin-bottom:12px;font-weight:600;}
   .join-btn{background:linear-gradient(135deg, #E76A00, #FF8C00 ); color: #fff !important ; box-shadow: 0 8px 20px rgba(231,106,0,.25);}
   .donate-btn{ background:#3b1800; color:#fff !important;}
   .sss-language-wrap{margin-top:20px; border-top:1px solid #eee; padding-top:20px;}
   .sss-language-wrap select{width:100%; padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;}
	.sss-drawer-footer{ text-align:center; padding:20px; border-top:1px solid #eee; color:#777;}
	.sss-om-bg{ position:absolute; bottom:50px; right:-20px; font-size:160px; color:#E76A00; opacity:.04; pointer-events:none;}
	.sss-sub-accordion{border-left:2px solid #f1f1f1; margin-left:10px;}
	.sss-sub-btn{width:100%;border:none;background:none;display:flex;justify-content:space-between;
    align-items:center; padding:12px 15px; cursor:pointer; font-size:14px; font-weight:600; color:#333; text-align:left;}
	.sss-sub-btn span{ color:#E76A00; font-size:18px;}
	.sss-sub-content{display:none; padding-left:20px;}
	.sss-sub-content a{display:block; padding:10px 0;color:#666; font-size:14px;}
	.sss-sub-accordion.active .sss-sub-content{ display:block;}}


.language-switcher {display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.15);
      padding: 6px 10px; border-radius: 30px; backdrop-filter: blur(4px);}
  .language-switcher .lang-icon { font-size: 16px;color: white; }
  .language-switcher select { border: none; background: transparent; color: #f78b3e; font-size: 14px; font-weight: 500; outline: none; cursor: pointer;}
  .language-switcher select option {color: black;}

  /* 1. Hide the Google Translate container completely */
  #google_translate_element, .goog-te-banner-frame, .goog-te-banner-frame.skiptranslate, .goog-te-gadget, .goog-te-gadget-simple,
  .goog-te-gadget-icon,.goog-tooltip, .goog-tooltip:hover, #goog-gt-tt, .goog-text-highlight {
      display: none !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important; width: 0 !important; pointer-events: none !important;}
  .skiptranslate {display: none !important;}


  /* ==================================
   Intro Video Modal Styles
==================================== */
/* ==================================
   Perfectly Centered Video Overlay
==================================== */
#intro-video-modal {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000;  z-index: 9999999;
    display: flex; align-items: center; justify-content: center; padding-bottom: 0px; transition: opacity 0.5s ease-in-out;}
/* Reset padding to 0 for perfectly identical top and bottom margins */
#intro-video-modal.hidden {display: none !important;}

#intro-video { width: 96vw; /* Symmetrical 2% border left and right */
    height: 100%; max-height: 96vh; /* Symmetrical 2% border top and bottom */
    object-fit: contain; outline: none; border: none;}

/* Floating Clean Skip Button - TOP LEFT */
#skip-video-btn {position: absolute; top: 15px; left: 15px;background: transparent;color: #ffffff; border: none; cursor: pointer;
    font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 500; letter-spacing: 1px; z-index: 10; display: none;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8); transition: color 0.3s ease;}
#skip-video-btn:hover {color: #f45100;}
#skip-video-btn.flex { display: block; }
#skip-video-btn.opacity-0 { opacity: 0; pointer-events: none; }
#skip-video-btn.opacity-100 { opacity: 1; pointer-events: auto; transition: opacity 0.5s ease; }

/* Floating Circular Sound Icon - TOP RIGHT */
#sound-icon {position: absolute; top: 15px; right: 40px; /* Decent right margin added here */
    background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.5); color: #ffffff; width: 48px;  height: 48px; 
    border-radius: 50%; cursor: pointer;z-index: 10; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px); transition: all 0.3s ease;}

/* Saffron color pop on hover */
#sound-icon:hover {background: rgba(244, 81, 0, 0.9); border-color: #f45100;transform: scale(1.1); }
#sound-icon svg {width: 24px; height: 24px; stroke-width: 2px;}

/* Mobile Adjustments */
@media (max-width: 768px) {
    #intro-video-modal {padding-bottom: 0px;}
    #intro-video { width: 98vw; max-height: 98vh;}
    #skip-video-btn { top: 10px; left: 10px; font-size: 14px;}
    #sound-icon { top: 10px; right: 25px; /* Slightly adjusted right margin for mobile to keep it balanced */
        width: 40px; height: 40px;}
    #sound-icon svg {width: 20px;height: 20px;}}