@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
/* font-family: "Kalam", cursive; */
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}

:root {
  --main-color: #FFD096;
  --secondary-color: #083370;
}

html, body {
  font-family: "Nunito", sans-serif;
font-weight: 400;
font-size:18px;
color:var(--second-color);
line-height:1.5;
padding:0;
margin:0;
}

a {
  color:#083370;
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}


.pd-5{padding: 0 5px}
.md-5{margin: 0 -5px}

.pd-10{padding: 0 10px}
.md-10{margin: 0 -10px}
.container{max-width: 1327px;}


header{position: fixed; width: 100%; top: 0px; z-index: 999; transition: all .5s ease;}
header .header-main{margin: 0px;  padding: 0px 50px; background-color:var(--main-color); transition: all .5s ease;}
header .header-main .inner-flex { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EFBB7A;     padding: 24px 0;}
header .header-main .leftside{ display: flex; gap: 48px; align-items: center;     transition: all .5s ease;}
header .header-main .rightside { display: flex; gap: 20px; align-items: center;}
header .header-main .rightside ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 20px;}
header .header-main .rightside ul li img { width: 22px; height: 22px; object-fit: contain;}
header .header-main .rightside ul li a { font-size: 16px; line-height: 26px; font-weight: 400; color: #292929; display: inline-block; margin-left: 12px;}
header .header-main .leftside .pipe {border: 1px solid #EFBB7A; height: 50px;}
header .header-main .logo { width:180px;  transition: all .5s ease;}
header .header-main .logo a img { width: 100%; height: 100%;}
header .header-main .main-menu-area .main-menu { margin: 0; padding: 0; list-style: none; display: flex; gap: 52px;} 
header .header-main .main-menu-area .main-menu li a { font-size:  18px; line-height: 21.78px; font-weight: 700; color: var(--secondary-color); position: relative; transition: all .5s ease;}
header .header-main .main-menu-area .main-menu li.current_page_item a { color: #DE7B00; font-weight: 700;}
header .header-main .main-menu-area .main-menu li.current_page_item a::after { content: ""; width: 37px; height: 40px; background: url(../images/header-active.png) center center no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -20px;  margin-left: -18.5px;  background-size: 100% 100%;}
header .header-main .main-menu-area .main-menu li a:hover {color: #DE7B00; }
header .header-main .main-menu-area .main-menu li a:hover::after {content: ""; width: 37px; height: 40px; background: url(../images/header-active.png) center center no-repeat; position: absolute; top:50%; left: 50%; margin-top: -20px;  margin-left: -18.5px; background-size: 100% 100%; }
header .header-main .header-btn a {border: 1px solid var(--secondary-color); display: flow; position: relative; overflow: hidden; padding: 14px 25px; font-size: 18px; line-height: 21.78px; font-weight: 400px; color: #FFFFFF; background-color: var(--secondary-color); transition: all .5s ease;}

header .header-main .main-menu-area .header-btn.m-header-btn { display: none;}
header.fixed .header-main { padding: 0px 35px;} 
header.fixed .header-main .inner-flex { padding: 20px 0; border: 0;}
header.fixed .header-main .logo { width:160px;}
header.fixed .header-main .leftside {gap: 30px;}
header.fixed .header-main .main-menu-area .main-menu li a { font-size: 16px; line-height: 19.78px;}
header.fixed  .header-main .header-btn a {padding: 10px 20px; font-size: 16px; line-height: 19.78px; }
header.fixed  .header-main .rightside ul li a {margin-left: 6px;}
header.fixed  .header-main .rightside ul li a {font-size: 14px; line-height: 24px;}
header.fixed .header-main .rightside ul li img { width: 20px; height: 20px;}


.sticky-area { position: fixed; bottom: 20px; right: 20px; z-index: 11111111;}
.sticky-area ul.social-media {margin: 0px 0px 158px 0px; padding: 80px 6px 1px 6px; list-style: none; border-radius: 30px; position: relative; width: 36px; background: #ffd096;}
.sticky-area ul.social-media::before {content: 'Follow us -'; position: absolute; top: 38px; left: -17px; font-size: 12px; font-weight: 500; color: #2A3C90; width: 70px; transform: rotate(90deg); }
.sticky-area ul.social-media li {margin-bottom: 6px; width: 24px; height: 24px; }
.sticky-area ul.social-media li a { display: block;}
.sticky-area ul.social-media li a svg {width: 24px; height: 24px; vertical-align: top; }
.sticky-area .btn-area { display: flex; flex-direction: column; }
.sticky-area .btn-area a {margin-top: 7px }
.sticky-area .btn-area .btn-top img {width: 100%; }
.sticky-area .btn-area .btn-call {width: 135px; height: 36px; background: var(--secondary-color); border-radius: 25px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; font-weight: 700; transform: rotate(-90deg); position: absolute; bottom: 144px; right: -50px; line-height: 100%; }
.sticky-area .btn-area .btn-call svg {margin-right: 15px; margin-right: 15px; width: 18px; height: 18px; }
.sticky-area .btn-area .btn-top {width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--secondary-color); }


.header-btn .btn-read:before, .header-btn .btn-read:after { content: '';  position: absolute; height: 1px; width: 1px; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); border-radius: 50%;}
.header-btn .btn-read:before {  background:  #556fba; transition: 0.3s ease-in; transition-delay: 0.1s; }
.header-btn .btn-read:after { background:var(--main-color); transition: 0.5s ease; transition-delay: 0.3s;}
.header-btn .btn-read:hover { color: var(--secondary-color);  }
.header-btn .btn-read span { position: relative; z-index: 11;}
.header-btn .btn-read:hover:before, .header-btn .btn-read:hover:after { transform: translate(-50%, -50%) scale(310);}

.btn-menu { width: 22px;  height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5sease; margin-left: 15px; display: none;}
.btn-menu span { width: 100%; height: 2px; background: var(--secondary-color); display: block; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+1) { position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+2) { position: absolute; top: 10px; width: 70%;left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+3) { position: absolute; bottom: 0px; left: 0px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+1) { transform: rotate(-45deg); left: 0px; top: 10px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+2) { display: none;}
.btn-menu.active span:nth-of-type(3n+3) { transform: rotate(45deg); left: 0px; transition: all .5s ease; bottom: 10px;}



/**Title**/
h2{font-size: 40px; line-height: 48px; color:var(--secondary-color); font-weight: 700;  margin: 0 0 20px 0; position: relative;}

/** Banner **/
.top-hero-banner{  position: relative; overflow: hidden; margin-top: 0px; height: 100vh; padding-top: 100px; clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 50% 100%, 0 90%); background: var(--main-color);}
.top-hero-banner::after { content: ""; width: 733px; height: 428px; background: url(../images/banner-dog.png) center center no-repeat; background-size: contain; position: absolute; left: 0%; bottom: 12%; margin-bottom: -84px; z-index: -1;  }

.top-hero-banner .container{position: relative; display: flex; align-items: center;  height: 100%;}
.top-hero-banner .container .content { width: 42%; position: relative;}

.top-hero-banner .container .content h1 { font-size: 70px; line-height: 80px; color: var(--secondary-color); font-weight: 800; margin-bottom: 10px;}
.top-hero-banner .container .content p { font-size: 30px; line-height: 40px; font-weight: 400; margin-bottom: 0px; color: var(--secondary-color); }

.top-hero-banner .photo1 { width: 38.7%; max-width: 743px; position: absolute; bottom: 0px; right: 50%; height: auto; margin-right: -34.5%; overflow: hidden; }
.top-hero-banner  .photo1 img { width: 100%;  position: relative;z-index: 1;}
.top-hero-banner  .photo1::after { content: "";   width: 100%; height: 793px; background: url(../images/banner-img-1.png) no-repeat center; background-size: contain; position: absolute; left: 0; right: 0; top: 15px;}


/** Providing **/
.providing-best { padding: 100px 0; position: relative;}
.providing-best .inner-flex { display: flex; position: relative; }
.providing-best .inner-flex .providing-img { width: 50%; display: flex; flex-wrap: wrap;     min-height: 500px;}
.providing-best .inner-flex .content-block { width: 50%; padding-left: 50px; position: relative;}
.providing-best .inner-flex .providing-img .img-block { position: relative;}
.providing-best .inner-flex .providing-img .img-block  img { width: 100%; height: fit-content;}
.providing-best .inner-flex .providing-img .img-block:nth-child(1) { z-index: 111;}  
.providing-best .inner-flex .providing-img .img-block:nth-child(2) { top: 0; left: 35px; z-index: 1;}
.providing-best .inner-flex .providing-img .img-block:nth-child(3) {left: 229px; top: 153px; z-index: 11; position: absolute; }

.providing-best .inner-flex .content-block>h2 { margin-bottom: 10px;}
.providing-best .inner-flex .content-block p{ font-size: 20px; line-height: 30px; font-weight: 400; color: #292929; margin-bottom: 15px;}
.providing-best .inner-flex .content-block .content-block-bottom p { font-size: 14px; line-height: 22px; margin: 0; font-weight: 400; color: #292929;}
.providing-best .inner-flex .content-block .content-block-bottom p span { color: var(--secondary-color);}

.providing-best .content-block-accordion {width: 100%; margin: 0 0 15px 0; }
.providing-best .content-block-accordion .accordion-item{margin-bottom: 0px;  color: #000; background-color: #fff;  border-bottom: 0;  border-top: var(--main-color) 1px solid; border-radius: 0 !important;}
.providing-best .content-block-accordion .accordion-item:last-child {border-bottom: var(--main-color) 1px solid; }
.providing-best .content-block-accordion .accordion-button {border-radius: 8px !important; font-size: 18px; color: var(--secondary-color); padding: 12px 0px; font-weight: 700; line-height: 30px; border-radius: 0 !important; }
.providing-best .content-block-accordion .accordion-button:focus{box-shadow: none}
.providing-best .content-block-accordion .accordion-button:not(.collapsed){background: #fff; box-shadow: none}
.providing-best .content-block-accordion .accordion-button::after{background-color: var(--secondary-color); background-image: none; width: 16px; height: 2px;}
.providing-best .content-block-accordion .accordion-button.collapsed::before{content: '';background: var(--secondary-color); width: 2px; height: 16px; position: absolute; top: 50%; right: 7px; margin-top: -8px;}
.providing-best .content-block-accordion .accordion-body {padding: 0 0px 20px 0px; }
.providing-best .content-block-accordion .accordion-body p { font-size: 16px; line-height: 20px; font-weight: 400; color: #292929; margin: 0;}



.providing-best .inner-flex .providing-img .img-block { overflow: hidden;}
.providing-best .inner-flex .providing-img .img-block img{ overflow: hidden; transition: transform 0.4s ease-in-out, filter 0.4s ease-in-out;}
.providing-best .inner-flex .providing-img .img-block img:hover { transform: scale(1.08) translateY(-6px);  z-index: 300; filter: brightness(1.1);}

/** best-services **/
.our-services { background: var(--main-color); padding: 100px 0; position: relative; z-index: 111;}
.our-services::after { content: ""; width: 477px; height: 904px;     mix-blend-mode: darken; background: url(../images/services-slide.png) center center no-repeat ; background-size: contain; position: absolute; left: -60px; top: 0; z-index: -1;}
.our-services .our-services-title h2 { margin-bottom: 10px; text-align: center;}
.our-services .our-services-title p { font-size: 20px; line-height: 30px; font-weight: 400; color: #292929; text-align: center; margin-bottom: 20px;}
.our-services .our-services-bottom p { font-size: 20px; line-height: 30px; font-weight: 400; color: #292929; text-align: center; margin-bottom: 00px;}
.our-services .inner-grid { display: grid; grid-template-columns: repeat(2, 1fr);row-gap: 20px; margin-bottom: 30px; column-gap: 30px; }
.our-services .inner-grid .our-services-col {display: flex; justify-content: space-between; align-items: start; gap: 40px;     transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 4px 4px 0px 0px #DBBC9757; background-color: #FFFFFF; padding: 30px 20px 30px 30px;} 
.our-services .inner-grid .our-services-col .our-services-left h4 { margin: 0; line-height: 0; padding-bottom: 10px;}
.our-services .inner-grid .our-services-col .our-services-left h4 a { font-size: 24px; font-weight: 700; line-height: 24px; color: var(--secondary-color);}
.our-services .inner-grid .our-services-col .our-services-left p { font-size: 18px; line-height: 24px; font-weight: 400; color: #292929; margin: 0;}
.our-services .inner-grid .our-services-col .our-services-right a img {width: 30px; height: 30px; position: relative; object-fit: contain;top: -10px;  transition: transform 0.4s ease; }

.our-services .inner-grid .our-services-col:hover { transform: translateY(-5px); box-shadow: 6px 6px 0px 0px #DBBC97;}
.our-services .inner-grid .our-services-col .our-services-right a img:hover { transform: scale(1.2); transition: transform 0.3s ease;}
.our-services .inner-grid .our-services-col:hover .our-services-right a img { transform: rotate(360deg);}
/** Our Blog Start **/
.our-blog { padding: 100px 0; position: relative;}
.our-blog .container h2 { text-align: center; padding-bottom: 30px;}
.our-blog .inner-flex { display: flex; align-items: center;} 
.our-blog::after { content: ""; width: 745px; height: 805px; background: url(../images/blog-img-pets.png) center center no-repeat ; background-size: contain; position: absolute; left: 50%; top: 55%; margin-left: -372px; z-index: -1;     margin-top: -402px; }
.our-blog .inner-flex .our-blog-left ,.our-blog  .inner-flex .our-blog-right {width: 29%;} 
.our-blog .inner-flex .our-blog-center { width: 42.4%; }
.our-blog .inner-flex .our-blog-left .our-blog-block{ border: 1px solid #F3E6D6; box-shadow: 10px 10px 0px 0px #F8EBDD; background-color: #FFFFFF; margin-bottom: 50px; padding: 30px; position: relative; z-index: 111;}
.our-blog .inner-flex .our-blog-right .our-blog-block  {border: 1px solid #F3E6D6; box-shadow: -10px 10px 0px 0px #F8EBDD;  background-color: #FFFFFF; margin-bottom: 50px; padding: 30px; position: relative; z-index: 111; }
.our-blog .inner-flex .our-blog-left .our-blog-block:last-child , .our-blog .inner-flex .our-blog-right .our-blog-block:last-child{ margin: 0; }
.our-blog .inner-flex .our-blog-left .our-blog-block h3 { font-size: 24px; line-height: 100%; font-weight: 500; color: #DE7B00; margin-bottom: 22px; padding-right: 10%;}
.our-blog .inner-flex .our-blog-right .our-blog-block  h3 { font-size: 24px; line-height: 29.05px; font-weight: 500; color: #DE7B00; margin-bottom: 22px; text-align: end; padding-left: 10%;}
.our-blog .inner-flex .our-blog-left .our-blog-block p { font-size: 16px; line-height: 24px; font-weight: 400; color: #072957; margin: 0; }
.our-blog .inner-flex .our-blog-right .our-blog-block  p { font-size: 16px; line-height: 24px; font-weight: 400; color: #072957; margin: 0; text-align: end; }
.our-blog .inner-flex .our-blog-center .img-area { position: absolute; bottom: 0; margin: 0 0 0 -300px; left: 50%;}
.our-blog .inner-flex .our-blog-center .img-area img { width: 100%; height: 100%;}

.our-blog .inner-flex .our-blog-left .our-blog-block:hover { box-shadow: -10px -10px 0px 0px #F8EBDD; transition: box-shadow 0.4s ease-in-out; }
.our-blog .inner-flex .our-blog-right .our-blog-block:hover {
  box-shadow: 10px -10px 0px 0px #F8EBDD;
  transition: box-shadow 0.4s ease-in-out;
}




/** Why You Choose Start  **/
.why-you-choose { padding: 100px 0;  background: var(--main-color); position: relative; z-index: 111;}
.why-you-choose .inner-flex .choose-right h2{ margin-bottom: 30px; }
.why-you-choose::after { content: "";  width: 543px; height: 815px;     mix-blend-mode: darken; background: url(../images/choose-img-left.png) center center no-repeat; background-size: contain; position: absolute; right: 0; top: 0; z-index: -1; }
.why-you-choose .inner-flex { display: flex;}
.why-you-choose .inner-flex .choose-left {  width: 47.3%;  display: grid;  grid-template-columns: repeat(2, 1fr); gap: 15px;}
.why-you-choose .inner-flex .choose-left .choose-img { width: 100%; height: 100%; 	position: relative; overflow: hidden;}
.why-you-choose .inner-flex .choose-left .choose-img:nth-child(1) { display: flex; justify-content: end; align-items: end;}
.why-you-choose .inner-flex .choose-left .choose-img:nth-child(2) { display: flex; justify-content: start; align-items: end;}
.why-you-choose .inner-flex .choose-left .choose-img:nth-child(3) { display: flex; justify-content: end; align-items: start;} 
.why-you-choose .inner-flex .choose-left .choose-img:nth-child(4) { display: flex; justify-content: start; align-items: start;}
.why-you-choose .choose-left .choose-img  img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.why-you-choose .choose-left .choose-img:hover img { -webkit-transform: scale(1.3); transform: scale(1.3);}
.why-you-choose .inner-flex .choose-right {  width: 54%; padding-left: 80px; }
.why-you-choose .inner-flex .choose-right .sub { margin-bottom: 25px; width: fit-content; padding: 0px 20px; font-size: 14px; line-height: 36px; font-weight: 400; color: #DE7B00; background-color: #FFFFFF; border-left: 3px solid #15478D}
.why-you-choose .inner-flex .choose-right ul { margin: 0; padding:  0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; list-style: none;}
.why-you-choose .inner-flex .choose-right ul li img { width: 58px; height: 58px; object-fit: contain; transition: all 0.4s ease-in-out;}
.why-you-choose .inner-flex .choose-right ul li {transition: all 0.4s ease-in-out; padding: 20px 40px; background: #FFFAF3; box-shadow: 4px 4px 0px 0px #DBBC9757; display: flex;flex-direction: column; gap: 12px; justify-content: space-between; align-items: center; }
.why-you-choose .inner-flex .choose-right ul li h4 { font-size: 18px; line-height: 20px; color: var(--secondary-color); font-weight: 600; margin: 0;     text-align: center; }

.why-you-choose .inner-flex .choose-right ul li:hover {  transform: translateY(-10px); box-shadow: 8px 8px 0px 0px #DBBC9757;  background: var(--secondary-color); }
.why-you-choose .inner-flex .choose-right ul li:hover img { transform: scale(1.1) rotate(9deg);  transition: transform 0.3s ease-in-out;filter: brightness(0) invert(1);}
.why-you-choose .inner-flex .choose-right ul li:hover h4{ color: #fff;  }


/** Faq Start **/
.faq-page { padding: 100px 0; position: relative;}
.faq-page::after { content: ""; width: 100%; height: 948px; background: url(../images/faq-before.png)  no-repeat center center; background-size: contain ; position: absolute; top: 50%; z-index: -1; margin-top: -474px;  }
.faq-page .faq-page-title h2 { text-align: center; margin-bottom: 42px;}
.faq-page .faq-page-accordion {width: 100%; max-width: 1000px; margin: auto; position: relative;}

.faq-page .accordion{width: 100%; margin: 25px auto 0 auto;}
.faq-page .accordion .accordion-item{margin-bottom: 20px;  color: #000; background-color: #fff; border: var(--main-color) 1px solid; border-radius: 0 !important;}
.faq-page .accordion .accordion-item:last-child { margin: 0;}
.faq-page .accordion .accordion-button{border-radius: 8px !important; font-size: 20px; color: var(--secondary-color); padding: 12px 32px; font-weight: 700;  border-radius: 0 !important;}
.faq-page .accordion .accordion-button:focus{box-shadow: none}
.faq-page .accordion .accordion-button:not(.collapsed){background: #fff; box-shadow: none}
.faq-page .accordion .accordion-button::after{background-color: var(--secondary-color); background-image: none; width: 16px; height: 2px;}
.faq-page .accordion .accordion-button.collapsed::before{content: '';background: var(--secondary-color); width: 2px; height: 16px; position: absolute; top: 50%; right: 39px; margin-top: -8px;}
.faq-page .accordion .accordion-body { padding: 0 24px 32px 32px; }
.faq-page .accordion .accordion-body p { font-size: 18px; line-height: 24px; font-weight: 400; color: #292929; margin: 0;}
/** Faq End **/



/** Our Testimonials Start **/
.our-testimonials { padding: 100px 0; position: relative; background: var(--main-color); }
.our-testimonials .our-testimonials-title { width: 100%; max-width: 466px;}
.our-testimonials .our-testimonials-title h2 {margin-bottom: 30px;}
.our-testimonials .our-testimonials-title .sub { margin-bottom: 25px; width: fit-content;  text-transform: uppercase; padding: 0px 20px;  font-size: 14px;  line-height: 36px;  font-weight: 400;  color: #DE7B00; background-color: #FFFFFF; border-left: 3px solid #15478D;}
.our-testimonials .owl-testimonials-items { background-color: #FFFFFF; border: 1px solid #F3E6D6; box-shadow: 10px 10px 0px 0px #FAE9D5; padding: 40px;}
.our-testimonials .owl-testimonials-items .owl-testimonials-top { display: flex; gap: 20px; align-items: center; margin-bottom: 20px; position: relative;}
.our-testimonials .owl-testimonials-items .owl-testimonials-top::before {content: ""; width: 102px; height: 80px; background: url(../images/slide-img.png) center center no-repeat; background-size: contain; position: absolute; right: 0; top: 0;} 
.our-testimonials .owl-testimonials-items .owl-testimonials-top .owl-testimonials-img a img { width: 80px; height: 80px; border-radius: 50%;}
.our-testimonials .owl-testimonials-items .owl-testimonials-top .owl-testimonials-text h4{ margin: 0; line-height: 0; padding-bottom: 4px;}
.our-testimonials .owl-testimonials-items .owl-testimonials-top .owl-testimonials-text h4 a { font-size: 24px; line-height: 30px; color: var(--secondary-color);  font-weight: 600;}
.our-testimonials .owl-testimonials-items .owl-testimonials-top .owl-testimonials-text span { font-size: 16px;   line-height: 20px; font-weight: 400; color: var(--secondary-color);}
.our-testimonials .owl-testimonials-items>p {font-size: 16px; line-height: 24px; font-weight: 400; color: #072957; margin-bottom: 20px;}
.our-testimonials .owl-testimonials-items .owl-testimonials-bottom { display: flex ; justify-content: space-between; align-items: center; }
.our-testimonials .owl-testimonials-items .owl-testimonials-bottom .owl-testimonials-star { display: flex; gap: 8px;}
.our-testimonials .owl-testimonials-items .owl-testimonials-bottom .owl-testimonials-text p { font-size: 14px; line-height: 20px; font-weight: 700; color: #DE7B00; margin: 0;} 
.our-testimonials .owl-testimonials .owl-stage-outer { padding: 0 0 15px 0;}
.our-testimonials .owl-testimonials .owl-nav { display: flex; gap: 14px;  position: absolute; top: -80px;  right: 0;}
.our-testimonials .owl-testimonials .owl-nav .owl-prev , .our-testimonials .owl-testimonials .owl-nav .owl-next { width: 48px; height: 48px; border-radius: 50%;  border: 1px solid #DE7B00; display: flex; align-items: center; justify-content: center;}


/** Our Pets **/
.our-pets{ padding: 100px 0 0 0 ; position: relative; z-index: 11;}
.our-pets::after {content: ""; width: 352px; height: 540px; background: url(../images/our-pets-02.png) center center no-repeat; background-size: contain; position: absolute; top: 66px; left: 0; z-index: -1;}
.our-pets .our-pets-title { width: 100%; max-width: 664px; margin: auto;}
.our-pets .our-pets-title h2 { text-align: center;}
.our-pets .our-pets-title h3 { font-size: 30px; line-height: 30px; font-weight: 700; color: #DE7B00; margin-bottom: 14px; text-align: center;}
.our-pets .our-pets-title p { font-size: 18px; line-height: 24px; font-weight: 400; color: #0D0D0D; text-align: center; margin-bottom: 30px;} 
.our-pets .our-pets-title .our-pets-btn { display:flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 32px;}
.our-pets .our-pets-title .our-pets-btn a {overflow: hidden; position: relative; border: 1px solid var(--secondary-color) ; padding: 14px 25px; background-color: var(--secondary-color); color:#FFEED9; display: inline-block; font-size: 18px; font-weight: 400; line-height: 100%; }
.our-pets .our-pets-title .our-pets-btn a:last-child { background-color: #fff; border: 1px solid var(--secondary-color) ; color: var(--secondary-color);}
.our-pets .our-pets-img img{ width: 100%; height: 324px;}

.our-pets .our-pets-btn .btn-read:before, .our-pets .our-pets-btn .btn-read:after { content: '';  position: absolute; height: 1px; width: 1px; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); border-radius: 50%;}
.our-pets .our-pets-btn .btn-read:before {  background:  #556fba; transition: 0.3s ease-in; transition-delay: 0.1s; }
.our-pets .our-pets-btn .btn-read:after { background:var(--main-color); transition: 0.5s ease; transition-delay: 0.3s;}
.our-pets .our-pets-btn .btn-read:hover { color: var(--secondary-color) !important;  }
.our-pets .our-pets-btn .btn-read span { position: relative; z-index: 11;}
.our-pets .our-pets-btn .btn-read:hover:before, .our-pets .our-pets-btn .btn-read:hover:after { transform: translate(-50%, -50%) scale(310);}

.our-pets .our-pets-btn .btn-border-read:before, .our-pets .our-pets-btn .btn-border-read:after { content: '';  position: absolute; height: 1px; width: 1px; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); border-radius: 50%;}
.our-pets .our-pets-btn .btn-border-read:before {  background:  #556fba; transition: 0.3s ease-in; transition-delay: 0.1s; }
.our-pets .our-pets-btn .btn-border-read:after { background:var(--secondary-color); transition: 0.5s ease; transition-delay: 0.3s;}
.our-pets .our-pets-btn .btn-border-read:hover { color:#fff !important;  }
.our-pets .our-pets-btn .btn-border-read span { position: relative; z-index: 11;}
.our-pets .our-pets-btn .btn-border-read:hover:before, .our-pets .our-pets-btn .btn-border-read:hover:after { transform: translate(-50%, -50%) scale(310);}

.our-pets.page-404{padding: 150px 0 0 0;}
.our-pets.page-404 .img-404{width:70%; margin: 0 auto 30px auto;}
.our-pets.page-404 .img-404 img{width: 100%;}

footer .newsletter-area{background: var(--secondary-color); padding: 22px 0;}
footer .newsletter-area .d-flex{align-items: center;}
footer .newsletter-area .leftside{width: 50%;}
footer .newsletter-area .leftside h2{font-size: 28px; line-height: 28px; margin: 0px; color: #FFFFFF; font-weight: 700; padding: 0px; margin-bottom: 4px;}
footer .newsletter-area .leftside p{font-size: 16px; line-height: 24px; margin: 0px; color: #FFFFFF; font-weight: 400;}
footer .newsletter-area .form-area{width: 50%; position: relative;}
footer .newsletter-area .form-area .form-control{border: none; background: #fff; color: #6B88B0; font-size: 16px; line-height: 30px; font-weight: 500; padding: 13px 24px; border-radius: 0;}
footer .newsletter-area .form-area .form-control:focus{box-shadow: none; border-radius: 0;}
footer .newsletter-area .form-area .form-control.wpcf7-not-valid{background: #fdd2d2;}
footer .newsletter-area .form-area .wpcf7-not-valid-tip{display: none !important;}
footer .newsletter-area .form-area .btn-go { position: absolute; top: 0; right: 0; background: #DE7B00; font-size: 16px; line-height: 30px; font-weight: 700; color: #fff; padding: 13px 20px; border: none; border-radius: 0;}
footer .newsletter-area .form-area .wpcf7-spinner{position: absolute; right: 120px; margin: 0px; top: 16px;}
footer .newsletter-area .form-area .wpcf7 form.invalid .wpcf7-response-output, 
footer .newsletter-area .form-area .wpcf7 form.unaccepted .wpcf7-response-output, 
footer .newsletter-area .form-area .wpcf7 form.payment-required .wpcf7-response-output{margin: 5px 0 0 0; color: #fff; font-size: 12px; text-align: center;}


footer .footer-area .about-info  { width: 48.2%; padding-right: 100px;}
footer .footer-area .usefull-support-block { width: 26.7%;}
footer .footer-area .usefull-support-block.support { width: 35.9% !important;}
footer .footer-area .get-in-touch { width: 34.3%;}
footer .footer-area .d-flex { padding-bottom: 48px;}
footer .footer-area  { padding: 48px 0 0; background: var(--main-color);}
footer .footer-area .about-info .logo { width: 300px; height: 83px;  margin-bottom: 25px; }
footer .footer-area .about-info .logo img{ width: 100%; height: 100%; object-fit: contain;}
footer .footer-area .about-info p { font-size: 16px; line-height: 24px; color: #0D0D0D; font-weight: 400; margin: 0;}
footer .footer-area .usefull-support-block h2 { font-size: 20px; line-height: 20px; font-weight: 700; color: #DE7B00; margin: 0 0 13px 0; padding: 0;}
footer .footer-area .usefull-support-block ul{ margin: 0; padding-left: 20px;}
footer .footer-area .usefull-support-block ul li { line-height: 0; }
footer .footer-area .usefull-support-block ul li a{ font-size: 16px; line-height: 26px; color: #292929; font-weight: 400; }
footer .footer-area .get-in-touch h2 {font-size: 20px; line-height: 20px; font-weight: 700; color: #DE7B00; margin: 0 0 13px 0; padding: 0;}
footer .footer-area .get-in-touch ul { margin: 0; padding: 0; list-style: none; }
footer .footer-area .get-in-touch ul li { padding-left: 39px; margin-bottom: 12px; position: relative ; font-size: 16px; line-height: 26px; font-weight: 400; color: #292929;}
footer .footer-area .get-in-touch ul li a {color: #292929; }
footer .footer-area .get-in-touch ul li::after {content: ""; width: 24px; height: 24px; position: absolute; left: 0; top: 0; background-size: contain;}
footer .footer-area .get-in-touch ul li:nth-child(1)::after { background: url(../images/footer-icon-01.png) center center no-repeat;}
footer .footer-area .get-in-touch ul li:nth-child(2)::after { background: url(../images/footer-icon-02.png) center center no-repeat;}
footer .footer-area .get-in-touch ul li:nth-child(3)::after { background: url(../images/footer-icon-03.png) center center no-repeat;}
footer .copyright { background: #F5C486; padding: 12px  0; font-size: 16px; text-align: center; line-height: 20px; font-weight: 400; color: var(--secondary-color);}




/* Conatct Us Start */
.contact-us { padding:100px 0 100px 0; position: relative;}
.contact-us::after {content: ""; width: 352px; height: 540px;  background: url(../images/our-pets-02.png) center center no-repeat; background-size: contain; position: absolute; margin-top: -220px; top: 50%; left: 0; z-index: -1; }
.contact-us .contact-us-title h2 { text-align: center; margin-bottom: 14px;}
.contact-us .contact-us-title { width: 57%; margin: auto; padding-bottom: 30px;}
.contact-us .contact-us-title h3 {color: #DE7B00; font-weight: 700; font-size: 30px; line-height: 30px; letter-spacing: 0%; text-align: center;  margin-bottom: 10px; }
.contact-us .contact-us-title p { color: #0D0D0D; margin: 0 0 5px 0; font-weight: 400; font-size: 18px; line-height: 24px; text-align: center; }

.contact-us .inner-flex { display: flex;}
.contact-us .inner-flex .get-in-touch { width: 50%; padding-right: 100px;}
.contact-us .inner-flex .contact-form { width: 50%;}

.contact-us .inner-flex .get-in-touch h2 {font-weight: 700; font-size: 40px; line-height: 48px; letter-spacing: 0%; text-align: start; color: var(--secondary-color); margin: 0 0 15px 0;}
.contact-us .inner-flex .get-in-touch h3 {font-weight: 600; font-size: 24px; line-height: 26px; letter-spacing: 0%; text-align: start; color: #DE7B00; margin: 0; padding-bottom: 3px; }
.contact-us .inner-flex .get-in-touch p {font-size: 16px; line-height: 24px; color: #0D0D0D; font-weight: 400; margin: 0;  padding-bottom: 20px;} 
.contact-us .inner-flex .get-in-touch ul { margin: 0 0 30px 0; padding: 0; list-style: none;}
.contact-us .inner-flex .get-in-touch ul li { display: flex; gap: 00px; flex-direction: column; padding-left: 35px; position: relative; padding-bottom: 10px;}
.contact-us .inner-flex .get-in-touch ul li:last-child { padding: 0 0 0 35px;}
.contact-us .inner-flex .get-in-touch ul li::after{ content: ""; width: 25px; height: 25px; background-size: contain !important; position: absolute; left: 0; top: 3px;}
.contact-us .inner-flex .get-in-touch ul li:nth-child(1)::after{  background: url(../images/location.svg) center center no-repeat;}
.contact-us .inner-flex .get-in-touch ul li:nth-child(2)::after{  background: url(../images/mail-icon.svg) center center no-repeat;}
.contact-us .inner-flex .get-in-touch ul li:nth-child(3)::after{  background: url(../images/calling.svg) center center no-repeat;}
.contact-us .inner-flex .get-in-touch ul li:nth-child(4)::after{  background: url(../images/browser.svg) center center no-repeat;}
.contact-us .inner-flex .get-in-touch ul li strong { font-size: 16px; line-height: normal; color: var(--secondary-color); font-weight: 700;}
.contact-us .inner-flex .get-in-touch ul li span { font-size: 16px; line-height: normal; color:#0D0D0D;}
.contact-us .inner-flex .get-in-touch ul li a { font-size: 16px; line-height: normal; color:#0D0D0D;}
.contact-us .inner-flex .contact-form .form-group { position: relative; margin-bottom: 15px;}
.contact-us .inner-flex .contact-form .form-group:last-child { margin: 0;}
.contact-us .inner-flex .contact-form .form-group label { position: absolute; top: 14px; left: 16px; font-size: 12px; font-weight: 700; color: var(--secondary-color); line-height: 12px; z-index: 1;}  
.contact-us .inner-flex .contact-form .form-group input {border:#E4E4E4 1px solid;font-size: 15px; line-height: 15px; padding: 30px 15px 10px 14px; color: #0D0D0D;}
.contact-us .inner-flex .contact-form .form-group textarea {width: 100%; border:#E4E4E4 1px solid;font-size: 15px; line-height: 15px; padding: 30px 15px 10px 14px; color: #0D0D0D;}
.contact-us .inner-flex .contact-form .form-group .form-control:focus { box-shadow: none; border: #DE7B00 1px solid;}
.contact-us .inner-flex .contact-form .wpcf7 form.invalid .wpcf7-response-output,
.contact-us .inner-flex .contact-form .wpcf7 form.unaccepted .wpcf7-response-output,
.contact-us .inner-flex .contact-form .wpcf7 form.payment-required .wpcf7-response-output{margin: 15px 0px 0px 0px; font-size: 14px; text-align: center;}
.contact-us .inner-flex .contact-form .wpcf7-not-valid-tip{font-size: 13px; font-weight: 700;}

.contact-us .inner-flex .contact-form .contact-form-btn { margin-top: 10px;}
.contact-us .inner-flex .contact-form .btn-read {border-radius: 6px; border: 1px solid var(--secondary-color);  position: relative; overflow: hidden; padding: 14px 25px; font-size: 18px; line-height: 21.78px; font-weight: 400px; color: #FFFFFF; background-color: var(--secondary-color); transition: all .5s ease;}
.contact-us .inner-flex .btn-read:before,
.contact-us .inner-flex .btn-read:after { content: '';  position: absolute; height: 1px; width: 1px; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); border-radius: 50%;}
.contact-us .inner-flex .btn-read:before {  background:  #fff; transition: 0.3s ease-in; transition-delay: 0.1s; }
.contact-us .inner-flex .btn-read:after { background:#fff; transition: 0.5s ease; transition-delay: 0.3s;}
.contact-us .inner-flex .btn-read:hover { color: var(--secondary-color);  }
.contact-us .inner-flex .btn-read span { position: relative; z-index: 11;}
.contact-us .inner-flex .btn-read:hover:before, .contact-us .inner-flex .contact-form-btn .btn-read:hover:after { transform: translate(-50%, -50%) scale(310);}

.contact-us .schedule-consultation h3 { font-weight: 600; font-size: 24px; line-height: 26px; color: #DE7B00; margin: 0; padding-bottom: 5px; }
.contact-us .schedule-consultation p { font-size: 20px; line-height: 30px; font-weight: 400; color: #292929; margin-bottom: 5px; }
.contact-us .schedule-consultation .btn-schedule { display: inline-block; color:var(--secondary-color) ; font-weight: 700; text-decoration: underline; border-radius: 6px; transition: 0.3s ease; }
.contact-us .schedule-consultation a {border-radius: 6px; border: 1px solid var(--secondary-color);  position: relative; overflow: hidden; padding: 10px 25px; font-size: 18px; line-height: 21.78px; font-weight: 400px; color: #FFFFFF; background-color: var(--secondary-color); transition: all .5s ease;}
.contact-us .schedule-consultation .btn-read:before, 
.contact-us .schedule-consultation  .btn-read:after { content: '';  position: absolute; height: 1px; width: 1px; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); border-radius: 50%;}
.contact-us .schedule-consultation  .btn-read:before {  background:  #556fba; transition: 0.3s ease-in; transition-delay: 0.1s; }
.contact-us .schedule-consultation  .btn-read:after { background:#fff; transition: 0.5s ease; transition-delay: 0.3s;}
.contact-us .schedule-consultation .btn-read:hover { color: var(--secondary-color);  }
.contact-us .schedule-consultation  .btn-read span { position: relative; z-index: 11;}
.contact-us .schedule-consultation .btn-read:hover:before, .contact-us .schedule-consultation .btn-read:hover:after { transform: translate(-50%, -50%) scale(310);}


.content-top-banner{background: #ffd096; padding: 100px 0 0 0; clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 50% 100%, 0 90%);}
.content-top-banner .d-flex{align-items: center;}
.content-top-banner .content-area{width: 50%;}
.content-top-banner .content-area h1{ font-size: 70px; line-height: 80px; color: var(--secondary-color); font-weight: 800; margin-bottom: 10px;}
.content-top-banner .content-area h3 { font-size: 30px; line-height: 40px; font-weight: 300; margin-bottom: 10px; color: var(--secondary-color); }
.content-top-banner .content-area p { font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; color: #000; }
.content-top-banner .img-area{width:34%; margin-left: 8%; position: relative;}
.content-top-banner .img-area img{width: 100%; position: relative; z-index: 1;}
.content-top-banner .img-area::before{content: ''; position: absolute; bottom: 0px; left: 50%; background: #f0c58f; width: 500px; height: 500px; border-radius: 250px 250px 0 0; margin-left: -250px;}

.content-area{padding: 160px 0 60px 0;}
.content-area h1{ font-size: 50px; line-height: 60px; color: var(--secondary-color); font-weight: 800; margin-bottom: 20px;}
.content-area h2 { font-size: 30px; line-height: 40px; font-weight: 300; margin-bottom: 10px; color: var(--secondary-color); }
.content-area p { font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 15px; color: #000; }