@font-face {
	font-family: Jost;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/jost-v6-latin-regular.eot);
	src: local(''), url(../fonts/jost-v6-latin-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/jost-v6-latin-regular.woff2) format('woff2'), url(../fonts/jost-v6-latin-regular.woff) format('woff'), url(../fonts/jost-v6-latin-regular.ttf) format('truetype'), url(../fonts/jost-v6-latin-regular.svg#Jost) format('svg');
	font-display: swap
}

@font-face {
	font-family: Jost;
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/jost-v6-latin-500.eot);
	src: local(''), url(../fonts/jost-v6-latin-500.eot?#iefix) format('embedded-opentype'), url(../fonts/jost-v6-latin-500.woff2) format('woff2'), url(../fonts/jost-v6-latin-500.woff) format('woff'), url(../fonts/jost-v6-latin-500.ttf) format('truetype'), url(../fonts/jost-v6-latin-500.svg#Jost) format('svg');
	font-display: swap
}

@font-face {
	font-family: Jost;
	font-style: normal;
	font-weight: 600;
	src: url(../fonts/jost-v6-latin-600.eot);
	src: local(''), url(../fonts/jost-v6-latin-600.eot?#iefix) format('embedded-opentype'), url(../fonts/jost-v6-latin-600.woff2) format('woff2'), url(../fonts/jost-v6-latin-600.woff) format('woff'), url(../fonts/jost-v6-latin-600.ttf) format('truetype'), url(../fonts/jost-v6-latin-600.svg#Jost) format('svg');
	font-display: swap
}

@font-face {
	font-family: Jost;
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/jost-v6-latin-700.eot);
	src: local(''), url(../fonts/jost-v6-latin-700.eot?#iefix) format('embedded-opentype'), url(../fonts/jost-v6-latin-700.woff2) format('woff2'), url(../fonts/jost-v6-latin-700.woff) format('woff'), url(../fonts/jost-v6-latin-700.ttf) format('truetype'), url(../fonts/jost-v6-latin-700.svg#Jost) format('svg');
	font-display: swap
}

@font-face {
	font-family: Jost;
	font-style: normal;
	font-weight: 800;
	src: url(../fonts/jost-v6-latin-800.eot);
	src: local(''), url(../fonts/jost-v6-latin-800.eot?#iefix) format('embedded-opentype'), url(../fonts/jost-v6-latin-800.woff2) format('woff2'), url(../fonts/jost-v6-latin-800.woff) format('woff'), url(../fonts/jost-v6-latin-800.ttf) format('truetype'), url(../fonts/jost-v6-latin-800.svg#Jost) format('svg');
	font-display: swap
}

:root {
	--primary-colors: #3D4DA1;
	--primary-hover-colors: #2f3f8d;
	--green: #42BC6F;
	--blue: #3D4DA1;
	--titles: #111646;
	--text: #4A3D47;
	--bg-lightblue:#f3f7fb;

}

* {
	font-family: Jost;

}

li {
	list-style: none
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}

.titles {
	color: var(--titles);
	font-size: clamp(1.6rem, 2.2vw, 2rem)
}

p {
	color: var(--text)
}
.top-header{
	position: fixed;
	top:0;
	left:0;
	right: 0;
	z-index: 9999;
}
.top-header.active{
	position: fixed;
	top:0;
	left:0;
	right: 0;
	z-index: 9999;
	background-color: #ffffff;
	transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
}
.top-header.deactive{
	top:-100px;
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
}

.logos span:first-child {
	display: inline-block;
	margin-right: 20px
}
.logo-cap{
	font-size: 0.7rem;
    display: block;
    font-weight: 500;
    margin-top: 4px !important;
    color: #c1c8d6;
}

.main-nav-list>a {
	display: inline-block;
	margin: 0 5px;
	padding: 10px 5px;
	color: #333333;
	position: relative
}

.main-nav-list>a:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 0;
	left: 6px;
	top: 0;
	bottom: initial;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.main-nav-list>a.active:after,
.main-nav-list>a:hover:after {
	top: 77%;
	bottom: 0;
	height: 4px;
	background-color:var(--primary-colors);
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.main-nav-list>a.active,
.main-nav-list>a:hover {
	text-decoration: none;
	color:var(--primary-colors);
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.f18 {
	font-size: clamp(1rem, 2.2vw, 1.1rem)
}

#menu-mobile {
	width: 34px;
	height: 45px;
	position: relative;
	margin: 20px 0 0 auto;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	-ms-transition: .5s ease-in-out
}

#menu-mobile span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background:var(--primary-colors);
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out
}

#menu-mobile span:nth-child(1) {
	top: 0
}

#menu-mobile span:nth-child(2) {
	top: 10px
}

#menu-mobile span:nth-child(3) {
	top: 20px
}

#menu-mobile.open span:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}

#menu-mobile.open span:nth-child(2) {
	opacity: 0;
	left: -60px
}

#menu-mobile.open span:nth-child(3) {
	top: 10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.main-menu>li:first-child {
	display: none
}
/*--------------------------------------------SLider---------------------------*/
.slick-slide img {
	width: 100%;
  }

  .slick-prev:before,
  .slick-next:before {
	color: rgb(255, 255, 255);
  }

.slide-context{
	position:absolute;z-index:99;height:100%;width:100%;top:0;display:flex;align-items:center}
.slide-title{
	font-size: clamp(0.3rem, 4vw, 3.4rem);
	color: #111646;
}
.slide-title span{
	color:#42BC6F
}
.slide-context p{
	font-size: clamp(0.2rem, 4vw, 1.2rem);
	max-width:500px;
}
.help-you h4{
	font-weight: 400 !important;
	color:#112950
}
.bg-doc{
background-color: var(--bg-lightblue);
}

.b-aaccordian  .card-header{
	background-color: var(--bg-lightblue);
	padding:0 !important;
	border-width: 0px;
}
.b-aaccordian .btn{
	padding:0.85rem  !important;
}
.b-aaccordian .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 1.4rem;
	font-weight: 400;
	color:#112950;
	text-decoration: none !important;
}
.b-aaccordian .btn-link:hover{
	color:#177ee5 !important;
	text-decoration: none !important;
}
.b-aaccordian button[aria-expanded="false"]{
	border-bottom: 1px solid #e1e7ed;text-decoration: none !important;
}
.b-aaccordian button[aria-expanded="true"]{
	color:#177ee5 !important
}
.b-aaccordian .card{
	border-width: 0px !important;
	background-color: var(--bg-lightblue) !important;
	color: #828ca5;
}
.b-aaccordian p{
	color: #828ca5;
}
.consultation-list>span{
	padding:0.2rem 0 0.2rem 20px;
	position: relative;
}

.consultation-list>span::before{
	content: "";
	position: absolute;
	width:8px;
	height:8px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	background-color: #177ee5;
	left:0px;
	top:10px
}
.emergency-call{
	padding:2.5rem
}
.eme-call{
	padding-left: 80px;

}
.eme-call>span{
	position: absolute;
	left: 0;
	top:0;
}
.eme-call a{
	color:#ffffff;
	font-size:1.62rem;
	text-decoration: none;
}
.appointment-section{
	margin-top: 16px;
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	margin-bottom:-20px;
	background-color: rgba(256,256,256,0.8);
}
.appoint-form{
	box-shadow: 0 0 16px rgba(0, 0, 0, .2);
	padding-bottom: 0px !important;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:26.25%;
    position:relative;
    height:0;
	border-top: 2px solid var(--primary-colors);
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.hospitaltiming{
	position: absolute;
	width:280px;
	height: 100%;
	background-color:var(--primary-colors);
	right:14%;
	top:0;
	z-index: 99;
}
.hospitaltiming p{
	color: #d3e9fd;
	padding: 0;
	margin:0;
	padding-bottom: 6px;
	font-size: 0.9rem !important;
}
.hospitaltiming p span:first-child{
	color:#ff0
}
.dumy-header{
	height: 82px;
}
/*--------------Animtions-------------------------------*/
.inline-photo {
	border: 1em solid #fff;
	border-bottom: 4em solid #fff;
	border-radius: .25em;
	box-shadow: 1em 1em 2em .25em rgba(0,0,0,.2);
	opacity: 0;
	transform: translateY(4em) rotateZ(-5deg);
	transition: transform 4s .25s cubic-bezier(0,1,.3,1),
				opacity .3s .25s ease-out;

	will-change: transform, opacity;
  }
  
  .inline-photo.is-visible {
	opacity: 1;
	transform: rotateZ(-2deg);
  }

  .left-anim {
	  position: relative;
	  transform: translateX(-200px);
	  opacity: 0;
	  will-change: transform, opacity;
	  -webkit-transform: translateX(-200px);
	  -moz-transform: translateX(-200px);
	  -ms-transform: translateX(-200px);
	  -o-transform: translateX(-200px);
	  will-change: transform, opacity;
	  transition: transform 4s .25s cubic-bezier(0,1,.3,1),	  opacity .3s .25s ease-out;
}
  .left-anim.is-visible {
	
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.bottom-to-top-anim {
	position: relative;
	transform: translateY(100px);
	opacity: 0.5;
	will-change: transform, opacity;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	will-change: transform, opacity;
	transition: transform 4s .25s cubic-bezier(0,1,.3,1),	  opacity .3s .25s ease-out;
}
.bottom-to-top-anim.is-visible {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
@media (max-width:1024px) {
	.main-menu>li:first-child {
		display: inline-block
	}
	
	.logos {
		width: 60%;
		display: flex;
		align-items: center
	}
	.logos span {
		display: inline-block;
		width: 70%
	}
	.logo-cap{
		font-size: 0.61rem;
    width: 100% !important;
	}
	.logos span:last-child {
		width:90%
	}
	.main-nav-list {
		position: fixed;
		background-color: #fff;
		height: 100vh;
		width: 74%;
		left: -100%;
		top: 0;
		z-index: 9999;
		padding: 20px;
		transition: all .6s ease-in-out;
		-webkit-transition: all .6s ease-in-out;
		-moz-transition: all .6s ease-in-out;
		-ms-transition: all .6s ease-in-out;
		-o-transition: all .6s ease-in-out;
		box-shadow: 0 0 30px rgba(0, 0, 0, .2)
	}
	.main-nav-list>a {
		display: block;
		border-bottom: 1px solid #ddd
	}
	.main-nav-list.open {
		left: 0;
		transition: all .6s ease-in-out;
		-webkit-transition: all .6s ease-in-out;
		-moz-transition: all .6s ease-in-out;
		-ms-transition: all .6s ease-in-out;
		-o-transition: all .6s ease-in-out
	}
	body.open,
	html.open {
		overflow: hidden
	}
	.sl1 {
		height:auto;
	}
	.we-services-list {
		width: 90%;
		max-width: initial
	}
	.for-mobile {
		flex-wrap: wrap
	}
	.for-mobile>div {
		width: 50%;
		padding: 12px 0
	}
	.for-mobile>div>div {
		justify-content: start!important
	}
	.f-bottom p strong {
		display: block;
		margin-top: 20px
	}
	.service-provide-list {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px)
	}
	.about-index {
		padding: 40px 0
	}
	.slide-context {
		height: auto;
		padding:1rem
	}
	.emergency-call{
padding: 0.6rem;
	}
	.appointment-section{
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		margin-bottom:30px;
}
.slide-title{
	margin: 0;
	padding: 0;
}
.slide-title br{
	display: none;
}
.slick-dots{
	bottom: 0;
}
.slick-dotted.slick-slider{
	margin-bottom: 0;
}
.slick-dots li button:before{
	font-size: 2rem !important;
	line-height: 19px;
    width: 14px;
    height: 14px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 3px solid #f00;
    border-radius: 50px;

}
.slick-dots li.slick-active button:before{
	color: transparent;
}
.map-responsive{
	padding-bottom: 50%;
}
.hospitaltiming{
	position: relative;
	left: 0;
	right: 0;
	width:100%
}

h2{
	font-size: clamp(1.6rem, 2.2vw, 2rem)
}
}


.breadcrumb {
	background: rgba(245, 245, 245, 0)
}



footer svg {
	vertical-align: middle
}

.clear {
	clear: both
}


.faddress a,
.faddress a:hover {
	text-decoration: none!important;
	color: #bfd8f4!important
}

.contact-adddess svg {
	vertical-align: middle
}

.contact-adddess a {
	display: inline-block;
	padding-bottom: 8px
}

.contact-adddess a:hover {
	text-decoration: none!important
}

::-webkit-scrollbar {
	width: 8px
}

::-webkit-scrollbar-track {
	background: #f1f1f1
}

::-webkit-scrollbar-thumb {
	background: #bbb
}

::-webkit-scrollbar-thumb:hover {
	background: #3D4DA1
}

.loading {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	background: rgba(18, 7, 32, .6);
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.loading>div {
	width: 80px;
	height: 80px;
	position: relative
}

.lcontainer {
	position: absolute;
	left: 28px;
	top: 22px;
	animation: rotate 3s linear infinite
}

.lcontainer:last-of-type {
	z-index: -1;
	margin: 1%
}

.triangle {
	position: relative;
	text-align: left;
	transform-origin: 33.33% 66.66%
}

.triangle:after,
.triangle:before {
	content: "";
	position: absolute;
	background: inherit
}

.triangle,
.triangle:after,
.triangle:before {
	width: 1.3em;
	height: 1.3em;
	border-top-right-radius: 20%
}

.triangle:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
	-webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
	-moz-transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
	-ms-transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
	-o-transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%)
}

.triangle:after {
	transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%)
}

.triangle:first-of-type {
	background:var(--primary-colors);
transform: rotate(-60deg) skewX(-30deg) scale(1, .866) translate(143.33%, 110%);
	animation: first 3s cubic-bezier(.645, .045, .355, 1) infinite;
	-webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, .866) translate(143.33%, 110%);
	-moz-transform: rotate(-60deg) skewX(-30deg) scale(1, .866) translate(143.33%, 110%);
	-ms-transform: rotate(-60deg) skewX(-30deg) scale(1, .866) translate(143.33%, 110%);
	-o-transform: rotate(-60deg) skewX(-30deg) scale(1, .866) translate(143.33%, 110%);
}

.triangle:last-of-type {
	background: #1626f5;
	transform: rotate(0) skewX(-30deg) scale(1, .866) translate(-100%, -4%);
	animation: last 3s cubic-bezier(.645, .045, .355, 1) infinite
}

.triangle.shadow,
.triangle.shadow:after,
.triangle.shadow:before {
	background: #0d271c;
	backface-visibility: hidden;
	perspective: 1000;
	filter: blur(.5em);
	-webkit-filter: blur(.5em)
}

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

@keyframes first {
	0% {
		transform: rotate(-60deg) skewX(-30deg) scale(1, .866) translate(143.33%, 110%)
	}
	33% {
		transform: rotate(-60deg) skewX(-30deg) scale(1, .866) translate(-76.67%, -120%)
	}
	66% {
		transform: rotate(-60deg) skewX(-30deg) scale(1, .866) translate(-76.67%, 112%)
	}
}

@keyframes last {
	0% {
		transform: rotate(0) skewX(-30deg) scale(1, .866) translate(-100%, -4%)
	}
	33% {
		transform: rotate(0) skewX(-30deg) scale(1, .866) translate(134%, -4%)
	}
	66% {
		transform: rotate(0) skewX(-30deg) scale(1, .866) translate(-89%, -214%)	;
		-webkit-transform: rotate(0) skewX(-30deg) scale(1, .866) translate(-89%, -214%);
		-moz-transform: rotate(0) skewX(-30deg) scale(1, .866) translate(-89%, -214%);
		-ms-transform: rotate(0) skewX(-30deg) scale(1, .866) translate(-89%, -214%);
		-o-transform: rotate(0) skewX(-30deg) scale(1, .866) translate(-89%, -214%);
}
}

@media (max-width:767px) {
	.container .gallery a img {
		width: 50%
	}
}