.storywrap
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	& .storyleft{
		width:calc(100% - 540px);
		max-width:740px;
		
		& .story-box:not(:last-child){
			margin-bottom:70px;
		}
	}
	& .storyright{
		 width:540px;
	}
	& .heading-30 {
    font-size: 30px;
    font-weight: var(--font-weight-semibold);
		  margin-bottom:0;
		  width:120px;
	}
	& .story-content{
		width:calc(100% - 170px);
		
		& .st-title{
			 font-size:18px;
			 font-weight:500;
			 margin-bottom:3px;
		}
	}
}
.story-box
{
	 display: flex;
  flex-wrap: wrap;
  column-gap: 50px;
}
.storyimage-list
{
	& img{
		margin-bottom:1px;
	}
	& .simg-wrap{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		& img{
				width:calc(50% - 0.5px);
		}
	}
}

/**/

main .content-wrapper.whychoose-sec ul
{
	  column-count: 2;
		gap: 140px;
}
main .content-wrapper.whychoose-sec ul li
{
	  color:var(--white);
					page-break-inside: avoid;
	font-weight:400;
}
.whychoose-wrap {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ffffff8a;
    margin-bottom: 45px;
    padding-bottom: 45px;
	  justify-content:space-between;
				& [class*="heading-"]{
						width:calc(100% - 680px);
					 max-width:530px;
					 margin-bottom:0;
				}
				& .whychs-content{
					 width:680px;
					& p{
						color:var(--white);
					}
				}
}

.faqbox-wrap{
				display:flex;
				flex-wrap:wrap;
				justify-content:space-between;

				& .faqbox-left{
						width:calc(100% - 590px);
							max-width:610px;
					& .font20{
						font-size:20px;
						color:#565B5E;
						font-weight:var(--font-weight-semibold);
						margin-bottom:20px;
					}
				}
				& .faqbox-right{
						width:590px;
				}
}

.appointment-ul {
    display: flex;
    flex-wrap: wrap;
				margin:0 -12px;
			& .appointment-li{
					width:25%;
					padding:0 12px;
			}
		 & .appointment-box{
			  background-color:var(--white);
				 border-radius:10px;
			  padding:30px;
			  height:100%;
		 }
		 & .apnt-title {
					font-size: 20px;
					font-weight: var(--font-weight-medium);
					color: var(--dark-blue);
					position: relative;
					display: flex;
					flex-wrap: wrap;
					padding-left: 40px;
					margin-bottom: 20px;
			  max-width:245px;
	 }
		& .apnt-title>img {
					position: absolute;
					left: 0;
	 }
		& .apnt-box {
					padding-left: 40px;
	 }
}
.hm-cta-section{
	margin-bottom:100px;
}
.ourstory-pg .hm-cta-section:before
{
	position:absolute;
	content:"";
	height:50%;
	width:100%;
	background-color:#F4F8F9;
	top:0;
	left:0;
}
.review-item .play-overlay {
    position: relative;
}
.review-item .play-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width:100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.play-overlay:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #003D6557;
	z-index:0;
}
.review-item .play-icon>a{
	width: 94px;
    height: 94px;
}
.review-item .badge{
	z-index:1;
}
.review-item .play-icon>a:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 94px;
  height: 94px;
      border: 1px solid #FFFFFF;
  border-radius: 100%;
  animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}


/*-------- media query ------*/

@media (max-width:1599.98px) {
	
}

@media (max-width:1439.98px) {
				.storywrap {
							& .storyleft {
											width: calc(100% - 440px);
											max-width:100%;
											padding-right:40px;
							}
							& .storyright {
											width:440px;
							}
					& .heading-30{
						font-size:28px;
					}
			}
	
	
	  .whychoose-wrap {
				  margin-bottom:40px;
    		padding-bottom:40px;
						& [class*="heading-"] {
							 padding-right:30px;
    	 }
			}
	
				main .content-wrapper.whychoose-sec ul
			 {
						gap:40px;
						margin-bottom:0;
			 }
	
	
			.faqbox-wrap {
						& .faqbox-left {
									width: calc(100% - 590px);
									max-width:100%;
							  padding-right:60px;
						}
				  & .faqbox-right {
         width: 590px;
      }
		  }
	
			.appointment-ul {
						margin: 0 -8px;
						& .apnt-title>img{
							width:22px;
							margin-top:4px;
						}
						& .appointment-li {
									padding: 0 8px;
						}
						& .appointment-box{
								padding:20px;
						}
						& .apnt-title{
							  font-size:20px;
							  padding-left: 32px;
         margin-bottom: 10px;
         max-width: 100%;
						}
				  & .apnt-box {
        	padding-left:32px;
    		}
			}
	
		.hm-cta-section {
  		margin-bottom:80px;
		}
	
	.review-item .badge{
		width:160px;
		height:160px;
		margin-left: -80px;
  margin-top: -80px;
	}
	
}

@media (max-width:1199.98px) {
			.storywrap {
							& .storyleft {
											width: calc(100% - 300px);
											max-width:100%;
											padding-right:30px;
								  & .story-box:not(:last-child) {
												margin-bottom:40px;
										}
							}
							& .storyright {
											width:300px;
							}
		    & .heading-30 {
        font-size: 24px;
        width: 100px;
    		}
				  & .story-content {
         width: calc(100% - 120px);
    		}
				& .heading-30{
						font-size:24px;
					}
			}
			.story-box{
				column-gap:20px;
			}
	 
	  main .content-wrapper.whychoose-sec ul
			{
						gap:30px;
						margin-bottom:0;
			}
	
	  .faqbox-wrap {
						& .faqbox-left {
									width:100%;
									max-width:100%;
							  padding-right:0px;
							  margin-bottom:20px;
						}
				  & .faqbox-right {
         width:100%;
      }
		  }
	
	
			.appointment-ul {
				        margin: 0 -8px -16px;
						& .appointment-li {
										width:50%;
							margin-bottom:16px;
						}
			}
		.review-item .play-icon>a,.review-item .play-icon>a:before {
						width: 64px;
						height: 64px;
		}
	
	.hm-cta-section {
  		margin-bottom:60px;
		}
}

@media (max-width:991.98px) {
			.storywrap {
							& .storyleft {
											width: 100%;
											max-width:100%;
											padding-right:0px;
								   margin-bottom:30px;
								  & .story-box:not(:last-child) {
												margin-bottom:30px;
										}
							}
							& .storyright {
											width:100%;
								 max-width:540px;
								margin:0 auto;
							}
		    & .heading-30 {
        font-size: 24px;
        width: 100px;
    		}
				  & .story-content {
         width: calc(100% - 120px);
    		}
			}
	
	 .whychoose-wrap {
    & .whychs-content {
       width: 480px;
    }
			 & [class*="heading-"] {
      padding-right: 30px;
					 width: calc(100% - 480px);
    }
  }
	 main .content-wrapper.whychoose-sec ul
			{
						gap:0px;
						margin-bottom:0;
				  column-count:1;
			}
		.review-item .play-icon>a,.review-item .play-icon>a:before {
						width: 58px;
						height: 58px;
		}
	
	.hm-cta-section {
  		margin-bottom:40px;
		}
	 .review-item .badge{
				width:120px;
				height:120px;
				margin-left: -60px;
				margin-top: -60px;
	}
.review-wrap {
      max-width: 50%;
      margin: 0 auto 80px;
      width: 100%;
      text-align: center;
  
      justify-content: center;
      text-align: center;
      flex: 0 100%;
      align-items: center;
      & .logo {
        margin: 0 auto 30px;
      }
      & .heading-44 {
        width: 100%;
      }
    }
}

@media (max-width:767.98px) {
		.storywrap {
						& .heading-30 {
        font-size: 22px;
      }
			}
	
	.whychoose-wrap {
		  margin-bottom:30px;
    padding-bottom:30px;
		
    & .whychs-content {
       width:100%;
    }
			 & [class*="heading-"] {
      padding-right:0px;
					 width:100%;
					 margin-bottom:15px;
    }
  }
		
}

@media (max-width:575.98px) {
	 .story-box {
   column-gap:0px;
  }
	.storywrap {
    & .story-content {
      width:100%;
    }
				& .heading-30{
						width:auto;
					 margin-bottom:10px;
					 font-size:20px;
				}
		  & .storyleft {
      & .story-box:not(:last-child) {
         margin-bottom:25px;
      }
    }
  }
	
	.appointment-ul {
				  margin: 0 0px -12px;
						& .appointment-li {
										width:100%;
							margin-bottom:12px;
						}
						& .apnt-title br{
							display:none;
						}
			}
	
				.review-item .badge{
							width:100px;
							height:100px;
							margin-left: -50px;
							margin-top: -50px;
				}
				.review-wrap{
					max-width:100%;
					margin: 0 auto 70px;
							& .logo {
									margin: 0 auto 20px;
							}
				}
	.review-item .play-icon > a, .review-item .play-icon > a::before{
		width:38px;
		height:38px;
	}
}