@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('../font/font.css');


body{
	font-family: "Poppins", sans-serif;
	overflow-x: hidden;
}

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;
	transition: 0.3s ease-in-out;
}

.bg{
	background-size: cover;
}
.site_logo{
	width:100px;
	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: 80px;
  width: 100%;
  z-index: 11;
  background-color: #fff;
  transition: 0.3s ease-in-out;
  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);
}
.sticky .site_logo{
	width:60px;
	padding-top: 8px;
	display: block;
	padding-bottom: 5px;
}

.header-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.bookschedule{
	width: fit-content;
	background: #020202;
	color: #fff;
	border-radius: 50px;
	padding: 15px 30px;
	margin-left: 50px;
	transition: 0.3s ease-in-out;

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

.bookschedule:hover{
	margin-top: -5px;
	box-shadow: 0px 10px 27px -3px rgba(0,0,0,0.21);
	-webkit-box-shadow: 0px 10px 27px -3px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 10px 27px -3px rgba(0,0,0,0.21);
}

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

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

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

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

		img{
			width: 80px;
		}
	}

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

		

		.banner-left{

			width: 40%;

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

				span{
					color: #6BA967;
				}
			}

			h6{
				font-size: 1.2vw;
				margin-bottom: 40px;
				font-weight: 500;
			}

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

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

						img{
							width: 35px;
						}
					}
				}

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


		.banner-right{
			position: relative;
			width: 55%;


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

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

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

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

		.allpet{
			width: 100%;
			position: absolute;
			right: 0;
			top: -100%;
			display: none;

			img{
				width: 100%;
				
			}
		}


		}	
	}

	.banner-strip{
		width: 100.3%;
		height: 115px;
		background: url(../images/wave.svg) repeat-x;
		line-height: 110px;
		transform: rotate(2.4deg);
		margin-left: -5px;
		position: absolute;
		bottom: -50px;
		z-index: 1;

		.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);

		.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;
			}
		}
	}

}

@keyframes b-text-scroll {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}

.aboutsection{
	padding: 100px 0px;

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

		.about-left{
			width: 32%;

			img{
				width: 100%;
			}
		}

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

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

				img{
					width: 70px;
				}
			}

			h2{
				 font-family: 'Goodly';
				font-size: 3vw;
				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: 18px;
				line-height: 34px;
				margin-bottom: 40px;
			}

			a{
				background: #000;
				font-size: 18px;
				color: #fff;
				font-weight: 600;
				padding: 15px 30px;
				border-radius: 100px;
			}
		}
	}
}


.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: 50px;
			.usp-icon{
				width: 50px;
				margin-bottom: 20px;

				img{width: 100%;}
			}

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

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

		img{width: 100%;}
	}
}

.heading-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 50px;

	.heading-left{

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

		h2{
			font-size: 2vw;
			font-family: 'Goodly';
			font-weight: bold;
		}
	}

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

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

	.service-box{
		width:calc(33% - 30px);
		margin:15px;
		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: 1.5vw;
				font-family: 'Goodly';
				font-weight: 600;
				line-height: 27px;
			}
		}

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

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

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

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

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

.review-section{
	padding: 60px 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: 20px;
		height: 20px;

		img{width: 100%;}
	}

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

		.imagebox{
			width: 60px;
			object-fit: cover;
			overflow: hidden;
			margin-right: 5px;

			img{
				width: 100%;
			}
		}

		.text{

			h4{
				text-align: left;
				font-size: 1.2vw;
				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: 20px;
		span{
			color: #FFDA47;
			margin-right: 5px;
			font-size: 14px;
		}
	}

	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: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 60px;

	.photo-col{
		width:calc(100% / 3 - 20px);
		height: 650px;
		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%;}
		}
	}
}

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

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


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: 50px;

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

				img{
					width: 100%;
				}
			}

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

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

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

					img{width: 1005;}
				}

				.text{
					text-align: left;

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

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

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

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

				.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;
		}
	}
}

/*kishor Css*/

.footercall h3 a{
	color: var(--bs-body-color)#212529;
}

.cta.blacbkbtn a{
color: #fff;
}

.cta {
color: #fff;
}

/*about page*/

.inner-pages {
    padding: 80px 0px;
}
.custom-container {
    padding: 0px 80px;
}

.aboutuspage-text h2 {
	font-weight: 600;
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0%;
	color: #000000;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	font-family: 'Goodly';
}

.inner-pages p {
color: #7D7D7D;
font-size: 18px;
line-height: 34px;
margin-bottom: 10px;
}

.about_section2 {
    padding-top: 50px;
}

/*contact page*/

.contact-us-inn .addresscard {
    margin: 0px 0px;
    padding: 40px 20px;
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    min-height: 260px;
    box-shadow: 0 18px 40px 0px rgba(51, 51, 51, 0.32);
}

.addresscard-icon {
    margin: 5px auto;
    padding: 10px 0px;
    background: top;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.addresscard-icon img {
    width: 26px;
}

.contact-us-inn .addresscard h5 {
	margin: 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: center;
	font-size: 26px;
	line-height: 26px;
	font-weight: 600;
	color: #3BB8CE;
	text-transform: uppercase;
	width: 100%;
	font-family: 'Goodly';
}

.contact-us-inn .addresscard p {
	margin: 0px 0px;
	padding: 5px 5px;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	color: #161413;
	width: 100%;
	word-wrap: break-word;
}

.addresscard p a {
    color: #161413;
    text-decoration: none;
}
.contact_section2 {
    margin-top: 80px;
}
.contact_section2 h3 {
	font-weight: 600;
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0%;
	text-align: center;
	color: #191D1F;
	margin: 0px 0px 50px 0px;
	padding: 0px;
	font-family: 'Goodly';
}

.contact_right .form-group label {
    display: inline-block;
    margin-bottom: 8px;
    float: left;
    font-size: 14px;
}
.contact_right .form-group input {
    margin: 0;
    padding: 10px;
    width: 100%;
    color: #333;
    border: 1px solid #a7a6a4;
    background: #fff;
    height: 45px;
}
.contact_right .form-group textarea {
    margin: 0;
    padding: 10px;
    width: 100%;
    color: #333;
    border: 1px solid #adaba9;
    background: #fff;
    height: 95px;
    resize: none;
    border-radius: 10px;
}

.default-btn {
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    padding: 15px 20px;
    transition: all 0.3s ease;
    display: inline-flex;
    background: #3BB8CE;
    border: 1px solid #3BB8CE;
    color: #fff;
}

.inner-banner-section {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.inner-banner-section img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.inner-banner-section .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(289.97deg, rgba(0, 0, 0, 0) 11.7%, rgba(0, 0, 0, 0.25) 99.75%);
}

.inner-banner-section-text {
	position: absolute;
	top: 250px;
	left: 0px;
	right: 0px;
	text-align: center;
}

.inner-banner-section-text h1 {
	text-align: center;
	color: #fff;
	font-family: 'Goodly';
	font-size: 70px;
	font-weight: 600;
	text-transform: capitalize;
	padding-bottom: 20px;
	line-height: 50px;
	padding-bottom: 50px;
}

.gallery-box img{
width:100%;
}

.gallery_sec main {
  column-count: 1;
  break-inside: avoid;
  gap: 0.5rem;
  padding: 0.5rem;
}

.gallery_sec main img {
width: 100%;
margin-bottom: 0.25rem;
cursor: zoom-in;
  }
.aboutrightimg img{
	width: 100%;
}

.social-icon ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-icon ul li {
	display: inline-block;
}

.social-icon ul li a {
	width: 40px;
	height: 40px;
	overflow: hidden;
	margin: 15px 4px;
	border-radius: 50px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #000;
	background-color: transparent;
	position: relative;
	font-size: 25px;
}

.social-icon ul li a:hover { color:#3BB8CE; }

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


.contact_right .default-btn:hover { background:#000; color: #fff; }

.page-id-122 h3{
font-size: 23px;
font-weight: 600;
margin-bottom: 20px;
}
.faq-accordion .faq-title h4 {
    font-size: 19px !important;
    font-weight: 400;
}

.inner-pages ul li{
color: #7D7D7D;
font-size: 18px;
line-height: 34px;
margin-bottom: 4px;   
}


.faq-accordion {
padding: 15px 0;
}

.inner-pages h1 {
    font-size: 32px;
    padding-bottom: 10px;
    line-height: 34px;
    font-weight: 600;
}

.inner-pages h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
}

.inner-pages h3 {
    font-size: 22px;
    line-height: 34px;
    font-weight: 600;
}

.single-service .inner-banner-section-text h1{
    display:none;
}

.inner-pages h4 {
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
}

@media (width > 700px) {
  .gallery_sec main {
    column-count: 2;
  }
}

@media (width > 1000px) {
  .gallery_sec main {
    column-count: 3;
  }
}

@media (width > 1300px) {
 .gallery_sec main {
    column-count: 4;
  }
}