@media only screen and (min-width:1024px) and (max-width:1440px) {
.bannersection {

    .banner-element2{
        left: 44%;
        top: 60%;
    }

    .banner-element3{
        left: 33%;
    }

    .banner-content{

        .banner-left{

            .cta-row{

                .cta{
                    margin-right: 13px;
                }
            }

        }

        .banner-right{
            width: 60%;

            .image1{
                width: 80%;
            }

            .image2{
                top:-80px
            }

            .image3{
                top:5px
            }
            .image4{
                top:65px
            }
        }
    }
    .banner-strip {
        bottom: -50px;
    }
}


.usp-row{
	width: 100%;
	padding: 30px;
	background: #FCF9F5;
	border-radius: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 100px;
	position: relative;

	.usp-left{
		width: 30%;

		h3{
			color: #3BB8CE;
			 font-family: 'Goodly';
			 font-size: 1.5vw;
			 font-weight: 600;
			 margin: 0px;
			 padding-left: 30px;
		}
	}

	.usp-right{
		width: 65%;
		display: flex;
		flex-direction: row;

		.usp-block{
			margin-right: 40px;
		   width: 200px;
			.usp-icon{
				width: 50px;
				margin-bottom: 20px;

				img{width: 100%;}
			}

			h6{
				font-size: 12px;
				color: #666;
				font-weight: 400;
				line-height: 18px;
			}
		}
	}

	.dogimage{
		position: absolute;
		right: -50px;
        bottom: 40px;
		width: 14%;

		img{width: 100%;}
	}
}

.photo-gallery{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 60px;

	.photo-col{
		width:calc(100% / 3 - 20px);
		height: 450px;
		margin-bottom: 30px;
		border-radius: 30px;
		overflow: hidden;
		object-fit: cover;

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

		.photoimage{
			width: 100%;
			height: calc(100% / 2 - 20px);
			margin-bottom: 40px;
			border-radius: 30px;
			overflow: hidden;
			object-fit: cover;

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

footer{
	background: #F1F4F3;
	padding: 60px 0px 20px 0px;

	.footer-row{
		display: flex;
		flex-direction: row;
		justify-content: space-between;

		.footer-block{
			width:calc(100% / 4);
			margin-right: 20px;

			.footerlogo
			{
				width: 100px;
				margin-bottom: 20px;

				img{
					width: 100%;
				}
			}

			p{
				font-size: 14px;
				color: #7D7D7D;
			}

			.footercall{
				display: flex;
				margin-top: 20px;

				.icon{
					width: 50px;
					margin-right: 10px;

					img{width: 100%;}
				}

				.text{
					text-align: left;

					h3{
						font-size: 1.2vw;
						font-family: 'Goodly';
						font-weight: 600;
					}

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

			h2{
				font-size: 1.5vw;
				font-family: 'Goodly';
				font-weight: 600;
				margin-bottom: 22px;
			}

			.workinglist{
				display: flex;
				width: 100%;
				justify-content: space-between;
				margin-bottom: 20px;

				.day{color: #7D7D7D; font-size: 14px;}

				.time{color: #000; font-weight: 600; margin-right: 20px; font-size: 14px;}
			}

			form{
				display: flex;

				button{
					background: #3BB8CE;
					border: none;
					padding: 0px 30px;
					height: 50px;
					border-radius: 10px;
					font-size: 18px;
					color: #fff;
				}
			}

			input[type=email]{
				width: 100%;
				height: 50px;
				border: 1px solid#eee;
				border-radius: 10px;
				padding: 0px 15px;
				margin-right: 10px;
			}

			.footer-menu{
				 ul{
					margin-left: -35px;
					text-align: left;

					li{
						display: inline-block;
						width: 49%;
						margin-bottom: 20px;
						position: relative;
					}

					li:before{
						position: absolute;
						content: '';
						width: 10px;
						height: 10px;
						background: #D1E9EC;
						top: 8px;
						left: 0;
						border-radius: 100px;
					}

					a{color: #666; padding-left: 15px; font-size: 12px;}
				 }
			}

		}
	}

	.footer-bottom{
		border-top: 1px solid#eee;

		p{
			font-size: 14px;
			font-weight: 400;
			text-align: center;
			padding-top: 20px;
			color: #666;
			margin: 0px;
		}
	}
}

.social-icon ul li a {
  width: 30px;
  height: 30px; }




.aboutuspage-text h2 { font-size: 50px;
  line-height: 50px;  }


.inner-pages p { font-size: 16px;
  line-height: 26px; }

.inner-pages ul li{
        font-size: 16px;
        line-height: 26px;  
}


}










@media only screen and (min-width:678px) and (max-width:1023px) {




.bookschedule {
    width: fit-content;
    background: #020202;
    color: #fff;
    border-radius: 50px;
    padding: 9px 15px;
    margin-left: 0px;
    transition: 0.3s ease-in-out;

	    a {
        color: #fff;
        font-size: 14px;
    }
}

.site_logo {
	width: 70px;
}


/* ====================== */
.bannersection{
	background: #DDE6E2;
	background: linear-gradient(3deg, rgba(221, 230, 226, 1) 0%, rgba(239, 229, 218, 1) 100%);
	height: auto;
	padding: 100px 0px 0px 0px;
	position: relative;
	/* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%); */

	.banner-element1{
		position: absolute;
		left: 45%;
        top: 42%;
		display: none;

		img{
			width: 100px;
		}
		
	}
	.banner-element2{
		position: absolute;
		left: 43%;
        top: 65%;
		display: none;

		img{
			width: 70px;
		}
	}
	.banner-element3{
		position: absolute;
		left: 35%;
		display: none;
	}
	.banner-element4{
		position: absolute;
		right:4%;
		top: 50%;
		display: none;

		img{
			width: 80px;
		}
	}

	.banner-content{
		width: 83%;
		margin: 0px auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		

		

		.banner-left{

			width: 100%;

			br{display: none;}

			h1{
				font-size:38px;
				color:#3BB8CE;
				font-family: 'Goodly';
				font-weight: 600;
				margin-bottom: 20px;

				span{
					color: #6BA967;
				}
			}

			h6{
				font-size: 24px;
				margin-bottom:20px;
				font-weight: 500;
			}

			.cta-row{
				display: flex;
				align-items: center;
				flex-direction: row;
				justify-content: flex-start;

				.cta{
					text-transform: uppercase;
					font-size: 12px;
					font-weight: 600;
					margin-right: 15px;
					background: #fff;
					padding:10px 10px 10px 20px;
					border-radius: 50px;
					display: flex;
					align-items: center;
					width: fit-content;
					
					span{
						margin-left: 10px;

						img{
							width: 25px;
						}
					}
				}

				.blacbkbtn{
					background: #000;
					color: #fff;
				}
			}
		}


		.banner-right{
			position: relative;
			width: 100%;
			margin-top: 30px;


		.image1{
			position: absolute;
			right: 0;
			top:50%;
			transform:translateY(-50%);
			width: 100%;
			display: none;
			
			img{
				width: 100%;
			}
		}

		 .image2{
			position: absolute;
			top: -120px;
			right: 80px;
			width:50%;
			display: none;
			
			img{
				width: 100%;
			}
		}

		.image3{
			position: absolute;
            top: -30px;
            right: 40%;
            width: 35%;
			display: none;
			
			img{
				width: 100%;
			}
		}

		.image4{
			position: absolute;
            top: 30px;
            left: 70px;
            width: 22%;
			z-index: 2;
			display: none;
			
			img{
				width: 100%;
			}
		}

		.allpet{
			width: 100%;
			position: relative;
			right: 0;
			top: 0;
			display: block;

			img{
				width: 100%;
				
			}
		}


		}	
	}

	.banner-strip{
		width: 100%;
		height: 115px;
		background: url(../images/wave.svg) repeat-x;
		line-height: 110px;
		transform: rotate(0deg);
		margin-left: 0px;
		position: relative;
		bottom: 0px;
		z-index: 1;
		display: none;

		.banner-strip-text{
			animation: b-text-scroll 35s linear infinite;
			display: -webkit-box;
			white-space: nowrap;

			span{
			font-size: 2vw;
			font-weight: bold;
			color: #fff;
			margin: 0px 20px;
			
		}
		}
		

		
	}

	.banner-review{
		width: 250px;
		background: #fff;
		padding: 20px;
		position: absolute;
		right: 0;
		bottom: 105px;
		border-top-left-radius: 100px;
		border-bottom-left-radius: 100px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		box-shadow: 0px 0px 17px 4px rgba(0,0,0,0.12);
		-webkit-box-shadow: 0px 0px 17px 4px rgba(0,0,0,0.12);
		-moz-box-shadow: 0px 0px 17px 4px rgba(0,0,0,0.12);
		display: none;

		.review-image{
			width:fit-content;
			padding: 0px 10px 0px 20px;
			border-right: 1px solid#ccc;
			

			img{
				width: 40px;
				border-radius: 100%;
				border: 1px solid#fff;
				margin-left: -20px;
				display: inline-block;
				float: left;
			}
		}

		.review-text{
			padding: 0px 10px;

			h5{
				font-size: 16px;
				font-weight: bold;
				margin: 0px;

				span{
					color: #6BA967;
				}
			}

			p{
				font-size: 12px;
				text-transform: uppercase;
				color: #666;
				margin: 0px;
			}
		}
	}

}



/* ====================== */
.aboutsection{
	padding: 50px 0px;

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

		.about-left{
			width: 100%;
			margin-bottom: 20px;

			img{
				width: 100%;
			}
		}

		.about-right{
			width:100%;
			position: relative;

			br{display: none;}

			.spark{
				position: absolute;
				top: 0;
				right: 0;
				display: none;

				img{
					width: 70px;
				}
			}

			h2{
				 font-family: 'Goodly';
				font-size: 24px;
				line-height: 40px;
				font-weight: 600;
				margin-bottom: 20px;

				span{
					position: relative;
				}

				span:after{
					position:absolute;
					content: '';
					background: #FFFBB3;
					width: 100%;
					height: 25px;
					bottom: 5px;
					left: 0;
					z-index: -1;
				}
			}

			p{
				color: #7D7D7D;
				font-size: 16px;
				line-height: 30px;
				margin-bottom: 40px;
			}

			a{
				background: #000;
				font-size: 16px;
				color: #fff;
				font-weight: 600;
				padding: 10px 20px;
				border-radius: 100px;
			}
		}
	}
}


/* ====================== */

.usp-row{
	width: 100%;
	padding: 30px;
	background: #FCF9F5;
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 100px;
	position: relative;

	.usp-left{
		width: 100%;
		margin-bottom: 20px;

		h3{
			color: #3BB8CE;
			 font-family: 'Goodly';
			 font-size: 28px;
			 font-weight: 600;
			 margin: 0px;
			 padding-left: 0px;
		}
	}

	.usp-right{
		width: 100%;
		display: flex;
		flex-direction: column;

		.usp-block{
			margin-right: 50px;
			.usp-icon{
				width: 30px;
				margin-bottom: 20px;

				img{width: 100%;}
			}

			h6{
				font-size: 14px;
				color: #666;
				font-weight: 400;
				line-height: 20px;
			}
		}
	}

	.dogimage{
		position: absolute;
		right: -50px;
        bottom: 40px;
		width: 14%;
		display: none;

		img{width: 100%;}
	}
}


/* ====================== */
.heading-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;

	.heading-left{

		h6{
			text-transform: uppercase;
			color: #7D7D7D;
			font-size: 16px;
		}

		h2{
			font-size: 24px;
			font-family: 'Goodly';
			font-weight: bold;
		}
	}

	.heading-right{ 
		position: relative;
	a{
		background: #000;
		font-size: 12px;
		color: #fff;
		font-weight: 600;
		padding: 8px 12px;
		border-radius: 100px;
		margin: 0px;
	}
}
}

/* ====================== */
.service-row{
	display: flex;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content:flex-start;

	.service-box{
		width:100%;
		margin:15px 0px 15px 0px;
		height: 300px;
		background: #ffffff;
		margin-bottom: 20px;
		border-radius: 20px;
		box-shadow: 0px 0px 17px 4px rgba(239,229,218,0.50);
		-webkit-box-shadow: 0px 0px 17px 4px rgba(239,229,218,0.50);
		-moz-box-shadow: 0px 0px 17px 4px rgba(239,229,218,0.50);
		position: relative;
		padding: 30px;
		transition: 0.3s ease-in-out;

		.wave2{
			position: absolute;
			bottom: 0;
			right: 0;
			width: 40%;

			img{
				width: 100%;
			}
		}

		.paws{
			position:absolute;
			bottom: 3%;
			right: 15%;
			width: 20%;

			img{
				width: 100%;
			}
		}

		.service-top{
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: 20px;

			.service-icon{
				width: 60px;
				height: 60px;
				object-fit: contain;
				overflow: hi;
				margin-right: 20px;

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

			h4{
				font-size: 24px;
				font-family: 'Goodly';
				font-weight: 600;
			}
		}

		p{
			font-size: 16px;
			font-weight: 400;
			color: #7D7D7D;
			line-height: 30px;
			-webkit-line-clamp:3;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		h2{
			font-size: 18px;
			color:#3BB8CE;
			font-weight: 600;
			margin-bottom: 20px;
		}

		a{
			display: flex;
			align-items: center;
			font-size: 14px;
			font-weight: 500;
			color: #000;
			z-index: 1;

			span{
				margin-left: 5px;
			}
		}
	}

	.service-box:hover{
		background: #EFF6F3;
	}
}

/* ====================== */
.review-section{
	padding: 30px 0px;
	background:#F4F7F5;
	margin-top: 60px;
	margin-bottom: 60px;
}

.review-box{
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	position: relative;

	.element{
		position: absolute;
		top: 30px;
		right: 30px;
		width: 40px;
		height: 40px;

		img{width: 100%;}
	}

	.top{
		display: flex;
		align-items: center;
		margin-bottom: 10px;

		.imagebox{
			width: 50px;
			object-fit: cover;
			overflow: hidden;
			margin-right: 20px;

			img{
				width: 100%;
			}
		}

		.text{

			h4{
				text-align: left;
				font-size: 24px;
				font-family: 'Goodly';
				font-weight: 600;
				-webkit-line-clamp:1;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			h6{
				color: #666;
				font-weight: 400;
				-webkit-line-clamp:1;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}

	}

	.star{
		margin-bottom: 10px;
		font-size: 24px;

		span{
			color: #FFDA47;
			margin-right: 5px;
			
		}
	}

	p{
		font-size: 16px;
		color: #7D7D7D;
		-webkit-line-clamp:4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
	}
}

/* ====================== */
.photo-gallery{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;

	.photo-col{
		width:100%;
		height: auto;
		margin-bottom: 0px;
		border-radius: 30px;
		overflow: hidden;
		object-fit: cover;
		margin-bottom: 20px;

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

		.photoimage{
			width: 100%;
			height: calc(100% / 2 - 20px);
			margin-bottom: 20px;
			border-radius: 30px;
			overflow: hidden;
			object-fit: cover;

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

.service_pre{
	position: absolute;
	top:-100px;
	right: 50px;
	font-size:24px;
}

.service_next{
	position: absolute;
	top:-100px;
	right: 0;
	font-size: 24px;
}



/* ====================== */
footer{
	background: #F1F4F3;
	padding: 30px 0px 20px 0px;

	.footer-row{
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.footer-block{
			width:100%;
			margin-right: 0px;
			margin-bottom: 30px;

			.footerlogo
			{
				width: 100px;
				margin-bottom: 20px;

				img{
					width: 100%;
				}
			}

			p{
				font-size: 14px;
				color: #7D7D7D;
			}

			.footercall{
				display: flex;
				margin-top: 20px;

				.icon{
					width: 50px;
					margin-right: 10px;

					img{width: 1005;}
				}

				.text{
					text-align: left;

					h3{
						font-size: 24px;
						font-family: 'Goodly';
						font-weight: 600;
					}

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

			h2{
				font-size: 20px;
				font-family: 'Goodly';
				font-weight: 600;
				margin-bottom: 20px;
			}

			.workinglist{
			display: flex;
          width: 100%;
          justify-content: start;
          margin-bottom: 15px;
          gap: 80px;

				.day{color: #7D7D7D;}

				.time{color: #000; font-weight: 600; margin-right: 20px;}
			}

			form{
				display: flex;

				button{
					background: #3BB8CE;
					border: none;
					padding: 0px 30px;
					height: 50px;
					border-radius: 10px;
					font-size: 18px;
					color: #fff;
				}
			}

			input[type=email]{
				width: 100%;
				height: 50px;
				border: 1px solid#eee;
				border-radius: 10px;
				padding: 0px 15px;
				margin-right: 10px;
			}

			.footer-menu{
				 ul{
					margin-left: -30px;
					text-align: left;

					li{
						display: inline-block;
						width: 49%;
						margin-bottom: 20px;
						position: relative;
					}

					li:before{
						position: absolute;
						content: '';
						width: 10px;
						height: 10px;
						background: #D1E9EC;
						top: 5px;
						left: 0;
						border-radius: 100px;
					}

					a{color: #666; padding-left: 20px; font-size: 14px;}
				 }
			}

		}
	}

	.footer-bottom{
		border-top: 1px solid#eee;

		p{
			font-size: 14px;
			font-weight: 400;
			text-align: center;
			padding-top: 20px;
			color: #666;
			margin: 0px;
		}
	}
}

.custom-container {
	padding: 0px 50px;
}


.inner-banner-section { height: 250px; }
.inner-banner-section img {
	width: 100%;
	height: 250px;
	
}

.inner-pages {
	padding: 40px 0px;
}

.aboutuspage-text h2 { font-size: 45px;
  line-height: 45px; padding: 0px 0px 10px 0px;  }

.inner-pages p { font-size: 14px;
  line-height: 24px;  }


.contact-us-inn .addresscard h5 { font-size: 20px;
  line-height: 20px; padding: 0px 0px 10px 0px;  }


.contact-us-inn .addresscard p { font-size: 16px;
  line-height: 26px } 


.contact-us-inn .addresscard { border-radius: 20px;
  min-height: 210px; padding: 30px 20px;  }


.contact_section2 h3 { font-size: 45px;
  line-height: 45px; margin: 0px 0px 40px 0px;  }


.contact_right {
	padding: 0px 0px 0px 20px;
}





}

@media only screen and (min-width:230px) and (max-width:767px) {

	.bookschedule {
    width: fit-content;
    background: #020202;
    color: #fff;
    border-radius: 50px;
    padding: 9px 15px;
    margin-left: 0px;
    transition: 0.3s ease-in-out;

	    a {
        color: #fff;
        font-size: 14px;
    }
}

.site_logo {
	width: 70px;
}


/* ====================== */
.bannersection{
	background: #DDE6E2;
	background: linear-gradient(3deg, rgba(221, 230, 226, 1) 0%, rgba(239, 229, 218, 1) 100%);
	height: auto;
	padding: 100px 0px 0px 0px;
	position: relative;
	/* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%); */

	.banner-element1{
		position: absolute;
		left: 45%;
        top: 42%;
		display: none;

		img{
			width: 100px;
		}
		
	}
	.banner-element2{
		position: absolute;
		left: 43%;
        top: 65%;
		display: none;

		img{
			width: 70px;
		}
	}
	.banner-element3{
		position: absolute;
		left: 35%;
		display: none;
	}
	.banner-element4{
		position: absolute;
		right:4%;
		top: 50%;
		display: none;

		img{
			width: 80px;
		}
	}

	.banner-content{
		width: 83%;
		margin: 0px auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		

		

		.banner-left{

			width: 100%;

			br{display: none;}

			h1{
			font-size: 30px;
          color: #3BB8CE;
          font-family: 'Goodly';
          font-weight: 600;
          margin-bottom: 10px;

				span{
					color: #6BA967;
				}
			}

			h6{
			font-size: 20px;
          margin-bottom: 20px;
          font-weight: 500;
			}

			.cta-row{
				display: flex;
				align-items: center;
				flex-direction: row;
				justify-content: flex-start;
				flex-wrap: wrap;
          gap: 10px;

				.cta{
					text-transform: uppercase;
					font-size: 12px;
					font-weight: 600;
					margin-right: 15px;
					background: #fff;
					padding:10px 10px 10px 20px;
					border-radius: 50px;
					display: flex;
					align-items: center;
					width: fit-content;
					
					span{
						margin-left: 10px;

						img{
							width: 25px;
						}
					}
				}

				.blacbkbtn{
					background: #000;
					color: #fff;
				}
			}
		}


		.banner-right{
			position: relative;
			width: 100%;
			margin-top: 30px;


		.image1{
			position: absolute;
			right: 0;
			top:50%;
			transform:translateY(-50%);
			width: 100%;
			display: none;
			
			img{
				width: 100%;
			}
		}

		 .image2{
			position: absolute;
			top: -120px;
			right: 80px;
			width:50%;
			display: none;
			
			img{
				width: 100%;
			}
		}

		.image3{
			position: absolute;
            top: -30px;
            right: 40%;
            width: 35%;
			display: none;
			
			img{
				width: 100%;
			}
		}

		.image4{
			position: absolute;
            top: 30px;
            left: 70px;
            width: 22%;
			z-index: 2;
			display: none;
			
			img{
				width: 100%;
			}
		}

		.allpet{
			width: 100%;
			position: relative;
			right: 0;
			top: 0;
			display: block;

			img{
				width: 100%;
				
			}
		}


		}	
	}

	.banner-strip{
		width: 100%;
		height: 115px;
		background: url(../images/wave.svg) repeat-x;
		line-height: 110px;
		transform: rotate(0deg);
		margin-left: 0px;
		position: relative;
		bottom: 0px;
		z-index: 1;
		display: none;

		.banner-strip-text{
			animation: b-text-scroll 35s linear infinite;
			display: -webkit-box;
			white-space: nowrap;

			span{
			font-size: 2vw;
			font-weight: bold;
			color: #fff;
			margin: 0px 20px;
			
		}
		}
		

		
	}

	.banner-review{
		width: 250px;
		background: #fff;
		padding: 20px;
		position: absolute;
		right: 0;
		bottom: 105px;
		border-top-left-radius: 100px;
		border-bottom-left-radius: 100px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		box-shadow: 0px 0px 17px 4px rgba(0,0,0,0.12);
		-webkit-box-shadow: 0px 0px 17px 4px rgba(0,0,0,0.12);
		-moz-box-shadow: 0px 0px 17px 4px rgba(0,0,0,0.12);
		display: none;

		.review-image{
			width:fit-content;
			padding: 0px 10px 0px 20px;
			border-right: 1px solid#ccc;
			

			img{
				width: 40px;
				border-radius: 100%;
				border: 1px solid#fff;
				margin-left: -20px;
				display: inline-block;
				float: left;
			}
		}

		.review-text{
			padding: 0px 10px;

			h5{
				font-size: 16px;
				font-weight: bold;
				margin: 0px;

				span{
					color: #6BA967;
				}
			}

			p{
				font-size: 12px;
				text-transform: uppercase;
				color: #666;
				margin: 0px;
			}
		}
	}

}



/* ====================== */
.aboutsection{
	padding: 50px 0px;

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

		.about-left{
			width: 100%;
			margin-bottom: 20px;

			img{
				width: 100%;
			}
		}

		.about-right{
			width:100%;
			position: relative;

			br{display: none;}

			.spark{
				position: absolute;
				top: 0;
				right: 0;
				display: none;

				img{
					width: 70px;
				}
			}

			h2{
			font-family: 'Goodly';
          font-size: 24px;
          line-height: 34px;
          font-weight: 600;
          margin-bottom: 10px;

				span{
					position: relative;
				}

				span:after{
					position:absolute;
					content: '';
					background: #FFFBB3;
					width: 100%;
					height: 25px;
					bottom: 5px;
					left: 0;
					z-index: -1;
				}
			}

			p{
			color: #7D7D7D;
          font-size: 14px;
          line-height: 24px;
          margin-bottom: 30px;
			}

			a{
				background: #000;
				font-size: 16px;
				color: #fff;
				font-weight: 600;
				padding: 10px 20px;
				border-radius: 100px;
			}
		}
	}
}


/* ====================== */

.usp-row{
	width: 100%;
	padding: 30px;
	background: #FCF9F5;
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 100px;
	position: relative;

	.usp-left{
		width: 100%;
		margin-bottom: 20px;

		h3{
			color: #3BB8CE;
			 font-family: 'Goodly';
			 font-size: 20px;
			 font-weight: 600;
			 margin: 0px;
			 padding-left: 0px;
		}
	}

	.usp-right{
		width: 100%;
		display: flex;
		flex-direction: column;

		.usp-block{
			margin-right: 50px;
			.usp-icon{
				width: 30px;
				margin-bottom: 20px;

				img{width: 100%;}
			}

			h6{
				font-size: 14px;
				color: #666;
				font-weight: 400;
				line-height: 20px;
			}
		}
	}

	.dogimage{
		position: absolute;
		right: -50px;
        bottom: 40px;
		width: 14%;
		display: none;

		img{width: 100%;}
	}
}


/* ====================== */
.heading-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
	flex-wrap: wrap;

	.heading-left{

		h6{
			text-transform: uppercase;
			color: #7D7D7D;
			font-size: 16px;
		}

		h2{
			font-size: 24px;
			font-family: 'Goodly';
			font-weight: bold;
		}
	}

	.heading-right{ 
		position: relative;
	a{
		background: #000;
		font-size: 12px;
		color: #fff;
		font-weight: 600;
		padding: 8px 12px;
		border-radius: 100px;
		margin: 0px;
	}
}
}

/* ====================== */
.service-row{
	display: flex;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content:flex-start;

	.service-box{
	width: 100%;
      margin: 0px;
    margin-bottom: 0px;
      height: auto;
      background: #ffffff;
      margin-bottom: 10px;
      border-radius: 20px;
      box-shadow: 0px 0px 17px 4px rgba(239,229,218,0.50);
      -webkit-box-shadow: 0px 0px 17px 4px rgba(239,229,218,0.50);
      -moz-box-shadow: 0px 0px 17px 4px rgba(239,229,218,0.50);
      position: relative;
      padding: 30px;
      transition: 0.3s ease-in-out;

		.wave2{
			position: absolute;
			bottom: 0;
			right: 0;
			width: 40%;

			img{
				width: 100%;
			}
		}

		.paws{
			position:absolute;
			bottom: 3%;
			right: 15%;
			width: 20%;

			img{
				width: 100%;
			}
		}

		.service-top{
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: 20px;

			.service-icon{
				width: 60px;
				height: 60px;
				object-fit: contain;
				overflow: hi;
				margin-right: 20px;

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

			h4{
				font-size: 20px;
				font-family: 'Goodly';
				font-weight: 600;
			}
		}

		p{
		font-size: 14px;
        font-weight: 400;
        color: #7D7D7D;
        line-height: 22px;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
		}

		h2{
			font-size: 18px;
			color:#3BB8CE;
			font-weight: 600;
			margin-bottom: 20px;
		}

		a{
			display: flex;
			align-items: center;
			font-size: 14px;
			font-weight: 500;
			color: #000;
			z-index: 1;

			span{
				margin-left: 5px;
			}
		}
	}

	.service-box:hover{
		background: #EFF6F3;
	}
}

/* ====================== */
.review-section{
	padding: 30px 0px;
	background:#F4F7F5;
	margin-top: 60px;
	margin-bottom: 60px;
}

.review-box{
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	position: relative;

	.element{
	position: absolute;
      top: 7px;
      right: 16px;
      width: 25px;
      height: 25px;

		img{width: 100%;}
	}

	.top{
		display: flex;
		align-items: center;
		margin-bottom: 10px;

		.imagebox{
			width: 50px;
			object-fit: cover;
			overflow: hidden;
			margin-right: 20px;

			img{
				width: 100%;
			}
		}

		.text{

			h4{
				text-align: left;
				font-size: 24px;
				font-family: 'Goodly';
				font-weight: 600;
				-webkit-line-clamp:1;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			h6{
				color: #666;
				font-weight: 400;
				-webkit-line-clamp:1;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}

	}

	.star{
		margin-bottom: 10px;
		font-size: 24px;

		span{
			color: #FFDA47;
			margin-right: 5px;
			
		}
	}

	p{
		font-size: 14px;
		color: #7D7D7D;
		-webkit-line-clamp:4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
	}
}

/* ====================== */
.photo-gallery{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 0px;

	.photo-col{
		width:100%;
		height: auto;
		margin-bottom: 0px;
		border-radius: 30px;
		overflow: hidden;
		object-fit: cover;
		margin-bottom: 5px;

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

		.photoimage{
			width: 100%;
			height: calc(100% / 2 - 20px);
			margin-bottom: 10px;
			border-radius: 30px;
			overflow: hidden;
			object-fit: cover;

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

.service_pre{
	position: absolute;
	top:-100px;
	right: 50px;
	font-size:24px;
}

.service_next{
	position: absolute;
	top:-100px;
	right: 0;
	font-size: 24px;
}



/* ====================== */
footer{
	background: #F1F4F3;
	padding: 30px 0px 20px 0px;

	.footer-row{
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.footer-block{
			width:100%;
			margin-right: 0px;
			margin-bottom: 30px;

			.footerlogo
			{
				width: 100px;
				margin-bottom: 20px;

				img{
					width: 100%;
				}
			}

			p{
				font-size: 14px;
				color: #7D7D7D;
			}

			.footercall{
				display: flex;
				margin-top: 20px;

				.icon{
					width: 50px;
					margin-right: 10px;

					img{width: 1005;}
				}

				.text{
					text-align: left;

					h3{
						font-size: 24px;
						font-family: 'Goodly';
						font-weight: 600;
					}

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

			h2{
				font-size: 20px;
				font-family: 'Goodly';
				font-weight: 600;
				margin-bottom: 20px;
			}

			.workinglist{
		display: flex;
          width: 100%;
          justify-content: start;
          margin-bottom: 10px;
          gap:40px;

				.day{color: #7D7D7D;}

				.time{color: #000; font-weight: 600; margin-right: 20px;}
			}

			form{
				display: flex;

				button{
					background: #3BB8CE;
					border: none;
					padding: 0px 30px;
					height: 50px;
					border-radius: 10px;
					font-size: 18px;
					color: #fff;
				}
			}

			input[type=email]{
				width: 100%;
				height: 50px;
				border: 1px solid#eee;
				border-radius: 10px;
				padding: 0px 15px;
				margin-right: 10px;
			}

			.footer-menu{
				 ul{
					margin-left: -30px;
					text-align: left;

					li{
						display: inline-block;
						width: 48%;
						margin-bottom: 20px;
						position: relative;
					}

					li:before{
						position: absolute;
						content: '';
						width: 10px;
						height: 10px;
						background: #D1E9EC;
						top: 5px;
						left: 0;
						border-radius: 100px;
					}

					a{color: #666; padding-left: 20px; font-size: 14px;}
				 }
			}

		}
	}

	.footer-bottom{
		border-top: 1px solid#eee;

		p{
			font-size: 14px;
			font-weight: 400;
			text-align: center;
			padding-top: 20px;
			color: #666;
			margin: 0px;
		}
	}
}

.custom-container {
	padding: 0px 20px;
}

.inner-banner-section-text h1 { font-size: 40px; line-height: 40px;
  padding-bottom: 20px;  }

.inner-banner-section { height: 200px; }

.inner-banner-section img { height: 200px; }

.inner-banner-section-text { top: 135px; }

.inner-pages {
	padding: 30px 0px;
}
.aboutuspage-text h2 { font-size: 30px;
  line-height: 35px; padding: 0px 0px 10px 0px;  } 

.inner-pages p {

	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}

.contact-us-inn .addresscard { margin-bottom: 10px; min-height: auto; }

.contact-us-inn .addresscard h5 { font-size: 22px;
  line-height: 22px; padding: 0px 0px 5px 0px;  }


.contact_section2 h3 { font-size: 30px;
  line-height: 30px; margin: 0px 0px 20px 0px;  }
  
  .contact_section2 {
	margin-top: 30px;
}
  
  .contact_right {
	padding: 20px 0px 0px50px;
}
  


}