/* first section har start */
.mt-5{
	margin-top: 50px !important;
  }
  .mb-5{
	margin-bottom: 50px !important;
  }
  .pt-5{
	padding-top: 50px;
  }
  .pb-5{
	padding-bottom: 50px;
  }
  .mt-100{
	margin-top: 100px !important;
  }
  .mb-100{
	margin-bottom: 100px !important;
  }
  .mt-200{
	margin-top: 200px !important;
  }
  .mb-200{
	margin-bottom: 200px !important;
  }
  .mb-0{
	margin-bottom: 0px;
  }
  .mt-0{
	margin-top: 0px;
  }
  .f-22{
	font-size: 22px;
	line-height: 30px;
  }
  .f-w-400{
	font-weight: 400;
  }
.her-main{
	display: flex;
	justify-content: space-between;
	padding: 100px 70px;
}
.inner-1{
	flex: 2.5;
	padding: 0px 20px;
	cursor: pointer;
}
.inner-2{
	flex: 2.5;
	padding: 0px 20px;
	cursor: pointer;
	
}
.inner-3{
	flex: 2.5;
	padding: 0px 20px;
	cursor: pointer;
	
}
.inner-4{
	flex: 2.5;
	padding: 0px 20px;
	cursor: pointer;
	
}
.inner-5{
	flex: 2.5;
	padding: 0px 20px;
	cursor: pointer;	
	
}

.video-container {
    height: 800px;
    width: 100%;
    position: relative;
}
.video-container video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
    border-radius: 15px;
}
.video-container .caption {
    z-index: 1;
    position: relative;
    text-align: center;
    color: #dc0000;
    padding: 10px;
}
.video-section {
  height: 300px;
  width: 100%;
  position: relative;
}

.video-section video {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
z-index: 0;
border-radius: 15px;
}

.video-section .caption {
z-index: 1;
position: relative;
text-align: center;
color: #dc0000;
padding: 10px;
}
.sub-heading{

    font-weight: 500px;
    color: #b7b9cb;
    margin-top: -25px;

}
button.visit-btn {
    padding: 10px 32px 10px 32px;
    margin-top: -8px;
    border-radius: 26px;
    background: transparent;
    width: 100%;
}

/* color change hover */
.inner-1:hover .visit-btn{
	background-color: black;
	color: white;
}
.inner-2:hover .visit-btn{
	background-color: black;
	color: white;
}
.inner-3:hover .visit-btn{
	background-color: black;
	color: white;
}
.inner-4:hover .visit-btn{
	background-color: black;
	color: white;
}
.inner-5:hover .visit-btn{
	background-color: black;
	color: white;
}

/* first section har end */

/*second sextion start*/

.product-row-1{
	display: flex;
}
.col-1{
	flex: 50%;
}
.col-2{
	flex: 50%;
}
.product-her{
	padding: 50px 70px;
	background-color: #f1f4f2;
}
.col-1{
	margin: 0px 82px 0px 30px;
}
.col-2{
	margin: 0px 82px 0px 30px;
}
.heading-product{

    font-size: 28px;
    text-decoration: underline;
    font-weight: bold;
    font-family: sans-serif;
    color: #1d1e1d;

}
.product-btn {
	margin-top: 10px;
    font-size: small;
    padding: 18px 70px;
    background-color: #b9ced5;
    border: none;

}
.product-description{
	font-size: small;
	font-weight: lighter;
}

.col-1:hover .product-btn{
	background-color: white;
	color: black;
	box-shadow: 10px 10px #0000000d;
}
.col-1:hover .heading-product{
	color: #1e3c46;
}
.col-1:hover .product-para{
	color: #1e3c46;
}

.layer-1{
	background-image: url("../assets/img/her1.webp");
	background-size: contain;
	background-repeat: no-repeat;
	
}
.col-1:hover .layer-1{
	background-image: url("../assets/img/her3.jfif");
}

/*col 2*/
.col-2:hover .product-btn{
	background-color: white;
	color: black;
	box-shadow: 5px 10px #0000000d;
}
.col-2:hover .heading-product{
	color: #1e3c46;
}
.col-2:hover .product-para{
	color: #1e3c46;
}
.product-row-2{
	padding-top: 50px;
	display: flex;
}
.layer-2{
	background-image: url("../assets/img/her1.webp");
	background-size: contain;
	background-repeat: no-repeat;
    max-height: 390px;
    max-width: 500px;
	
}
.col-2:hover .layer-2{
	background-image: url("../assets/img/her3.jfif");
}
/*3rd section start*/

.main-card{
	display: flex;
}
.card-body{
	flex: 1;
	margin:0px 5px;
	padding-left: 30px;
	padding-right: 20px;
	border-radius: 20px;
	box-shadow: 5px 5px 5px 5px #0000000d ;
}
.cards{
	padding: 100px 0px;
}
.card-icon{
	padding-bottom: 35px;
	font-size: 40px;
}
.card-heading{
	font-size: 19px;
	font-weight: 300;
	font-family: sans-serif;
	font-weight: bold;
	color: #c4b3a1;
	line-height: 1.5;
}
.card-second-heading{
	font-size: 17px;
	font-weight: 500;
	font-family: sans-serif;
	font-weight: bold;
	color: black;
}

/*3rd section end*/

/* 4rth section feature header start */

.container-feature{
	padding: 200px 200px;
	}
.feature-inner-heading{
	color:white;
	text-align: center;
	line-height: 1.3;
    padding: 0px 250px;
    font-weight: 500;
    font-size: 40px;
	margin-bottom: 265px;
}
.feature-inner-btn{
	position: absolute;
	bottom: 112px;
	left: 544px;
	border: none;
    padding: 15px 65px;
    display: block;
    margin: 0px auto;
	border-radius: 25px;
	background-color: white;
	cursor: pointer;

}
.feature-inner-btn:hover{
	background-color: #3f3c3cd4;
	border: 1px solid white;
	color: white;
}
	video.myvideo {
	display: inline-block;
	}
	video.myvideo, .patient-video {
	width: 100%;
	vertical-align: top;
	filter: opacity(50%);
	}
	video.myVideo {
		width: 100%;
		height: 100%;
	}
	.ed-microsite-section {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		position: relative;
	}
	.mainimg {
		min-height: 759 px;
		background-size: cover;
		background-position: center;
		line-height: 0px;
	}
	.hl-microsite-overlapping {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		padding: 0 30px;
	}
/* 4rth end */

/* 5th section start */


.container-banner{
	
	background-size: contain;
	width: 100%;
	height: 100%;
	border-radius: 15px;
    padding: 50px 50px 50px 60px;
	background-position: center;
}
.banner-btn{
	color: white;
	background-color: #000000;
	padding: 15px 20px 10px 20px;
    border-radius: 30px;
	border-radius: 25px;
	cursor: pointer;

}
.banner-heading{
	font-size: 30px;
	font-weight: 500;
    font-family: system-ui;
}
.banner-btn:hover{
	background-color: #0000008a;
}

/* 6th section start */

.product-inner-heading{
	text-align: center;
	font-size: 30px;
    font-weight: 500;
    font-family: system-ui;
}
.product-inner-para{
	text-align: center;
	padding-bottom:30px;
}
.main-inner{
	display: flex;
	flex-wrap: nowrap;
	
}
.left-product{
	flex: 50%;
	margin-right: 10px;
	border-radius: 10px;
}
.right-product{
	flex: 25%;
	margin-left: 10px;
	padding-right: 30px;
}
.right-product-2{
	flex: 25%;
	padding-right: 30px;
}

.container-product{
	padding: 100px 100px;
}
.inner-right-p1-img{
	
    height: 260px;
    width: 100%;

}

 video.myVideo-inner {
	border-radius: 20px;
    max-width: 100%;
    max-height: 810px;
    
}
.new-visit-btn{
	
	padding: 15px 32px 10px 32px;
    margin-top: -8px;
    border-radius: 26px;
    background: transparent;
    width: 100%;
	border: 1px solid lightgray;
	cursor: pointer;
}
.new-visit-btn:hover{
	background-color: black;
	color: white;
}

.right-main{
	display: flex;
	flex-direction: column;
}
.right-inner{
	display: flex;
}
.nest-inner{
	display: flex;
	margin-top: 20px;
}
/* 6th section end */

/* ipad responsive */
@media screen and (max-width: 768px){
	/* first section start */

	.her-main {
	padding: 100px 30px;
	}

	.video-section video {

		height: 223px;
	}

	.video-section {
    height: 269px;
    width: 100%;
	}

	.inner-1{
	padding: 0px 5px;
	}
	.inner-2{
	padding: 0px 5px;
	}
	.inner-3{
	padding: 0px 5px;
	}
	.inner-4{
	padding: 0px 5px;
	}
	.inner-5{
	padding: 0px 5px;
	}

	.feature-heading{
		margin-top: -30px;
	}
	button.visit-btn {
		padding: 10px 0px;
		margin-top: -8px;
		border-radius: 26px;
		background: transparent;
		width: 100%;
	}

	/* second section  start*/

	.product-her {
		padding: 50px 10px;
			
}
.col-1{
	margin: 0px 10px;
	
}
.col-2{
	margin: 0px 10px;
	
}

			/* 3rd section  start*/

	.card-icon {
		padding-bottom: 10px;
		font-size: 40px;
		}
	.card-second-heading {
    font-size: 15px;
}
	.card-heading {
		font-size: 15px;
	
	}
	.card-body {
		padding-left: 10px;
		padding-right: 10px;
		
	}
	/*4rth section start*/

	.feature-inner-heading {
    
    padding: 0px 95px;
    margin-bottom: 170px;
    font-size: 36px;
}

	.feature-inner-btn {
    position: absolute;
    bottom: 115px;
    left: 260px;
    
}
	/*4rth section end*/
	/*5th section start*/
	.banner{
		padding: 100px 0px;
	}
	.container-banner {
    background-repeat: no-repeat;
    padding: 50px 50px 50px 34px;
}
	/*5th section end*/
	/*6th section start*/
	video.myVideo-inner {
		max-width: 100%;
		max-height: 100%;
	}
	.right-inner {
		margin-top: 40px;
	}
	.container-product {
    padding: 100px 70px;
}
.main-inner{
	flex-direction: column;
	/*6th section end*/
}
}

@media screen and (max-width: 480px){

	/*body overflow start

	body, html, .p, .mobile-nav__link, .category-card__text, .guide-card__text {
	    font-size: 16px;
	    font-weight: 400;
	    line-height: 150%;
	    overflow-x: hidden;
	}
	

	/*body overflow end*/
	/*  section get a free online con start */

	.container-feature {
	    display: flex;
	    padding: 0px 20px 0px 20px;
	    flex-direction: column;
	}
	.mt-5 {
	    margin-top: 0px !important;
	}
	h1.hl-microsite-header, h2.hl-microsite-header {
	    line-height: 45px;
	}
	/*  section get a free online con end */
	/* first section start */

	.video-section video {
		height: 100%;
	}
	.feature-heading{
		margin-top: 10px;
	}
	.her-main{
		display: flex;
		flex-direction: column;
	}
	.inner-1{
		padding:30px 0px;
	}
	.inner-2{
		padding:30px 0px;
	}
	.inner-3{
		padding:30px 0px;
	}
	.inner-4{
		padding:30px 0px;
	}
	.inner-5{
		padding:30px 0px;
	}
		/* first section end */
		/*second section start  */

		.product-row-1{
			display: flex;
			flex-direction: column;
		}
		.product-row-2{
			display: flex;
			flex-direction: column;
			padding: 0px;
		}
		.product-her{
			padding: 50px 10px;
			
		}
		/* second section end */
		.main-card{
			display: flex;
			flex-direction: column;
			padding: 0px 50px;
		}
		.col-1{
			padding:0px 0px;
			 margin: 0px 0px 30px 0px;
		}
		.col-2{
			padding:0px 0px;
			 margin: 0px 0px 30px 0px;
		}

		/* 3rd section start */

		.card-icon {
			padding-bottom: 60px;
			font-size: 40px;
		}
		.card-heading {
			font-size: 20px;
		}
		.card-second-heading {
			font-size: 18px;
		}
		.card-body {
			margin-top: 30px;
			padding-left: 10px;
			padding-right: 10px;
		}

		/* 6th section start */

		.container-product {
    		padding: 100px 0px;
		}
		.main-inner {
		    display: flex;
		    flex-direction: column;
		    
		}
		.right-product {
		 
		    margin-left: 10px;
		    padding-right: 10px;
		}
		.right-product-2 {
		 
		    padding-right: 10px;
		}
		.main-inner {
			padding: 0px 10px;
			
		}
		.left-product {
		
			margin-right: 0px;
			
		}
		/* 6th section end */

		/*5th section start*/
		.banner {
    		padding: 100px 30px;
		}
		.container-banner {
		   	 background: no-repeat;
		    width: 100%;
		    height: 100%;
		    border-radius: 15px;
		    padding: 53px 10px 50px 17px;
		    background-position: center;
		}
		.banner {
		    padding: 100px 10px;
		}
		.banner-btn {
		    color: white;
		    background-color: #000000;
		    padding: 15px 30px 10px 30px;
		    border-radius: 30px;
		    border-radius: 25px;
		    cursor: pointer;
		}


		/*5th section end*/
		/* 4rth section start */
		.feature-inner-heading {
		    margin-top: -50px;
		    color: white;
		    text-align: center;
		    line-height: 1.3;
		    padding: 0px 0px;
		    font-weight: 500;
		    font-size: 21px;
		    margin-bottom: 85px;
		}
		.feature-inner-btn {
			bottom: 30px;
    		left: 110px;
		    position: absolute;
		    border: none;
		    padding: 12px 32px;
		    display: block;
		    margin: 0px auto;
		    border-radius: 25px;
		    background-color: white;
		}

		.hl-microsite-wrapper-1 {
		    margin: 0px 0px;
		    display: block;
		}
		.mainimg.img-fit-cover-1{
			min-height: 218px;
		}
		/*4rth section end*/
}