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







/***** General CSS *****/







body {



    word-break: break-word;



    font: 15px/25px 'Poppins', sans-serif;



    color: #393939;



    overflow-x: hidden;



}







@font-face {



    font-family: 'Fonts Awesome';



    src: url(../fonts/fontawesome-webfont.eot);



    src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");



    font-weight: 400;



    font-style: normal
}







@font-face {



    font-family: 'Notably';



    src: url(../font/Notably\ Absent\ DEMO.ttf);



}







@font-face {



    font-family: 'Rooney';



    src: url(../font/RooneySansBold.OTF);



}







img {



    max-width: 100%;



}







input[type="text"]:focus,



textarea:focus,



input[type="password"]:focus,



select:focus,



input[type="email"]:focus,



input[type="url"]:focus,



input[type="tel"]:focus,



input[type="number"]:focus {



    transition: all 0.5s ease;



    -webkit-transition: all 0.5s ease;



    -moz-transition: all 0.5s ease;



    outline: none;



}







select,



input[type="text"],



input[type="password"],



input[type="email"],



input[type="url"],



input[type="number"],



textarea,



input[type="tel"] {



    -webkit-appearance: none;



    -moz-appearance: none;



    appearance: none;



}







/* Chrome, Safari, Edge, Opera */



input::-webkit-outer-spin-button,



input::-webkit-inner-spin-button {



    -webkit-appearance: none;



    margin: 0;



}







.noPadding {



    padding: 0;



}







.noLeft {



    padding-left: 0;



}







.noRight {



    padding-right: 0;



}







.centerCol {



    float: none;



    margin: 0 auto;



}







.pt_8 {



    padding-top: 80px;



}







.pb_8 {



    padding-bottom: 80px;



}







.available-pupie-vid.zara {



    margin-top: 20px;



}







.py_8 {



    padding: 80px 0px;



}







.flexRow {



    display: -webkit-box;



    display: -moz-box;



    display: -ms-flexbox;



    display: -webkit-flex;



    display: flex;



    align-items: center;



}







.flexCol {



    -webkit-box-flex: 1;



    -moz-box-flex: 1;



    -webkit-flex: 1;



    -ms-flex: 1;



    flex: 1;



    align-items: center;



}







ul {



    margin: 0;



    padding: 0;



    list-style-type: none;



    font-family: 'Poppins', Sans-Serif;



}







a {



    text-decoration: none;



    color: #000;



    white-space: initial;



    font-family: 'Poppins', Sans-Serif;



}







a:hover,



a:focus {



    text-decoration: none;



    color: #393939;



}







a:hover {



    transition: all 0.5s ease-in-out;



    -webkit-transition: all 0.5s ease-in-out;



    -moz-transition: all 0.5s ease-in-out;



}







p {



    font-weight: 500;



    line-height: 25px;



    margin: 0;



    font-size: 14px;



    font-family: 'Poppins', Sans-Serif;



}







h1 {



    font-family: 'Notably';



    font-size: 95px;



    line-height: 90px;



    color: #fff;



    font-weight: 500;



    margin: 0;



    text-shadow: 0 0 4px #000;



}







h2 {



    font-family: 'Notably';



    font-size: 60px;



    line-height: 1.1;



    color: #000;



    font-weight: 500;



    margin: 0;



}







h3 {



    font-family: 'Notably';



    font-size: 30px;



    line-height: 1.2;



    color: #000000;



    font-weight: 500;



    margin: 0;



}







h4 {



    font-family: 'Notably';



    font-size: 25px;



    line-height: 1.2;



    color: #000;



    font-weight: 500;



    margin: 0;



}







h5 {



    font-family: 'Notably';



    font-size: 20px;



    line-height: 1.2;



    color: #000;



    font-weight: 500;



    margin: 0;



}







h6 {



    font-family: 'Notably';



    font-size: 18px;



    line-height: 1.2;



    color: #393939;



    font-weight: 500;



    margin: 0;



}







select {



    background: #fff url('../images/arrow.png') no-repeat right;



    padding: 0 40px 0 30px;



    background-position: right 0.7rem top 50%;



}







::-webkit-input-placeholder {



    color: #575757;



}







::-moz-placeholder {



    color: #575757;



    opacity: 1;



}







:-ms-input-placeholder {



    color: #575757;



}







:-moz-placeholder {



    color: #575757;



    opacity: 1;



}







/*---------------------------------------------------- Tabs Section Start ----------------------------------------------------------- */







.tab_sec .tab-pane {



    display: block;



    border: 0;



    height: 0;



}







.tab_sec .tab-pane.active {



    display: block !important;



    height: auto;



}







.tab_sec .nav-tabs .nav-link.active {



    background: #242889;



    color: #fff;



}







.tab_sec .nav-tabs .nav-link {



    background: #ccc;



    border-radius: 50px;



    color: #000;



    padding: 7px 28px;



}







.tab_sec .nav-tabs {



    border: none;



    justify-content: center;



    gap: 20px;



    margin-bottom: 20px;



}







/*---------------------------------------------------- Tabs Section End ----------------------------------------------------------- */







/*---------------------------------------------------- Carousel Section Start ----------------------------------------------------------- */







.carousel-inner>.item>a>img,



.carousel-inner>.item>img {



    width: 100%;



}







.carousel-control.right,



.carousel-control.left {



    background: none;



    opacity: 1;



    width: 50px;



    height: 50px;



    top: initial;



    top: 40%;



    background: rgba(255, 255, 255, 0.1);



    text-shadow: none;



}







.carousel-control.right:hover,



.carousel-control.left:hover {



    background: rgba(255, 27, 27, 0.6);



    color: #fff;



}







.carousel-control.right .fa,



.carousel-control.left .fa {



    position: relative;



    top: 12px;



    font-size: 20px;



    color: #fff;



    opacity: 0.5;



}







.carousel-control.right {



    right: 0px;



}







.carousel-control.left {



    left: 0px;



}







.carousel-indicators [data-bs-target] {



    box-sizing: content-box;



    flex: 0 1 auto;



    width: 10px;



    height: 12px;



    padding: 0;



    margin: 3px !important;



    text-indent: -999px;



    cursor: pointer;



    background-color: #fff;



    background-clip: padding-box;



    border: 0;



    border-top: 10px solid transparent;



    border-bottom: 10px solid transparent;



    opacity: 1;



    /* transition: opacity 0.6s ease; */



    border-radius: 20px;



}







.carousel-caption {



    position: absolute;



    top: 0;



    width: 100%;



    height: 100%;



    left: 0;



    right: 0;



    margin: 0;



    padding: 0;



    color: #fff;



    text-align: left;



    display: -webkit-box;



    display: -moz-box;



    display: -ms-flexbox;



    display: -webkit-flex;



    display: flex;



    align-items: center;



    background: rgba(0, 0, 0, 0.1);



}







.carousel-indicators li {



    border: none;



    border-radius: 100%;



    -webkit-border-radius: 100%;



    -moz-border-radius: 100%;



    background: #fff;



    width: 12px;



    height: 12px;



    margin: 0;



}







.carousel-indicators .active {



    margin: 0;



    background-color: #28b16d;



    width: 10px;



    height: 12px;



}







/*---------------------------------------------------- Carousel Section End ----------------------------------------------------------- */







/*---------------------------------------------------- Button Section Start ----------------------------------------------------------- */







.theme_btn {



    padding: 20px 35px;



    border: unset;



    border-radius: 45px;



    color: #fff;



    display: block;



    z-index: 1;



    background: #115896;



    position: relative;



    width: max-content;



    font-size: 16px;



    transition: all 250ms;



    overflow: hidden;



    text-transform: uppercase;



    font-weight: 600;



}







.theme_btn::before {



    content: "";



    position: absolute;



    top: 0;



    left: 0;



    height: 100%;



    width: 0;



    border-radius: 45px;



    background-color: #1d1d1d;



    z-index: -1;



    box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);



    transition: all 250ms
}







.theme_btn:hover {



    color: #fff;



}







.theme_btn:hover::before {



    width: 100%;



}







/*---------------------------------------------------- Button Section End ----------------------------------------------------------- */







/*---------------------------------------------------- Header Section Start ----------------------------------------------------------- */







.menuSec {



    padding: 10px 0 0;



    position: absolute;



    z-index: 2;



    width: 100%;



}







.menuSec img {



    margin: 0;



}







.menuSec ul {



    position: relative;



    list-style: none;



    padding: 0;



    margin: 0;



    text-transform: capitalize;



    left: 3%;



}







.menuSec ul li {



    position: relative;



    display: inline-block;



    margin: 0;



    padding: 0;



}







.menuSec li ul {



    display: none;



}







.menuSec ul li a {



    position: relative;



    display: inline-block;



    text-decoration: none;



    color: #fff;



    padding: 10px 27px;



    font-size: 14px;



}







.menuSec ul li a:hover,



.menuSec ul li a.active {



    transition: all 0.5s ease;



    -webkit-transition: all 0.5s ease;



    -moz-transition: all 0.5s ease;



    color: #fff;



}







.menuSec li:hover>ul {



    display: block;



    position: absolute;



    z-index: 1000;



    background-color: #000000;



    left: 0px;



    width: 230px;



    text-align: left;



    top: 38px;



}







.menuSec li>ul>li>a {



    border: none;



    padding: 13px 20px !important;



    color: #fff !important;



    overflow: hidden;



    font-size: 13px;



    line-height: 20px;



}







.menuSec li>ul>li,



.menuSec li>ul>li>a {



    display: block;



    margin: 0;



}







.menuSec li>ul>li>a:before,



.menuSec li>ul>li>a:after {



    display: none;



}







.menuSec li:hover li {



    float: none;



}







.menuSec li ul li a:hover {



    background-color: #ffffff;



    color: #000000 !important;



}







.menuSec ul ul ul {



    left: 100%;



    top: 0;



}







.menuSec ul:before,



.menuSec ul:after {



    content: " ";



    display: table;



}







.menuSec ul:after {



    clear: both;



}







.menuSec li>ul>li:hover>ul {



    left: 230px;



    top: 0px;



    width: 270px;



}







.droopdwon li:hover>ul {



    display: block;



    position: absolute;



    z-index: 1000;



    background-color: #000000;



    left: 0px;



    width: 230px;



    text-align: left;



    top: 40px;



}







.droopdwon {



    float: left;



}







.droopdwon li:hover li a:hover {



    background-color: #ffffff;



    color: #000 !important;



}







.dropdown-menu {



    position: absolute !important;



    z-index: 1000;



    display: block;



    min-width: 10rem;



    padding: 0.5rem 0;



    margin: 0;



    font-size: 1rem;



    color: #212529;



    text-align: left !important;



    background-color: #fff;



    background-clip: padding-box;



    border: 1px solid rgba(0, 0, 0, 0.15);



    border-radius: 0.25rem;



}







.slick-slide {



    opacity: 1;



}







.header-logo img {



    width: 140px;



}







.header-btns {



    text-align: end;



}







.header-logo {



    position: relative;



    left: 15px;



}







.header-btns a {



    display: block;



    width: max-content;



    margin: 0 0 0 auto;



    background: #fff;



    color: #000;



}







.menuSec .row {



    background-color: #4079aa6b;



    padding: 7px 13px;



    border-radius: 90px;



}







/*---------------------------------------------------- Header Section End ----------------------------------------------------------- */







/*---------------------------------------------------- Banner Section Start ----------------------------------------------------------- */







.banner-sec {



    background-color: #105895;



    position: relative;



    z-index: 0;



    align-content: flex-start;



    overflow: hidden;



    background-image: url(../images/baner-back.png);



    background-repeat: no-repeat;



    background-size: cover;



    height: 130vh;



    background-position: top;



}







.banner-sec.iner h1 {



    font-size: 110px;



}







.baner-heading.Us {



    padding: unset;



}







.banner-sec.iner {



    height: 70vh;



    align-content: center;



    background-position: 0 65%;



}







.container-fluid {



    padding: 0 5%;



}







.baner-left {



    padding-bottom: 30px;



}







.baner-right {



    padding-bottom: 30px;



}







.baner-heading a {



    margin: 0 0 0 auto;



}











img.banr-line {



    position: absolute;



    top: 30px;



    left: 0;



    right: 0;



    margin: auto;



    z-index: -1;



}







img.banr-shadow {



    position: absolute;



    top: 25%;



    left: 0;



    right: 0;



    margin: 0 auto;



    z-index: -1;



    /* opacity: 0; */



    height: 100%;



    width: 100%;



}







.points-bnrleft ul {



    column-count: 2;



    width: max-content;



}







.points-bnrleft ul li {



    border: 1px solid #a2d5f4;



    padding: 8px 22px;



    border-radius: 40px;



    margin-bottom: 15px;



    color: #000;



    font-size: 14px;



    text-align: center;



    cursor: pointer;



    font-weight: 500;



    background: #fff;



    transition: 0.5s all;



}







.points-bnrleft {



    margin-bottom: 80px;



}







.puppy-resrve-lft {



    background: #fff;



    border-radius: 30px;



    padding: 0 30px 30px;



    width: 100%;



}







.puppy-resrve-lft img {



    margin-top: -39px;



    margin-bottom: 17px;



}







.puppy-resrve-lft p {



    margin: 12px 0 15px;



    color: #7c7c7c;



}







.puppy-resrve-lft a {



    text-decoration: underline;



    text-transform: uppercase;



    font-weight: 500;



    font-size: 16px;



}







.woof-bnrrght {



    background: #fff;



    border-radius: 30px;



    padding: 30px 30px;



    width: 83%;



    margin: 0 0 0 auto;



    position: relative;



}







.expertise-bnrright {



    background: #a2d5f4;



    border-radius: 30px;



    padding: 30px 30px 35px;



    width: 83%;



    margin: 0 0 25px auto;



}







.exprtse-rigt-imtxt {



    display: flex;



    align-items: center;



    gap: 17px;



}







.baner-heading p {



    font-size: 21px;



    color: #fff;



    margin-bottom: 20px;



    text-shadow: 0 0 15px #000;



}







.baner-heading h1 span {



    display: block;



    color: #F4CE7D;



}







.baner-heading h1 {



    margin-bottom: 14px;



}







.baner-heading {



    text-align: end;



    margin-top: 13.4%;



}







.baner-main-image img {



    object-fit: cover;



    height: 580px;



}







.baner-main-image {



    margin-top: -20px;



    text-align: center;



    margin-right: -20px;



}







.expertise-bnrright h4 {



    margin-bottom: 15px;



}







.expertise-bnrright p {



    color: #7c7c7c;



}







.woof-bnrrght p {



    margin: 12px 0 15px;



    color: #7c7c7c;



}







.woof-bnrrght a {



    text-decoration: underline;



    text-transform: uppercase;



    font-weight: 500;



    font-size: 16px;



}







.woof-bnrrght:before {



    content: '';



    position: absolute;



    top: 0px;



    left: -20px;



    width: 0;



    height: 0;



    border-radius: 6px;



    border-top: 0px solid transparent;



    border-right: 50px solid #fff;



    border-bottom: 92px solid transparent;



    z-index: -1;



}







/*---------------------------------------------------- Banner Section End ------------------------------------------------------------- */







/*---------------------------------------------------- Footer Section Start ------------------------------------------------------------- */







footer {



    background-color: #1d1d1d;



    padding: 70px 0 0;



}







footer .row.last:before, footer .row.last:after {



    background: unset;



}







.footer-btm {



    padding: 20px 0;



    text-align: center;



}







.foter-main {



    text-align: center;



    border-left: 1px solid #3e3e3e;



    border-right: 1px solid #3e3e3e;



    padding: 60px 0 80px;



    width: 85%;



    height: 100%;



    margin: 0 auto;



}







.foter-main ul {



    display: flex;



    align-items: center;



    gap: 10px;



    justify-content: center;



}







footer h5 {



    color: #fff;



    margin-bottom: 20px;



    letter-spacing: 1px;



}







.uselinks-ftr ul {



    column-count: 2;



    width: 100%;



}







.uselinks-ftr ul li {



    margin-bottom: 20px;



}







.uselinks-ftr ul li a {



    font-size: 14px;



    color: #d2d2d2;



    font-weight: 500;



    opacity: 60%;



}







.foter-main img {



    margin-bottom: 20px;



}







.foter-main ul li a {



    width: 40px;



    height: 40px;



    border: 1px solid #808080;



    display: flex;



    align-items: center;



    justify-content: center;



    border-radius: 50%;



    color: #808080;



    transition: 0.5s all;



}







.cntinfo-ftr ul li {



    display: flex;



    align-items: flex-start;



    gap: 15px;



    margin-bottom: 30px;



}







.cntinfo-ftr {



    margin-left: 40px;



    padding-top: 42px;



}







.cntinfo-ftr ul {



    width: 105%;



}







.cntinfo-ftr ul li a, .cntinfo-ftr ul li p {



    color: #fff;



    font-weight: 400;



    font-size: 14px;



    line-height: 1;



    opacity: 60%;



}







.cntinfo-ftr ul li i {



    font-size: 15px;



    color: #fff;



    opacity: 60%;



}







.cntinfo-ftr ul li p {



    line-height: 25px;



    margin-top: -5px;



    width: 87%;



}







.uselinks-ftr {



    padding-top: 42px;



}







footer .row {



    position: relative;



}







footer .row:before, footer .row:after {



    content: '';



    position: absolute;



    top: 0;



    left: -67px;



    right: 0px;



    background: #3e3e3e;



    width: 110%;



    height: 1px;



}







footer .row:after {



    bottom: 0;



    top: unset;



}







.foter-main p {



    color: #fff;



    width: 60%;



    margin: 0 auto 23px;



    opacity: 60%;



    font-weight: 400;



}







.foter-main ul li a:hover {



    border-color: #105895;



    background: #105895;



    color: #fff;



}







.footer-btm p {



    color: #fff;



}











/*---------------------------------------------------- Footer Section End ------------------------------------------------------------- */







/*---------------------------------------------------- About Section Start ------------------------------------------------------------- */







.about-sec {



    padding: 120px 0 100px;



    position: relative;



    z-index: 0;



}







img.about-line {



    position: absolute;



    z-index: -1;



    top: -75px;



    left: -15%;



}







img.about-prpl-prnt {



    position: absolute;



    z-index: -1;



    top: 23%;



    left: 0;



    animation: bounce-top 10s linear infinite both;



}







img.about-blue-prnt {



    position: absolute;



    z-index: -1;



    bottom: 130px;



    right: -25px;



    animation: bounce-top 10s linear infinite both;



}







.about-image img {



    height: 550px;



    object-fit: cover;



    border-radius: 30px;



    width: 100%;



    object-position: center;



}







.about-image {



    width: 98%;



}







.about-text a {



    display: block;



}







.about-text {



    margin-bottom: 30px;



}







.about-heading-tab span {



    color: #7c7c7c;



    font-size: 14px;



    font-family: 'Poppins', Sans-Serif;



}







.about-text-img img {



    width: 100%;



    height: 230px;



    object-fit: cover;



    border-radius: 25px;



    object-position: 0px -50px;



}







h2.about-title {



    margin-bottom: 5px;



    line-height: 1;



}







.about-text p {



    margin-bottom: 16px;



    color: #7c7c7c;



}







.about-heading-tab ul li {



    list-style: disc;



    margin-left: 18px;



    color: #4d4c4c;



    margin-bottom: 2px;



    font-weight: 500;



    font-size: 14px;



    font-family: 'Poppins', Sans-Serif;



}







.about-heading-tab ul {



    margin-bottom: 13px;



}







.about-heading-tab p {



    margin-bottom: 12px;



    color: #7c7c7c;



}







.about-heading-tab button.nav-link {



    padding-bottom: 20px;



    border-bottom: 1px solid #cccccc;



    background: transparent;



    color: #999999;



    display: flex;



    align-items: center;



    justify-content: flex-start;



    gap: 20px;



    font-family: 'Notably';



    font-size: 20px;



    border-radius: 0;



    margin-bottom: 20px;



    width: 95%;



    transition: 0.5s all;



}







.about-heading-tab button.nav-link.active {



    background: transparent;



    color: #000;



    border-color: #000;



}







.about-heading-tab button.nav-link img {



    filter: brightness(0) saturate(100%) invert(46%) sepia(0%) saturate(2318%) hue-rotate(181deg) brightness(101%) contrast(84%);



    transition: 0.5s all;



}







.about-heading-tab button.nav-link.active img {



    filter: unset;



}







/*---------------------------------------------------- About Section End ------------------------------------------------------------- */







/*---------------------------------------------------- Available Puppie Section Start ------------------------------------------------------------- */







.available-puppie-sec {



    padding: 0 0 100px;



    position: relative;



}







.points-bnrleft ul li:hover {



    background: #a2d5f4;



}







.available-pupie-head {



    text-align: center;



    margin-bottom: 30px;



}







.available-pupie-head p {



    width: 57%;



    margin: 0 auto;



    color: #7c7c7c;



}







.available-pupie-img img {



    width: 100%;



    height: 360px;



    object-fit: cover;



    transition: 0.5s all;



    /*object-position: 0 37%;*/



}







.available-text ul {



    color: #7c7c7c;



    display: flex;



    align-items: center;



    justify-content: space-between;



    border-top: 1px solid #cccccc;



    padding: 7px 0 0 0;



    margin-top: 14px;



    font-size: 13px;



}







.available-text {



    background: #fff;



    padding: 25px 22px 25px;



    border-radius: 30px;



    width: 93%;



    margin: -80px auto 0;



    position: relative;



    z-index: 2;



    transition: 0.5s all;



}







.available-text p {



    color: #7c7c7c;



    font-size: 13px;



    line-height: 25px;



    margin-top: 7px;



}







.available-text h3 {



    margin-bottom: 6px;



}







.slick-current .available-pupie-main .available-text, .available-pupie-main:hover .available-text {



    background: #105895;



    /*box-shadow: 1px 9px 54px 0px rgb(5 5 5 / 31%);*/



}







.slick-current .available-pupie-main .available-text *, .available-pupie-main:hover .available-text * {



    color: #fff;



}







.slick-current .available-pupie-main .available-text p, .available-pupie-main:hover .available-text p {



    opacity: 60%;



}







.slick-current .available-pupie-main .available-text ul, .available-pupie-main:hover .available-text ul {



    opacity: 60%;



}







.available-pupie-img {



    overflow: hidden;



    border-radius: 30px;



}







.slick-current .available-pupie-main img, .available-pupie-main:hover img {



    /*filter: brightness(0.5);*/



    /*transform: scale(1.3);*/



}







.available-puppie-sec.inner {



    padding: 100px 0;



}







.available-puppie-sec.inner .col-lg-4.inr {



    margin-bottom: 40px;



}







button.slick-arrow:before {



    content: '\f061';



    position: absolute;



    top: 0;



    left: 0;



    border: 1px solid #105895;



    width: 50px;



    height: 50px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    font-family: 'FontAwesome';



    opacity: 1 !important;



    color: #105895;



    font-size: 22px;



    transition: 0.5s all;



}







button.slick-prev:before {



    content: '\f060';



}







button.slick-next {



    right: -40px;



}







button.slick-prev {



    left: -70px;



}







button.slick-arrow:hover:before {



    background: #105895;



    color: #fff;



}







img.puppie-line-avail {



    position: absolute;



    top: -30%;



    right: -20%;



    z-index: -1;



}







img.pupie-avail-foot {



    position: absolute;



    bottom: 22%;



    left: -10px;



    z-index: -1;



    animation: bounce-top 10s linear infinite both;



}







/*---------------------------------------------------- Available Puppie Section End ------------------------------------------------------------- */







/*---------------------------------------------------- Reserve Section Start ------------------------------------------------------------- */







.reserve-pupie-sec {



    padding: 100px 0 100px;



    position: relative;



    z-index: 1;



}







img.serv-lin {



    position: absolute;



    z-index: -7;



    top: -38%;



    left: -18%;



    width: max-content;



}







img.resrvft.pin1 {



    position: absolute;



    z-index: -1;



    bottom: 0px;



    left: 38%;



    animation: bounce-top 10s linear infinite both;



}







img.resrvft.pin2 {



    position: absolute;



    z-index: -1;



    top: 9%;



    transform: rotate(25deg);



    right: 6%;



    animation: bounce-top 10s linear infinite both;



}







img.resrvft.pin3 {



    position: absolute;



    z-index: -1;



    top: 36%;



    left: 105px;



    animation: bounce-top 19s linear infinite both;



}







img.resrve-bluprint {



    position: absolute;



    z-index: -1;



    bottom: 200px;



    right: -10px;



    animation: bounce-top 10s linear infinite both;



}







.reserve-head {



    display: flex;



    align-items: center;



    justify-content: space-between;



    margin-bottom: 80px;



}







.reserve-pupie-main {



    background: #fff;



    padding: 30px 30px;



    border-radius: 25px;



    transition: 0.5s all;



}







.available-puppie-sec .slick-slide {



    margin: 0 10px 50px;



}







.reserve-pupie-sec:before {



    content: '';



    position: absolute;



    top: 0;



    left: 0;



    right: 0;



    background: #e7eef4;



    width: 90%;



    height: 100%;



    z-index: -1;



    border-radius: 60px;



    margin: 0 auto;



}







.resrve-pup-num {



    display: flex;



    align-items: center;



    justify-content: center;



    width: 74px;



    height: 74px;



    border-radius: 50%;



    background: #105895;



    font-size: 35px;



    font-family: 'Rooney';



    color: #fff;



    margin-bottom: 20px;



}







.reserve-pupie-main:hover {



    box-shadow: 3.758px 26.737px 35px 0px rgba(5, 5, 5, 0.15);



    margin-top: -45px;



}







.reserve-head p {



    width: 40%;



}







.reserve-head h2 {



    width: 30%;



}







.reserve-pupie-main p {



    margin-top: 8px;



    color: #7c7c7c;



}







/*---------------------------------------------------- Reserve Section End ------------------------------------------------------------- */







/*---------------------------------------------------- Why Choose Us Section Start ------------------------------------------------------------- */







.whychose-ftimg img {



    width: 100%;



    height: 220px;



    object-fit: cover;



    border-radius: 30px;



    object-position: 0px 48%;



}







.whychose-sec.iner {



    padding-top: 0;



}







.whychose-ftimg {



    width: 90%;



}







.whychose-sec {



    padding: 100px 0;



    position: relative;



}







img.whychoseline {



    position: absolute;



    top: -18%;



    right: -20%;



    z-index: -1;



    /* width: 65%; */



    transform: rotate(-15deg);



}







img.whyhose-foot {



    position: absolute;



    bottom: 17%;



    left: -10px;



    transform: rotate(55deg);



    animation: bounce-top 10s linear infinite both;



}







.whychose-txt p {



    color: #7c7c7c;



    width: 90%;



    margin-top: 8px;



}







.whychose-image {



    margin-top: -50px;



}







.whychose-image img {



    width: 100%;



    height: 780px;



    object-fit: cover;



    border-radius: 40px;



    object-position: 0px 89%;



}







.whychose-points ul li {



    border-bottom: 1px solid #00000078;



    padding-bottom: 15px;



    margin-bottom: 15px;



    width: 85%;



}







.whychose-points h4 {



    margin-bottom: 5px;



}







.whychose-points ul li p {



    color: #7c7c7c;



}











/*---------------------------------------------------- Why Choose Us Section End ------------------------------------------------------------- */







/*---------------------------------------------------- Testimonial Section Start ------------------------------------------------------------- */







.testimonial-sec {



    padding: 0 0 100px;



    position: relative;



}







img.testi-lin {



    position: absolute;



    left: -13%;



    top: -31%;



    z-index: -2;



}







.testi-head {



    text-align: center;



    margin-bottom: 40px;



}







.testi-head p {



    width: 60%;



    margin: 10px auto 0;



}







.testi-main {



    padding: 30px;



    background: #fff;



    border-radius: 20px;



    border: 1px solid #d8d8d8;



    transition: 0.5s all;



    height: 100%;



}







.testi-user {



    display: flex;



    align-items: center;



    justify-content: space-between;



    margin-bottom: 16px;



}







.testi-user ul {



    display: flex;



    align-items: center;



}







.testi-img img {



    width: 60px;



    height: 60px;



    object-fit: cover;



    border-radius: 50%;



    margin-bottom: 14px;



}







.testi-main p {



    color: #7c7c7c;



}







.testi-user-txt span {



    color: #7c7c7c;



    display: block;



    margin-top: -2px;



}







.testi-slider .slick-slide.slick-active {



    transform: rotate(-23deg) translate(40px, 90px);



}







.testi-slider .slick-slide.slick-center {



    transform: rotate(0deg);



    position: relative;



    z-index: 9999;



}







.testi-slider .slick-slide.slick-center+.slick-slide.slick-active {



    transform: rotate(25deg) translate(-34px, 95px);



}







.testi-slider .slick-slide {



    margin: 10px 0px 160px;



}







.testi-slider .slick-slide.slick-center .testi-main, .testi-main:hover {



    background: #105895;



    border-color: #105895;



}







.testi-slider .slick-slide.slick-center .testi-main *, .testi-main:hover * {



    color: #fff;



}







.testi-slider .slick-slide.slick-center .testi-main p, .testi-main:hover p {



    opacity: 60%;



}







.testi-slider .slick-slide.slick-center .testi-main span, .testi-main:hover span {



    opacity: 60%;



}







.testi-slider button.slick-prev {



    bottom: 16%;



    left: 47%;



    top: auto;



    z-index: 1;



}







.testi-slider button.slick-next {



    bottom: 16%;



    right: 47%;



    top: auto;



}







/*---------------------------------------------------- Testimonial Section End ------------------------------------------------------------- */







/*---------------------------------------------------- Contact Section Start ------------------------------------------------------------- */







.contact-sec .row {



    border: 1px solid #e6e6e6;



    padding: 28px 20px;



    border-radius: 30px;



    background: #fff;



}







.contact-sec.iner {



    padding: 100px 0;



}







.contact-form .row {



    border: unset;



    padding: unset;



}







.contact-form textarea {



    resize: none;



    height: 150px;



    border-radius: 30px;



}







.contact-sec {



    padding: 0 0 100px;



    position: relative;



}







.contact-form input, .contact-form select, .contact-form textarea {



    width: 100%;



    height: 60px;



    border: 1px solid #cbcbcb;



    border-radius: 40px;



    padding: 10px 23px;



    margin-bottom: 20px;



}







img.contct-line-art {



    position: absolute;



    z-index: -2;



    left: -13%;



    bottom: -30%;



}







img.contct-line {



    position: absolute;



    z-index: -1;



    top: -20%;



    right: -130px;



}







img.contct-fot {



    position: absolute;



    top: -24%;



    right: 0px;



    animation: bounce-top 10s linear infinite both;



}







.contact-text {



    margin-bottom: 30px;



}







.contact-img img {



    width: 100%;



    height: 350px;



    object-fit: cover;



    border-radius: 30px;



    object-position: 0px 33%;



}







.contact-text p {



    color: #7c7c7c;



}







.contact-form input::placeholder, .contact-form textarea::placeholder {



    color: #999999;



}







.contact-form select {



    color: #999999;



}







.contact-form {



    margin-left: 20px;



}







.contact-form textarea {



    resize: none;



    height: 150px;



    border-radius: 30px;



}







@keyframes bounce-top {



    0% {



        -webkit-transform: translateY(-35px);



        transform: translateY(-35px);



        -webkit-animation-timing-function: ease-in;



        animation-timing-function: ease-in;



        opacity: 1;



    }







    24% {



        opacity: 1;



    }







    40% {



        -webkit-transform: translateY(-24px);



        transform: translateY(-24px);



        -webkit-animation-timing-function: ease-in;



        animation-timing-function: ease-in;



    }







    65% {



        -webkit-transform: translateY(-12px);



        transform: translateY(-12px);



        -webkit-animation-timing-function: ease-in;



        animation-timing-function: ease-in;



    }







    82% {



        -webkit-transform: translateY(-6px);



        transform: translateY(-6px);



        -webkit-animation-timing-function: ease-in;



        animation-timing-function: ease-in;



    }







    93% {



        -webkit-transform: translateY(-4px);



        transform: translateY(-4px);



        -webkit-animation-timing-function: ease-in;



        animation-timing-function: ease-in;



    }







    25%,



    55%,



    75%,



    87% {



        -webkit-transform: translateY(0px);



        transform: translateY(0px);



        -webkit-animation-timing-function: ease-out;



        animation-timing-function: ease-out;



    }







    100% {



        -webkit-transform: translateY(0px);



        transform: translateY(0px);



        -webkit-animation-timing-function: ease-out;



        animation-timing-function: ease-out;



        opacity: 1;



    }



}







/*---------------------------------------------------- Contact Section End ------------------------------------------------------------- */







/*---------------------------------------------------- Reserve Form Section Start ------------------------------------------------------------- */







.book-reservepuppy-sec input,



.book-reservepuppy-sec select,



.book-reservepuppy-sec textarea {



    width: 100%;



    padding: 10px 15px;



    border: 1px solid #ccc;



    border-radius: 6px;



    resize: none;



}







.book-reservepuppy-sec .radio-group {



    display: flex;



    gap: 20px;



    flex-wrap: wrap;



}







.book-reservepuppy-sec {



    padding: 100px 0;



}







.book-reservepuppy-sec h2 {



    text-align: center;



    margin-bottom: 30px;



}







.book-reservepuppy-sec .form-group {



    margin-bottom: 18px;



}







.radio-finacec-ful {



    margin-bottom: 21px;



}







.book-reservepuppy-sec .radio-group label input {



    width: 15px;



    height: 15px;



}







.basic-info-radios {



    display: flex;



    align-items: center;



    gap: 40px;



    margin-bottom: 20px;



}







.book-reservepuppy-sec .radio-group label {



    display: inline-flex;



    align-items: center;



    width: 80px;



    gap: 10px;



}







.book-reservepuppy-sec label {



    font-size: 14px;



    font-family: 'Poppins';



    margin-bottom: 4px;



}







.book-reservepuppy-sec h3 {



    margin-bottom: 16px;



}







/*---------------------------------------------------- Reserve Form Section End ------------------------------------------------------------- */







/*---------------------------------------------------- Gallery Section Start ------------------------------------------------------------- */











.gallery-iner-sec {



    padding: 100px 0;



}







.gallery-inr-head {



    text-align: center;



    margin-bottom: 20;



    margin-bottom: 30px;



}







.gallery-main-iner img {



    width: 100%;



    height: 550px;



    object-fit: cover;



    object-position: 0 37%;



    transition: 0.5s all;

}







.gallery-main-iner {



    overflow: hidden;



    border-radius: 20px;



    margin-bottom: 25px;



}







.gallery-main-iner.med img {



    height: 470px;



    object-position: 0 29%;

}







.gallery-main-iner.smal img {



    height: 470px;

}







.gallery-main-iner:hover img {



    filter: brightness(0.5);



    transform: scale(1.2);



}







.gallery-main-iner.sncd img {



    object-position: 0 33%;

}







.testi-user ul li i {



    color: #faad0b;



}







/*---------------------------------------------------- Gallery Section End ------------------------------------------------------------- */











.available-puppie-detail-sec {



    padding: 100px 0;



    position: relative;



}







.available-puppie-detail-sec .available-pupie-img img {

height: 550px;

object-position: 0 30%;
}







.available-puppie-detail-sec .available-text {



    width: 96%;



    padding: 40px 40px 50px;



}







.available-puppie-detail-sec .available-text span {



    font-size: 14px;



    color: #7c7c7c;



}







.available-puppie-detail-sec .available-text p {



    margin-top: 23px;



}















.privacy-policy-sec {



    padding: 100px 0;



}







.privacy-policy-main h4 {



    margin-bottom: 9px;



    font-size: 30px;



}







.privacy-policy-main p {



    margin-bottom: 12px;



    color: #000;



    opacity: 80%;



}







.privacy-policy-main ul li {



    list-style: disc;



    margin-left: 17px;



    padding-left: 8px;



    margin-bottom: 7px;



    color: #000;



    opacity: 80%;



    font-weight: 500;



    font-size: 14px;



    font-family: 'Poppins', Sans-Serif;



}







.privacy-policy-main ul {



    margin-bottom: 20px;



}







.privacy-policy-main h2 {



    margin-bottom: 6px;



}







.about-text-img.hme img {



    height: 200px;



}







.col-md-5.abt-right.rty .about-text {



    margin-bottom: 20px;



}











/*--------------------------------------- FAQs Section Start  --------------------------------------------*/







.inner-faqs-row {



    margin-top: 30px;



}







.inner-faqs-sec {



    padding: 0 0 80px;



}







.inner-faqs-heading {



    text-align: center;



}







.inner-faqs-sec .accordion-item h2 {



    line-height: 40px;



}







.inner-faqs-sec .accordion-button {



    width: 100%;



    padding: 12px 30px;



    color: #fff;



    text-align: left;



    background: #115896;



    font-size: 20px;



    border: 0px;



    font-weight: 500;



}







.inner-faqs-sec .accordion-button:focus {



    z-index: 3;



    border-color: inherit;



    outline: 0;



    box-shadow: inherit;



}







.inner-faqs-sec .accordion-button:not(.collapsed) {



    box-shadow: inherit;



    background: #115896;



}







.inner-faqs-sec .accordion-item {



    background-color: #fff;



    border: none;



    border-radius: 0 !important;



    margin-bottom: 20px;



}







.inner-faqs-sec .accordion-body p {



    color: #4c4c4c;



    font-size: 15px;



    line-height: 25px;



    margin-bottom: 5px;



}







.inner-faqs-sec .accordion-body p a {



    display: unset;



    text-decoration: underline;



}







.inner-faqs-sec .accordion-body a {



    display: block;



    color: #000;



    font-weight: 600;



    margin-bottom: 6px;



}







.inner-faqs-sec .accordion-button::after {



    content: "\f067";



    position: absolute;



    background-image: inherit !important;



    font-weight: 900;



    font-family: "Font Awesome 5 Free";



    right: 25px;



    font-size: 22px;



    color: #fff;



    top: 10px;



}







.inner-faqs-sec .accordion-button:not(.collapsed)::after {



    background-image: inherit !important;



    transform: inherit;



    content: "\f068";



}







.faq-head {



    text-align: center;



    margin-bottom: 30px;



}







.inner-faqs-sec .accordion-body ul li {



    color: #4c4c4c;



    font-size: 15px;



    line-height: 25px;



    margin-bottom: 5px;



    list-style: disc;



    font-weight: 500;



    margin-left: 18px;



    padding-left: 5px;



}







.inner-faqs-sec .accordion-body ul {



    margin-top: 12px;



}







.inner-faqs-sec .accordion-button span {



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



    font-size: 18px;



    margin-right: 7px;



    margin-bottom: 2px;



}







.available-head-txt {



    display: flex;



    align-items: center;



    justify-content: space-between;



}







/*--------------------------------------- FAQs Section End  --------------------------------------------*/







.dog-path-wrapper {



    width: 100%;



}







.dog-path-wrapper svg {



    width: 100%;



    height: auto;



    overflow: visible;



}







.dog-path-wrapper.abt-line {



    position: absolute;



    left: -26%;



    top: -30px;



    z-index: -1;



    width: 80%;



}







canvas#c {



    position: absolute;



    right: 0%;



    top: -50%;



}







.available-detail-img-clt img {


    width: 100%;


    height: 500px;


    object-fit: cover;


    object-position: 0 30%;


    transition: 0.5s all;
}







.available-detail-img-clt:hover img {



    transform: scale(1.2);



}







.available-detail-img-clt {



    overflow: hidden;



    border-radius: 10px;



}







.available-pupie-vid video {


    width: 100%;


    height: 500px;


    object-fit: cover;


    border-radius: 10px;
}







.available-puppie-detail-sec .available-pupie-main {



    margin-bottom: 80px;



}



.topSec {

    padding: 12px 0;

    background-color: #115896;

}



.top-slider {

    width: 100%;

    overflow: hidden;

    position: relative;

    display: flex;

    align-items: center;

}



.top-slider-track {

    display: flex;

    gap: 25px;

    white-space: nowrap;

    animation: scroll 10s linear infinite;

}



.top-slider-track span {

    font-size: 16px;

    font-weight: 500;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Rooney';

    word-spacing: 3px;

}



@keyframes scroll {

    0% {

        transform: translateX(0);

    }



    100% {

        transform: translateX(-50%);

    }

}



.top-slider-track.tnh-1 {

    animation: scroll 18s linear infinite;

}



.topSec .container-fluid {

    padding: 0;

}



.basic-info-radios input[type="radio"] {

    width: max-content;

}



.checkbox-reservtxt {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-bottom: 30px;

    gap: 26px;

}



.checkbox-reservtxt input#chekbox {

    width: max-content;

}



.gallery-main-video video {

    width: 100%;

    height: 450px;

    object-fit: cover;

    border-radius: 20px;

}



.available-pupie-img.mis img {

    object-position: 0 15%;

}



.available-pupie-img.mishin img {

    height: 570px !important;

    object-position: 0 15%;

}



.available-detail-img-clt.mis img {

    object-position: 0 54%;

    height: 550px;

}



.available-detail-img-clt.mish img {

    object-position: 0 73%;

    height: 550px;

}

.available-pupie-btns {
    text-align: center;
    margin-top: 40px;
}

.available-pupie-btns a {
    margin: 0 auto;
}



/* Tabs Start */

.avlble-pps-tab .mytabs.current {
    -webkit-animation: 0.8s ease-out slide-right;
    -moz-animation: 0.8s ease-out slide-right;
    height: auto;
    opacity: 1;
    transform: unset;
    transition: 0.8s;
}

.avlble-pps-tab .mytabs {
    padding: 0px 0 0;
    height: 0;
    opacity: 0;
    transform: translateY(15px);
    transition: 0.5s;
    overflow: hidden;
}

.avlble-pps-tab ul.tbing {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin: 15px 0 25px;
}

.avlble-pps-tab ul.tbing h3 {
    font-size: 26px;
    border: 2px solid #105895;
    border-radius: 50px;
    padding: 13px 20px 9px;
    cursor: pointer;
}

.avlble-pps-tab ul.tbing h3:hover, .avlble-pps-tab ul.tbing li.current h3 {
    background: #105895;
    color: #fff;
}

.avlble-pps-tab .available-text {
    background: #fff;
    padding: 25px 22px 25px;
    border-radius: 30px;
    width: 93%;
    margin: -80px auto 0;
    position: relative;
    z-index: 2;
    transition: 0.5s all;
}


.avlble-pps-tab .slick-current .available-pupie-main .available-text, .avlble-pps-tab .available-pupie-main .available-text {
    background: #fff;
    margin: -30px auto 0;
    z-index: -1;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 40px;
}

.avlble-pps-tab .slick-current .available-pupie-main .available-text h3 {
    color: #000;
}

.avlble-pps-tab .slick-current .available-pupie-main .available-text span {
    color: #000;
}

.avlble-pps-tab .slick-current .available-pupie-main .available-text p {color: #7c7c7c;}


.avlble-pps-tab .slick-current .available-pupie-main .available-text  li {
    color: #7c7c7c;
}

.avlble-pps-tab .slick-current .available-pupie-main .available-text:hover {
    background: #105895;
    box-shadow: 1px 9px 54px 0px rgb(5 5 5 / 31%);
}

.avlble-pps-tab .slick-current .available-pupie-main .available-text:hover * {
    color: #fff;
}
.avlble-pps-tab .slick-current .available-pupie-main:hover .available-text, .avlble-pps-tab .available-pupie-main:hover .available-text {
    background: #105895;
}

.avlble-pps-tab .slick-current .available-pupie-main:hover * .available-text, .avlble-pps-tab .available-pupie-main:hover .available-text * {
    color: #fff !important;
}
.avlble-pps-tab .available-pupie-head {
    margin-bottom: 0;
}

section.available-puppie-sec .available-pupie-img img {
    height: 300px;
}