@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');


body{
	font-family: "Rajdhani", sans-serif;
	text-align: center;
}

a,a:hover{text-decoration: none;}

.custome-container{
	width: 85%;
	margin:0px auto;
}

.clear{clear: both;}

header{
	width: 100%;
	padding:5px 0px 15px 0px;
	/* position: absolute;
	z-index: 10; */
	background-color: #fff;
	  box-shadow: 1px 3px 21px 0px rgba(0,0,0,0.05);
-webkit-box-shadow: 1px 3px 21px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 1px 3px 21px 0px rgba(0,0,0,0.05);
}

.bg{
	background: url(../images/bg2.svg);
	background-size: cover;
}


.newheader{
	display: flex;
	align-items:center;
	flex-direction: row;
	justify-content: space-between;
}

.header-right{
	display: flex;
	align-items:center;
	flex-direction: row;
	justify-content: space-between;
}

.site_logo{
	width:200px;
	height: auto;
	display: block;
	z-index: 1;
	padding-top: 8px;
}
.site_logo img{width: 100%;}
.header_nav{
	display: flex;
    justify-content: right;
	align-items: center;
}
.sticky {
  position: fixed;
  top: 0;
  height: auto;
  width: 100%;
  z-index: 11;
  background-color: #fff;
  box-shadow: 1px 3px 21px 0px rgba(0,0,0,0.10);
-webkit-box-shadow: 1px 3px 21px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 1px 3px 21px 0px rgba(0,0,0,0.10);
transition: 0.3s ease-in;
}
.sticky .site_logo{
	width:200px;
	padding-top: 8px;
	display: block;
	padding-bottom: 5px;
	transition: 0.3s ease-in;
}

.applybtn{
background: #EA4F0C;
color: #fff !important;
border-radius: 50px;
padding: 10px 26px !important;
font-size: 16px;
transition: 0.3s all;
margin-top: 7px;
margin-left: 40px;
width: fit-content;
font-weight: 600;
}

.applybtn a{
	color: #fff;
}
.menuactive{color: #EA4F0C !important;}


.bannersection{
	width: 100%;
	height: auto;
	background: #f9f9f9;
	position: relative;
	padding: 60px 0px;

	.banner-circle{
		width: 22%;
		height: 350px;
		object-fit: contain;
		position: absolute;
		top: 11.7%;
		right: 10.7%;

		img{
			width: 100%;
		}
	}
}

.banner-top-part{
	width: 75%;
	text-align: left;

	h1{
		font-size: 3.5vw;
		font-weight: bold;
	}

	p{
		font-size: 1.5vw;
		color: #333333;
		font-weight: 500;
	}

	.banner-top-part-bottom{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		margin-top: 30px;

		.block{
			width:fit-content;
			margin-right: 50px;

			h6{
				font-size: 1.2vw;
				color: #333333;
				font-weight: 500;
			}

			.counter{
				font-size: 2vw;
				font-weight: bold;
				color: #242A26;

				span{
					color: #008E72;
					margin-left: 5px;
				}
			}
		}
	}
}


.banner-bottom-part{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	margin-top: 30px;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	
	
	img{
		width: 100%;
	}

	.banner-content{
		position: absolute;
		padding: 60px;
		text-align: left;
		width: 50%;

		h3{
			font-size: 2vw;
			font-weight: bold;
			color: #000;
		}

		p{
			font-size: 1.3vw;
			color: #000;
			font-weight: 500;
		}
		h4{
			font-size: 2vw;
			color: #fff;
			font-weight: 600;
		}
		h2{
			font-size: 3vw;
			color: #fff;
			font-weight: 600;
			margin-bottom: 30px;
		}

		a{
			background: #fff;
			padding: 15px 30px;
			border-radius: 50px;
			text-align: center;
			color: #000;
			text-decoration: none;
			font-size: 1.2vw;
			font-weight: 600;
		}
	}

	.vikrantimage{
		position: absolute;
		right: 40px;
		width: 30%;
		bottom: 0;
		
		img{width: 100%;}
	}
	
}


.aboutsection{
	padding: 60px 0px;
	width: 100%;
	p{
		font-size: 1.2vw;
		padding: 0px 60px;
		color: #666;
		font-weight: 500;
		margin-bottom: 60px;
		line-height: 2vw;
	}

	.featurepart{
		background: #FEFBEF;
		padding:60px 60px;
		border-radius: 30px;
		width: 100%;

		h2{
			font-size: 2.5vw;
			font-weight: bold;
		}

		h6{
			font-size: 1vw;
			font-weight: 500;
			padding-bottom: 30px;
		}
		
		.featurepart-row{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;

		}

		.coloum{
			width: 32%;
			height: auto;

			.feature-content{
				background: #fff;
				padding: 30px;
				border-radius: 20px;
				text-align: left;
				margin: 30px 0px;
				
				.feature-icon{
					width: 70px;
					height: 70px;
					object-fit: contain;
					overflow: hidden;
					margin-bottom: 20px;
					
					img{
						width: 100%;
					}
				}

				h5{
					font-size:1.2vw;
					font-weight: 500;
				}

				p{
					font-size: 16px;
					color: #666;
					padding: 0px;
					line-height: 24px;
					margin: 0px;
				}
			}
		}
	}
}


.reviewsection{
	padding:0px 0px 60px 0px;

	.reviewheading{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 30px;

		h2{
			font-size: 2.5vw;
			font-weight: bold;
			text-align: left;
		}

		p{
			font-size: 1vw;
			color: #666;
			line-height: 1.8vw;
			text-align: left;
			font-weight: 500;
		}
	}
}

.reviewbox{
	width: 100%;
	height: auto;
	padding: 60px 30px;
	background: #FEFBEF;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	
	.review-image{
		width: 100px;
		margin-bottom: 20px;

		img{
			width: 100%;
		}
	}

	h4{
		font-size: 1.5vw;
		font-weight: 600;
	}

	h6{
		font-size: 18px;
		color: #666;
	}

	.start{
		display: flex;
		justify-content: space-around;
		
		span{
			margin: 10px 3px;
		}
	}

	p{
		font-size: 18px;
		font-weight: 500;
	}
}


#reviwe-slider{

	.owl-dots{
		margin: 0px !important;
		float: none !important;
		margin-top: 50px !important;

		button{
			width: 10px;
			height: 10px;
			border-radius: 100%;
			background: #B0B0B0;
			margin-right: 10px;
			transition: 0.3s ease-in;		
		}

		.active{
				width: 35px;
				border-radius: 10px;
				background: #EA4F0C !important;
			}

	}		

}


.ctasection{
	padding-bottom: 60px;
}
.ctablock{
	width: 100%;
	height: fit-content;
	position: relative;

	img{
		width: 100%;
		height: fit-content;
	}

	.ctacontent{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 30px;
		text-align: center;
		width: 100%;

		h1{
			font-size: 2.5vw;
			font-weight: bold;
		}

		p{
			font-size: 1.2vw;
			font-weight: 500;
			margin-bottom: 50px;
		}

		a{
			background: #fff;
			padding: 15px 30px;
			border-radius: 50px;
			text-align: center;
			color: #000;
			text-decoration: none;
			font-size: 1.2vw;
			font-weight: 600;
		}
	}
}


.healthupdate-box{
	background: #FEFBED;
	padding: 30px;
	border-radius: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;

	.healthimage{
		width: 39%;
		object-fit: cover;
		overflow: hidden;
		position: relative;

		img{
			width: 100%;
		}

		h6{
			position: absolute;
			top: 15px;
			left: 15px;
			background: rgba(255, 255, 255, 0.5);
			padding: 10px;
			border-radius: 8px;
		}
	}

	.healthcontent{
		width:57%;
		text-align: left;

		h3{
			font-size: 1.5vw;
			font-weight: 600;
			margin-bottom: 15px;
			display: -webkit-box;
        	-webkit-line-clamp: 2;
        	-webkit-box-orient: vertical;
        	overflow: hidden;
        	text-overflow: ellipsis;
		}

		p{
			font-size: 1vw;
			font-weight: 500;
			color: #666;
			display: -webkit-box;
        	-webkit-line-clamp: 4;
        	-webkit-box-orient: vertical;
        	overflow: hidden;
        	text-overflow: ellipsis;
		}

		a{
			font-size: 18px;
			color: #EA4F0C;
			font-weight: 600;
			display: flex;
			align-items: center;

			span{
				margin-left: 10px;
				img{
					width:16px;
				}
			}
		}
	}
}


#healthupdate-slider{

	.owl-dots{
		margin: 0px !important;
		float: none !important;
		margin-top: 50px !important;

		button{
			width: 10px;
			height: 10px;
			border-radius: 100%;
			background: #B0B0B0;
			margin-right: 10px;
			transition: 0.3s ease-in;		
		}

		.active{
				width: 35px;
				border-radius: 10px;
				background: #ea4f0c !important;
			}

	}		

}


footer{
	
	.footer-top{
		background: #ffffff;
		padding: 30px 0px;

		.footer-top-row{
			display: flex;
			align-items: flex-start;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;

			.footer-top-block{
				width: 23%;
				height: auto;

				.footer-logo{
					width: 60%;
					img{
						width:100%;
					}
				}

				h5{
					text-align: left;
					font-size: 24px;
					font-weight: 600;
					margin-bottom: 20px;
				}
			
				
			}
		}
	}



	.footer-bottom{
		background: #f6f6f6;
		p{
			padding: 10px 0px;
			font-size: 16px;
			color: #666;
			text-align: center;
			margin: 0px;
		}
	}
}


.footer-social ul{
	text-align: left;
	margin-left: -20px;
	margin-top: 30px;
}
.footer-social ul li{
	list-style-type: none;
	display: inline-block;
	float: left;
	margin-right: 25px;
}

.footer-menu ul{
	text-align: left;
	margin-left: -30px;
}
.footer-menu ul li{
	list-style-type: none;
	margin-bottom: 10px;
}
.footer-menu ul li a{
	font-size: 18px;
	font-weight: 500;
	color: #666;

	img{
		width: 200px;
		padding-bottom: 20px;
	}
}

.footer-menu ul li a span{
	margin-right: 10px;

	img{
		width: 24px;
		padding: 0px;
	}
}

.modal-dialog{
	max-width: 80% !important;
	max-height: 90vh !important;
}

.modal-body{
	height: 70vh !important;
	overflow-y: auto;

	img{
		width: 100%;
		padding: 20px 0px;
	}

	p{
		font-size: 18px;
		color: #666;
		text-align: left;
		font-weight: 500;
		line-height: 28px;
	}
}

.modal-title{
	font-size: 1.7vw !important;
	font-weight: bold;
}


/*New Design*/

.newsection{
	background: #fff8e4;
	height:auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding-top: 100px;

	.newsection-container{
		width: 92%;
		margin: 0px auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		/* align-items: center; */

		.left{
			width: 49%;
			text-align: left;

			.newlogo{
				width:48%;
				margin-bottom: 20px;

				img{width: 100%;}
			}

			.applybtn2{
			background: #000;
			color: #fff !important;
			border-radius: 50px;
			padding: 10px 50px !important;
			font-size: 24px;
			transition: 0.3s all;
			margin-top: 7px;
			margin-bottom: 40px;
			width: fit-content;
			font-weight: 600;
			}

			.applybtn2 a{
				color: #fff;
			}

			h1{
				font-size: 3vw;
				font-weight: bold;
				color: #EA4F0C;
				text-align: left;
				line-height: 3.5vw;

				span{
					color: #008E72;
				}
			}

			h2{
				font-size: 2vw;
				font-weight: bold;
				color:#008E72;
				text-align: left;
				line-height: 3.5vw;
				padding-bottom: 80px;
			}

			p{
				font-size: 1.5vw;
				text-align: left;
				font-weight: 600;
				line-height: 1.9vw;
			}

			.usp{
				display: flex;
				flex-direction: row;
				margin-bottom: 20px;

				.uspblock{
					background: #ffffff;
					padding: 15px 25px;
					border-radius: 20px;
					font-size: 18px;
					font-weight: bold;
					display: flex;
					align-items: center;
					margin-right: 30px;
					color: #ea4f0c;

					span{
						margin-right: 10px;

						img{
							width: 28px;
						}
					}
				}

			}
			
		}

		.right{
			width: 49%;
			position: relative;

			.bannerbgnew{
				width: 50%;
				position: absolute;
				top: -8%;
				right: 22.5%;
				-webkit-animation: rotate-in-center 10600ms ease-in-out infinite alternate-reverse both;
	        	animation: rotate-in-center 10600ms ease-in-out infinite alternate-reverse both;
				

				img{width: 100%; opacity: 0.5;}
			}

			.vikrant2{
				width: 560px;
				height: 620px;
				overflow: hidden;
				object-fit: contain;
				margin: 0px auto;
				position: relative;
				z-index: 1;
				

				img{
					width: 100%;
				}
			}
			
		}
	}
}



@-webkit-keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}