/*
Theme Name: Vet Care Center Pro
Theme URI: http://revolutionwp.com/products/veterinary-clinic-wordpress-theme
Author: Revolutionwp
Author URI: https://www.revolutionwp.com/
Description: The Premium Veterinary Clinic WordPress Theme takes professionalism to the next level with advanced customization options, premium widgets, and enhanced visual elements that elevate the overall website experience. Unlike basic free themes, its premium version offers richer layouts, multiple homepage variations, and beautifully crafted inner pages designed for services, blogs, consultations, and appointment bookings. Built with cutting-edge performance optimizations, it ensures lightning-fast loading and seamless transitions that enhance user satisfaction. Its sophisticated animations, high-end typography, and polished graphics create a luxurious look suitable for established veterinary hospitals and specialty clinics. The premium theme also includes advanced SEO tools, extended color palettes, premium sliders, and integrated appointment systems that simplify operations. Whether you run a large animal care facility or a specialized pet clinic, this theme delivers a feature-rich, elegant, and scalable solution for long-term digital growth.
Version: 0.0.1
Requires at least: 5.8.0
Tested up to: 6.0.3
Requires PHP: 7.3
License: GNU General Public License
License URI:license.txt
Text Domain: vet-care-center-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Vet Care Center Pro WordPress Theme has been created by Revolutionwp(revolutionwp.com), 2025.
Vet Care Center Pro WordPress Theme is released under the terms of GNU GPL
*/
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Delicious+Handrawn&family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fira+Sans: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&family=Inter:wght@300;400&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rosario:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;200;300;400;500;600;700;800;900&family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&family=Sofia+Sans+Semi+Condensed:ital,wght@0,1;0,100;0,200;0,300;0,400;0,500;0,600;0,800;0,900;0,1000;1,1;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quando&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rosario:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
 :root {
   --white: #ffffff;
   --black: #000000;
   --orange: #00BCDA;
}
 :root {
   --common-font-w: "Work Sans";
}
/* Basic Style */
 body{
   overflow-x: hidden !important;
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: white;
  position: relative;
  font-size: 14px;
  color: #000000;
  font-family: Quicksand;
  overflow-x: hidden !important;
}
html {
    overflow-x: hidden;
  }
 label {
   margin-bottom: 0 !important;
}
 img {
   margin: 0;
   padding: 0;
   border: none;
   max-width: 100%;
   height: auto;
   width: auto;
}
 section img {
   max-width: 100%;
}
h6{
  font: normal normal normal 20px/25px Lato;
  color: #000;
}
h5{
  font: normal normal bold 18px/30px Quicksand;
  margin: 0;
}
h3{
  color: #00BCDA;
  padding: 0;
  font: normal normal normal 30px/35px "Quando", serif;
}
h2 {
  font: normal normal bold 35px / 40px Quicksand;
  margin: 0;
  color: #000;
}


h1{
  font: normal normal bold 43px/54px Quicksand;
}
p{
  color: #000;
  font: normal normal normal 18px/25px Lato;
  font-style: Regular;
  margin: 0;
}
.btn-check:focus+.btn, .btn:focus{
  box-shadow: none;
}
 body a {
   text-decoration: none;
   color: #103DBE;
}
 a:hover {
   text-decoration: none;
   color: var(--orange);
}
 ul, ol {
   margin: 0 0 0 0;
   padding: 0;
}
section{
  background-repeat: no-repeat !important;
  padding: 70px 0;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    font-weight: 600;
    color: #fff;
}
.wpcf7-not-valid-tip {
  color: #fff;
  border: 2px solid #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  font-weight: normal;
  display: block;
  width: max-content;
  font-weight: 600;
  text-transform: capitalize;
  padding: 0px 10px;
  margin: 10px 0px;
}

.woocommerce .loader::before{
  display: none;
}
.blog-content{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.collectionbox-text h5{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.toggleMenu {
   display: none;
}
.btn{
  font: normal normal bold 15px/20px Quicksand;
  letter-spacing: 0.50px;
  color: #fff;
  background: #000;
  padding: 10px 3px 10px 8px;
  border-radius: 10px;
  border: 2px solid #000;
}
.btn-icon{
  background: #fff;
  color: #000;
  font-size: 14px;
  padding: 8px 10px;
  border-radius: 6px;
}
.btn-icon i,.price-btn-icon i{
  transform: rotate(-45deg);
}
.btn:hover{
  background: var(--orange);
  color: #fff;
  border: 2px solid var(--orange);
}
.btn:hover .btn-icon {
  background: #fff;
  color:  var(--orange);
}
.our-pets-content-box:hover .btn,#our_blog .owl-item .newsinner:hover .btn{
  background: var(--orange);
  color: #fff;
  border: 2px solid var(--orange);
}
.our-pets-content-box:hover .btn-icon,#our_blog .owl-item .newsinner:hover .btn-icon {
  background: #fff;
  color:  var(--orange);
}
#site-review-form .btn:hover .review-submit-button{
  /* color: var(--orange) !important; */
}
#site-review-form .btn{
  padding: 4px 4px 4px 4px;
}
.revolutionwp-fixed{
  background-attachment: fixed !important;
  background-size: cover;
  background-repeat: no-repeat;
}
.revolutionwp-scroll{
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ---------- Return to Top ------------ */
 #return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background:#000;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9999;
}



 #return-to-top i {
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 5px;
  color: #fff !important;
}
a#return-to-top{
 color: #fff !important;
 text-align: center;
}
/* #return-to-top:hover {
 background: rgba(0, 0, 0, 0.9);
} */
#return-to-top:hover{
  background: #036E80 ;
}
#return-to-top:hover i {
 top: 5px;
}
/* ----------- Spinner ------------- */
.eco-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  cursor: pointer;
  z-index: 9999;
}
.eco-box .loader{
  display: inline-block;
  width: 25%;
  height: 25%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(assets/images/loader.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
#preloader.loaded {
    top: -150%;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999999999;
  background-color: #1868dd;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.preloader-wrapper {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  position: absolute;
}
.spinner {
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
/* video popup */
.modal-new {
  display: none;
  position: fixed;
  z-index: 999999999999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,.4);
}
/* Modal Content */
.modal-contents {
  background-color: #fff;
  margin: auto;
  padding: 6px;
  width: 45%;
  transition: 2s;
  border-radius: 10px;
}
/* The Close Button */
 .close-one{
  color: #252525;
  float: right;
  font-size: 28px;
  padding-right: 20px;
  cursor: pointer;
  background: transparent;
  border: none;
  font-weight: 900;
}
.owl-nav{
  width: max-content;
  margin: 0 auto;
  padding-top: 3%;
}
.owl-nav button{
  color: #fff;
  background-color: #000;
  height: 45px;
  width: 45px;
  font-size: 17px;
  line-height: 38px;
  border: none;
}
.owl-nav .owl-prev{
  border-radius: 8px 0px 0px 8px;
}
.owl-nav .owl-next{
  border-radius: 0px 8px 8px 0px;
}
.owl-nav button.disabled i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 6px;
}
.owl-nav button i:hover{
  background: #fff;
  color: #000;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 6px;
}
.owl-dots{
  width: max-content;
  margin: auto;
}
.owl-dot{
  background: #000;
  border: none;
  border-radius: 0px;
  width: 10px;
  height: 12px;
  margin: 2px;
}
.owl-dot.active{
  background: var(--orange);
}
.revolutionwp_post_slider .owl-dot{
  border-radius: 50px;
}
#counter .owl-dots,#partner .owl-dots,#our-pricing-plans .owl-dots{
  width: max-content;
  margin: auto;
}
#counter .owl-dot,#partner .owl-dot,#our-pricing-plans .owl-dot{
  background: #000;
  border: none;
  border-radius: 50px;
  width: 10px;
  height: 12px;
  margin: 2px;
}
#counter .owl-dot.active,#partner .owl-dot.active{
  background: #fff;
}
#our-pricing-plans .owl-dot.active{
  background: var(--orange);
}

/* ---------- faq ------------ */
#faq .accordion-item{
  border: none;
  margin-top: 3%;
  position: relative;
}
#faq .accordion-item:before {
  content: "\f1b0";
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 18px;
  background: #00BCDA;
  border-radius: 6px;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: 8px;
  z-index: 1;
  left: 8px;
}
#faq .accordion-button {
  font: normal normal 600 14px/25px Quicksand;
  color: #000;
  background: #F4F4F4;
  padding: 10px 10px 10px 50px;
  border: none;
  box-shadow: unset;
  border-radius: 8px;
}
#faq .accordion-button:hover{
  z-index: unset;
}
#faq .accordion-body{
  font: normal normal normal 14px/25px Lato;
  padding: 10px 10px 10px 50px;
  text-align: start;
}
.accordion-button::after{
  background-size: 0.9rem;
  height: 10px;
}
.faq-design-img{
  bottom: -40%;
  position: absolute;
  right: 0;
}
.faq-image{
  width: 100%;
  height: auto;
}
.faq-image-box{
  -webkit-mask-image: url(assets/images/faq/shape.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size:contain;
  padding-bottom: 12%;
}
.faq-image-content-box{
  background-position: left;
  background-size: 95% 100%;
  position: relative;
  background-repeat: no-repeat;
}




/* Background color change on hover */
#faq .accordion-button {
  transition: background-color 0.3s ease, color 0.3s ease;
}

#faq .accordion-button:hover {
  background-color: var(--orange);   /* Your theme blue */
  color: #fff;                  /* White text for contrast */
}

#faq .accordion-item:hover:before{
  background-color: #036E80;
}

/* FAQ Hover: Lift + Shadow */
#faq .accordion-item {
  transition: all 0.3s ease;
}

#faq .accordion-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}




/*------ search bar ----------*/
.search-container{
  display: none;
  position: absolute;
  bottom: -65px;
  z-index: 999;
  padding: 0px;
  right: 15%;
  width: auto !important;
  border: 2px solid var(--orange);
}
.search-container [type=search] {
  border: unset;
  position: relative;
  padding: 10px 35px;
  width: auto;
  outline: none;
  font: normal normal bold 14px/25px Quicksand;
  border-radius: 0px;
}
.search-form button {
  color: white;
  padding: 10px 10px 10px 10px;
  width: 50px;
  height: 49px;
  font-size: 0;
  position: absolute;
  right: auto;
  top: -2px;
  border: none;
  background: var(--orange);
}
.search-form button[type=submit]::before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
}
/* blog sidebar */
#sidebar .widget-title,.revolutionwp_post_slider h3{
  font: normal normal 600 20px/25px Quicksand;
  color: #000;
}
#sidebar label{
  width: 100%;
}
#sidebar .search-field{
  border: 1px solid #E5E5E5;
  padding: 9px 10px;
  border-radius: 6px;
  width: 100%;
}
#sidebar aside{
  border: 1px solid #DBDBDB;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 8%;
}
#sidebar aside:nth-child(2){
  position: relative;
  border: none;
  padding: 0px;
}
#sidebar aside:nth-child(2) h4{
  position: absolute;
  bottom: 28%;
  left: 6%;
  font: normal normal 600 24px/30px Quicksand;
  color: #fff;
}
#sidebar aside:nth-child(2) .wimma-linkbtn a{
  color: var(--orange);
  background: #fff;
  border-radius: 6px;
  padding: 13px 12% 13px 13px;
  font: normal normal bold 15px/25px Quicksand;
  position: relative;
}
#sidebar aside:nth-child(2) .wimma-linkbtn a:after{
  content: "\f178";
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
  right: 0px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  top: 5px;
  z-index: 1;
  transform: rotate(-45deg);
}
#sidebar aside:nth-child(2) .wimma-linkbtn a:before{
  content: '';
  color: #000;
  font-size: 14px;
  background: #00BCDA;
  border-radius: 5px;
  line-height: 17px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
  right: 0px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  top: 5px;
  z-index: 1;
}
#sidebar aside:nth-child(2) .wimma-linkbtn{
  position: absolute;
  bottom: 15%;
  left: 6%;
  width: 100%;
}
#sidebar aside ul li{
  display: flex;
  font: normal normal 600 16px/30px Lato;
  color: #000;
}
#sidebar aside ul li a{
  font: normal normal 600 15px/20px Quicksand;
  width: 100%;
  color: #000;
}
#sidebar aside ul{
  list-style-type: none;
}
#sidebar aside ul .post-content a{
  font: normal normal 600 15px/20px Quicksand;
}

.recent-post-box .media.post-thumb {
  display: flex;
  margin-bottom: 5%;
}
.recent-post-box .media.post-thumb img{
  width: 55px;
  height: 55px;
  border-radius: 10px;
  object-fit: cover;
  object-position: top;
  align-self: center;
}
.search-form {
  position: relative;
}
.search-form label:before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
  position: absolute;
  top: 1px;
  right: 1px;
  color: #fff;
  background: var(--orange);
  width: 40px;
  line-height: 40px;
  height: 40px;
  border-radius: 0px 6px 6px 0px;
  text-align: center;
  font-size: 14px;
}
.search-submit {
  font-size: 0;
  border: none;
  background: transparent;
}
.revolutionwp-slider-post-wrapper img{
  width: 100%;
  height: 250px;
  border-radius: 10px;
  object-fit: cover;
  object-position: top;
}
.revolutionwp-slider-post-wrapper{
  text-align: center;
  /* width: 100% ;
  height: 250px; */
}
.revolutionwp-slider-post-wrapper a:nth-child(2){
  font: normal normal 600 15px/40px Quicksand;
  color: #000;
}
/* home page sections css */
/* -------slider------ */












a.slider-buttons.button-two {
  font-size: 18px;
  color: #000000;
  font-weight: 700;
  margin-left: 40px;
  /* text-decoration: underline; */
  padding-bottom: 8px;
  line-height: 40px;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
}

a.slider-buttons.button-two::after {
  content: '';
  background-color: #000;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.slider-buttons:hover{
  color: var(--orange);
}


.slider-button-box {
  margin-top: 60px;
}

img.slider-pets-img {
  margin-bottom: 30px;
  margin-left: 20px;
}

img.small-1 {
  left: 14%;
  top: 21%;
}
img.small-2 {
  left: -4%;
  top: 35%;
}
img.small-3 {
  left: 3%;
  bottom: 3%;
}

.injec-text-div {
  position: absolute;
  top: 50%;
  background: linear-gradient(90deg, #FFFFFF 0%, #ABABAB 100%);
  left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  padding: 5px;
  box-shadow: 0px 4px 4px 0px #00000040;
  transition: all 1s;
}
.injec-text-div:hover {
  transform: translateY(-10px);
}
.slider-content-box {
  width: 80%;
  margin-top: 50px;
}










#slider{
  margin-top: 2%;
  /* z-index: 0; */
  position: relative;
}
.background-dots-img {
  position: relative;
  object-fit: contain;
  left: 15px;
  top: -30px;
}
/* .slider-pets-img{
  position: absolute;
  top: 0px;
  right: 0px;
  height: 83px;
  width: 135px;
} */
.slider-main-image-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.slider-main-image-box .small-1,
.slider-main-image-box .small-2,
.slider-main-image-box .small-3
 {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
}

.slider-main-image-box{
  position: relative;
  /* clip-path: circle(52% at 62% 33%); */
  /* background: var(--orange); */
}
.slider-box-shadow-box-shadow {
  clip-path: circle(48% at 67% 35%);
}
/* .slider-main-image-box:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: #ffffff;
  top: 0;
  left: -10px;
  z-index: -3;
  clip-path: circle(48% at 67% 35%);
} */
.slider-indicator button{
  position: relative;
  background: transparent !important;
  border: none !important
}
.carousel-indicators button{
  opacity: 1 !important;
}
.carousel-indicators{
  display: grid;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 1;
  bottom: 15%;
  left: 10ch;
  width: max-content;
  height: max-content;
  text-align: center;
  margin: auto;
}
.carousel-indicators .active img{
  border-color: var(--orange) !important;
}
.slider-indicator button:nth-child(1) img{
  border: 5px solid #fff;
}
.slider-indicator button:nth-child(1) {
  width: 165px;
  height: 165px;
}
.slider-indicator button:nth-child(2) img{
  border: 4px solid #fff;
}
.slider-indicator button:nth-child(2){
  width: 140px;
  height: 140px;
  position: relative;
  left: 16ch;
  top: 1ch;
}
.slider-indicator button:nth-child(3) img{
  border: 2px solid #fff;
}
.slider-indicator button:nth-child(3){
  width: 110px;
  height: 110px;
  position: relative;
  left: 35ch;
  top: -2ch;
}
.slider-indicator img {
  position: absolute;
  right: 0;
  clip-path: unset;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
  object-position: right;
  border-radius: 50%;
}
a.slider-button.btn .btn-icon {
  margin-left: 20px;
}
.slider-content-column{
  /* padding: 0px 12% 0px 0%; */
  /* position: absolute; */
  /* left: 16%; */
}

.slider-paragraph {
  font: normal normal 400 17px / 30px Lato;
  width: 80%;
  margin-top: 35px;
}
.slider-button.btn:hover{
  background: var(--orange);
  color: #fff;
}

h6.slider-sub-heading {
  text-transform: uppercase;
}

.slider-button.btn:hover .btn-icon {
  background: #fff;
  color: var(--orange);
}
.carousel-control-next i {
  /* color: #000;
  background-color: #fff;
  height: 30px;
  width: 30px;
  font-size: 14px;
  line-height: 30px;
  border: none;
  border-radius: 6px !important; */
}
.carousel-control-prev i:hover,.carousel-control-next i:hover {
  color: #000;
  background-color: #fff;
  height: 30px;
  width: 30px;
  font-size: 14px;
  line-height: 30px;
  border: none;
  border-radius: 6px !important;
}
.carousel-control-next, .carousel-control-prev {
  background: #000;
  width: 42px;
  height: 40px;
  opacity: 1;
  left: -14%;
}
.carousel-control-prev{
  border-radius: 8px 8px 0px 0px !important;
}
.carousel-control-next{
  border-radius: 0px 0px 8px 8px !important;
}
.carousel-control-prev{
  top: 46%;
}
.carousel-control-next{
  top: 53.4%;
  right: unset;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{
  opacity: 1 !important;
}




.floating-icon-1 {
  position: absolute;
  top: 12em;
  left: -2em;
  font-size: 30px;
  transform: rotate(-25deg);
}


.floating-icon-2 {
  position: absolute;
  top: 5em;
  left: 1em;
  font-size: 30px;
  transform: rotate(-25deg);
}

.floating-icon-3 {
  position: absolute;
  top: 3em;
  right: 1em;
  font-size: 30px;
  transform: rotate(-25deg);
}


.floating-icon-4 {
  position: absolute;
  top: 7em;
  right: 0em;
  font-size: 30px;
  transform: rotate(-25deg);
}


h1.slider-heading{
  font-family: "Quando", serif;
  font-weight: 400;
  margin-top: -25px;
}
h1.slider-heading-two{
  color: var(--orange);
  width: 70%;
}






.banner-video-main-div {
  bottom: -3%;
  position: absolute;
  right: 20%;
  background: #ffffff;
  z-index: 0;
  text-align: center;
  box-shadow: 0px 4px 4px 0px #00000038;
  padding: 10px;
  border-radius: 20px;
}
.banners-icon-image{
  position: absolute;
  top: 40%;
}
.banner-icon-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.banner-icon-img {
  background: #000;
  border-radius: 50px;
  padding: 15px;
  width: 75px;
  height: 75px;
}
.banners-cat-image {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}




.single-video-slider-btn i {
  color: #fff;
  background: #EF3B3B;
  top: 25%;
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
  border: 1px solid #fff;
  box-shadow: 0px 6px 4.8px 0px #EF3B3B54;
  transition: all 1s;
}

.banner-video-main-div:hover .single-video-slider-btn i {
  background: #000000;
  transform: scale(1.1);
}

.banner-video-main-div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: -55px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
}

.banner-video-main-div p {
  font-size: 13px;
  font-weight: 600;
  color: #000;
  line-height: 18px;
  position: absolute;
  font-family: Quicksand;
  bottom: 10px;
  text-align: left;
}

.banner-video-box {
  position: relative;
  width: 180px;
  height: 150px;
  padding: 0 17px;
}













/* Main wrapper */
.stats-wrapper {
  background: #000;
  border-radius: 20px;
  padding: 30px 20px;
  position: relative;
  z-index: 1;
}

/* Left circular image */
/* .stats-left-img img {
  width: 190px;
  height: 190px;
  border-radius: 50%;
  border: 10px solid rgba(0, 200, 255, 0.2);
  object-fit: cover;
  margin-right: 25px;
} */

/* Each stat box */
.single-stat h2 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 5px;
}

.single-stat p {
  color: #fff;
  font-size: 24px;
  margin: 0;
  font: normal normal 500 28px/35px Quicksand;
}


/* Divider between stats */
.stat-divider {
  width: 2px;
  height: 90px;
  background: linear-gradient(to bottom, transparent, #00d5ff, transparent);
  margin: 0 30px;
  display: block;
  backdrop-filter: blur(0.8999999761581421px);
}



/* Pulse hover effect */
.stats-left-img img {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.stats-wrapper:hover .stats-left-img img {
  transform: scale(1.05);
  box-shadow: 0 0 25px rgba(0, 200, 255, 0.6);
  animation: pulseAnim 1s infinite;
}

@keyframes pulseAnim {
  0% {
      box-shadow: 0 0 0 0 rgba(0, 200, 255, 0.5);
  }
  70% {
      box-shadow: 0 0 0 25px rgba(0, 200, 255, 0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(0, 200, 255, 0);
  }
}


/* WRAPPER */
.circle-bg {
  position: relative;
  width: 220px;
  height: 220px;
  margin: auto;
}

/* MAIN IMAGE */
.stats-main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  /* border: 10px solid #00BCDA6B; */
}

/* RING 1 – large aqua ring */
/* .circle-ring-1 {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(0, 200, 220, 0.15);
  z-index: 1;
} */

/* RING 2 – darker ring */
.circle-ring-2 {
  position: absolute;
  bottom: -10px;
  left: -10px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: rgba(0, 150, 180, 0.25);
  z-index: 0;
}

.stats-items {
  gap: 70px;
}




/* BACKGROUND HALF-GRADIENT BEHIND RINGS */
.stats-left-img {
  position: absolute;
  top: -55%;
  left: 5%;
}


/* .stats-left-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: linear-gradient(
      to bottom,
      rgba(0, 200, 220, 0.25),
      rgba(0, 150, 180, 0.50)
  );
  z-index: -1;
  filter: blur(2px);
}
 */





/* -------about------ */


section#aboutUs {
  margin-top: 100px;
}
.about-page #aboutUs{
  padding: 70px 0px !important;
}
.about-image-box{
  -webkit-mask-image: url(assets/images/About/about-shape.png);
  mask-image: url(assets/images/About/about-shape.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size:contain;
  position: relative;
}
.about-image-main-box{
  position: relative;
}
.about-image-main-box:after {
  border-radius: 50%;
  content: '';
  width: 60px;
  height: 60px;
  position: absolute;
  background: var(--orange);
  top: 5%;
  right: 27%;
}
.about-strip-box{
  position: absolute;
  background-image: linear-gradient(135deg, #00BCDA 9%, #ffffff 9%, #ffffff 50%, #00BCDA 50%, #00BCDA 59%, #ffffff 59%, #ffffff 100%);
  background-size: 15.56px 15.56px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  opacity: 0.3;
  top: 30%;
  right: 0%;
  z-index: -1;
}
.ingredients-tab p {
  font: normal normal normal 16px/29px Lato;
  background: #F3F2F2;
  padding: 10px;
  border-radius: 10px 10px 0px 10px;
  position: relative;
}
.ingredients-tab p:before {
  position: absolute;
  content: '';
  right: 0;
  bottom: -25px;
  border-right: 25px solid #F3F2F2;
  border-bottom: 25px solid transparent;
}
.certified-content-box p{
  font: normal normal 600 16px/29px Quicksand;
}
.certified-content-box i, .our-process-content-box i {
  background: var(--orange);
  color: #fff;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 1s all;
}

.certified-content-box:hover i{
  color: #000;
}

.our-process-content-box:hover i{
  color: #000;
}

.about-shape-image {
  position: absolute;
  top: -55%;
  left: 0;
  height: 100%;
}
.about-skill-cat-image{
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
}
.about-page .about-button-box{
  display: none;
}
/* ----our process ---- */
.our-process-img-box{
  width: 80px;
  height: 80px;
}
.our-process-img-box p{
  font: normal normal normal 16px/30px Lato;
}
.our-process-sub-heading {
  font: normal normal 600 18px/29px Quicksand;
  margin: 0;
  padding-top: 15px;
}
.our-process-img-box span{
  top: 0;
  right: 0;
  background: var(--orange);
  color: #fff;
  border-radius: 50px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}
.our-process-dog-image{
  position: absolute;
  bottom: 0;
  width: 280px;
  height: max-content;
}





/* .our-process-text:hover p,.our-process-text:hover h6 {
  color: #fff;
} */
.our-process-text:hover {
  background: #b2e0e9 ;
  border-radius: 15px;
  color: #fff;
}


/* ---------- our pets ------------ */
.our-pets-content-box{
  background: #fff;
  box-shadow: 0px 0px 6px 0px #00000029;
  margin: 5px;
  padding: 10px;
  border-radius: 20px;
}

.our-pets-content-box:hover {
  background: #036E80;
}

.our-pets-images-content-box .icon-img{
  border-radius: 15px;
  width: 100%;
  height: 100%;
}
.pets-count{
  position: absolute;
  top: 15px;
  background: var(--orange);
  width: 30px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
}
.pets-count:after {
  content: "";
  position: absolute;
  right: -6px;
  left: unset;
  top: 0;
  width: 0;
  border-bottom: 10px solid var(--orange);
  border-left: 0px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid var(--orange);
  margin: 0 auto;
}
.pets-count:before {
  content: '';
  width: 4px;
  height: 20px;
  position: absolute;
  background: var(--orange);
  top: 0px;
  left: -4px;
  z-index: 1;
}
.our-pets-img-content {
  position: relative;
}
.our-pets-img-content:before {
  position: absolute;
  content: '';
  height: 15px;
  width: 15px;
  left: 16px;
  top: 19px;
  background-color: #4f4f4f00;
  border-radius: 130% 0% 0% 0%;
  box-shadow: -25px -12px 0 -5px #BC4218;
  z-index: 0;
}
.our-pets-img-content:after {
  position: absolute;
  content: '';
  height: 15px;
  width: 15px;
  left: 16px;
  top: 40px;
  background-color: #4f4f4f00;
  border-radius: 0% 0% 0% 130%;
  box-shadow: -25px -12px 0 -5px #BC4218;
  z-index: 0;
}
.our-pets-content{
  padding-left: 6px;
}
.our-pets-content-box .owl-item{
  padding: 4px;
}
.our-pets-content-box .owl-dot.active{
  background: var(--orange);
}
.our-pets-content-box .owl-dots{
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  width: max-content;
  margin: auto;
}
.our-pets-content-box .owl-dot{
  border: none;
  width: 12px;
  height: 12px;
  background: #fff;
  margin: 5px;
}
.our-pets-content h6 a{
  font: normal normal bold 18px/25px Quicksand;
  color: #000;
}
.our-pets-designation-text{
  font: normal normal normal 16px/30px Lato;
  color: #000;
}


.our-pets-content-box:hover .our-pets-content h6 a,.our-pets-content-box:hover .our-pets-designation-text{
  color: #fff;
}
.single-adopt-form-box{
  transition: all 1s;
}
.single-adopt-form-box:hover{
  transform: translateY(-10px);
}
.our-pets-designation-text i{
  color: var(--orange);
}
.pets-paw-bg-img{
  position: absolute;
  bottom: 0;
  width: 60% !important;
  right: 0;
  height: 100%;
  object-fit: cover;
  top: unset;
  z-index: 0;
}
/* --------our testimonial -------- */
#our_testimonial .list-group-item, .list-group-item{
  border: none;
  border-radius: 20px !important;
  box-shadow: 0px 0px 6px 0px #00000029;
  margin: 5px 5px;
  padding: 30px 16px;
}
.content-box p{
  font: normal normal normal 16px/30px Lato;
}
.testimonial-quote-box i {
  position: absolute;
  top: 20%;
  left: 28%;
  color: #fff;
  background: var(--orange);
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 30px;
  text-align: center;
  border-radius: 50px;
  opacity: 0.1;
}
.content-box .content h5{
  font: normal normal bold 18px/30px Quicksand;
  color: var(--orange);
}
.address{
  font: 600 15px/20px Quicksand;
}
.client-image img:nth-child(1) {
  width: 131px;
  height: 131px;
  border-radius: 50%;
  object-fit: contain;
}
.testimonial-pets-author-img{
  width: 70px !important;
  height: 70px;
  position: absolute;
  right: -10px;
  top: 90px;
  border: 3px solid #fff;
  border-radius: 50px;
}
.testimonial-cat-img{
  position: absolute;
  bottom: 0px;
  right: 0px;
}



.team-head img {
  border-radius: 15px;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border: 4px solid #fff;
}
.team-head-img {
  height: 380px !important;
  width: 100% !important;
  transform: rotateZ(-4deg);
  z-index: 1;
}
.team-head-img:after {
  content: "";
  width: 100%;
  height: 380px !important;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #000 !important;
  transition: 0.2s 
ease-in-out;
  border-radius: 15px 15px;
  transform: rotateZ(-6deg);
}
.team-head {
  width: 103% !important;
}
.team-contents-box{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7%;
  z-index: 9;
}

/* Hover: lift + glow */
#our_testimonial .list-group-item:hover {
  transform: translateY(-6px);
  box-shadow: 0px 8px 18px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}

/* Ensure transition exists even without hover */
#our_testimonial .list-group-item {
  transition: all 0.3s ease;
}
#our_testimonial .list-group-item:hover .testimonial-quote-box i {
  opacity: 0.3;
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}

.testimonial-quote-box i {
  transition: all 0.3s ease-in-out;
}

#our_testimonial .list-group-item:hover{
  background: var(--orange) ;
}
#our_testimonial .list-group-item:hover .testimonial-quote-box p,
#our_testimonial .list-group-item:hover .content .address,
#our_testimonial .list-group-item:hover .content-box .content h5
{
  color: #fff !important;
}
#our_testimonial .list-group-item:hover .testimonial-quote-box i{
  background: #fff ;
  color: #000;
}
.team-head:after {
  content: "";
  width: 100%;
  height: 50%;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 7px;
  right: 0;
  margin: auto;
  background: transparent linear-gradient(180deg, #3FBAD900 0%, #545454c7 100%) 0% 0% no-repeat padding-box;
  transition: 0.2s 
ease-in-out;
  border-radius: 15px;
  transform: rotateZ(-4deg);
}

.team-head:hover:after {
  width: 98%;
  height: 100%;
  background: #000000;
  opacity: 0.4;
  left: 5px;
  transform: rotateZ(-4deg);
}




.team-social-icon-box{
  display: none;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  z-index: 9;
}

.team-head .team-share-icon{
  position: absolute;
  bottom: -20px;
  background: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50px;
  line-height: 35px;
  text-align: center;
  left: 43%;
  box-shadow: 0px 0px 10px 0px #00000029;
  z-index: 9;
}
.owl-item.active .team-head .team-social-icon-box p:nth-child(1){
  position: absolute;
  bottom: 40px;
  left: 12%;
}
.owl-item.active .team-head .team-social-icon-box p:nth-child(2){
  position: absolute;
  bottom: 15px;
  left: 27%;
}
.owl-item.active .team-head .team-social-icon-box p:nth-child(3){
  position: absolute;
  bottom: 12px;
  right: 28%;
}
.owl-item.active .team-head .team-social-icon-box p:nth-child(4){
  position: absolute;
  bottom: 38px;
  right: 13%;
}
.owl-item.active .team-head .team-social-icon-box a i{
  background: #fff;
  color: #000;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  box-shadow: 0px 0px 10px 0px #00000029;
}
.team-conatiner i:hover{
  color: var(--orange) !important;
}
.team-head:hover .team-social-icon-box{
  display: block;
}
/* .team-head:hover img{
  box-shadow: 0px 6px 0px 0px var(--orange), 0px -10px 0px 0px var(--orange);
} */
.team-content{
  bottom: 14%;
  left: 0;
  right: 0;
  color: #fff;
  width: max-content;
  margin: auto;
}
.team-content h5 a{
  color: #fff;
}
.team-designation-text{
  color: #fff;
  font: normal normal 16px/20px Lato;
}
.team-design-img {
  position: absolute;
  bottom: -10%;
  left: 0;
  width: max-content;
  height: 100%;
}
.team-main .owl-nav{
  display: block !important;
}
/* ---- pricing plan ---- */
.pricing-plan-main-box .nav{
  display: block;
  position: relative;
  height: 80px;
}
.pricing-plan-main-box li.nav-item {
  position: relative;
}
.pricing-plan-main-box ul#pills-tab:after {
  position: absolute;
  width: max-content;
  background: black;
  width: 40px;
  height: 77px;
  border-radius: 8px;
  content: '';
  top: 0;
  z-index: -1;
}
.pricing-plan-main-box .nav-pills .nav-link.active,.pricing-plan-main-box .nav-pills .show>.nav-link{
  background: transparent;
}
.pricing-plan-main-box .nav-pills .nav-link.active:after {
  content: '';
  background: var(--orange);
  position: absolute;
  width: 30px;
  height: 30px;
  left: 5px;
  z-index: 1;
  line-height: 30px;
  top: 5px;
  border-radius: 6px;
}
.pricing-plan-main-box .pricing-plan-tab-content p {
  font: normal normal bold 16px/20px Quicksand;
  position: relative;
  left: 35px;
}
.pricing-plan-carousel-box{
  margin-top: -9%;
  padding-right: 0px;
}
.pricing-plans-content-carousel-box{
  background: #F2F2F2;
  padding: 10px 10px;
  border-radius: 10px;
}
.pricing-plans-paw-img{
  position: absolute;
  bottom: 0;
  height: 100%;
  width: max-content;
  object-fit: contain;
  left: 0;
}
.plans-titles{
  font: normal normal normal 18px/25px Lato;
}
.plans-price-text{
  font: normal normal bold 25px/39px Quicksand;
}
.planing-text-content {
  font: normal normal 600 16px/30px Quicksand;
  align-self: center;
  margin: 0;
}
.plan-text-box i {
  background: var(--orange);
  color: #fff;
  padding: 6px 16px;
  border-radius: 6px;
  font-size: 18px;
  margin-right: 10px;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pricing-plan-button{
  color: #fff;
  background: #000;
  padding: 15px 10px 15px 15px;
  border-radius: 8px;
  font: normal normal bold 15px/20px Quicksand;
}
.plan-text-box{
  height: 46px;
}
.price-btn-icon i {
  padding: 0 !important;
  font-size: 16px;
}
.price-btn-icon {
  background: #fff;
  color: #000;
  font-size: 16px;
  padding: 7px 7px;
  border-radius: 6px;
}
.price-plan-content-box{
  transition: all 1s;
  border-radius: 10px;
  padding-top: 15px;
  /* margin-left: 6px; */
}
.pricing-plan-main-box .owl-item:nth-child(1) .price-plan-content-box, .pricing-plan-main-box .owl-item:nth-child(4) .price-plan-content-box{
	margin-left: 6px;
}
.pricing-plan-main-box  .owl-stage-outer{
  padding: 0px;
}

.price-plan-content-box, .price-plan-content-box .plans-card-body {
  padding: 9px 5px;
}

.pricing-plan-carousel-box .active:nth-child(1) .price-plan-content-box .plans-card-body {
    border-radius: 15px 0px 0px 15px;
}
.pricing-plan-carousel-box .active:nth-child(3) .price-plan-content-box .plans-card-body {
    border-radius: 0px 15px 15px 0px;
}
.price-plan-content-box:hover ,.price-plan-content-box:hover .plans-card-body{
  background: var(--orange);
  padding: 9px 5px;
}
.price-plan-content-box:hover .pricing-details-box,.price-plan-content-box:hover .plans-card-body i{
    color: #fff;
}
.price-plan-content-box:hover .pricing-plan-button {
  color: var(--orange);
  background: #fff;
}
.price-plan-content-box:hover .pricing-plan-button .price-btn-icon {
  background: var(--orange);
  color: #fff;
}
.plans-card-body i{
  padding: 15px 10px;
  font-size: 14px;
}
p.pricing-feature-text {
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0;
}
.pricing-icon-text{
  border-bottom: 1px solid #F2F2F2;
  width: 80%;
  margin: auto;
}
.plans-card-body .pricing-icon-text:nth-child(7) {
  border-bottom: none;
  margin-bottom: 25px;
}
.plans-card-body{
  background: #fff;
  margin-top: 50px;
  padding: 10px 0px;
}
.pricing-plans-design-img{
  position: absolute;
  bottom: 10%;
  right: 0px;
  height: 100%;
  width: 100px !important;
}
/* ------- our blog --------- */
.blog-date,.meta-comment-box{
  font: normal normal normal 14px/17px Lato;
  color: #8e8e8e;
}
.newsinner.blog-detail{
  margin: 5px 0px;
}
.our-blog-box .owl-item.active.center .newsinner.blog-detail{
  background: #fff;
  box-shadow: 0px 0px 8px 0px #00000021;
  padding: 10px;
  border-radius: 20px;
}
.blog-admin-box-content i{
  color: var(--orange);
}
.blog-content p{
  color: #000;
  font: normal normal normal 14px/25px Lato;
}
.our-blog-box .owl-item .newsinner{
  flex-direction: row-reverse;
}
.our-blog-box .owl-item.active .newsinner{
  flex-direction: row;
}
.our-blog-box .owl-item.active .collectionbox-text{
  display: block;
}
#our_blog .owl-item .newsinner{
   padding: 10px;
}

.newsinner.blog-detail:hover {
  background: #b2e0e9 !important;
}

.collection-img-box{
  height: 100%;
}
.collectionbox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 20px;
}
.blo-cat-admin-box{
  display: none;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  background: var(--orange);
  padding: 10px;
  margin: auto;
  width: 80%;
  border-radius: 6px;
}
.blog-category a{
  font: normal normal 600 14px/25px Quicksand;
  color: #fff !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.blog-category .cat-item:after {
  /* content: '';
  width: 1px;
  height: 20px;
  background: #fff;
  position: absolute;
  right: -10px;
  top: 3px;
  margin-right: 3px; */
}
/* about-page */
.about-page .about-shape-image {
  position: absolute;
  top: 8%;
  left: 0;
}
.about-service-sub-heading {
  font: 400 18px/25px Lato;
  color: var(--orange);
}
.about-service-heading {
  font: normal normal bold 28px/40px Quicksand;
  color: #000;
}
.about-service-content-box p{
  font: normal normal normal 16px/35px Lato;
}
.about-service-icon-box{
  background: var(--orange);
  padding-top: 2px;
  width: 38px;
  height: 38px;
  line-height: 35px;
  text-align: center;
  border-radius: 4px;
}
.about-service-icon-box i{
  color: var(--orange);
  background: #fff;
  font-weight: bold;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
}
.about-service-icon-title h6{
  font: normal normal bold 18px/35px Quicksand;
  margin: 0px;
}
.about-service-icon-text p{
  font: normal normal normal 16px/30px Lato;
  padding-right: 10px;
}
.about-mission-image {
  width: 90%;
  height: 100%;
}
/*---- about mission ----- */

.about-page-mask-image-box {
    background-position: center;
    background-size: 85% 100%;
    position: relative;
    background-repeat: no-repeat;
    background-image: url(assets/images/mask-img.svg);
}
.about-page-image-box {
  width: 85%;
  height: auto;
  margin: auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  padding-bottom: 12%;
  background-repeat: no-repeat;
  -webkit-mask-image: url(assets/images/faq/shape.png);
}
.about-page-image-box img{
  width: 100%;
  height: 100%;
}
.about-mission-heading h4,.about-history-heading h4,.about-vission-heading h4,.about-partners-content h4{
  font: 600 26px/35px Quicksand;
}
.about-mission-para p,.about-history-para p,.about-vission-para p{
  font: normal normal normal 16px/30px Lato;
}
.history-design-img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.about-testi-design-img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.about-partner-design-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
}
.about-page #our-team  .team-design-img{
  display: none;
}
.about-partners-content p{
  font: normal normal normal 16px/30px Lato;
  padding-right: 20px;
}
#site-review-form .form-title{
  font: normal normal bold 24px/30px Quicksand;
}
#site-review-form input,#site-review-form textarea{
  width: 100%;
  border-radius: 6px;
  border: 2px solid #cccccc;
  padding: 4px 8px;
  font: normal normal normal 16px/30px Lato;
}
#site-review-form textarea{
  height: 200px;
}
#site-review-form .review-submit-button{
  width: max-content;
  height: max-content;
  border: none;
  background: none;
  color: #fff;
}
input.custom-file-input{
  position: relative;
}
input.custom-file-input:after{
  position: absolute;
  content: 'Upload Photo';
  left: 0;
  top: 3px;
  background: #fff;
  display: block;
  height: 40px;
  width: max-content;
  padding-left: 6px;
  text-align: start;
  border: none;
  font: normal normal normal 16px/35px Lato;
  color: #777;
}
input.custom-file-input:before {
  content: '\f0ee';
  position: absolute;
  right: 10px;
  font-family: 'FontAwesome';
  color: #777;
  top: 7px;
  z-index: 1;
}
/* single-service-page */
.single-design-img {
  position: absolute;
  bottom: 10%;
  width: auto;
  height: auto;
}
.single-service-icon-img {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -50px;
  right: 0;
  background: var(--orange);
  border-radius: 50px;
  padding: 10px;
  border: 8px solid #fff;
}
.single-service-content-box h4{
  font: normal normal bold 28px/35px Quicksand;
}
.single-service-content-box p{
  font: normal normal normal 17px/35px Lato;
}
.check-points-box p{
  padding-left: 5% !important;
}
.services-meta-images{
  display: flex;
  justify-content: center;
  width: 35%;
  margin: auto;
}
.benifit-services-points p{
  position: relative;
}
.benifit-services-points p:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 11px;
  background: var(--orange);
  border-radius: 50px;
  line-height: 17px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
  left: 0px;
  top: 12px;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.service-page-dog-img{
  position: absolute;
  top: 8%;
  right: 0;
}
/* single-adopt-pets-page */
.single-adopts-tab-box{
  box-shadow: 0px 3px 6px 0px #00000029;
  background: #fff;
  border-radius: 10px;
  padding: 15px 15px 0px 15px;
}
.adopt-pets-inform-form-box{
  box-shadow: 0px 3px 6px 0px #00000029, 0px -6px 0px 0px var(--orange);
  background: #fff;
  border-radius: 20px;
  padding: 35px 20px 35px 30px;
}
.single-adopts-slider-img{
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.adopt-pets-page-contents-box h4,.adopt-pets-inform-form-box h4,.rescue-box-content-paragraph h4{
  font: normal normal bold 26px/40px Quicksand;
}
.adopt-pets-inform-form-box h5{
  font: normal normal bold 18px/35px Lato;
}
.adopt-pets-page-contents-box p{
  font: normal normal normal 16px/35px Lato;
  padding-right: 8%;
}
.adoption-rule-box{
  background: #F3F2F2;
  border-radius: 10px;
  padding: 25px 15px;
  position: relative;
}
.adoption-rule-box:after {
  position: absolute;
  content: '';
  right: 0;
  bottom: -35px;
  border-right: 50px solid #F3F2F2;
  border-bottom: 50px solid transparent;
}
.adoption-rule-box h5,.adopts-features-box h5{
  font: normal normal bold 22px/35px Quicksand;
}
.adoption-rule-box p{
  font: normal normal normal 16px/35px Lato;
  padding-right: 0px;
}
.adopts-features-points p{
  position: relative;
  padding-left: 9% !important;
}
.adopts-features-points p:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  color: var(--orange);
  font-size: 16px;
  margin-right: 6px;
  position: absolute;
  left: 0px;
  top: 12px;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.single-adopt-our-process .our-process-img-box span {
  top: 8px;
  right: 8px;
}
.single-adopt-our-process-bg-one {
  position: absolute;
  bottom: 0;
  width: 265px;
  height: auto;
}
.single-adopt-our-process-bg-two {
  position: absolute;
  bottom: 0;
  right: 0;
}
/* adopt page */
ul#cat_inner-tab {
  background: #fff;
  box-shadow: 0px 4px 9px 0px #00000029;
  width: max-content;
  margin: auto;
  height: 50px;
  border-radius: 10px;
}
#cat_inner-tab button{
  border: none;
  background: transparent;
  padding: 0px;
}
#cat_inner-tab button a{
  padding: 16px 25px;
  font: 600 16px/25px Lato;
}
#cat_inner-tab button.active a{
  background: var(--orange);
  color: #fff;
  border-radius: 10px;
}
/* single team */
.single-team-img-box img{
  border-radius: 20px;
}
.team-rating l{
  color: #FFD91D;
}
.single-team-content-box h5,.team-biography-title,.team-skills-title{
  font: 900 28px/35px Quicksand;
}
.single-team-content-box .team-designation-text{
  color: #000;
  font: normal normal normal 18px/30px Lato;
}
.single-team-content-box p,.team-biography-text,.team-review-text{
  font: normal normal normal 16px/30px Lato;
}
.biography-img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.team-location-text,.team-experience-text,.team-mail-text,.team-phone-text {
  font: normal normal normal 16px/30px Lato;
}
.team-location-text i,.team-experience-text i,.team-mail-text i,.team-phone-text i{
  color: var(--orange);
}
.team-mail-text a, .team-phone-text a{
  color: #000;
}
.team-mail-text a:hover, .team-phone-text a:hover{
  color: #000;
}
.single-team-content-box .about-socialbox i{
  color: #000;
  font-size: 18px;
  margin-right: 10px;
}
.single-team-content-box .about-socialbox i:hover{
  color: var(--orange);
}
.progress-bar {
  height: 10px;
  width: 100%;
  background-color: #e9ecef;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
  position: relative;
}
.bar {
  width: 0;
  height: 100%;
  background-color: var(--orange);
}
.progress-title{
  font: normal normal normal 16px/20px Lato;
  align-self: center;
}
/* rescue page  */
.rescue-content-box{
  background: #fff;
  box-shadow: 0px 0px 6px 0px #00000021;
  padding: 10px;
  border-radius: 15px;
}
.rescue-image-box-content{
  width: 100%;
  height: 300px;
}
.rescue-image-box-content img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
}
.rescue-content-text-box h5{
  font: normal normal bold 18px/26px Quicksand;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.rescue-content-box:hover .btn{
  /* color: var(--orange);
  background: #fff;
  border: 2px solid var(--orange); */
}
.rescue-content-box:hover .btn-icon {
  /* background: var(--orange);
  color: #fff; */
}
.rescue-author{
  font: normal normal normal 14px/17px Lato;
  text-transform: capitalize;
}
.rescue-content-text-box .rescue-admin-icon{
  color: var(--orange);
  font-size: 14px;
}
.rescue-image img{
  border-radius: 20px;
}
.rescue-box-content-paragraph{
  box-shadow: 0px 3px 6px 0px #00000029, 0px -6px 0px 0px var(--orange);
  background: #fff;
  border-radius: 20px;
  padding: 20px 20px 20px 20px;
}
.rescue-box-content-paragraph p{
  font: normal normal normal 17px/35px Lato;
  padding-right: 9%;
}
.single-adopt-btn .about-socialbox i {
  font-size: 16px;
  color: #000;
  margin-left: 15px;
}
.about-socialbox i:hover {
  color: var(--orange);
}
.about-skill-text-content h5{
  font: normal normal bold 24px/35px Quicksand;
}
.about-skill-text-content p{
  font: normal normal normal 16px/30px Lato;
}
.certificate-text {
  font: normal normal 600 18px/20px Quicksand;
}
.block {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 180px;
	border-radius: 50%;
}
.box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc(80% - 50px);
	height: calc(80% - 50px);
	border-radius: 50%;
}
.box::before {
  position: absolute;
  content: '';
  width: calc(100% + 38px);
  height: calc(100% + 38px);
  border-radius: 50%;
  border: 8px solid #fff;
}
.number {
  font: normal normal 600 46px/66px Quicksand;
}
.box .number .num {
	font-size: 35px;
	font-weight: bold;
}
.box .number .sub {
	font-size: 20px;
}
.box .title {
	font-size: 15px;
	color: #9b9b9b;
}
.svg {
	position: absolute;
	width: 100%;
	height: 100%;
	fill: none;
	transform: rotate(-90deg);
}
.circle {
  stroke: var(--orange) !important;
	stroke: url(#gradientStyle);
	stroke-width: 8px;
	stroke-dasharray: 390;
	stroke-dashoffset: 390;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	transition: 2s stroke-dashoffset;
}
/* appointment */
div#amelia-container {
  margin: unset !important;
  width: 100%;
  max-width: 100% !important;
  justify-content: unset !important;
  box-shadow: 0px 0px 8px 0px #f1f1f1 !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb{
  max-width: unset !important;
  width: 35% !important;
  border-radius: 15px 0px 0px 15px !important;
  background-color: var(--orange) !important;
  padding: 7% 0px 16px 40px !important;
}
.am-fs-sb__step-heading{
  font: normal normal 600 23px/26px Quicksand !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-checker-selected,.amelia-v2-booking #amelia-container .am-fs-sb__step-checker {
  border: 1px solid transparent !important;
  border-width: 0px;
  background-color: transparent !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-inner{
  justify-content: unset !important;
}
.amelia-v2-booking #amelia-container .am-fs__main{
  max-width: 100% !important;
  padding: 10px;
}
.am-fs__main-heading{
  display: none;
}
.am-fs__init-form__label{
  font: normal normal 600 18px/26px Quicksand;
}
.amelia-v2-booking #amelia-container .am-fs__main-content{
  padding: 10% 14% !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step {
  background-color: transparent !important;
  padding: 12px 0px 12px 20px !important;
  margin-bottom: 25px !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-wrapper{
  padding: 0px !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-checker-selected {
  position: relative;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-checker-selected::before {
  content: '';
  background-color: #fff;
  color: #000;
  width: 410px;
  height: 50px;
  position: absolute;
  right: -2px;
  z-index: -1;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-icon .am-icon-service::before {
  content: url(assets/images/contact-form/service.png);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  margin: -15px;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-icon .am-icon-date-time::before {
  content: url(assets/images/contact-form/calendar.png);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  margin: -15px;
  width: 20px;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-icon .am-icon-user::before {
  content: url(assets/images/contact-form/account.png);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  margin: -15px;
  width: 20px;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-icon .am-icon-payment::before {
  content: url(assets/images/contact-form/credit-card.png);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  margin: -15px;
  width: 20px;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-heading{
  margin: 0 0 0 16px !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-selection{
  padding: 15px 0px 0px 0px !important;
}
.am-button__inner{
  color: #fff !important;
  font: normal normal bold 16px/25px Quicksand !important;
}
.amelia-v2-booking #amelia-container.am-fs__wrapper * {
  /* font: normal normal 600 18px/26px Quicksand !important; */
  font-size: 18px !important;
}
.amelia-v2-booking .am-lite-footer .am-lite-footer-link,.amelia-v2-booking #amelia-container .am-fs-sb__footer{
  display: none !important;
}
.amelia-v2-booking #amelia-container .am-fs__main-footer{
  box-shadow: none !important;
}
.amelia-v2-booking #amelia-container .am-select .el-input__inner,.amelia-v2-booking #amelia-container .am-button.am-button--plain{
  border: none !important;
  box-shadow: none !important;
}
.amelia-v2-booking #amelia-container .am-select--medium {
    padding: 10px;
}
.amelia-v2-booking #amelia-container .am-advsc__header>div{
  margin-right: 24px;
  box-shadow: 0px 0px 6px 0px #00000029 !important;
  border: 0px;
}
.amelia-v2-booking #amelia-container .am-fs__info-form{
  display: block !important;
}
.amelia-v2-booking #amelia-container .am-button.am-button--default{
  border-color: transparent !important;
  background: transparent !important;
  padding: 12px 10% 12px 13px;
  position: relative;
}
.amelia-v2-booking #amelia-container .am-button.am-button--default span{
  font: normal normal bold 15px/25px Quicksand;
  color: #fff;
  background: #000;
  border: none;
  border-radius: 10px;
  padding: 10px 80% 10px 10px;
  width: max-content;
  height: 46px;
  overflow: visible;
}
.amelia-v2-booking #amelia-container .am-button.am-button--default span {
  position: relative;
  width: max-content;
}
.amelia-v2-booking #amelia-container .am-button.am-button--default span::before {
  content: '';
  color: #000;
  font-size: 14px;
  background: #fff;
  border-radius: 5px;
  line-height: 17px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
  right: 0px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  top: 5px;
  z-index: 1;
}
.amelia-v2-booking #amelia-container .am-button.am-button--default span::after {
  content: "\f178";
  font-family: 'FontAwesome';
  color: #000;
  font-size: 14px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
  right: 0px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  top: 5px;
  z-index: 1;
  transform: rotate(-45deg);
}
.amelia-v2-booking #amelia-container .am-button.am-button--default span:hover{
  background: var(--orange) !important;
  border:none;
}
.amelia-v2-booking #amelia-container .am-button.am-button--default span:hover::after{
  color: var(--orange);
}

#yith-wcwl-popup-message{
  display: none;
}

/* -----service page ------ */
.services-content-box{
  background: #fff;
  box-shadow: 0px 0px 6px 0px #00000029;
  margin: 5px;
  padding: 10px;
  border-radius: 20px;
}
.services-image-box-content{
  width: 100%;
  height: 300px;
}
.services-image-box-content img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 15px;
}


















.-ive-revolutionwp-vet-care-center-pro-slider-section {
  margin-top: -8%;
  z-index: 0;
  position: relative;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-slider-content-box{
  position: relative;
  left: 15%;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-slider-row-box{
  justify-content: end;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-slider-content-box{
  align-self: center;
  padding: 0 10% 0px 0px;
}
.-ive-revolutionwp-vet-care-center-pro-slider-content-box .-ive-revolutionwp-vet-care-center-pro-slider-dots-img img{
  margin: auto;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-content-pets-image-box{
  position: relative;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-content-pets-image img{
  width: max-content;
  position: absolute;
  top: -20px;
  right: 0;
  height: max-content;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-image-main-box{
  position: relative;
  clip-path: circle(53% at 62% 32%);
  background: var(--orange);
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-image-main-box:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: #ffffff;
  top: 0;
  left: -10px;
  z-index: -3;
  clip-path: circle(49% at 66% 35%);
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-image-box-shadow-box{
  clip-path: circle(48% at 65% 35%);
}
.-ive-revolutionwp-vet-care-center-pro-slider-button .ive-right-icon-parent{
  border-radius: 6px;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav{
  display: block !important;
}

.-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav .owl-prev i:hover,.-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav .owl-next i:hover {
  color: #000;
  background-color: #fff;
  height: 30px;
  width: 30px;
  font-size: 14px;
  line-height: 30px;
  border: none;
  border-radius: 6px !important;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav .owl-next,.-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav .owl-prev {
  background: #000;
  width: 42px;
  height: 40px;
  opacity: 1;
  left: 8%;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav .owl-prev{
  border-radius: 8px 8px 0px 0px !important;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav .owl-next{
  border-radius: 0px 0px 8px 8px !important;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav .owl-prev{
  top: 50%;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav .owl-next{
  top: 53.4%;
  right: unset;
}
.-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav .owl-next:focus, .-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav .owl-next:hover, .-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav .owl-prev:focus, .-ive-revolutionwp-vet-care-center-pro-slider-section .owl-nav .owl-prev:hover{
  opacity: 1 !important;
}

/* common setting */
.fa-long-arrow-alt-right{
  transform: rotate(-45deg);
}
.-ive-revolutionwp-vet-care-center-pro-services-section .-ive-revolutionwp-vet-care-center-pro-top-icon-image img{
  filter: brightness(90%);
}
.-ive-revolutionwp-vet-care-center-pro-top-icon-image img{
  width: 100px !important;
  height: 100px !important;
  object-fit: contain !important;
}
.-ive-revolutionwp-vet-care-center-pro-about-top-head-contain{
  position: absolute;
  top: 20px;
  left: 0px;
}
.-ive-revolutionwp-vet-care-center-pro-top-icon-image{
  min-height: 120px;
}
/* about us */
.-ive-revolutionwp-vet-care-center-pro-about-section .-ive-revolutionwp-vet-care-center-pro-certified-content-both-text,.-ive-revolutionwp-vet-care-center-pro-our-process-content-icon-text{
  position: relative;
}
.-ive-revolutionwp-vet-care-center-pro-about-section .-ive-revolutionwp-vet-care-center-pro-certified-content-both-text:before,.-ive-revolutionwp-vet-care-center-pro-our-process-content-icon-text:before{
  content: "\f1b0";
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 18px;
  background: #00BCDA;
  border-radius: 6px;
  line-height: 17px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
  left: 0px;
  /* top: 0px; */
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.-ive-revolutionwp-vet-care-center-pro-about-section .-ive-revolutionwp-vet-care-center-pro-about-ingredients-box p{
  border-radius: 10px !important;
}
.-ive-revolutionwp-vet-care-center-pro-about-section .-ive-revolutionwp-vet-care-center-pro-certified-content-both-text p,.-ive-revolutionwp-vet-care-center-pro-our-process-content-icon-text p{
  left: 40px;
  position: relative;
}
.-ive-revolutionwp-vet-care-center-pro-about-section .-ive-revolutionwp-vet-care-center-pro-about-certified-content-box .wp-block-group__inner-container{
  margin: unset !important;
}
.-ive-revolutionwp-vet-care-center-pro-about-section .-ive-revolutionwp-vet-care-center-pro-about-certified-content-box >.wp-block-group__inner-container:nth-child(1){
  display: grid;
  margin: unset !important;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2,60px);
  width: 100%;
  position: relative;
  /* left: 25px; */
}
/* our-process */
.-ive-revolutionwp-vet-care-center-pro-our-process-dog-image{
  position: absolute;
  bottom: 0;
}
.-ive-revolutionwp-vet-care-center-pro-our-process-count-box{
  width: max-content
}
.-ive-revolutionwp-vet-care-center-pro-our-process-count-box h2 {
    width: 30px;
    border-radius: 50px;
}
/* our testimonial */
.-ive-revolutionwp-vet-care-center-pro-our-testimonial-image-box{
  position: relative;
}
.-ive-revolutionwp-vet-care-center-pro-our-testimonial-image-content-box {
  background: #fff;
  border: none;
  border-radius: 20px;
  box-shadow: 0px 0px 6px 0px #00000029;
  margin: 5px 5px;
  padding: 30px 16px;
}
.-ive-revolutionwp-vet-care-center-pro-our-testimonial-image-box .wp-block-group__inner-container figure img{
  width: auto !important;
}
.-ive-revolutionwp-vet-care-center-pro-our-testimonial-image-box .wp-block-group__inner-container figure:nth-child(2) img{
  width: auto !important;
  position: absolute;
  right: 20%;
  bottom: -10%;
  border: 3px solid #fff;
  border-radius: 50px;
}
.-ive-revolutionwp-vet-care-center-pro-cat-image-box img{
  position: absolute;
  bottom: 0;
  right: 0;
}
.-ive-revolutionwp-vet-care-center-pro-our-testimonial-cover-bg-img > img.wp-block-cover__image-background ,.-ive-revolutionwp-vet-care-center-pro-our-pets-partners-section .-ive-revolutionwp-vet-care-center-pro-cover-image-box > img.wp-block-cover__image-background{
  width: 100%;
  height: 50%;
  position: absolute;
  top: unset;
  object-fit: fill;
}
/* srevices section  */
.-ive-revolutionwp-vet-care-center-pro-services-section{
  margin-top: 7%;
  z-index: 0;
  position: relative;
}
.-ive-revolutionwp-vet-care-center-pro-our-services-box{
  margin-top: 12%;
}
.-ive-revolutionwp-vet-care-center-pro-prts-image-box img{
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -8%;
  z-index: 9;
}
.-ive-revolutionwp-vet-care-center-pro-service-video-box img{
  width: auto;
  height: auto;
  object-fit: contain;
  margin: auto;
  display: block;
}
.-ive-revolutionwp-vet-care-center-pro-services-title-text:after {
  content: '';
  border-bottom: 3px solid var(--orange);
  display: block;
  width: 20%;
  padding-top: 13px;
}
.-ive-revolutionwp-vet-care-center-pro-service-icon-img {
  background: #000;
  border-radius: 50% !important;
  width: 90px;
  height: 90px;
  line-height: 75px;
  text-align: center;
}
.-ive-revolutionwp-vet-care-center-pro-service-icon-hover-img {
  display: none;
  background: #fff;
  border-radius: 50% !important;
  width: 90px;
  height: 90px;
  line-height: 75px;
  text-align: center;
}
 .-ive-revolutionwp-vet-care-center-pro-services-button .ive-right-icon-parent{
   border-radius: 6px;
 }
.-ive-revolutionwp-vet-care-center-pro-service-video-box {
  position: relative;
}
.-ive-revolutionwp-vet-care-center-pro-service-video-box:after {
  content: '';
  position: absolute;
  left: 4%;
  bottom: -7%;
  background: #fc990826;
  width: 350px;
  height: 200px;
  z-index: -1;
  border-radius: 20px;
  color: red;
}
.-ive-revolutionwp-vet-care-center-pro-services-content-both-box:hover .-ive-revolutionwp-vet-care-center-pro-service-icon-img{
  display: none;
}
.-ive-revolutionwp-vet-care-center-pro-services-content-both-box:hover .-ive-revolutionwp-vet-care-center-pro-service-icon-hover-img{
  display: block;
}
.-ive-revolutionwp-vet-care-center-pro-services-content-both-box{
  padding: 6%;
  border-radius: 20px;
}
.-ive-revolutionwp-vet-care-center-pro-services-content-both-box:hover .-ive-revolutionwp-vet-care-center-pro-services-title-text:after{
    border-bottom: 3px solid #fff;
}
.-ive-revolutionwp-vet-care-center-pro-services-content-both-box:hover .-ive-revolutionwp-vet-care-center-pro-services-title-text h5,.-ive-revolutionwp-vet-care-center-pro-services-content-both-box:hover .-ive-revolutionwp-vet-care-center-pro-services-title-para p{
  color: #fff;
}
.-ive-revolutionwp-vet-care-center-pro-services-content-both-box:hover .-ive-revolutionwp-vet-care-center-pro-services-button .ive-btn-has-text-true{
  background: #fff;
  color: var(--orange) !important;
  border-color: #fff;
}
.-ive-revolutionwp-vet-care-center-pro-services-content-both-box:hover .-ive-revolutionwp-vet-care-center-pro-services-button .ive-right-icon-parent{
  color: #fff;
  background-color: var(--orange);
}
.-ive-revolutionwp-vet-care-center-pro-services-content-both-box:hover{
  background: var(--orange);
}
/* gallery */
.owl-nav button {
    color: #fff;
    background-color: #000;
    height: 40px;
    width: 40px;
    font-size: 17px;
    line-height: 40px;
    border: none;
}

.-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-top-icon-image img,.-ive-revolutionwp-vet-care-center-pro-our-team-section .-ive-revolutionwp-vet-care-center-pro-top-icon-image img,.-ive-revolutionwp-vet-care-center-pro-our-pets-section .-ive-revolutionwp-vet-care-center-pro-top-icon-image img,.-ive-revolutionwp-vet-care-center-pro-our-partners-section .-ive-revolutionwp-vet-care-center-pro-top-icon-image img,.-ive-revolutionwp-vet-care-center-pro-process-sec .-ive-revolutionwp-vet-care-center-pro-top-icon-image img,.-ive-revolutionwp-vet-care-center-pro-our-our-blog-section .-ive-revolutionwp-vet-care-center-pro-top-icon-image img{
  margin: auto;
}
.-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-gallery-images-main-box> .wp-block-group__inner-container{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3,200px);
  margin: 0;
}
.-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-gallery-images-main-box> .wp-block-group__inner-container figure {
  padding: 5px;
}
.-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-gallery-images-main-box> .wp-block-group__inner-container figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px !important;
}
.-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-gallery-images-main-box> .wp-block-group__inner-container figure:nth-child(1){
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
}
.-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-gallery-images-main-box> .wp-block-group__inner-container figure:nth-child(2){
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 3;
  grid-column-end: 4;
}
.-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-gallery-images-main-box> .wp-block-group__inner-container figure:nth-child(3){
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 4;
  grid-column-end: 7;
}
.-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-gallery-images-main-box> .wp-block-group__inner-container figure:nth-child(4){
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 3;
  grid-column-end: 4;
}
.-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-gallery-images-main-box> .wp-block-group__inner-container figure:nth-child(5){
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 4;
  grid-column-end: 5;
}
.-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-gallery-images-main-box> .wp-block-group__inner-container figure:nth-child(6){
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 5;
  grid-column-end: 7;
}
.-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-gallery-images-main-box> .wp-block-group__inner-container figure:nth-child(7){
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 4;
}
.-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-gallery-images-main-box> .wp-block-group__inner-container figure:nth-child(8){
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 4;
  grid-column-end: 5;
}

/* counter */
.-ive-revolutionwp-vet-care-center-pro-counter-section .-ive-revolutionwp-vet-care-center-pro-counter-image-box{
  margin: auto;
  display: block;
  width: max-content;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
}
.-ive-revolutionwp-vet-care-center-pro-container-box {
  justify-content: center;
  margin-bottom: 0px;
}
.-ive-revolutionwp-vet-care-center-pro-counter-dog-img{
  position: absolute;
  z-index: 2;
  top: 7%;
  width: 382px;
}
.-ive-revolutionwp-vet-care-center-pro-counter-cover-box{
  min-height: 300px;
}
.-ive-revolutionwp-vet-care-center-pro-our-team-post-content-boxed{
  position: relative;
}
.-ive-revolutionwp-vet-care-center-pro-our-team-post-content{
  position: absolute;
  bottom: 12%;
  left: 0;
  right: 0;
}
.-ive-revolutionwp-vet-care-center-pro-our-team-post-content-boxed:hover .-ive-revolutionwp-vet-care-center-pro-our-team-post-img img{
  box-shadow: 0px 6px 0px 0px #00BCDA, 0px -10px 0px 0px #00BCDA;
}
.-ive-revolutionwp-vet-care-center-pro-our-team-post-img img{
  height: 450px;
  box-shadow: 0px 6px 0px 0px #000, 0px -10px 0px 0px #000;
  object-fit: cover;
  margin: 10px 0;
  border-radius: 250px 250px !important;
}
/* our team */
.-ive-revolutionwp-vet-care-center-pro-our-team-share-icon i{
  background: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 6px 0px #00000029;
  width: 35px;
  height: 35px;
  line-height: 38px;
  text-align: center;
}
.-ive-revolutionwp-vet-care-center-pro-our-team-social-icon .ive-svg-icon-wrap:nth-child(1) i{
  position: absolute;
  bottom: 10%;
  left: 12%;
}
.-ive-revolutionwp-vet-care-center-pro-our-team-social-icon .ive-svg-icon-wrap:nth-child(4) i{
  position: absolute;
  bottom: 10%;
  right: 12%;
}
.-ive-revolutionwp-vet-care-center-pro-our-team-social-icon .ive-svg-icon-wrap:nth-child(2) i{
  position: absolute;
  bottom: 3%;
  left: 28%;
}
.-ive-revolutionwp-vet-care-center-pro-our-team-social-icon .ive-svg-icon-wrap:nth-child(3) i{
  position: absolute;
  bottom: 3%;
  right: 28%;
}
.-ive-revolutionwp-vet-care-center-pro-our-team-social-icon i{
  background: #fff;
  color: #000;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50px;
  text-align : center;
  box-shadow: 0px 3px 6px 0px #00000029;
}
.-ive-revolutionwp-vet-care-center-pro-our-team-share-icon{
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
}
/* our-process */
.ive-pet-car-pro-process-dog{
  width: max-content;
position: absolute;
top: 0;
}
/* oue partner  */
.-ive-revolutionwp-vet-care-center-pro-our-partners-dogs-image{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 300px;
  height: 300px;
}
.-ive-revolutionwp-vet-care-center-pro-our-adopt-pet-slide-box {
  background: #fff;
  padding: 10px !important;
  border-radius: 15px;
  box-shadow: 0px 0px 6px 0px #00000029;
  margin: 2px;
}
.-ive-revolutionwp-vet-care-center-pro-our-adopt-pet-slide-image-box img{
  border-radius: 15px;
}
.-ive-revolutionwp-vet-care-center-pro-our-adopt-pet-slide-box-form-content{
  position: relative;
  left: 20px;
}
.-ive-revolutionwp-vet-care-center-pro-our-adopt-pet-slide-box-form-content:after{
  content: "\f1b0";
  font-family: 'FontAwesome';
  color: #00BCDA;
  font-size: 16px;
  border-radius: 6px;
  line-height: 17px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
  left: -30px;
  top: 0px;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.-ive-revolutionwp-vet-care-center-pro-our-adopt-pet-slide-box-title a{
  color: #000 !important;
}
.-ive-revolutionwp-vet-care-center-pro-adopt-pets-inner-image-box{
  position: relative;
}
.-ive-revolutionwp-vet-care-center-pro-adopt-pets-count {
  position: absolute;
  top: 19px;
  left: 0px;
  background: var(--orange);
  width: 30px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}
.-ive-revolutionwp-vet-care-center-pro-adopt-pets-count:before {
  content: '';
  width: 4px;
  height: 20px;
  position: absolute;
  background: transparent;
  top: 0px;
  left: -8px;
  z-index: 1;
}
.-ive-revolutionwp-vet-care-center-pro-adopt-pets-count:after {
    content: "";
    position: absolute;
    right: -6px;
    left: unset;
    top: 0;
    width: 0;
    border-bottom: 10px solid var(--orange);
    border-left: 0px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid var(--orange);
    margin: 0 auto;
}
.-ive-revolutionwp-vet-care-center-pro-adopt-pets-count-image{
  padding: 5px;
}
.-ive-revolutionwp-vet-care-center-pro-adopt-pets-count-image:before {
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    left: 20px;
    top: 22px;
    background-color: #4f4f4f00;
    border-radius: 130% 0% 0% 0%;
    box-shadow: -25px -12px 0 -5px #BC4218;
    z-index: 6;
}
.-ive-revolutionwp-vet-care-center-pro-adopt-pets-count-image:after {
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    left: 20px;
    top: 45px;
    background-color: #4f4f4f00;
    border-radius: 0% 0% 0% 130%;
    box-shadow: -25px -12px 0 -5px #BC4218;
    z-index: 0;
}

.-ive-revolutionwp-vet-care-center-pro-our-our-blog-section .post-content-area{
  background: #fff;
  box-shadow: 0px 3px 6px 0px #a4a4a4;
  padding: 10px;
  margin: 2px;
  border-radius: 20px !important;
}
.-ive-revolutionwp-vet-care-center-pro-our-our-blog-section .post-image img{
  object-fit: cover;
  border-radius: 20px;
  object-position: top;
}
.-ive-revolutionwp-vet-care-center-pro-our-our-blog-section .ive-inner-post-content .ive_latest_post_author,.-ive-revolutionwp-vet-care-center-pro-our-our-blog-section .ive-inner-post-content .ive_latest_post_date,.-ive-revolutionwp-vet-care-center-pro-our-our-blog-section .ive-inner-post-content .ive_latest_post_comments{
  width: max-content !important;
    margin: 0;
}

@media screen and (max-width:767px) {
  .-ive-revolutionwp-vet-care-center-pro-gallery-section .-ive-revolutionwp-vet-care-center-pro-gallery-images-main-box> .wp-block-group__inner-container{
    display: block;
  }
}
@media screen and (max-width:1600px) {
  .-ive-revolutionwp-vet-care-center-pro-prts-image-box img,.-ive-revolutionwp-vet-care-center-pro-counter-dog-img,.-ive-revolutionwp-vet-care-center-pro-our-process-dog-image,.-ive-revolutionwp-vet-care-center-pro-cat-image-box img,.-ive-revolutionwp-vet-care-center-pro-our-partners-dogs-image{
    display: none;
  }
  .-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-content-pets-image,.-ive-revolutionwp-vet-care-center-pro-slider-dots-img{
    display: none;
  }
}
@media screen and (min-width:992px) {
  .-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-slider-content-box{
    flex-basis: 52%;
  }
}
@media screen and (max-width:1023px) {
  .-ive-revolutionwp-vet-care-center-pro-our-testimonial-cover-bg-img > img.wp-block-cover__image-background, .-ive-revolutionwp-vet-care-center-pro-our-pets-partners-section .-ive-revolutionwp-vet-care-center-pro-cover-image-box > img.wp-block-cover__image-background{
    display: none;
  }
  .-ive-revolutionwp-vet-care-center-pro-our-partners-section{
    background: #00BCDA;
  }
}
@media screen and (max-width:991px) {

  .-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-slider-content-box{
    left: unset;
    padding: 0;
    flex-basis: 100% !important;
  }
  .-ive-revolutionwp-vet-care-center-pro-slider-section .has-black-color{
    color: #fff !important;
  }
  .-ive-revolutionwp-vet-care-center-pro-content-box-group{
    padding: 30px;
  }
  .-ive-revolutionwp-vet-care-center-pro-slider-section .ive-slide-inner-content-inner{
    left: 0;
  }
  .-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-image-main-box,.-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-image-box-shadow-box{
    clip-path: none;
    background: none;
  }
  .-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-slider-content-box{
    z-index: 1;
  }
  .-ive-revolutionwp-vet-care-center-pro-slider-section .-ive-revolutionwp-vet-care-center-pro-image-main-box {
    position: absolute;
    top: 0;
    filter: brightness(0.8);
    width: 100% !important;
    z-index: 0;
  }
  .-ive-revolutionwp-vet-care-center-pro-about-section .-ive-revolutionwp-vet-care-center-pro-top-icon-image img,.-ive-revolutionwp-vet-care-center-pro-our-services-box  .-ive-revolutionwp-vet-care-center-pro-top-icon-image img,.-ive-revolutionwp-vet-care-center-pro-service-icon-img,.-ive-revolutionwp-vet-care-center-pro-services-title-text:after,.-ive-revolutionwp-vet-care-center-pro-counter-section .-ive-revolutionwp-vet-care-center-pro-top-icon-image img,.-ive-revolutionwp-vet-care-center-pro-our-process-sontent-box img,.-ive-revolutionwp-vet-care-center-pro-our-faq-section .-ive-revolutionwp-vet-care-center-pro-top-icon-image img{
    margin: auto;
  }
  .-ive-revolutionwp-vet-care-center-pro-about-top-head-contain{
    right: 0;
  }
  .-ive-revolutionwp-vet-care-center-pro-our-adopt-pet-slide-box-form-content{
    width: max-content;
    left: 0;
    margin: auto;
  }
  .-ive-revolutionwp-vet-care-center-pro-our-partners-section{
    background: var(--orange);
  }

  .-ive-revolutionwp-vet-care-center-pro-our-partners-section .owl-item img {
    width: auto !important;
    height: auto;
    margin: auto;
    object-fit: contain;
  }
}


/* 
#Our-pets .owl-carousel.owl-loaded {
  display: block !important;
  width: 100% !important;
  -webkit-tap-highlight-color: transparent !important;
  position: relative !important;
  z-index: 1 !important;
} */

#Our-pets .our-pets-main.pt-5 {
  height: 570px;
}

#Our-pets .owl-carousel .owl-stage-outer {
  overflow: hidden;
}






.single-team-img-box {
  position: relative;
  overflow: hidden;
}

.single-team-img-box img {
  display: block;
  transition: transform 0.5s ease;
}

.single-team-img-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
  transform: skewX(-25deg);
  transition: left 0.75s ease;
}

.single-team-img-box:hover::before {
  left: 125%;
}


.aass {
  position: relative;
  overflow: hidden;
}

.aass img {
  display: block;
  transition: transform 0.5s ease;
}

.aass::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
  transform: skewX(-25deg);
  transition: left 0.75s ease;
}

.aass:hover::before {
  left: 125%;
}



.about-image-box {
  position: relative;
  overflow: hidden;
}

.about-image-box img {
  display: block;
  transition: transform 0.5s ease;
}

.about-image-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
  transform: skewX(-25deg);
  transition: left 0.75s ease;
}

.about-image-box:hover::before {
  left: 125%;
}

.collection-img-box {
  position: relative;
  overflow: hidden;
}

.collection-img-box img {
  display: block;
  transition: transform 0.5s ease;
}

.collection-img-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
  transform: skewX(-25deg);
  transition: left 0.75s ease;
}

.newsinner.blog-detail:hover .collection-img-box::before {
  left: 125%;
}




/* .team-head {
  position: relative;
  overflow: hidden;
}

.team-head img {
  display: block;
  transition: transform 0.5s ease;
}

.team-head::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
  transform: skewX(-25deg);
  transition: left 0.75s ease;
}

.team-head:hover::before {
  left: 125%;
} */