html{
	scroll-behavior: smooth;
}
body{
	box-sizing: border-box;
	font-family: 'Nunito Sans', sans-serif;
}
/*================================================================ HEADERS =====================================================*/

.whatsappchat{
	position: fixed;
	bottom: 20px;
	left: 25px;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: #009746;
	color: #fff;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 999;
	border: 4px solid #008a42;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
}
.whatsappchat a{
	color: #fff !important;
	text-decoration: none !important;
	outline: 0 !important;
	transition: all .3s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.whatsappchat a i{
	font-size: 32px;
	margin-top: 0;
}
#movetop{
	width:45px;height:45px;border-radius: 50%;background:#b9265d;color: #fff;display: none;
	align-items: center;justify-content: center;
	font-size: 18px;position: fixed;bottom: 20px;right:25px;border: none;z-index: 1112;
}

.containers{
	width: 90%;
	margin-left: 5%;
	padding: 15px 0 15px 0;
}
.tp-header{
	color: #fff;
}
.tp-header a{
	color: #fff;text-decoration: none;
}
.nav-menu{
	padding: 15px 0 15px 0;
}
.nav-menu ul li{
	display: inline;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .06em;
}
.nav-menu ul li a:hover{
	color:#b9265d;transition: all 0.3s ease-in-out;
}
.nav-menu ul li:nth-child(1){
	margin-right:2.5em;
	margin-left: 1.5em;
}
.nav-menu ul li:nth-child(2){
	margin-right:2.5em;
}
.nav-menu ul li:nth-child(3){
	margin-right: 2.5em;
}
.nav-menu ul li:nth-child(4){
	margin-right:2.5em;
}
.nav-menu ul li:nth-child(5){
	margin-right:2.5em;
}
.nav-menu ul li:nth-child(6){
	margin-right:2.5em;
}
.nav-menu ul li:nth-child(7){
	margin-right:2.5em;
}
.nav-menu ul li a{
	text-decoration: none;color: #000;font-size: 0.8vw;
}
.navcontainers{
	width: 90%;
	margin-left: 5%;
}
a.nav-link{
	text-decoration: none;color: #000;
	font-size: 15px;
	font-weight: 400;letter-spacing:1.5px;padding:10px;
}
li.nav-item{
	padding-left: 15px;border-bottom: 1px solid #ebebeb;
}
li.nav-item:hover{
	background-color: #f1667d;transition: all 0.3s;
}
a.nav-link:hover{
	color: #fff;
}
.dropdown{
	display: none;
}


/*============================================================ FOOTER ==================================================================*/

.footer{
	background-color: #222222;
	background-image: url("https://demo.7iquid.com/medcaline/wp-content/uploads/2020/04/footer_right.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 3vw 10vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.footer-content{
	width: 20%;
}
.footer-content-header{
	width: 15%;position: relative;
}
.footer-content-address{
	width: 30%;
}
.footer-content-Four{
	width: 25%;
}
.footer-content p{
	font-size: 15px;
	line-height: 1.6;
	color: #EDEDED;
	font-weight: 400;
	word-wrap: break-word;
	font-family: roboto,sans-serif;
	margin-top: 5%;
}
.support{
	margin: 23px 0px 0px 0px;
	padding: 17px 17px 17px 17px;
	background-color: rgba(255, 255, 255, 0.07);
}
.support h4{
	font-size: 15px;
	color: #fff;
	font-weight: 600;font-family: roboto,sans-serif;
}
.support h2{
	color: #FFFFFF;
font-size: 20px;
font-weight: bold;
line-height: 30px;font-family: roboto,sans-serif;margin-bottom: 0;
}
.footer-content-header h3{
	color: #fff;font-size:28px;text-transform: uppercase;
}
.footer-content-header ul li{
	font-size: 15px;
	line-height: 1.6;
	color: #EDEDED;
	font-weight: 400;
	word-wrap: break-word;
	font-family: roboto,sans-serif;margin-bottom: 10px;margin-left: 20px;
}
.footer-content-header ul li::before{
	content: "\f0da";
	position: absolute;
	left: 10px;
	color: #b9265d;
	font-size: 16px;
	font-family: "FontAwesome";
}
.footer-content-header ul li a{
	text-decoration: none;
	color: #fff;
}
.footer-content-header ul li a:hover{
	color: #7bc144;
}
.footer-content-address h3{
	color: #fff;font-size:28px;text-transform: uppercase;
}
.footer-content-address ul li{
	font-size: 0.8vw;
	line-height: 1.6;
	color: #EDEDED;
	font-weight: 400;
	word-wrap: break-word;
	font-family: roboto,sans-serif;margin-bottom: 10px;
}
.footer-content-address p{
	font-size: 15px;
	line-height: 1.6;
	color: #EDEDED;
	font-weight: 400;
	word-wrap: break-word;
	font-family: roboto,sans-serif;
	margin-top: 5%;
}
.footer-social ul li{
	display: inline;
}
.footer-social ul li:nth-child(1){
	margin-right: 10px;
}
.footer-social ul li:nth-child(2){
	margin-right: 10px;
}
.footer-social ul li:nth-child(3){
	margin-right: 10px;
}
.footer-social ul li a{
	color: #fff;font-size: 16px;
}
.footer-social ul li a i{
	background-color: rgba(255, 255, 255, 0.07);
	padding: 0.7em;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: rgba(255, 255, 255, 0.1);
}
.footer-social ul li:nth-child(1) a i{
	padding: 0.7em 0.9em 0.7em 0.9em;
}
.footer-social{
	text-align: right;
}
.containernew{
	width: 70%;
	margin-left: 15%;
}
.treatment-index h4{
	font-size: 20px;font-family:roboto,sans-serif;letter-spacing: 2px;
	color: #b9265d;text-transform: uppercase;
}
.treatment-index h2{
	font-size:2.3vw;
}
#footerstitch{
	position: fixed;
	bottom: 0;
	z-index: 100;
}
.appointNum h2{
    font-size:0.9vw;
}
.copyright{
	padding: 1vw 10vw;
}

/*============================================================= INDEX ==============================================================*/

.slider-index{
	background:#ebebeb;height: auto;display: flex;justify-content: center;align-items: center;
}
.slider-index h1{
	font-size:12em;color: #a3a3a3;
}
.chamber-details-index button{
	font-size: 1vw;
}
.abt-details-index h4{
	font-family: roboto,sans-serif;font-size: 16px;text-transform: uppercase;letter-spacing: 2px;color: #064c7a;
}
.abt-details-index p{
	font-family: roboto,sans-serif;font-weight: normal;color: #8a8a8a;margin-top: 2%;margin-bottom: 20px;
}
.service-card{
	margin: 10px;border:2px solid rgba(109,67,33,.2);background-color: #fff;
}
.service-card h3{
	font-size: 0.9vw;
}
button.slick-next.slick-arrow, button.slick-prev.slick-arrow{
	background: #b9265d;
	border-radius: 50%;
	color: #fff;
	border: none;
}
.icon-circle-list{
	position: absolute;
	top: 50%;
	left: 50%;
}
.blue-circle{
	background: rgb(67, 201, 198) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
	font-size: 10px;
	height: 20px;
	width: 20px;
	margin: -10px;
	line-height: 20px;
	opacity: 1;
	left: -4.20006e-7px;
	top: -245px;
	position: absolute;
	border-radius: 50%;
}
.caseStudy{
	padding: 3vw 12vw;background: #ffe3ed;
}
.caseStudyRow{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.caseColumnFirst{
	width: 60%;display: flex;align-items: center;
}
.caseColumnFirst h3{
	font-size:1.5vw;font-weight: 600;
}
.caseColumnFirst p{
	font-size: 0.85vw;text-align: justify;margin-top: 1vw;margin-bottom: 0;
}
.caseColumnSecond{
	width: 35%;
}
.pink-circle{
	background: rgb(255, 51, 102) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
	font-size: 10px;
	height: 20px;
	width: 20px;
	margin: -10px;
	line-height: 20px;
	opacity: 1;
	left: 180px;
	top: -165.463px;
	position: absolute;
	border-radius: 50%;
}
.yellow-circle{
	background: rgb(255, 246, 6) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
	font-size: 10px;
	height: 20px;
	width: 20px;
	margin: -10px;
	line-height: 20px;
	opacity: 1;
	left: 245px;
	top: -8.40012e-7px;
	position: absolute;
	border-radius: 50%;
}
.lightblue-circle{
	background: rgb(15, 184, 205) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
	font-size: 10px;
	height: 20px;
	width: 20px;
	margin: -10px;
	line-height: 20px;
	opacity: 1;
	left: 182px;
	top: 165.463px;
	position: absolute;
	border-radius: 50%;
}
.darkred{
	background: rgb(245, 53, 55) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
	font-size: 10px;
	height: 20px;
	width: 20px;
	margin: -10px;
	line-height: 20px;
	opacity: 1;
	left: 0.00000126002px;
	top: 245px;
	position: absolute;
	border-radius: 50%;
}
.green{
	background: rgb(167, 200, 34) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
	font-size: 10px;
	height: 20px;
	width: 20px;
	margin: -10px;
	line-height: 20px;
	opacity: 1;
	left: -180px;
	top: 165.463px;
	position: absolute;
	border-radius: 50%;
}
.dark-yellow{
	background: rgb(254, 197, 20) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
	font-size: 10px;
	height: 20px;
	width: 20px;
	margin: -10px;
	line-height: 20px;
	opacity: 1;
	left: -245px;
	top: 0.00000168002px;
	position: absolute;
	border-radius: 50%;
}
.violet{
	background: rgb(79, 36, 158) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
	font-size: 10px;
	height: 20px;
	width: 20px;
	margin: -10px;
	line-height: 20px;
	opacity: 1;
	left: -182px;
	top: -165.463px;
	position: absolute;
	border-radius: 50%;
}
.button-play{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.coverBg{
	width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 100;
}
.button-play{
	z-index: 999;
}
.button-play i{
	font-size: 5vw;border: 2px solid #fff;padding: 15px;border-radius: 50%;color:#fff;z-index: 999;position: relative;
}
.coverBg{
	width: 100%;
	height: 100%;
	position: absolute;
}
.service-card2{
	margin: 10px;background-color: #fff;
}


/*================================================================= CONTACT =====================================================================*/


.conLocation{
	text-align: center;
}
.contSocial2 ul li{
	display: inline;

}
.contSocial2 ul li a{
	margin: 10px;
	font-size: 20px;
	color: #000;text-decoration: none;
}
.footer-social2 ul li{
	display: inline;
}
.footer-social2 ul li:nth-child(1){
	margin-right: 10px;
}
.footer-social2 ul li:nth-child(2){
	margin-right: 10px;
}
.footer-social2 ul li:nth-child(3){
	margin-right: 10px;
}
.footer-social2 ul li a{
	color: #fff;font-size: 16px;
}
.footer-social2 ul li a i{
	background-color:#b9265d;
	padding: 0.7em;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: rgba(255, 255, 255, 0.1);
}
.footer-social2 ul li:nth-child(1) a i{
	padding: 0.7em 0.9em 0.7em 0.9em;
}
.footer-social2{
	text-align: right;
}
.pg-title-cont h4{
	font-family: roboto,sans-serif;font-size:1.8vw;font-weight: 600;color: #fff;
}
.pg-title-cont h2{
	font-size: 60px;font-weight: 900;color: #fff;
}
.pg-title-cont h3{
	font-size:20px;font-weight: 600;	color: #fff;
}
.contContent{
	padding:4% 4% 4% 8%;
}
.contContent h3{
	font-size:2vw;font-weight:700;
}


/*====================================================================== BLOG ===========================================================================*/

.blogSingle{
	padding: 4vw;
}
.blogCont{
	padding: 1vw;border: 1px solid #000;
}
.card-body h5{
	font-size: 16px;font-family: roboto,sans-serif;letter-spacing: 2px;
	height: 60px;
}
.card-body p{
	font-size: 16px;text-align: justify;height: 5vw;overflow: hidden;
}
.single-Blog h4{
	font-size: 16px;font-weight: 800;color: #b9265d;line-height: 1;margin-bottom: 15px;
	margin-top: 15px;
}
.single-Blog h2{
	font-size: 20px;font-weight: 600;line-height: 1.5;margin-top: 1vw;
}
.single-Blog p{
	font-size: 16px;text-align: justify;
}

/*========================================================================== FAQ ========================================================================*/

.faqImg img{
	position:absolute;bottom: 0;left: 25%;
}
.faqdetails h6{
	font-family: roboto,sans-serif;font-size:20px;font-weight: 400;
}
.faqdetails h2{
	font-weight: 900;font-size:3vw;margin-top: 20px;
}
.faqdetails p{
	font-size: 18px;
}
.box{
	width: 100%;background: #c4d8ff;border-radius: 20px;margin-top: 40px;padding: 20px;font-size:22px;
}

/*============================================================================= ABOUT ===================================================================*/

.about-container h2{
	font-size: 3vw;
}
.about-container h3{
	font-size: 1.3vw;
}
img.abt-mainImg{
	position:absolute;bottom: 0;left: 25%;bottom: -5%;width: 33%;
}

.treatment{
	padding: 10px;background: #fff;
}
.treatment ul li a{
	color: #000;
}
a.wpBtn{
	animation: shake 0.5s infinite;
}
@keyframes shake{
	0%{
		transform: scale(1.0);
	}
	100%{
		transform: scale(1.2);
	}
}
a.wpBtn img{
	width:70px;
}
.threeTips{
	padding: 17px;background: #f1667d;width:18%;text-align: center;color: #fff;margin: 1%;
}
.threeTips2{
	padding: 17px;background:#a63a62;width:18%;text-align: center;color: #fff;margin: 1%;
}
.threeTips h2{
	font-size: 1vw;font-family: 'Nunito Sans', sans-serif;
}
.threeTips2 h2{
	font-size: 1vw;font-family: 'Nunito Sans', sans-serif;
}
.abtIc{
	margin-top: 10px;
}
.abtIc img{
	width: 2.5vw;
}
.abtIc p{
	margin-bottom: 0;font-size:0.8vw;
}
.questionANswer{
	padding: 4vw 10vw;
}
.questionWrapper{
	padding: 2vw;background: #fff;border-radius: 15px;border:1px solid #000;
}

/*==================================================================== RESPONSIVE =====================================================================================*/


@media(max-width: 768px){
	.threeTips h2{
		font-size: 16px;font-family: 'Nunito Sans', sans-serif;
	}
	.threeTips{
		padding: 17px;background: #f1667d;width:48%;text-align: center;color: #fff;margin: 1%;
	}
	.threeTips2{
    	padding: 17px;background:#a63a62;width:48%;text-align: center;color: #fff;margin: 1%;
    }
    .threeTips2 h2{
    	font-size: 16px;font-family: 'Nunito Sans', sans-serif;
    }
	.abtIc img{
		width:40px;
	}
	.abtIc p{
		margin-bottom: 0;font-size:14px;
	}
	.footer{
		background-color: #222222;
		background-image: url("https://demo.7iquid.com/medcaline/wp-content/uploads/2020/04/footer_right.png");
		background-position: bottom right;
		background-repeat: no-repeat;
		padding: 18px;
		background-size: cover;
	}
	.footer-content{
		width: 100%;
	}
	.footer-content-header{
		width: 100%;position: relative;
	}
	.footer-content-address{
		width: 100%;
	}
	.footer-content-Four{
		width: 100%;
	}
	.mar-20{
		margin-top:20px;
	}
	.copyright-text{
		justify-content: center;
	}
	.footer-social{
		text-align: center;margin-top: 10px;
	}
	.slider-index{
		background:#ebebeb;height:auto;display: flex;justify-content: center;align-items: center;
	}
	.containernew{
		width: 90%;
		margin-left: 5%;
	}
	.abt-details-index{
		padding-top: 30px;padding-bottom:30px;
	}
	.abt-details-index p{
		text-align: justify;
	}
	.serviceIndex h2{
		font-size: 22px;
	}
	.testiCarousel{
		margin-top: 15px;
	}
	.button-play i{
		font-size: 15vw;border: 2px solid #fff;padding: 15px;border-radius: 50%;color:#fff;z-index: 999;position: relative;
	}
	.slider-index h1{
		font-size:6em;color: #a3a3a3;
	}
	.footer-social2{
		text-align: right;
	}
	.pg-title-cont h4{
		font-family: roboto,sans-serif;font-size:4vw;font-weight: 600;
	}
	.pg-title-cont h2{
		font-size: 8vw;font-weight: 900;
	}
	.pg-title-cont h3{
		font-size:18px;font-weight: 600;	
	}
	.pg-title-cont ul li{
		font-size:18px;
	}
	.contContent{
		padding:4% 4% 4% 4%;
	}
	.contContent h3{
		font-size:5vw;font-weight:700;
	}
	.card{
		margin-top: 15px;
	}
	.contContent h3{
		font-size:2vw;font-weight:700;
	}
	.faqImg{
		text-align: center;
	}
	.faqImg img{
		position:relative;width: 40%;text-align: center;left: 0;
	}
	.faqImg img{
		position:absolute;bottom: 0;left: 25%;
	}
	.faqdetails h6{
		font-family: roboto,sans-serif;font-size:20px;font-weight: 400;
	}
	.faqdetails h2{
		font-weight: 900;font-size: 8vw;margin-top: 20px;
	}
	.faqdetails p{
		font-size: 18px;
	}
	.box{
		width: 100%;background: #c4d8ff;border-radius: 20px;margin-top: 40px;padding: 20px;font-size:16px;
	}
	.about-container h2{
			font-size:28px;
		}
		.about-container h3{
			font-size: 16px;
		}
		img.abt-mainImg{
			display: none;
		}
	.about-container{
		padding: 0;
	}
	a.wpBtn img{
		display: none;
	}
	#movetop{
		width:45px;height:45px;border-radius: 50%;background:#b9265d;color: #fff;display: none;
		align-items: center;justify-content: center;
		font-size: 18px;position: fixed;bottom:50px;right:10px;border: none;z-index: 1112;
	}
	.whatsappchat{
		bottom: 80px;
		left: 15px;
		width: 50px;
		height: 50px;
	}
	.footer-content-address ul li{
		font-size:16px;
	}
	.appointNum h2{
        font-size:20px;
    }
    .caseStudy{
		padding: 15px;background: #ffe3ed;
	}
	.caseStudyRow{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.caseColumnFirst{
		width: 100%;display: flex;align-items: center;
	}
	.caseColumnFirst h3{
		font-size:24px;font-weight: 600;margin-top: 15px;
	}
	.caseColumnFirst p{
		font-size: 15px;text-align: justify;margin-top: 1vw;margin-bottom: 0;
	}
	.caseColumnSecond{
		width: 100%;
	}
	.copyright{
		padding:15px;
	}
	.questionANswer{
		padding:15px;
	}
	.questionWrapper{
		padding: 10px;background: #fff;border-radius: 15px;border:1px solid #000;
	}

}