/*************** Import Css **************/

@import "common.css";
@import "fonts.css";

/********************* Header Css ******************/
header{
	padding:23px 0px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	background:#000;
	z-index:99
}
.header-area.fixed_header{
	position:fixed;
	top:-100%;
}
.header-area.fixed_header.stky{
	top:0px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.header-logo-area a{
	font-size: 27px;
	line-height: 41px;
	color:#fff;
	text-transform:uppercase;
}
.menu-area ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.menu-area > ul{
	display:flex;
	gap:35px;
}
.menu-area > ul > li > a{
	font-size: 19px;
	line-height: 30px;
	color:#8B8B8B;
	display:inline-block;
	position:relative;
}
.menu-area > ul > li > a:after{
	bottom:0px;
	left:0px;
	width:0%;
	position:absolute;
	height:1px;
	background:#fff;
	content:'';
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.menu-area > ul > li > a:hover:after{
	width:100%;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.menu-area > ul > li > a:hover{
	color:#fff;
}

/*********** Video Banner Area ***************/
.video-banner video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    display: block;
}

/************** Leader Area ***************/
.leader-area{
	padding-top:60px;
	background:#202323;
	overflow-x:hidden;
}
.leader-area-left p{
	font-size: 27px;
	line-height: 41px;
}
.leader-area-left p:last-child{
	margin:0px;
}
.leader-area-right{
	padding:30px 50px 70px;
	position:relative;
	z-index:1;
}
.leader-area-right:before{
	width:100vw;
	left:0px;
	top:0px;
	height:100%;
	position:absolute;
	content:'';
	background:#000;
	z-index:-1;
}
.leader-area-right p{
	font-size: 23px;
	line-height: 35px;
}

/************** Specialized Heart Treatment ******************/
.specialized-heart-treatmnets{
	padding:60px 0px;
}
.specialized-heart-treatmnets h2{
	margin-bottom:15px;
}
.specialized-heart-treatmnets h3{
	font-size: 27px;
	line-height: 41px;
	color:#fff;
	margin-bottom:40px;
}
.filter{
	margin-bottom:40px;
}
.filter a{
	font-size: 14px;
	line-height: 21px;
	color:#8B8B8B;
	background:transparent;
	border-radius:2px;
	padding:4px 25px;
	display:inline-block;
}
.filter a:hover{
	color:#fff;
}

.filter a.active{
	background:#D9D9D9;
	color:#000;
}
.each-filter-box{
	background:#000;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	overflow:hidden;
	margin-bottom: 30px;
}
.each-filter-box img{
	width:100%;
	height:230px;
	object-fit:cover;
}
.filter-content{
	padding:25px;
}
.filter-content h3{
	font-size: 24px;
	line-height: 37px;
	margin-bottom:15px;
}
.filter-content p{
	font-size:15px;
	line-height:22px;
}
.filter-content p:last-child{
	margin:0px;
}
.treatments-warpper{
	row-gap:30px;
}
.hide{
	display:none;
}
/********************* Testimonial Area ***********************/
.testimonial-area {
	padding:60px 0px;
}
.testimonial-area .container h2{
	text-align:center;
}
.testimonial-area .container h3{
	text-align:center;
	margin-bottom:70px;
}
.each-testimonial{
	background:#000;
	padding:25px 25px 35px 25px;
}
.each-testimonial p{
	font-size: 21px;
	line-height: 32px;
	margin-bottom:50px;
}
.each-testimonial h5{
	font-size: 22px;
	font-weight: 700;
	line-height: 34px;
}
.each-testimonial h6{
	font-size: 13px;
	line-height: 21px;
}
.testimonial-area .swiper-container{
	padding:40px 75px;
}
.testimonial-area .swiper-slide.swiper-slide-active .each-testimonial{
	transform:scale(1.15);
}
.home .testimonial-area{
	background:#000000;
}
.home .each-testimonial{
	background:#424242;
}
/************* Google Map *****************/
.google-map-area iframe{
	display:block;
	height:555px;
	width:100%;
	filter: grayscale(100%);
}

/****************** Footer Area ********************/
.footer-area{
	padding:40px 0px 0px;
}
.footer-content > div{
	margin-bottom:20px;
}
.footer-content > div a, .footer-content > div p{
	font-size:23px;
	line-height:152%;
	color:#E9E9E9;
}
.footer-content > div span{
	margin-right:20px;
}
.hours, .address{
	display:flex;
	align-items: baseline;
}
.contact-form-area{
	max-width:480px;
	margin-left:auto;
	background:#000;
	padding:25px 40px;
	margin-top: -505px;
}
.contact-form-area h2{
	font-size:38px;
	line-height:57px;
	color:#fff;
	margin-bottom:10px;
}
.contact-form-area p{
	font-size:20px;
	line-height:30px;
	color:#9B9B9B;
}
.submit-button p{
	margin:0px;
}
.wpcf7-spinner{
	display:none !important;
}
.each-field{
	margin-bottom:30px;
}
.each-field input, .each-field textarea{
	border:0px;
	border-bottom:1px solid #fff;
	font-size:23px;
	line-height:35px;
	font-weight:700;
	color:#fff;
	background:transparent;
	width:100%;
	padding:10px 0px;
	resize:none;
}
.each-field textarea{
	height:91px;
}
:focus{
	outline:none;
}
.each-field input::-ms-input-placeholder { /* Edge 12-18 */
  color: #fff;
}

.each-field input::placeholder {
  color: #fff;
}
.each-field textarea::-ms-input-placeholder { /* Edge 12-18 */
  color: #fff;
}

.each-field textarea::placeholder {
  color: #fff;
}
.submit-button button{
	width:100%;
}
.submit-button p input{
	width:100%;
}
.footer-bottom-links ul{
	display:flex;
	margin:0px;
	padding:0px;
	list-style:none;
	gap:20px;
	justify-content:end;
}
.footer-bottom-links ul li a{
	color:#8B8B8B;
	font-size:19px;
	line-height:29px;
}
.bottom-footer{
	background:#000;
	padding:30px 0px;
	margin-top: 100px;
}

/******************* Service Page ***********************/
.header-area.inner-header{
	position:relative;
}
.patient-journey-area{
	padding:20px 0px 50px;
}
.patient-journey-area h2{
	margin-bottom:15px;
}
.patient-journey-area h3{
	font-size:27px;
	line-height:152%;
	margin-bottom:40px;
}
.step-listing{
	background:#000;
	padding:40px 35px 40px;
}
.step-listing ul li:not(:last-child){
	margin-bottom:40px;
}
.step-listing ul li a{
	font-size: 17.77px;
	font-weight: 400;
	line-height: 27px;
	color:#fff;
	padding-bottom:8px;
	position:relative;
}
.step-listing ul li a:after{
	position:absolute;
	bottom:0px;
	width:100%;
	height:1px;
	background:#fff;
	content:'';
	left:0px;
	display:none;
}
.step-listing ul li.active a{
	font-weight:700;
}
.step-listing ul li.active a:after{
	display:block
}
.patient-tab-area .row .col-lg-3{
	-ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
}
.patient-tab-area .row .col-lg-9{
	-ms-flex: 0 0 78%;
    flex: 0 0 78%;
    max-width: 78%;
}
.step-details-wrapper{
	padding:40px;
	background:#000;
}
.each-step h4{
	font-weight:700;
	font-size:18px;
	line-height:27px;
	color:#fff;
	margin-bottom:25px;
}
.step-content p{
	font-size:15px;
	line-height:22px;
}
.step-content p:last-child{
	margin-bottom:0px;
}
.each-step{
	display:none;
}
.each-step.active{
	display:block;
}

/****************** About Us ***********************/
.about-us-area{
	padding:70px 0px;
}
.about-us-image img{
	border-radius:10px;
}
.about-us-content p{
	font-size: 27px;
	line-height: 41px;
}
.services-area{
	padding:70px 0px;
	background:#000;
}
.each-service-block{
	padding:35px 30px;
	background:#424242;
	min-height:610px;
}
.each-service-block h2{
	text-transform:capitalize;
}
.water-mark-image{
	position:absolute;
	right:0px;
	bottom:0px;
	pointer-events:none;
}
.each-service-block p{
	font-size:27px;
	line-height:41px;
}

/************ Patient Stories ***************/
.each-patient-shot-drescription{
	padding:30px;
	background:#000;
}
.each-patient-image{
	width:370px;
	min-width:370px;
}
.each-patient-image img{
	width:100%;
}
.each-content{
	display:flex;
	gap:15px;
}
.each-content h6{
	font-size:18px;
	line-height:28px;
	font-weight:700;
	color:#fff;
	white-space:nowrap;
}
.each-content p{
	font-size:18px;
	line-height:28px;
	margin-bottom:10px;
}
.patient-short-description-content {
	padding-left:20px;
}
.each-content p a{
	font-weight:700;
	/*color:#fff;*/
}
.each-content p a:hover{
	color:#fff;
}
.date{
	font-size:17px;
	line-height:26px;
	position:absolute;
	right:20px;
	top:20px;
}
.each-patient-shot-drescription{
	margin-bottom:30px;
}
.patient-details{
	background:#000000;
	width:100%;
	padding:20px 25px;
}
.patient-image{
	min-width:355px;
}
.patient-details-wrapper{
	gap:22px;
}
.patient-details .each-content:not(:last-child){
	margin-bottom:15px;
}
.patient-details .each-content p {
    margin-bottom: 0px;
}
.patient-details-content h6{
	font-size:18px;
	line-height:28px;
	font-weight:700;
	margin-bottom:10px;
}
.patient-details-content{
	padding:30px 0px 70px;
}
.patient-details-content .contact-form-area {
    margin-top: 0px;
	padding: 25px 20px;
}
.patient-details-content .contact-form-area h2 {
    font-size: 20px;
    line-height: 31px;
}
.patient-details-content .contact-form-area p {
    font-size: 14px;
    line-height: 22px;
}
.patient-details-content .each-field input, .patient-details-content .each-field textarea {
    font-size: 14px;
    line-height: 22px;
}
.patient-details-content .each-field {
    margin-bottom: 20px;
}
.patient-details-content .common-button {
    font-size: 16px;
    line-height: 30px;
    padding: 8px 15px 8px 15px;
	width:100%;
	min-width:auto;
}
.patient-details-banner-area{
	padding-top:40px;
}
.youtube-video-wrapper iframe{
	width:355px;
	height:238px;
}
/**************International Patient *********************/
.international-patient-banner-area{
	padding:50px 0px;
}
.international-patient-banner-area:after{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	content:'';
}
.international-patient-banner-area .container{
	z-index:1;
}
.google-map-area p{
	margin:0px;
}
.customar-tools-wrapper ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.customar-tools-wrapper ul li a{
	font-size: 14px;
    line-height: 21px;
    color: #8B8B8B;
    background: transparent;
    border-radius: 2px;
    padding: 4px 25px;
    display: inline-block;;
	border:0px !important;
	border-radius:0px !important;
}
.customar-tools-wrapper ul li.all a{
	background: #D9D9D9;
    color: #000;
}
.nav.nav-tabs{
	margin-bottom:40px;
	border:0px;
}
.filter-content h3 a{
	color:inherit;
}
.video-banner{
	position:relative;
}
.banner-content{
	position:absolute;
	top:60%;
	transform:translateY(-50%);
	width:100%;
	/*text-align:center;*/
}
.video-banner::before{
	content: "";
	position:absolute;
	top:0px;
	left:0px;
	background:rgb(0 0 0 / 40%);
	width:100%;
	height:100%;
}
.banner-content h1{
	color: #fff;
    font-size: 80px;
    font-weight: 300;
    line-height: 100%;
}
.banner-content h1 span{
	font-size: 60px;
    color: #ffffff;
    font-weight: 200;
}
.banner-content p{
	font-size: 40px;
    color: #ffffff;
    font-weight: 200;
    line-height: 130%;
}