@charset "UTF-8";

/*
Theme Name: Superstar Puppies
Author: the WTS team
Description: Our Superstar Puppies default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Bundled block pattern images:
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");

/*font-family: 'Poppins', sans-serif;*/

/* font-family: 'Lato', sans-serif; */

/*
-------------------------------------------
css-index
-------------------------------------------

*/

/*
	1. header
	2. banner
*/

html {
  scroll-behavior: smooth;
  padding: env(safe-area-inset-top) env(safe-area-inset-right)
    env(safe-area-inset-bottom) env(safe-area-inset-left);
}

body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  line-height: 24px;
  font-family: "Lato", sans-serif;
  padding: env(safe-area-inset-top) env(safe-area-inset-right)
    env(safe-area-inset-bottom) env(safe-area-inset-left);
}

body.offline {
  filter: grayscale(100%);
}

p {
  margin: 0 0 22px 0;
  font-size: 15px;
  color: #000;
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

p:last-child {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 25px 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
}

h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 900;
  color: #000;
  font-family: "Lato", sans-serif;
}

h3 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
}

h4 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
}

a {
  margin: 0;
  padding: 0;
  text-decoration: none !important;
  outline: none !important;
  color: #000;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:hover {
  color: #e4219f;
}

::-webkit-input-placeholder {
  opacity: 1;
  color: #353535;
}

:-ms-input-placeholder {
  opacity: 1;
  color: #353535;
}

::-moz-placeholder {
  opacity: 1;
  color: #353535;
}

:-moz-placeholder {
  opacity: 1;
  color: #353535;
}

img {
  max-width: 100%;
}

/*
input[type="text"], input[type="tel"], input[type="password"], input[type="email"], select {
	width: 100%;
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	color: #000;
	border: 1px solid #ccc;
	height: 48px;
	padding: 0 16px;
} */

textarea {
  resize: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: 1px solid #b8b8b8;
  padding: 12px 16px;
}

select {
  border: 1px solid #ccc;
  width: 100%;
  padding: 0 11px;
  background: url(images/arrow_bottom.svg) no-repeat calc(100% - 16px) center;
  background-color: #fff;
  background-size: 18px;
  padding-right: 40px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  height: 48px;
}

select::-ms-expand {
  display: none;
}

.form-control {
  border-radius: 0;
  border: 1px solid #b8b8b8;
  padding: 12px 16px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.form-control {
  padding: 5px 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  border-radius: 0;
  width: 100%;
  height: 48px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

input:focus {
  border: 1px solid #000;
}

input[type="submit"]:hover {
  background: #feb620;
}

img.alignright {
  float: right;
  margin: 0 0 20px 20px;
}

img.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  float: none;
}

.alignright {
  float: right;
  margin: 0 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  float: none;
}

.navsocial {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.navsocial li {
  display: inline-block;
  margin: 0 8px;
}

.navsocial li img {
  width: 22px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navsocial li a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}

.donation_cart {
  margin-left: 34px;
  display: inline-block;
  font-size: 7.08px;
  color: #00bce4;
  position: relative;
  padding-right: 8px;
}

.donation_cart img {
  width: 46px;
}

.donation_cart span {
  position: absolute;
  right: 0;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #d2232a;
  font-size: 11.22px;
}

.main_head .navbar {
  background: none;
  margin: 0;
  padding: 0;
  min-height: inherit;
  height: inherit;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  position: relative;
}

.main_head .navbar-nav > li {
  margin: 0 15px;
  padding: 35px 0;
  position: relative;
  transition: 0.3s;
}

.main_head .navbar-nav > li:before {
  display: none;
}

.main_head .navbar-nav > li:last-child {
  margin-right: 0;
}

.main_head .navbar-nav > li:first-child {
  margin-left: 0;
}

.main_head .navbar-nav > li > a {
  font-size: 15px;
  /* color: #fff; */
  /* text-transform: uppercase; */
  position: relative;
  cursor: pointer;
}

.main_head .navbar-nav > li > a::before {
  position: absolute;
  bottom: -10px;
  width: 30px;
  height: 3px;
  background: #e4219f;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: 0.3s;
  transform: scale(0);
}

.main_head .navbar-nav > li.current-menu-item > a {
  color: #e4219f;
}

.main_head .navbar-nav > li > a:hover:before {
  transform: scale(1);
}

.main_head .navbar-nav > li.current-menu-item > a:before {
  transform: scale(1);
}

/* .main_head .navbar-nav>li>a:hover {
	color: #283772 !important;
} */

.main_head .navbar-nav > li.menu-item-has-children:hover > a {
  color: #e4219f !important;
}

.main_head .navbar-nav > li > .sub-menu {
  background: #fff;
  position: absolute;
  top: 160%;
  left: 0;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  border: 1px solid rgba(174, 174, 174, 0.15);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  width: 180px;
  padding: 0;
  transition: 0.3s;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  border-top: 4px solid #fcf142;
  padding: 20px;
}

.navbar-nav .clickD {
  transition: 0.3s;
  position: absolute;
  right: 0;
  top: 35px;
  width: 20px;
  height: 20px;
  background: url(images/arrow.png) center center no-repeat;
  cursor: pointer;
  display: block;
  background-size: 10px;
}

.navbar-nav > li.menu-item-has-children {
  padding-right: 20px !important;
}

.main_head .navbar-nav > li:last-child > .sub-menu {
  right: 0;
  left: inherit;
  padding: 0;
}

.main_head .navbar-nav > li > .sub-menu > li > a {
  font-size: 15px;
  color: #425964;
  display: block;
  width: 100%;
  padding: 5px 10px;
}

.main_head .navbar-nav > li > .sub-menu > li {
  width: 100%;
  display: block;
}

.main_head .navbar-nav > li > .sub-menu > li > a:hover {
  background: #fcf142;
  color: #fff;
}

.navbar-nav > li.menu-item-has-children:hover > .sub-menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}

button:focus {
  outline: 0px;
}

.navbar-toggler span {
  width: 36px;
  height: 2px;
  background: #000;
  display: block;
  margin: 4px auto;
  position: relative;
  transition: 0.3s;
  /* margin-left: auto; */
  max-width: 100%;
}

.navbar-toggler span:first-child {
  margin-top: 0px;
}

/* .navbar-toggler span:nth-child(3) {
	margin-bottom: 0px;
} */

/* .navbar-toggler span:nth-child(2) {
	width: 13px;
	margin-left: 15px;
} */

.navbar-toggler.navbar-animate span:nth-child(2) {
  margin-left: 0px;
}

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

ul li {
  padding: 0;
  position: relative;
  list-style: none;
  margin-bottom: 15px;
}

/* ul li::before {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #2fd4f2;
	position: absolute;
	top: 9px;
	left: 0;
} */

ul.no-bullet li {
  padding-left: 0px;
}

ul.no-bullet li::before {
  display: none;
}

.wpcf7 form .wpcf7-response-output {
  margin: 1em 0.5em 1em !important;
}

/*checkbox open*/

.check-pro {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.check-pro input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.check-pro:hover input ~ .checkmark {
  background-color: #ccc;
}

.check-pro input:checked ~ .checkmark {
  background-color: #2196f3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.check-pro input:checked ~ .checkmark:after {
  display: block;
}

.check-pro .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*checkbox end*/

/*radio open*/

.radio-pro {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-pro input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-pro .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

.radio-pro:hover input ~ .checkmark {
  background-color: #ccc;
}

.radio-pro input:checked ~ .checkmark {
  background-color: #2196f3;
}

.radio-pro input:checked ~ .checkmark:after {
  display: block;
}

.radio-pro .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/*radio end*/

/*file upload open*/

.customfile_input {
  height: 31px;
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0;
}

.customfile_label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  padding-left: 215px;
  line-height: 25px;
}

.customfile_label::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
  width: 197px;
  background: none;
  border: 2px solid #e9c04a;
  display: block;
  content: "Choose File";
  height: 100%;
  text-align: center;
  line-height: 27px;
  cursor: pointer;
  font-size: 16px;
  color: #e9c04a;
  text-transform: uppercase;
}

.customfile_inputin:hover + .customfile_label::after {
  background: #e9c04a;
  color: #2a597f;
}

.customfile_inputin {
  position: relative;
  z-index: 2;
  width: auto;
  margin: 0;
  opacity: 0;
  height: 100%;
  cursor: pointer;
}

.imageupload_inp {
  padding-top: 10px;
  width: 100%;
}

/*file upload end*/

.back-to-top-area {
  width: 50px;
  height: 50px;
  background: #e4219f;
  position: fixed;
  bottom: 50%;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: 999;
}

.back-to-top-area img {
  width: 23px;
  height: 26px;
}

.back-to-top-area.active-backTop {
  bottom: 5%;
  opacity: 0.5;
  visibility: visible;
}

.back-to-top-area:hover {
  opacity: 1;
}

.navbar-toggler:hover span:nth-child(2) {
  margin-left: 0;
}

/*--------------------------------------------
1. header
----------------------------------------------*/

.header-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  filter: blur(5px);
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  display: none;
}

.overlay-block .header-overlay {
  visibility: visible;
  opacity: 1;
  display: block;
}

.nav-mobile-header {
  display: none !important;
}

.logo {
  max-width: 140px;
}

.main_head {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  transition: 0.3s;
  z-index: 999;
}

.main_head.fixed-header .navbar-nav > li {
  padding: 30px 0;
}

.main_head.fixed-header {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.main_head.fixed-header .navbar-nav .clickD {
  top: 25px;
}

header.main_head .container {
  max-width: 1300px;
}

.heade_ph {
  position: absolute !important;
  right: 0;
  top: 20px;
  padding: 0 !important;
}

.heade_ph a {
  font-size: 24px !important;
  font-weight: 600 !important;
}

.heade_ph i {
  color: #e4219f;
}

ul.navbar-nav {
  position: relative;
  padding-top: 25px;
}

.main {
  padding-top: 118px;
}

.banner-area {
  position: relative;
  margin-bottom: 30px;
}

.banner-area img {
  width: 100%;
}

.banner_cont {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}

.banner_cont h1 {
  color: #fff;
  margin-bottom: 15px;
}

.banner_cont h1 span {
  font-size: 24px;
  display: block;
  margin-bottom: 8px;
}

.banner_cont p {
  color: #fff;
  margin-bottom: 30px;
}

a.cmn_btn {
  background: #fcf142;
  font-weight: 600;
  text-transform: uppercase;
  padding: 16px 50px;
  display: inline-block;
  border-radius: 30px;
  border: 1px solid #fcf142;
}

a.cmn_btn:hover {
  background: #e4219f;
  color: #fff;
  border: 1px solid #e4219f;
}

.container {
  max-width: 1300px;
}

.why_puppies_right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
  padding: 100px 0 107px 55px;
  margin-left: auto;
}

.why_puppies_left {
  position: absolute;
  left: 0;
  top: 0px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
  padding-left: 15px;
}

.ps-relative {
  position: relative;
}

.why_puppies_right ul {
  display: flex;
  flex-wrap: wrap;
}

ul.why_puppies_cont li {
  width: 25%;
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}

ul.why_puppies_cont li figure {
  width: 50px;
  margin-bottom: 0;
  padding-right: 10px;
}

ul.why_puppies_cont li p {
  width: calc(100% - 50px);
  margin-bottom: 0;
  padding-right: 5px;
}

.why_puppies_btn {
  text-align: center;
  padding-top: 25px;
}

.why_puppies_btn p {
  margin-bottom: 10px;
  font-size: 18px;
}

.why_puppies_btn p span {
  color: #e4219f;
  border-bottom: 1px solid #e4219f;
  font-weight: 600;
}

.title {
  text-transform: uppercase;
  display: block;
  text-align: center;
  color: #e4219f;
  margin-bottom: 45px;
}

.why_puppies {
  padding-bottom: 50px;
  z-index: 9;
}

.banner-area::before {
  /*background: url(images/curve.png) no-repeat top center;*/
  width: 100%;
  height: 121px;
  content: "";
  bottom: -52px;
  left: 0;
  right: 0;
  background-size: cover !important;
  position: absolute;
  z-index: 9;
}

.single_puppies > img {
  width: 100%;
  min-height: 293px;
  object-fit: cover;
}

.puppies_cont {
  padding: 25px;
  text-align: center;
  background: #fff;
}

.puppies_cont ul li {
  display: inline-block;
  margin-bottom: 0;
  font-size: 12px;
  padding-left: 10px;
}

.puppies_cont ul li:before {
  position: absolute;
  left: 0;
  width: 4px;
  height: 4px;
  background: #000;
  content: "";
  border-radius: 50%;
  top: 10px;
}

.puppies_cont ul li:first-child::before {
  display: none;
}

.puppies_cont span {
  position: relative;
  font-weight: 400;
  padding-left: 15px;
  transition: 0.4s all ease-in-out;
}

.location img {
  position: relative;
  top: -1px;
  padding-right: 4px;
}

.puppies_cont span:before {
  position: absolute;
  left: 2px;
  width: 8px;
  height: 8px;
  background: #000;
  content: "";
  border-radius: 50%;
  top: 13px;
}

.puppies_cont h3 {
  margin-bottom: 15px;
  min-height: 66px;
}

.location {
  padding: 11px 10px 7px 10px;
  background: #fcf142;
  border-radius: 25px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  margin: 0 auto;
}

.location:hover {
  background: #e4219f;
  color: #fff;
}

a.location img {
  margin-right: 5px;
  display: inline-block;
}

.available_puppies_area {
  padding: 60px 0;
  position: relative;
  z-index: 2;
}

.available_puppies_area:before {
  position: absolute;
  right: 0px;
  width: 600px;
  height: 100%;
  bottom: 0;
  background: #000;
  content: "";
  top: 0px;
  background: #fcf142;
  z-index: -1;
}

.available_puppies_area .title {
  color: #000;
}

.pink_btn {
  background: #e3219e;
  display: inline-block;
  padding: 15px 40px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 30px;
  color: #fff;
  text-align: center;
}

.pink_btn:hover {
  background: #ffe085;
  color: #000;
}

.available_puppies_area .pink_btn {
  width: 215px;
  margin: 40px auto 0 auto;
  display: block;
}

.match_bit_area {
  background: #e3219e;
}

.match_bit_right {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}

.match_bit_right h2 {
  font-size: 35px;
}

.match_bit_right h5 {
  font-size: 18px;
  margin-bottom: 10px;
}

.match_bit_right h2 span {
  color: #fcf142;
  border-bottom: 1px solid #fcf142;
}

.match_bit_right > span {
  font-weight: 600;
  display: block;
  margin-bottom: 15px;
}

.match_bit_left {
  text-align: center;
}

.video_gallery_area,
.testimonial_area {
  padding: 60px 0;
  position: relative;
  z-index: 9;
}

.vid_gal {
  max-width: 1300px;
  margin-left: auto;
}

.single_gal figure {
  position: relative;
  margin-bottom: 0;
}

.single_gal figure > img {
  width: 100%;
  min-height: 393px;
  object-fit: cover;
  object-position: center;
}

.video_icon {
  position: absolute;
  bottom: -28px;
  right: 25px;
  width: 55px;
  cursor: pointer;
}

.single_gal_cont {
  padding: 45px 20px 35px 20px;
  text-align: center;
  background: #fff;
}

.outline_btn {
  background: #fff;
  display: inline-block;
  padding: 15px 40px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 30px;
  color: #000;
  border: 1px solid #000;
  text-align: center;
}

.outline_btn:hover {
  background: #e4219f;
  color: #fff;
  border: 1px solid #e4219f;
}

.abs-img {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  z-index: -1;
}

.testimonial_area .abs-img {
  left: auto;
  right: 0;
}

.testimonial-container {
  max-width: 1300px;
}

.single-testimonial {
  text-align: center;
  padding: 35px 50px;
  border: 1px solid #ddd;
  background: #fff;
}

.single-testimonial img {
  display: block;
  margin: 0 auto 25px auto;
}

.single-testimonial span {
  color: #e4219f;
  display: block;
}

.single-testimonial p {
  margin-bottom: 30px;
}

.user {
  box-shadow: 0px 25px 25px 0px rgba(10, 45, 77, 0.15);
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin: 0 auto !important;
  border-radius: 50%;
}

.erve_left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
  padding: 0;
  margin-left: 0;
  padding: 40px 0 0 15px;
}

.erve_left .title {
  text-align: left;
}

.erve_right {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
  padding: 0 100px;
}

.serve_area {
  padding: 80px 0;
}

.get_touch_right {
  background: #000;
  padding: 80px 100px !important;
}

.sub-title {
  color: #e4219f;
  letter-spacing: 2px;
  font-size: 13px;
}

.get_touch_right h2 {
  color: #fcf142;
}

.get_touch_right .form-group {
  margin-bottom: 15px;
}

.get_touch_right .form-group input {
  background: #000;
  color: #fff;
}

.get_touch_right .form-group input::placeholder,
.get_touch_right .form-group textarea::placeholder {
  color: #fff;
}

.get_touch_right .form-group textarea {
  height: 120px;
  background: #000;
  color: #fff;
}

.get_touch_right input[type="submit"] {
  background: #000;
  border-radius: 30px;
  border: 2px solid #fff;
  color: #fff;
  padding: 8px 45px;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
}

.get_touch_right input[type="submit"]:hover {
  background: #fcf142;
  color: #000;
  border: 2px solid #fcf142;
}

.get_touch_left img {
  height: 680px;
  object-fit: cover;
  width: 100%;
}

.footer_area {
  background: #e3e2d4;
}

.footr_top {
  padding: 70px 0;
}

.foot_title {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 20px;
}

.foot_title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #000;
  content: "";
  width: 44px;
}

.foot_links ul li {
  margin-bottom: 4px;
}

.copy_right {
  text-align: center;
  border-top: 1px solid #9e9e94;
  padding: 20px 0;
}

.foot_social ul li {
  display: inline-block;
  margin-right: 20px;
}

.foot_social ul li:last-child {
  margin-right: 0px;
}

.foot_social ul li a i {
  font-size: 18px;
}

.banner-icon {
  padding: 16px 10px;
  width: 45px;
  position: fixed;
  right: 0;
  background: #fff;
  top: 55%;
  transform: translateY(-50%);
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
  z-index: 99;
}

.banner-icon li {
  margin: 0;
  padding: 15px 0;
  display: block;
  text-align: center;
  position: relative;
}

.slick-slide {
  margin: 0 12px;
}

.available_puppies_carousel {
  position: relative;
  padding-right: 50px;
}

.slick-arrow {
  position: absolute;
  right: 0;
  width: 45px;
  height: 45px;
  background: #000 !important;
  left: auto;
  top: 22px;
  transition: 0.3s;
}

.slick-arrow.slick-prev:before,
.slick-arrow.slick-next:before {
  content: "\f104";
  font-family: "fontAwesome";
  color: #fff;
  font-size: 28px;
  opacity: 1;
}

.slick-arrow.slick-next:before {
  content: "\f105";
}

.slick-arrow.slick-next {
  top: 70px;
}

.slick-arrow:hover {
  background: #e4219f !important;
}

.gallery-carousel {
  padding-left: 50px;
}

.gallery-carousel .slick-arrow {
  left: 0;
  right: auto;
}

.testimonial-carousel {
  padding-right: 50px;
}

.testimonial-carousel .slick-arrow:hover {
  background: #fcf142 !important;
}

.single_gal {
  box-shadow: 0px 43px 46.98px 7.02px rgb(77 76 76 / 5%);
  margin-bottom: 72px;
}

.video_gallery_area {
  padding-bottom: 0;
  position: relative;
  z-index: 9;
}

.faq-area .btn.btn-link.collapsed .minus {
  display: none;
}

.faq-area .btn.btn-link.collapsed .plus {
  display: block;
}

.faq-area .btn.btn-link .plus {
  display: none;
}

.faq-area .card-header {
  background: #fff;
  border: 0px solid #000;
  border-radius: 0;
  padding: 0;
}

.faq-area .card-header .btn-link {
  padding: 15px 45px 15px 15px !important;
  width: 100%;
  text-align: left;
  position: relative;
  color: #000;
  white-space: normal;
  padding-right: 25px;
  /* border: 1px solid #fb930e; */
  border-radius: 0;
  font-weight: 600;
}

.faq-area .card {
  border-radius: 0;
  margin-bottom: 25px;
  border: 0;
  transition: 0.3s;
}

.faq-area .card-header .btn-link:hover {
  text-decoration: none;
}

.faq-area .btn span {
  position: absolute;
  top: 17px;
  right: 15px;
  line-height: 1;
  width: 22px;
  background: #000;
  text-align: center;
  height: 22px;
  border-radius: 50%;
  line-height: 18px;
  color: #fff;
  border: 1px solid #000;
  transform: rotate(180deg);
  transition: 0.3s;
}

.faq-area .card-header .btn-link:active,
.faq-area .card-header .btn-link:hover,
.faq-area .card-header .btn-link:focus {
  text-decoration: none !important;
}

.icon i {
  font-size: 12px;
}

.faq-area .card-header .btn-link.collapsed {
  border: 1px solid #e3e3e3;
  color: #000;
  border-radius: 4px;
}

.faq-area .card:hover {
  box-shadow: 0px 43px 46.98px 7.02px rgba(77, 76, 76, 0.16);
}

.card.single-accordian .card-body {
  padding-top: 0px;
}

.faq-area .btn.btn-link.collapsed span {
  background: #fff;
  color: #000;
  border: 1px solid #ccc;
  transform: rotate(0deg);
}

.video iframe {
  width: 100%;
  height: 300px;
  border: 0;
}

.about_page_area {
  position: relative;
  z-index: 9;
}

.sec_gap {
  padding: 60px 0;
}

.about_page_area .title {
  color: #000;
}

.about_page_cont {
  padding-top: 100px;
}

.shape-none::before {
  display: none;
}

.get-touch-area {
  background: #000;
}

.banner-icon li span {
  display: block;
  position: absolute;
  background: #000;
  width: 110px;
  right: 36px;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  top: 10px;
  border-radius: 25px 0 0 25px;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.banner-icon li:hover span {
  top: 21px;
  opacity: 1;
  visibility: visible;
}

.contact-map {
  height: 680px;
}

.contact-map iframe {
  width: 100%;
  height: 680px;
  border: 0;
}

.overlay-block .navbar-toggler {
  display: none;
}

.wpcf7-not-valid-tip {
  font-size: 14px;
}

.get_touch_right .wpcf7-response-output {
  color: #fff;
}

/**petprofile-page**/

.mainproduct-tpsec {
  padding: 60px 0px;
}

.product-smllimg {
  border: 2px solid transparent;
}

.slick-slide.slick-current.slick-active .product-smllimg figure {
  border: 2px solid #e4219f;
}

.product-smllimg figure {
  width: 100%;
  height: 97px;
}

.product-smllimg figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-bigimg figure {
  width: 100%;
  /*height: 415px;*/
}

.product-bigimg figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mainpro-rghtt h3 {
  font-size: 39px;
  color: #000;
  font-weight: 700;
}

.mainpro-rghtt .resp-tabs-list li {
  font-weight: 400;
  font-size: 19px;
  display: inline-block;
  padding: 12px 30px;
  margin: 0 15px 0 0;
  list-style: none;
  cursor: pointer;
  float: left;
  border: 1px solid #929292;
  background-color: #fff !important;
  color: #000;
}

.mainpro-rghtt .resp-tabs-list li.resp-tab-active {
  border-bottom: none;
  margin-bottom: 0 !important;
  padding: 12px 30px !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border: 1px solid #000 !important;
  color: #fff !important;
  background-color: #000 !important;
}

.mainpro-rghtt .resp-tabs-list li.resp-tab-active a {
  color: #fff;
}

.mainpro-rghtt .resp-tabs-list li:hover {
  background-color: #000 !important;
}

.mainpro-rghtt .resp-tabs-list li:hover a {
  color: #fff;
}

.mainpro-rghtt .resp-tab-content {
  border: 0;
  border-top-color: transparent;
}

.mainpro-rghtt .resp-tab-content {
  padding: 20px 0px;
}

.mainpro-rghtt ul.dtls-secc li {
  display: flex;
  flex-wrap: wrap;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

.mainpro-rghtt ul.dtls-secc li span.dtls-name {
  font-size: 16px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  max-width: 25%;
  flex: 0 0 25%;
}

.mainpro-rghtt ul.dtls-secc li span.dtls-txt.dtls-clr {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}

.mainpro-rghtt ul.dtls-secc li span.clrr {
  width: 24px;
  height: 24px;
  background: #000;
  border-radius: 100%;
  margin-right: 8px;
}

.mainpro-rghtt ul.dtls-secc span.clrr.clr_2 {
  background: #b48e72;
}

.mainpro-rghtt ul.dtls-secc span.clrr.clr_2 {
  background: #3a72c6;
}

.mainpro-rghtt ul.detls_btnn {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 10px;
}

.mainpro-rghtt ul.detls_btnn li {
  margin-right: 10px;
}

.mainpro-rghtt ul.detls_btnn li:last-child {
  margin-right: 0;
}

.mainpro-rghtt ul.detls_btnn li a {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  background: #fcf142;
  padding: 18px 26px;
  display: block;
  border-radius: 50px;
  color: #000;
}

.mainpro-rghtt ul.detls_btnn li:last-child a {
  color: #fcf142;
  background: #000;
}

.mainpro-rghtt ul.detls_btnn li a:hover {
  color: #fcf142;
  background: #000;
}

.mainpro-rghtt ul.detls_btnn li:last-child a:hover {
  background: #fcf142;
  color: #000;
}

.mainpro-rghtt small {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  font-family: "Poppins", sans-serif;
}

.available_puppies_area.sc-gap.reltd-puppy:before {
  display: none;
}

.reltd-puppy-inner {
  display: flex;
  flex-wrap: wrap;
}

.reltd-puppy-inner .single_puppies {
  max-width: 24%;
  flex: 0 0 24%;
  margin-right: 15px;
}

.reltd-puppy-inner .single_puppies:last-child {
  margin-right: 0;
}

.reltd-puppy-inner .single_puppies:hover {
  -webkit-box-shadow: 43px 43px 54px 13px rgba(77, 76, 76, 0.16);
  -moz-box-shadow: 43px 43px 54px 13px rgba(77, 76, 76, 0.16);
  box-shadow: 43px 43px 54px 13px rgba(77, 76, 76, 0.16);
  cursor: pointer;
}

.why_puppies_main-secc ul {
  display: flex;
  flex-wrap: wrap;
}

.why_puppies_main-secc ul.why_puppies_cont li figure {
  width: 80px;
  margin-bottom: 0;
  padding-right: 15px;
}

.why_puppies_main-secc ul.why_puppies_cont li p {
  width: calc(100% - 80px);
  color: #434343;
  font-size: 18px;
  line-height: 24px;
}

.why_puppies_main-secc ul.why_puppies_cont li {
  width: auto;
  max-width: 25%;
  flex: 0 0 25%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 60px;
  padding: 0px 15px;
}

.puupy-detls-secc {
  background: url(images/cntct-sec-back.jpg) center center no-repeat;
  width: 100%;
  background-size: cover;
  padding: 60px 0px;
}

.puupy-detls-rght .get_touch_right {
  background: transparent;
  padding: 0 !important;
}

.puupy-detls-left h4 {
  color: #e4219f;
  font-weight: 700;
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.puupy-detls-left h2 {
  font-size: 50px;
  text-transform: uppercase;
  color: #fcf142;
}

.puupy-detls-left p,
.puupy-detls-left a {
  color: #fff;
  font-size: 25px;
  line-height: 38px;
  font-family: "Poppins", sans-serif;
}

.puupy-detls-left a:hover {
  color: #fcf142;
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}

.puupy-detls-rght span.wpcf7-list-item-label {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

.styled-checkbox + span.wpcf7-list-item-label {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.styled-checkbox + span.wpcf7-list-item-label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 25px;
  height: 25px;
  background: transparent;
  border: 1px solid #fff;
}

.styled-checkbox:checked + span.wpcf7-list-item-label:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 12px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white,
    4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

.styled-checkbox:checked + span.wpcf7-list-item-label:before {
  background: #e3219e;
}

.behavior-secc {
  background: #eaeaea;
  padding: 60px 0px;
}

.behavior-secc .title {
  color: #000;
}

.behavior-seccbox h3 {
  font-weight: 700;
  font-size: 29px;
  color: #000;
}

.behavior-seccbox p {
  color: #535353;
  font-size: 19px;
  line-height: 28px;
}

.behavior-seccbox {
  border-right: 1px solid #939393;
  padding-top: 25px;
}

.behavior-seccbox:last-child {
  border-right: 0;
}

.why_puppies_main-secc {
  padding-top: 60px;
}

.prgress-boxx {
  margin-bottom: 10px;
}

.prgress-boxx .progress {
  background: #fff;
  border: 1px solid #ababab;
  height: 49px;
  border-radius: 50px;
  padding: 3px;
}

.prgress-boxx .progress .progress-bar {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.progress-bar.bar-style1 {
  background: #90acc8;
}

.progress-bar.bar-style2 {
  background: #566574;
}

.progress-bar.bar-style3 {
  background: #2385ad;
}

.prgress-boxx p {
  color: #666666;
  font-size: 17px;
  margin: 0 0 5px;
}

.slid-vdo {
  padding-top: 56.25%;
  height: 0px;
  position: relative;
}

.slid-vdo iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* 26.04.21 */

.fltr_main_cont ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.fltr_main_cont ul li {
  position: relative;
  margin: 0;
  padding: 0 7px;
  display: flex;
  align-items: center;
  width: 33.33%;
}

.fltr_main_cont ul li p {
  margin-bottom: 0;
  width: 45%;
  font-size: 14px;
  text-transform: uppercase;
  text-align: right;
  margin-right: 5px;
}

.fltr_main_cont ul li select {
  background: url(images/down-arrow.svg) no-repeat 94% 8px;
  background-size: 13px;
  border: 1px solid #e4219f;
  text-transform: uppercase;
  height: auto;
  padding: 1px 4px;
  font-size: 14px;
}

.page-template-available-pets .available_puppies_area::before {
  display: none;
}

.fltr_main {
  align-items: center;
  border: 2px solid #e6e6e6;
  border-left: 0;
  border-right: 0;
  padding: 9px 0;
}

.fltr_main_cont {
  padding: 0;
}

.filter_part {
  margin-bottom: 30px;
  padding: 0 15px;
}

.filter {
  text-transform: capitalize;
  background: url(images/filter.svg) no-repeat 0 0;
  background-size: 18px;
  padding-left: 25px;
}

.avilbl_cont > a {
  display: block;
  position: relative;
}

.avilbl_cont > a:hover {
  box-shadow: 0px 43px 46.98px 7.02px rgb(77 76 76 / 5%);
  display: block;
  margin-top: -10px;
}

.page-template-available-pets .avilbl_main {
  margin-bottom: -40px;
  justify-content: center;
}

.page-template-available-pets .avilbl_cont {
  margin-bottom: 40px;
}

.page-template-available-pets .single_puppies > img {
  min-height: 310px;
}

.single_puppies {
  position: relative;
  transition: 0.4s all ease-in-out;
}

.available_puppies_carousel .slick-slide a:hover {
  transition: all 0.4s ease-in-out;
}

.location::before {
  display: none;
}

/*27.04.21*/

.meet_lft h3 {
  color: #000;
  text-align: left;
}

.meet_lft h3 small {
  font-size: 1rem;
  line-height: 1;
  color: #000;
  display: block;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.meet_lft h3 span {
  font-size: 2.75rem;
  line-height: 1;
  color: #000;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}

.met_rht_bx p {
  font-size: 1.25rem;
}

.meet_braeed_sec.sc-gap {
  padding: 60px 0px;
}

.all_fit_bar {
  background: #000;
  display: flex;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 20px;
}

.all_fit_bar p {
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  padding-left: 15px;
}

.filter_icon {
  margin-right: 100px;
  padding-left: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.all_fit_bar .filter_icon p {
  padding-left: 0;
  font-size: 19px;
}

.filter_icon img {
  margin-right: 8px;
}

.al_pro_selct {
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  padding-left: 15px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}

.al_pro_selct p {
  font-size: 12px;
}

.all_fit_bar select {
  height: 25px;
  border-radius: 5px;
  margin: 15px 0px;
  margin-left: 0px;
  margin-left: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: url(images/arrow_bottom.svg) no-repeat calc(100% - 10px) center;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-color: #fff;
  background-size: 14px;
}

.filter_box {
  background: #fff;
}

.filter_box h4 {
  background: #e4219f;
  color: #fff;
  padding: 15px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 23px;
  /*border:1px solid #ebebeb;*/
  margin-bottom: 10px;
}

.filter_box h4 a {
  color: #fff;
  transition: 0.3s;
}

.filter_box h4 a:hover {
  color: #000;
}

.flt_bx {
  margin-bottom: 30px;
}

.filter_box figure img {
  width: 100%;
}

.filter_box p {
  padding: 0px 15px;
}

.meet_braeed_sec .container,
.breed_detils_area .container,
.detils_form_section .container {
  max-width: 1080px;
}

.flt_more {
  position: absolute;
  right: 10px;
  bottom: 15px;
}

.filter_box {
  position: relative;
  padding-bottom: 15px;
  box-shadow: 0 0 14px -8px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}

.filter_box figure {
  height: 330px;
  margin-bottom: 0;
  overflow: hidden;
}

.filter_box figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: 0.3s;
  transform: scale(1);
}

.filter_box:hover figure img {
  transform: scale(1.1);
}

.hding {
  padding-bottom: 0.625rem;
  border-bottom: 3px solid #e4219f;
  margin-bottom: 32px;
  width: 100%;
  padding-top: 20px;
}

.brad_detils h3 {
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: 5px;
  color: #000;
  text-transform: uppercase;
  margin-left: 10px;
  margin-bottom: 10px;
}

.breed_detils_area {
  padding: 60px 0px;
}

.in_bread_detils_area {
  background: #fff;
  padding: 20px;
  margin-top: -184px;
  position: relative;
  box-shadow: 0 2px 4px 0 rgba(206, 206, 206, 0.5);
  margin-bottom: 2.375rem;
  z-index: 99;
}

.des_text {
  margin-bottom: 30px;
}

.describtion_box {
  max-height: 220px;
  overflow-y: auto;
  padding: 10px;
}

.detils_quick_lnks h3 {
  font-size: 1.875rem;
  line-height: 1.49;
  letter-spacing: 4.3px;
  color: #000;
  text-transform: uppercase;
}

.detils_quick_lnks p {
  color: #212529;
  font-size: 17px;
  line-height: 30px;
  letter-spacing: 1px;
}

.detils_quick_lnks p a {
  color: #e4219f;
}

.detils_quick_lnks p a:hover {
  color: #000;
}

.detils_quick_lnks p b {
  font-weight: 900 !important;
}

.detils_from_box input[type="text"],
.detils_from_box input[type="email"],
.detils_from_box input[type="tel"] {
  background: #fff;
  border: 1px solid #e0e0e0;
  height: 59px;
  border-radius: 0;
  font-size: 1.125rem;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  line-height: 2.38;
  letter-spacing: 1.6px;
  padding-left: 20px;
  padding-right: 20px;
}

.detils_from_box textarea {
  height: 140px;
}

.detils_from_box .submit_bx {
  text-align: right;
}

.detils_from_box .frm_bx {
  margin-bottom: 15px;
}

.detils_from_box .submit_btn {
  min-width: 190px;
  font-size: 1.4375rem;
  font-family: "Lato", sans-serif;
  font-weight: 100;
  line-height: 0.57;
  letter-spacing: 2.1px;
  padding: 1.4375rem;
  padding-top: 1.4375rem;
  padding-bottom: 1.4375rem;
  text-align: center;
  border: 0px;
  color: #fff;
  position: relative;
  background: #e4219f;
  cursor: pointer;
}

.detils_form_section {
  padding-bottom: 60px;
}

/* 19/05/2021 deep */

.faq_page .faq-accordn {
  max-width: 780px;
  margin: 0 auto;
}

.blog_page .intger_part {
  margin-bottom: 30px;
  border: 1px solid #e4219f;
  border-radius: 30px;
  padding: 30px;
}

.blog_page .intger_part > a {
  display: inline-block;
  width: 100%;
}

.blog_page .intger_part a figure {
  position: relative;
}

.blog_page .intger_part a figure::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  border: 1px dashed #fff;
  border-radius: 30px;
}

.blog_page .intger_part a figure img {
  width: 100%;
  border-radius: 30px;
}

.blog_page .intger_part h4 {
  margin-bottom: 10px;
}

.blog_page .intger_part h4 a {
  font-weight: 700;
}

.blog_page .intger_part ul li span {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 0;
  margin-right: 10px;
}

.blog_page .intger_part p a {
  font-weight: 700;
}

.blog_page .intger_part ul li {
  display: flex;
  align-items: center;
}

.blog_page .inr_popular ul li span {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 0;
  margin-right: 5px;
}

.blog_page .inr_popular > span {
  margin-bottom: 10px;
  display: inline-block;
}

.blog_page .inr_popular > span a {
  font-weight: 700;
}

.blog_page .inr_popular ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.blog_page .inr_popular {
  margin-bottom: 20px;
  border: 1px dashed #000;
  padding: 20px;
  border-radius: 30px;
}

.blog_page .inr_popular a.lf-img {
  display: inline-block;
}

.blog_page .inr_popular a.lf-img img {
  border-radius: 20px;
}

.blog_page .pagination {
  justify-content: center;
}

.blog_page .pagination .pages {
  display: flex;
  align-items: center;
  height: 40px;
  color: #e4219f;
}

.blog_page .pagination .current,
.blog_page .pagination .page,
.blog_page .pagination .nextpostslink {
  display: inline-block;
  color: #e4219f;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog_page .pagination .current {
  background: #e4219f;
  color: #fff;
  border-color: #e4219f;
}

.blog_page .wp-pagenavi {
  display: flex;
  align-items: center;
}

.blog_page .inner_life {
  border: none !important;
}

.faq_page .card-header .btn-link {
  border: 1px solid #fb930e !important;
  color: #e4219f !important;
  border-radius: 4px !important;
}

.faq_page .card-header .btn-link[aria-expanded="true"] {
  border-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.faq_page .card .collapse {
  border: 1px solid transparent;
}

.faq_page .card .collapse.show {
  border-color: #fb930e;
  border-top: transparent !important;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.life_main_cont h5 {
  text-transform: uppercase;
  color: #e4219f;
  font-weight: 700;
}

/* 19/05/2021 deep */

.match_bit_right p {
  font-size: 17px;
}

.page-template-price-match .banner-area::before {
  display: none;
}

/*------ Adiron ---------*/
.text-chart-text {
  margin: 0;
  padding: 0;
}

.text-area,
.chart {
  padding: 50px 30px;
  margin: 0;
}

.chart-table {
  width: 100%;
}

.chart-table tr {
  width: 100%;
}

.chart-table tr th {
  width: 90%;
  color: #000;
  font-size: 14px;
  padding: 10px;
  font-weight: 500;
  border-right: 2px solid #ebaf02;
}

.chart-table tr td {
  color: #000;
  font-size: 14px;
  padding: 10px;
  font-weight: 500;
  border-right: 2px solid #ebaf02;
  text-align: center;
}

.chart-table {
  border: 2px solid #ebaf02;
}

.even {
  background: #ebaf02;
}

.chart-title {
  text-align: center;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.page-title {
  text-align: center;
  padding-top: 50px;
  font-style: 40px;
  font-weight: 700;
}

/* 05/07/2021 d */

.page-template-account-benefits .under-line {
  border-color: #fcf142;
}

.page-template-account-benefits .text {
  border-left: 10px solid #fcf142;
  box-shadow: 0px 5px 20px #fcf142;
}

.page-template-account-benefits .chart-table {
  border: 2px solid #fcf142;
}

.page-template-account-benefits .even {
  background: #fcf142;
}

.page-template-account-benefits .radio_chk.check {
  background-size: 10px;
  width: 26px;
  height: 26px;
}

.page-template-account-benefits .radio_chk {
  width: 26px;
  height: 26px;
}

.page-template-account-benefits .chart-table tr th {
  width: 95%;
  border-color: #fcf142;
}

.page-template-account-benefits .chart-table tr td {
  border-color: #fcf142;
}

/* 05/07/2021 d */

.common-text-class li {
  position: relative;
  padding-left: 27px;
  margin-bottom: 15px;
}
.common-text-class li:last-child {
  margin-bottom: 0;
}

.common-text-class li:before {
  position: absolute;
  content: "";
  background: url(images/paw.png) no-repeat 0 0;
  background-size: 17px;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
}

.btn-404 {
  display: flex;
  justify-content: center;
}
.btn-404 a {
  margin: 0 5px;
  min-width: 300px;
  text-align: center;
}

/* 19/5/23 work start */
.price-img.mobile-only {
  display: none;
}
/* 19/5/23 work end */

/*support pp.c 10/11/2023*/
.main.off-puppy-main {
  padding-top: 0;
}
.puppy-offr-img {
  position: relative;
}
.spl-p {
  position: absolute;
  width: 140px;
  height: 140px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  left: -10px;
}
.spl-p:before,
.spl-p:after {
  position: absolute;
  z-index: 1;
  content: "";
  display: block;
  border: 5px solid #fcf142;
  border-top-color: transparent;
  border-left-color: transparent;
}
.spl-p:before {
  top: 0;
  right: 0;
}
.spl-p:after {
  bottom: 0;
  left: 0;
}
.spcl-ofr {
  position: absolute;
  right: -32px;
  top: 40px;
  font-size: 13px;
  color: #e4219f;
  font-weight: 700;
  min-width: 225px;
  display: block;
  background-color: #fcf142;
  text-align: center;
  padding: 7px 0;
  transform: rotate(-45deg);
}
.off-puppy-main .slid-vdo {
  padding-top: 0;
  height: auto;
}
.off-puppy-main .mainproduct-left .product-smllimg figure {
  width: 100px;
}
.spcl-ofrtxt {
  text-align: center;
  position: relative;
  animation: blinker 1.4s linear infinite;
  max-width: 500px;
  margin: auto 0px 30px;
}
/* .spcl-ofrtxt::before{
    content: '';
    position: absolute;
    background-image: url(images/offerimg.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 700px;
    height: 540px;
} */
/* @keyframes blinker {
    50% {
      opacity: 0.2;
    }
  } */
.spcl-ofrtxt strong {
  padding: 20px 0px;
  text-align: center;
  /* background: linear-gradient(357deg, rgba(228,33,159,1) 0%, rgba(228,33,210,1) 100%); */
  margin-bottom: 30px;
  /* border: 4px solid #cd04b5; */
  font-size: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  line-height: 1.2;
  font-weight: 900;
  font-style: italic;
  width: 100%;
}
.puppyplaybutn {
  color: #000000;
  margin-top: 15px;
  display: block;
}

.rsrvenowbutn {
  color: #fcf142;
  background-color: #000;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  padding: 18px 26px;
  display: inline-block;
  border-radius: 50px;
}
.rsrvenowbutn:hover {
  background-color: #fcf142;
  color: #000000;
}

/*popup*/
.pum-theme-3401 .pum-container {
  text-align: center;
  padding: 50px 40px 50px 40px !important;
  box-shadow: 1px 1px 6px 0px rgba(2, 2, 2, 0.23) !important;
}
.pum-theme-3401 .pum-title {
  color: #e4219f !important;
  font-size: 35px !important;
  text-align: center !important;
  font-weight: 700 !important;
  margin-bottom: 30px !important;
  text-transform: uppercase;
}
.pum-theme-3401 .pum-content {
  text-align: center;
}
.pum-theme-3401 .pum-content p {
  font-size: 17px;
}
.pum-theme-3401 .pum-content p a {
  padding: 12px 24px;
  text-align: center;
  background-color: #e4219f;
  color: #ffffff;
  display: inline-block;
}
.pum-theme-3401 .pum-content p a:hover {
  background-color: #fcf142;
  color: #000000;
}
.pum-theme-3401 .popupfstpara {
  font-size: 20px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 30px;
}
.pum-theme-3401 .popupfstpara span {
  color: #e4219f;
  font-weight: 700;
}
.pum-theme-3401 .pum-content + .pum-close {
  position: static !important;
  margin-top: 20px;
  background-color: transparent !important;
  color: #434343 !important;
  font-size: 15px !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-transform: capitalize;
  letter-spacing: 1.5px;
}
.pum-theme-3401 .pum-content + .pum-close:hover {
  color: #000000;
}
.pum-theme-3401 {
  background-color: rgba(167, 167, 167, 0.5) !important;
}

/*support pp.c 10/11/2023*/

/* 17/11/2023 dm */

.top-btn-wrap a {
  text-align: center;
  font-size: 23px;
  background: #fcf142;
  color: #000;
}

.top-btn-wrap a span {
  display: block;
  font-size: 13px;
  margin-top: 5px;
  color: #000;
}

.top-btn-wrap a:hover {
  color: #fcf142;
  background: #000;
}

.top-btn-wrap a:hover span {
  color: #fcf142;
}

.book-ban {
  text-align: center;
  padding-top: 30px;
}

section#hl_form_builder_main {
  background: #fff;
}
.fields-container.row {
  background-color: #fff;
}

/* 17/11/2023 dm */
/*support pp.c 21/11/2023*/
.bknow-butnwrp .bknow-butn-spantxt {
  text-transform: uppercase;
  margin-top: 10px;
  display: block;
  font-size: 12px;
}
.bknow-butnwrp .pupofr-bknow-butn {
  font-size: 14px;
  min-width: 170px;
}

/*support pp.c 21/11/2023*/

/* support KM 23-11-2023 start */
.bknow-butnwrp .pupofr-bknow-butn.km_w_btn {
  width: 100%;
  max-width: 374px;
  padding: 12px 14px;
}

.bknow-butnwrp .pupofr-bknow-butn.km_w_btn .bknow-butn-spantxt {
  margin: 3px 0 0;
  line-height: 1em;
  font-size: 10px;
  transition: all 0.4s ease-in-out;
}

.sp_flex {
  display: flex;
  align-items: center;
  padding: 0 0 30px;
}

.spcl-prc-img {
  max-width: 110px;
  position: relative;
}

.spcl-prc-img img {
  width: 100%;
}

.spcl-prc-img span {
  padding: 0;
  text-align: center;
  font-size: 24px;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  line-height: 1.2;
  font-weight: 900;
}

.offer-page-spcl .collapse.navbar-collapse {
  display: none !important;
}
/* support KM 23-11-2023 end */

/*  support pp.c 9/2/2024*/
.why_puppies_btn .disclam {
  font-size: 13px;
}
.superstar-values-cms ul {
  margin-bottom: 22px;
}
.disclamair-sec {
  padding: 20px 30px 50px 30px;
}
.disclamair-faq {
  padding: 50px 15px 0 15px;
  text-align: center;
  width: 100%;
}
.disclamair-sec p,
.disclamair-benifits p,
.disclamair-faq p {
  font-size: 13px;
}
.superstar-values-cms .disclamair-btn a {
  font-size: 13px;
}
/*  support pp.c 9/2/2024*/

/*  support css update 4/11/2025*/
.bgt-button-wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bgt-button-wrap a{
  display: inline-block;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.bgt-button-wrap a:not(:last-child){
  margin-bottom: 10px;
}
.bgt-button-wrap .book-p-pytime,
.bgt-button-wrap .get-my-details{
  width: 100%;
}
.bgt-button-wrap .book-p-pytime{
   background-color: #fcf142;
    border: 1px solid #fcf142;
        padding: 14px 20px;
    text-align: center;
border-radius: 50px;
color: #000000;
font-weight: 600;
}
.bgt-button-wrap .book-p-pytime:hover{
  background-color: transparent;
}
.bgt-button-wrap .get-my-details{
    background-color: #e4219f;
    color: #fff;
    border: 1px solid #e4219f;
    padding: 14px 20px;
    text-align: center;
border-radius: 50px;
font-weight: 600;
}
.bgt-button-wrap .get-my-details:hover{
   background-color: transparent;
   color: #000000;
}
.bgt-button-wrap .book-p-tel{
background-color: #000000;
  border: 1px solid #000000;
color: #ffffff;
padding: 14px 20px;
border-radius: 50px;
text-align: center;
font-weight: 600;
}
.bgt-button-wrap .book-p-tel:hover{
     background-color: transparent;
      color: #000000;
}
.single-header-pupp-title a{
  font-size: 30px;
  margin-bottom: 10px;
}
.avialable-or-sold{
  background-color: #e4219f;
  padding: 8px 20px;
  color: #ffffffff;
  font-size: 17px;
  margin-bottom: 20px;
  max-width: fit-content;
}
.avialable-or-sold p a{
    color: #ffffffff;
    text-decoration: underline !important;
 
}
.avialable-or-sold p a:hover{
  color: #fcf142;
}
.get-my-details-puppy-modal input[type="submit"]{
    border-radius: 60px;
    padding: 14px 20px;
    background-color: #fcf142;
    text-align: center;
    color: #000000;
    border: none;
    min-width: 110px;
    line-height: 1;
    text-transform: capitalize;
    font-weight: 600;
}
.get-my-details-puppy-modal input[type="submit"]:hover{
  background-color: #e4219f;
  color: #ffffff;
}
/*  support css update 4/11/2025*/

/*===05.11.2025 Css Start====*/
.single-available-puppies .single-header-pupp-title{
  margin-bottom: 10px;
}
.single-available-puppies .avialable-or-sold p{
  color: #fff;
}
.single-available-puppies .why_puppies_main-secc{
  padding-bottom: 40px;
}
.single-available-puppies .avialable-or-sold p a{
  font-weight: 700;
}
/*===05.11.2025 Css End====*/

/*===07.11.2025 Css Start====*/
.banner-icon{
  display: none;
}
@media (max-width: 991px) {
  .banner-icon {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .banner-icon li:nth-child(1){
    width: 40%;
  }
  .banner-icon li:nth-child(1) span{
    display: inline-block;
    font-size: 14px;
    padding-left: 5px;
  }
}
@media (max-width: 480px) {
  .banner-icon li:nth-child(1) span{
    font-size: 12px;
  }
}
/*===07.11.2025 Css End====*/

@media screen and (max-width: 640px) {
  .btn-404 {
    display: inline-block;
    width: 100%;
  }
  .btn-404 a {
    margin: 0 0 5px;
    min-width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .page-title {
    text-align: center;
    padding: 25px 0;
    font-style: 20px;
    font-weight: 600;
  }

  .chart-table tr th {
    line-height: 1.2em;
  }

  .text-area,
  .chart {
    padding: 20px 10px;
    margin: 0;
  }

  .up {
    padding-top: 50px;
  }

  .under-line {
    max-width: 100px;
    border-bottom: 5px solid #ebaf02;
    margin-left: auto;
    margin-right: auto;
  }
  .page-template-account-benefits .radio_chk.check {
    background-size: 10px;
    width: 20px;
    height: 20px;
    background-size: 15px !important;
  }
  .page-template-account-benefits .radio_chk {
    width: 20px;
    height: 20px;
  }
  /*support pp.c 9/2/2024*/
  .disclamair-sec {
    padding: 40px 10px 50px 10px;
  }
  .disclamair-faq {
    padding: 30px 15px 0 15px;
  }
  /*support pp.c 9/2/2024*/
}

.color-text {
  color: #e4219f;
}

.h-text {
  color: #e4219f;
  font-size: 70px;
  font-weight: 500;
  padding: 0 5px;
}

.text {
  padding: 50px 20px;
  border-left: 10px solid #ebaf02;
  box-shadow: 0px 5px 20px #ebaf02;
}

.under-line {
  max-width: 200px;
  border-bottom: 5px solid #ebaf02;
  margin-left: auto;
  margin-right: auto;
}

header .navbar-nav > li.menu-item-has-children {
  position: relative;
}

header .navbar-nav > li.menu-item-has-children:after {
  background: url(images/arrow_bottom.svg) no-repeat center center;
  right: 0px;
  top: 50%;
  background-size: 15px;
  width: 15px;
  height: 15px;
  content: "";
  position: absolute;
  transform: translateY(-50%);
}

.radio_chk {
  display: inline-block;
  padding: 0;
  margin-bottom: 0;
  height: 16px;
  width: 16px;
  cursor: pointer;
  line-height: 1;
  background-color: #dfdfdf;
}

.radio_chk.check {
  background-color: #fff;
  background-image: url(images/pinktick.png);
  background-size: 21px !important;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #dfdfdf;
}

/*custom radio*/
/*
.radio_chk {
    display: inline-block;
    position: relative;
    padding-left: 22px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1;
    white-space: nowrap;
    text-transform: uppercase;
}
.radio_chk input {
    position: absolute;
    opacity: 0;
    top: 0;
    cursor: pointer;
    left: 0;
    width: 100%;
    height: 100%;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
}

.radio_chk:hover input~.checkmark {
    background-color: #ccc;
}

.radio_chk input:checked~.checkmark {
    background-color: #EBAF02;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio_chk input:checked~.checkmark:after {
    display: block;
}

.radio_chk .checkmark:after {
    top: 15%;
    left: 15%;
    width: 70%;
    height: 70%;
    background-image: url(images/check-mark_w.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}*/

/***** 16/08/2021 *****/

.error_section {
  padding: 180px 0;
  background: url(images/error-bg.jpg) no-repeat top left;
  background-size: 100%;
}
.error_section h1 {
  color: #816448;
  font-size: 61px;
}
.error_section h1 span {
  color: #afafaf;
}
.error_section p {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}
.error_section .btn-404 a {
  min-width: inherit;
  padding: 13px 30px;
  color: #002828;
  font-size: 16px;
  font-weight: 600;
}
.error_section .btn-404 a.cmn_btn {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(0, 0, 0);
  border-radius: 26px;
  background-color: rgba(226, 168, 6, 0);
}
.error_section .btn-404 a.pink_btn {
  border-style: solid;
  border-width: 2px;
  border-color: #f5ec73;
  border-radius: 26px;
  background-color: #f5ec73;
}
.error_section .btn-404 a:hover {
  background-color: rgb(0, 0, 0);
  color: #fff;
}

/***********sw******************/
.about_page_area.sec_gap.thank-you {
  padding: 140px 0;
  background-position: center center;
  text-align: left;
}
.thank-you h2 {
  text-transform: uppercase;
  display: block;
  text-align: left;
  color: #e4219f !important;
  margin-bottom: 20px;
  position: relative;
  z-index: 9;
}
.thank-you h3 {
  font-size: 20px;
  text-align: left !important;
  position: relative;
  z-index: 9;
}
.thank-you .all-super-btn a {
  background: #fcf142;
  font-weight: 600;
  text-transform: uppercase;
  padding: 16px 50px;
  display: inline-block;
  border-radius: 30px;
  border: 1px solid #fcf142;
  position: relative;
  z-index: 9;
}
.thank-you .all-super-btn a:hover {
  background: #e4219f;
  color: #fff;
  border: 1px solid #e4219f;
}
.all-super-btn {
  text-align: left;
  position: relative;
  z-index: 9;
}


@media only screen and (max-width: 991px) {
  .col-md-12.price-img {
    order: 3;
  }
  .error_section {
    background: none;
    padding: 80px 0;
  }
  .error_section h1 {
    color: #816448;
    font-size: 40px;
  }
  .error_section p {
    font-size: 16px;
  }
  .error_section .btn-404 a {
    padding: 10px 20px;
    font-size: 14px;
  }

  /* 19/5/23 work start */
  .match_bit_left.desktop-only {
    display: none;
  }

  .price-img.desktop-only {
    display: none;
  }

  .price-img.mobile-only {
    display: block;
    text-align: center;
  }
  /* 19/5/23 work end */
  /*support pp.c 21/11/2023*/
  .bknow-butnwrp .pupofr-bknow-butn {
    padding: 12px 20px;
    min-width: 150px;
    font-size: 13px;
  }
  /*support pp.c 21/11/2023*/

  .bknow-butnwrp .pupofr-bknow-butn.km_w_btn {
    max-width: 330px;
    padding: 8px 14px;
  }
  .single-available-puppies .why_puppies_main-secc{
    padding-bottom: 30px;
  }
}
/*support pp.c 10/11/2023*/
@media (max-width: 767px) {
  .about_page_area.sec_gap.thank-you {
    padding: 100px 0;
    background-position: 32% 10%;
    position: relative;
  }
  .about_page_area.sec_gap.thank-you:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .thank-you h3 {
    font-size: 15px;
    color: #fff;
  }

  .pum-theme-3401 .pum-container {
    padding: 35px 20px 35px 20px !important;
  }
  .pum-theme-3401 .pum-title {
    font-size: 26px !important;
    margin-bottom: 25px !important;
  }
  .pum-theme-3401 .popupfstpara {
    font-size: 18px;
  }
  .pum-theme-3401 .pum-content p {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .spcl-ofrtxt strong {
    font-size: 17px;
  }

  /* 17/11/2023  dm */

  .top-btn-wrap a {
    padding: 10px 20px;
    font-size: 18px;
  }

  .top-btn-wrap a span {
    font-size: 12px;
  }

  /* 17/11/2023  dm */
  /*support pp.c 21/11/2023*/
  .off-puppy-main .mainproduct-left .product-smllimg figure {
    height: 100px;
  }
  /*support pp.c 21/11/2023*/

  .sp_flex {
    flex-wrap: wrap;
    padding: 0 0 26px;
    justify-content: center;
  }

  .spcl-ofrtxt {
    margin: auto 0px 8px;
  }
}

@media (max-width: 375px) {
  .top-btn-wrap a {
    width: 100%;
  }

  .mainpro-rghtt ul.detls_btnn li a {
    font-size: 12px !important;
    padding: 11px 16px !important;
  }
  /*support pp.c 21/11/2023*/
  .bknow-butnwrp .pupofr-bknow-butn {
    width: auto;
    padding: 11px 16px;
    min-width: 136px;
    font-size: 12px;
  }
  /*support pp.c 21/11/2023*/

  .bknow-butnwrp .pupofr-bknow-butn.km_w_btn {
    max-width: 296px;
  }
}

/*support pp.c 10/11/2023*/
/* 11/1/23 work start */
.rltd-pps-sec .container {
  max-width: 100% !important;
}
.why_puppies_main-secc.rltd-pps-sec ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.rltd-pps-sec .puppies_cont ul li {
  padding: 0px 8px;
}
.rltd-pps-sec .puppies_cont ul li:before {
  left: -2px;
}
/* 11/1/23 work end */