@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

*{    margin: 0px;    padding: 0px;}
*, ::after, ::before {    box-sizing: border-box;}
 
body{    font-family: 'Open Sans', sans-serif;    overflow-x: hidden;    font-style: normal;    box-sizing: border-box;	color: #3f2e1fff; font-weight: 400;	font-size:20px; line-height:1.3em;}


p {    margin-bottom:20px;}
a{ color:#000000;text-decoration: none;-webkit-transition: all 500ms ease;	-moz-transition: all 500ms ease;	-ms-transition: all 500ms ease;	-o-transition: all 500ms ease;	transition: all 500ms ease;}
a:hover {  animation: all 1000ms  ease-in;  text-decoration: none;color:#000000;}
p a:hover {    text-decoration: none;color:#000000;}

::-webkit-scrollbar {    width: 6px;  }
::-webkit-scrollbar-track {    background: #f1f1f1;   }
::-webkit-scrollbar-thumb {  background: #333;  }

.p-t-98{padding-top:98px; }
.p-b-98{padding-bottom:98px; }
.p-t-30{padding-top:30px; }
.p-b-30{padding-bottom:30px; }
.p-t-60{padding-top:60px; }
.p-b-60{padding-bottom:60px; }
.p-t-20{padding-top:20px; }
.p-b-20{padding-bottom:20px; }

.m-t-98{margin-top:98px; }
.m-b-98{margin-bottom:98px; }

.container {  max-width: 1170px;  margin-right: auto;    margin-left: auto;}
.text-center{text-align:center;}
.middle-content-row{align-items: center; }
.row-col-center{justify-content: center;}

.section-img img{max-width:100%;margin-bottom: 10px;}


.btn{background-color: #c229b0ff; display: inline-block; cursor: pointer;font-family: 'Inter'; text-decoration: none;  padding: 15px 35px;border-radius: 0;  font-weight: 700; font-size: 30px;  border: #c229b0ff 2px solid;  letter-spacing: 2px;  text-transform: uppercase;  text-shadow: 0 0 0 transparent; color: #fff;  transition: all 0.3s ease-in-out;}
.btn:hover{color: #fff;transform: translateY(-3px);  box-shadow: 0 6px 16px rgba(0,0,0,0.25); animation: wobble 0.6s ease;    animation-timing-function: ease;  animation-timing-function: ease-in;  transition: .2s;}


.petBody h1{font-size: 64px; font-weight: 600; line-height: 1.3em; font-family: 'Fredoka'; margin-bottom: 25px;}
.petBody h2{font-size: 48px; font-weight: 600; line-height: 1.3em; font-family: 'Fredoka'; margin-bottom: 25px;}
.petBody h3{font-size: 24px; line-height: 1.2; margin-bottom: 20px; color: #fdcb6eff; font-weight: 500; font-family: "Fredoka"; }
.petBody h4{font-size: 23px; line-height: 1.2; margin-bottom: 20px; font-weight: 600; font-family: "Fredoka"; }


.pet-row-banner{background-color: #fff9e5; font-size: 22px; line-height: 1.6; font-weight: 500;}
.pet-row-banner .petBanner-row{display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; align-items: center;}
.pet-row-banner .petBanner-row .petBannerOne{-ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%; padding-right: 35px;}
.pet-row-banner .petBanner-row .petBannerTwo{-ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%;padding-left: 35px;}
.pet-img img{width: 100%;}


.pet-row-about{ background-color: #fefbf1;}

.petAbout-row{display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; align-items: center;}
.petAbout-row .petAboutOne{-ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%; padding-right: 35px;}
.petAbout-row .petAboutTwo{-ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%;padding-left: 35px;}
.petAbout-img{position: relative;}
.petAbout-img img.img-1{position: relative; width: 100%; border-radius: 10px;}
.petAbout-img img.img-2{position: absolute; width: 65%; top: 250px;right: 0; }
.petAbout-img:has(.img-2) img.img-1{width: 65%;}

.contactFrm{background-color: #fff; padding: 40px; box-shadow: 0px 4px 4px 0px #57647e36; margin-top: 25px;}

.contactFrm form input[type="text"], .contactFrm input[type="email"], .contactFrm input[type="tel"], .contactFrm select{width: 100%; background-color: #F4EDED3B !important;  color: #2c3345FF !important;  border: 1px solid #ACACACFF !important;  border-radius: 5px !important;  padding: 8px 15px 8px 15px !important;  box-shadow: 0px 0px 0px 0px #FFFFFF;  font-family: 'Inter';  font-size: 12px;  font-weight: 300;  background-clip: inherit !important;margin-bottom:15px;}
.frm-col1{margin-bottom: 18px;}
.contactFrm form label{color: #2c3345FF;font-family: 'Inter';  font-size: 14px;  font-weight: 500;margin-bottom: .5rem;}
.contactFrm form input[type="submit"], .contactFrm button{   width: 100%; cursor: pointer; background-color: #18bd5bFF; color: #fff;font-weight: 400; font-size: 16px;  border: 0px none #FFFFFF;  border-radius: 5px;  padding: 12px 15px;  white-space: normal;  width: 100%;  box-shadow: 0px 0px 0px 0px #FFFFFF;  }
.contactFrm form input[type="submit"]:hover, .contactFrm button:hover {background-color: #18bd5bFF; color: #fff; opacity: 0.8;}
.contactFrm ::placeholder {  color: #8c8c8cFF !important;  font-family: 'Inter';  font-size: 12px;  font-weight: 300;}

.pet-row-three{background-color: #fffae5;}


.petLogo-row{display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
.petLogo-row .petLogo-Col{-ms-flex: 0 0 20%;  flex: 0 0 20%;  max-width: 20%;padding: 7px; margin-bottom: 15px;}
.petLogo-Main{height: 100%;}
.petLogo-Main .petLogo-img{line-height: 0; margin-bottom: 10px;}
.petLogo-Main .petLogo-img img{width: 100%; border: 1px solid #ddd; border-radius: 7px; max-height: 87px;}
.petLogo-Main .petLogo-cont h6{display: inline-block; background-color: #00c487; font-weight: 700; color: #fff; border-radius: 5px; padding: 6px 10px; font-size: 12px; line-height: 18px;margin-bottom: 3px;}
.petLogo-Main .petLogo-cont p{font-weight: 700; margin-bottom: 0; font-size: 14px; padding-left: 27px;background-image: url('../image/39.png'); background-repeat: no-repeat; background-position: top 6px left;}


.petTon-row3{display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
.petTon-row3 .petTon-col{-ms-flex: 0 0 33.3333%;  flex: 0 0 33.3333%;  max-width: 33.3333%;padding: 7px; margin: 25px 0;}
.petTon-Box{padding: 10px; height: 100%;}
.petTon-Box .petTon-img{line-height: 0; margin-bottom: 15px;}
.petTon-Box .petTon-img img{width: 100%; border-radius: 8px;}
.petTon-ContTop{display: table;margin-bottom: 15px;}
.petTon-ContTop .petTon-ContTop-left{display: table-cell; vertical-align: top;padding-right: 7px;padding-top: 10px;}
.petTon-ContTop .petTon-ContTop-right{display: table-cell; vertical-align: top;padding-left: 7px;}
.petTon-ContTop .petTon-ContTop-left img{width: 80px; }
.petTon-ContTop h5{font-family: "Fredoka"; font-weight: 600; font-size: 16px;}
.petTon-ContTop p{font-size: 14px; line-height: 20px;margin-bottom: 10px;}
.petTon-ContTop a.btnTxt{color: #0069d9; font-size: 14px; font-weight: 600;}
.petTon-ContFrm{margin-bottom: 15px;}
.petTon-ContFrm label{display: block;font-size: 15px; font-weight: 600;margin-bottom: 6px;}
.petTon-ContFrm input[type="text"]{width: 100%; background-color: #F4EDED3B !important;  color: #2c3345FF !important;  border: 1px solid #ACACACFF !important;  border-radius: 5px !important;  padding: 8px 15px 8px 15px !important;  box-shadow: 0px 0px 0px 0px #FFFFFF;  font-family: 'Inter';  font-size: 12px;  font-weight: 300;  background-clip: inherit !important;}

.petTon-ContFooter{display: table;margin-bottom: 15px;}
.petTon-ContFooter .petTon-ContFooter-left{display: table-cell; vertical-align: top;padding-right: 7px; line-height: 20px;}
.petTon-ContFooter .petTon-ContFooter-right{display: table-cell; vertical-align: top;padding-left: 7px;}
.petTon-ContFooter .petTon-ContFooter-left a{color: #0069d9; font-size: 14px; font-weight: 600;}
.btnCupon{color:#fff; background-color: #0069d9; display: inline-block; text-align: center; border-radius: 35px; padding: 5px 15px; font-size: 12px; line-height: 15px; font-weight: 700;}

.footerfrm-row{width: 650px; margin: auto;}
.footerfrm-row .contactFrm form{margin-top: 35px;}


.pet-row-video{background-color: #fff9e5ff;padding: 200px 0;position: relative; text-align: center; color: #fff;}
.pet-row-video video{-o-object-fit: cover;  object-fit: cover;height: 100%;  left: 0;  pointer-events: none;  position: absolute;  top: 0;  width: 100%;}
.pet-row-video .container{position: relative;}
.pet-row-video h2{font-size: 74px; line-height: 1.2;}









@media screen and (max-width:1200px){
	
	.container {  max-width: 90%;  }
	
	
	

.petBody h1{font-size: 50px; line-height: 1.2em; margin-bottom: 20px;}
.petBody h2{font-size: 38px; line-height: 1.2em; margin-bottom: 20px;}
.petBody h3{font-size: 24px; line-height: 1.2; margin-bottom: 20px;}
.petBody h4{font-size: 20px; line-height: 1.2; margin-bottom: 20px;}
	
.pet-row-banner{ font-size: 20px; line-height: 1.4;}
.pet-row-banner .petBanner-row .petBannerOne{padding-right: 25px;}
.pet-row-banner .petBanner-row .petBannerTwo{;padding-left: 25px;}

.petAbout-row .petAboutOne{ padding-right: 25px;}
.petAbout-row .petAboutTwo{padding-left: 25px;}
.petAbout-img img.img-1{ border-radius: 7px;}
.contactFrm { padding: 25px; }
	
	
}


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

.petLogo-row .petLogo-Col{-ms-flex: 0 0 25%;  flex: 0 0 25%;  max-width: 25%;}
	.petTon-ContTop .petTon-ContTop-left img {  width: 50px;}

}

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

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


.petLogo-row .petLogo-Col{-ms-flex: 0 0 33.3333%;  flex: 0 0 33.3333%;  max-width: 33.3333%;}
	
}

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

	.petTon-row3 .petTon-col { -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;  padding: 0;  margin: 20px 0;}
	.petTon-ContTop .petTon-ContTop-left img {    width: 80px;  }
	.petTon-ContFooter {  margin-bottom: 0;}
	
}

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

.petBody h1{font-size: 40px; line-height: 1.2em; margin-bottom: 20px;}
.petBody h2{font-size: 32px; line-height: 1.2em; margin-bottom: 20px;}
.petBody h3{font-size: 21px; line-height: 1.2; margin-bottom: 20px;}
.petBody h4{font-size: 18px; line-height: 1.2; margin-bottom: 20px;}
  
.p-t-98{padding-top:60px; }
.p-b-98{padding-bottom:60px; }
	
	.pet-row-banner .petBanner-row .petBannerOne {  -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;  padding-right: 0;}
	.pet-row-banner .petBanner-row .petBannerTwo { -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;   padding-left: 0;}
	
	.petAbout-row .petAboutOne {  -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;  padding-right: 0;}
	.petAbout-row .petAboutTwo { -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;   padding-left: 0; margin-top: 45px;}
	.petAbout-img img.img-2{position: relative; top: unset; right: unset; margin-top: -150px;; float: right;}
	.petAbout-img{clear: both;}
	.footerfrm-row {  width: 100%;}
	.pet-row-video {padding: 120px 0;}
	
}

@media screen and (max-width:680px){
	
.petLogo-row .petLogo-Col{-ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%;}

}

@media screen and (max-width:460px){
	
.petLogo-row .petLogo-Col{-ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%; padding: 7px 0;}
	.petLogo-Main .petLogo-img img{max-height: unset;}
	.petAbout-img img.img-2{ margin-top: -80px;; }
	.petTon-ContTop .petTon-ContTop-left img {    width: 50px;  }
	
}
@media screen and (max-width:380px){
	
	.contactFrm form input[type="submit"]{font-size: 14px;}
	
}