@font-face {
	font-family: NHMheadingFont;
	src: url(Montserrat-SemiBold.ttf);
}
@font-face {
	font-family: NHMparaFont;
	src: url(ARIAL.TTF);}
	*
	{padding:0px; margin:0px; box-size:border-box;}


:root {
	--main-color: #5c2018;
	--secondary-color: #bc4639;
	--footer-bg-color: #341a6c;
	--para-font-size:15px;
	--heading-font-size:30px;
	--text-white: #fff;
	--text-black: #000000;
	--font-weight-600: 600;
	--width-100: 100%;
	--d-flex: Flex;
	--jusify-content-end: flex-end;
	--d-grid: grid;
	--justify-items-center: center;
}
ul, ol 
{
	
	margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6{
	font-family: NHMheadingFont;
	font-size: var(--heading-font-size);
}
p, a, span, ul, li, ol{
	font-family: NHMparaFont !important;
	color: #404040;
	font-size: var(--para-font-size) !important;
}
p{
	text-align: justify;
}
a, a:hover{text-decoration: none !important;}
button{
	outline: none !important;
}
img {
	width: 100%;
}
section{
	padding: 10px 0 35px;
}
.nhm-button{
	background: #ef634c;
	color: var(--text-white);
	padding: 8px;
	transition: .3s;
}
.nhm-button:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.nhm-button:hover{
	color: var(--text-white);
}

.main-content p{
font-weight:400 !important;
font-size: 16px !important;
}


#topbar{
	background-color: var(--main-color);
	width: var(--width-100);
	height: auto;
}
#topbar .social-media{
	display: var(--d-flex);
	padding: 0;
	margin-bottom:0px;
}
#topbar .top-contact{
	justify-content: var(--jusify-content-end);
}
#topbar .social-media li{
	border-right: 1px solid var(--text-white);
	padding: 3px 13px;
	display:var(--d-grid);
	justify-items:var(--justify-items-center);
}
#topbar .social-media li:hover{
	background-color: var(--secondary-color);
}
#topbar .social-media li:last-child{
	border-right: none;
}
#topbar .social-media li a{
	color: var(--text-white);
	transition: height .5s;
}



.logo-bar{
	width: var(--width-100);
	background: var(--text-white);
	    padding: 5px 0px;
}
.logo-bar .nhm-logo a{
	display: flex;
	align-items: center;
}
.logo-bar .nhm-logo .logo-text{
	margin-left: 10px;
}
.logo-bar .nhm-logo .logo-text p{
	margin-bottom: 2px;
    font-size: 24px !important;
    font-weight: 600;
    color: #3e4194;
}
.logo-bar .nhm-logo img {width: 12%;}
.logo-bar .himahcal-logo{text-align: right;display: grid;align-items: center;justify-items: end;}
.logo-bar .himahcal-logo img{width: 13%;}

header{
	position: sticky;
	top: 0;
	z-index: 999;
}
header .bg-main{
	background: var(--main-color);
}
.dropdown-menu.show {
	-webkit-animation: fadeIn 0.3s alternate;
	
	animation: fadeIn 0.3s alternate;
}
.dropdown-menu{
	background: #5C64Bc !important;
}
.dropdown-menu a{
	color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
}
.dropdown-menu a:hover{
	color: #e0b57d;
}
.dropdown-menu li{
	margin-bottom: 8px;
    list-style: none;
}
.dropdown-item:focus, .dropdown-item:hover{
    background-color: transparent !important;
}
li.nav-item{
	border-top: 3px solid var(--main-color);
	border-bottom: 3px solid var(--main-color);
	transition: .5s;}
	li.nav-item:hover{
		
		background: var(--secondary-color);}
		.navbar-light .navbar-nav .nav-link {
			color: rgb(255 255 255) !important;
			font-weight: 500;}
			.navbar-brand {
				padding: 0;
				display: contents;
			}
			.navbar-brand picture{
				display: contents;
			}
			.navbar-brand img{
				width: 18%;
			}
			.navbar{
				padding-top: 2px;
				padding-bottom: 2px;
			}
			.navbar .hp-logo{

				width: 7%;
			}
			.nav-item.dropdown.dropdown-mega {
				position: static;
			}
			.nav-item.dropdown.dropdown-mega .dropdown-menu {
				   width: 65%;
    top: auto;
    left: 15%;}
    .mega-content ul {
    margin-left: 0;
    padding-left: 0;
}
				.navbar-toggler {
					border: none;
					padding: 0;
					outline: none;
				}
				.navbar-toggler:focus {
					box-shadow: none;
				}
				.navbar-toggler .hamburger-toggle {
					position: relative;
					display: inline-block;
					width: 50px;
					height: 50px;
					z-index: 11;
					float: right;
				}
				.navbar-toggler .hamburger-toggle .hamburger {
					position: absolute;
					transform: translate(-50%, -50%) rotate(0deg);
					left: 50%;
					top: 50%;
					width: 50%;
					height: 50%;
					pointer-events: none;
				}
				.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
					color: rgb(255 255 255 / 100%);
				}
				.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
					color: rgba(255,255,255,.9);
				}
				.navbar-toggler .hamburger-toggle .hamburger span {
					width: 100%;
					height: 4px;
					position: absolute;
					background: #fff;
					border-radius: 2px;
					z-index: 1;
					transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
					left: 0px;
				}
				.navbar-toggler .hamburger-toggle .hamburger span:first-child {
					top: 10%;
					transform-origin: 50% 50%;
					transform: translate(0% -50%) !important;
				}
				.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
					top: 50%;
					transform: translate(0, -50%);
				}
				.navbar-toggler .hamburger-toggle .hamburger span:last-child {
					left: 0px;
					top: auto;
					bottom: 10%;
					transform-origin: 50% 50%;
				}
				.navbar-toggler .hamburger-toggle .hamburger.active span {
					position: absolute;
					margin: 0;
				}
				.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
					top: 45%;
					transform: rotate(45deg);
				}
				.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
					left: 50%;
					width: 0px;
				}
				.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
					top: 45%;
					transform: rotate(-45deg);
				}
				.icons {
					display: inline-flex;
					margin-left: auto;
				}
				.icons a {
					transition: all 0.2s ease-in-out;
					padding: 0.2rem 0.4rem;
					color: #ccc !important;
					text-decoration: none;
				}
				.icons a:hover {
					color: white;
					text-shadow: 0 0 30px white;
				}


.carousel-inner .carousel-item {
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	transition-duration: 2s;
}
.dropdown:hover .dropdown-menu {
	display: block !important;
}


.home-about .home-about-details{
padding-right: 51px;
}
.home-about h1{
	font-size: 21px;
}

.members-area{
	border-left: 2px solid #999;
    box-shadow: -10px 0px 5px -4px rgb(0 0 0 / 20%);
}
.members{
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom:12px;
    text-transform: capitalize;
}
.members-area .members h6{
	font-size: 13px;
	margin-bottom: 0;
}
.members-area .members span{
	font-size: 14px !important;}

.members-area .members img{
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	border-radius: 3px;
}

.home-latest_update-box {
	border: 1px solid #ccc;
	border-radius: 5px;
	position: relative;
}
.home-latest_update-box .top-header {
	padding: 0px;
	text-align: left;
	font-size: 20px;
	background: var(--main-color);
	color: #fff;
	padding: 2px 5px;
	text-transform: capitalize;
	position: sticky;top: 0;
}
.home-latest_update-box .top-header span {
	font-weight: 500;
	font-size: 17px;
	color: var(--text-white);
}
.home-latest_update-box .top-header a {
	float: right;
	color: #fff;
	margin-top: 3px;
}
.list{
	padding: 5px 11px;
	overflow: hidden;
	height: 103px;
	overflow: auto;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	background: var(--text-white);
}
	.list .features-update {
		width: 100%;
		border-bottom: 1px solid rgba(0,0,0,.1);
		padding-bottom: 8px;
		text-align: center;
	}
	.list .features-update a span{
		color: #0d6efd !important;
		font-size: 14px !important;text-transform: capitalize;}
		.list .features-update p{
			margin-top: 4px;
			margin-bottom: 4px;
		}
		.list .new-icon{
			width: 2%;
		}

.text-slider {
	background-color: #3e46a4;
	margin-bottom: -4px;
}
.text-slider .notification-marquee span {
	color: #fff;
	margin-right: 10px;
}
.text-slider marquee{
	display: grid;
}
.notification-marquee span i {
	color: var(--text-white);
}

.tab-menu{
	background: #f2f2f2;
	margin-top: 5px;padding-top: 20px;padding-bottom: 20px;}
	.tab-menu .col-12{
		text-align: center;
	}
	.tab-menu .col-12 .tab-menu-button{
		background-color: var(--main-color);
		-webkit-transition: all .15s ease-in-out;
		transition: all .15s ease-in-out;
		color: var(--text-white);
		transition: .9s;
		padding: 8px 25px;

		display: inline-grid;margin-bottom: 6px;margin-right: 10px;}

		.tab-menu .col-12 .tab-menu-button:hover{
			background-color: var(--secondary-color);
		}


.nhm-box{
	min-height: 156px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 41px;text-align: center;}
	.nhm-box a{
		font-size: 18px !important;
		color: var(--text-white) !important;
	}
	.nhm-box1{
		background: linear-gradient(rgb(239 99 76 / 80%), rgb(36 52 189 /80%)), url(../img/himachal-hospital.jpg);
		background-size: cover;
		border-bottom: 2px solid var(--text-black);
	}
	.nhm-box2{
		background: linear-gradient(rgb(239 99 76 / 70%), rgb(36 52 189 /70%)), url("../img/himachal-pradesh-covid-care.jpg");
		background-size: cover;}


.extra-info{
	background: #edf2fb
}

.customer-logos{
	background-color: var(--secondary-color);
	border-radius: 5px;
	padding: 10px;
}
.logo-area{
	background: var(--main-color);
	border-radius: 5px;
}
.logo-area .last-update{
	color: #fff;
}
.slick-slide {
	margin: 0px 20px;
}

.slick-slide img {
	width: 100%;
}

.slick-slider{
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after{
	display: table;
	content: '';
}
.slick-track:after{
	clear: both;
}
.slick-loading .slick-track{
	visibility: hidden;
}

.slick-slide{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide{
	float: right;
}
.slick-slide img{
	display: block;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-initialized .slick-slide{
	display: block;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slick-prev, .slick-next {
	position: absolute;
	top: 35%;
	font-size: 1.8rem;
	z-index: 9999999;
} .slick-prev {
	left: 0;
	background: var(--main-color);padding: 10px;border-radius: 5px;color: #fff;cursor: pointer;}
	.slick-next {
		right: 0;
		background: var(--main-color);
		padding: 10px;
		border-radius: 5px;
		color: #fff;cursor: pointer;}
		.slide .item {
			text-align: center;
		}
		.slide .item img {
			width: 25%;
			text-align: center;
			margin: 0 auto;
		}
		.count-numbers {
			font-size: 15px;
			font-weight: bold;
			color: var(--text-white);
		}
		.count-title {
			color: var(--text-white);
			font-size: 18px;
		}

.home-gallery h2{
	text-align: center;
	font-size: 36px;}
	.home-gallery img{
		width: var(--width-100);
	}
	.home-gallery .nhm-button{
		margin-top: 10px;
		display: inline-flex;}

footer{
	background: var(--main-color);
	padding-top: 2rem;
	padding-bottom: 0;
}
footer h4{
	font-size:17px;
}
footer p{
	color: var(--text-white);
}
footer .logo{
	
	width: 40%;}
	footer .disclaimer{
		border-bottom: 1px solid; 
		border-top: 1px solid; 
		padding: 5px;
		margin-top: 10px;}
footer .disclaimer a{ 
color: var(--text-white);
}
		footer .disclaimer span{
			text-align: center;
			color: var(--text-white);
			margin-top: 18px;}

			footer .copyright{
				text-align: center;
				color: var(--text-white);
			}
			footer .copyright span, a{ 
				color: var(--text-white);
			}
			footer .copyright a{ 
				color: var(--text-white);
			}
			footer .scroll-top{

				position: fixed;bottom: 9px;right: 9px;}

.inner-background{background-color: #ccc; width: 100%; padding:5px}
.inner-background ul{margin-bottom:0px} 
.inner-background ul li:last-child span{display:none}
.inner-background ul li a{color:#000}
.inner-background a{color:#000}

.list-area-item    {position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #555;}
.list-area-item:hover{
    background:#DFF0D8 !important;
    }
    .list-area-item:hover a{
    color: #ff0000;
    }
    .list-area .list-area-title{background: #D9EDF7;}
    .list-area .list-area-title p{
        margin-bottom:0px;
        font-weight: bold !important;
        }
        

.scroll {
  cursor: pointer;
    width: 47px;
    height: 47px;
    position: fixed;
    bottom: 40px;
    right: -80px;
    border-radius: 100%;
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(90,92,106,1) 0%, rgba(32,45,58,1) 81.3% );
    color: #fff;
    font-size: 27px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px 0px #888;
    transition: 300ms;
}

.scroll i {
  margin-top: 10px;
  text-shadow: 0 0 2px #fff;
}

.scroll:hover i {
  animation-name: rotate;
  animation-duration: 300ms;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes rotate {
  from {margin-top: 15px}
  to {margin-top: 5px}
}

.visible {
  right: 30px;
  transition: all 400ms;
  transform: rotate(360deg)
}

@media (min-width: 1400px){
	.container{
		max-width: 1520px;
	}
	li.nav-item {
    margin-right: 80px !important;
}
}
@media screen and (min-width: 1366px) {
	li.nav-item {
    margin-right: 53px;
}
}
@media screen and (max-width: 1366px) {
	.navbar-brand img {
		width: 21%;
	}
}
@media screen and (max-width: 991px) {
	.nav-item.dropdown.dropdown-mega .dropdown-menu {
		width:100%
	}

}

@media screen and (max-width: 768px) {
	.home-about .home-about-details{
padding-right: 15px;
}
}
@media only screen and (max-width: 767px) {
  header{
position: relative;
}
}
@media screen and (max-width: 600px) {
	.logo-bar .nhm-logo{
		    display: grid;
    justify-items: center;
	}
	.mob-hidden{
		display: none !important;
	}
	.navbar-brand img {
		width: 72%;
	}
	.mob-margin-top{
		margin-top: 15px !important;
	}
	.slide .item img{
		width: 63%;
	}
	.logo-bar .nhm-logo img {
		width: 29%;
		margin-bottom: 5px;
	}
	.logo-bar .himahcal-logo img {
		width: 43%;

	}
	.logo-bar .nhm-logo .logo-text p {
    font-size: 15px !important;
    text-align: center;
}
footer .col-md-3, .col-md-2{
	text-align: center;
	margin-bottom: 10px;
}
.members-area .members img{
    width:59%;
}
.members-area .members h6{
    font-size:17px;
    }

}