@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');


:root{

    --primary-color:#026a8e;
    --secondar-color:#0d6492;
    --light-blue-color:#167ea2;
    --whitecolor:#fff;
    --lightgreen:#77c9ab;
}

html{scroll-behavior: smooth;}
body{margin:0; font-family: "Nunito", sans-serif;}
a{text-decoration: none;}
img{max-width: 100%;}
ul{margin: 0; padding: 0; list-style: none;}
h2.title{text-align: center; color: var(--whitecolor); text-transform: uppercase; font-weight: 700; text-shadow: 2px 3px 4px rgb(2 106 142);}
.mobile-cta{display:none}
/* header start */
main{margin-top: 127px;}
header{position: fixed;width: 100%;left: 0;top: 0;z-index: 99;}
header.is-sticky{border-top:6px solid var(--lightgreen);}
/* header.is-sticky .topbar{ height: 0 !important;opacity: 0;} */

.topbar{border-top:6px solid var(--lightgreen); background: var(--light-blue-color); transition: all 0.3s ease;}
.topbar-left{font-size: 16px; line-height: 38px; color: var(--whitecolor);font-weight: bold; letter-spacing: 1px;}
.topbar-right{background: #e2e5e5;border-radius: 0px 6px 6px 40px; display: flex;justify-content: space-between;align-items: center; padding:1px 6px 1px 32px; margin-top: -5px;}
.topbar-right .top-cta ul{display: flex; column-gap: 6px;}
.topbar-right .top-cta ul li a{color: var(--secondar-color); font-size: 18px; line-height: 38px; font-weight: 800;padding: 0 4px; display: flex;align-items: center;column-gap: 10px;}
.topbar-right .top-cta ul li a img{width: 28px;height: 28px;}
.topbar-right .top-cta ul li:nth-child(2) a img{width: 45px;}
.topbar-right .top-social-icon ul{display: flex; column-gap: 10px;}
.topbar-right .top-social-icon ul li a img{width: 28px; height: 28px;}

.mob-phone{display: none;}
.header{background: #fff; padding: 5px 0px;transition: transform 0.6s ease;}
.header-box{display: flex;column-gap:20px; align-items: center;}
.header-box .menuicon a{display: block;}
.header-box .menuicon img{height: 29px; width: 29px;}
.header-menu ul li{display: inline-block;}
.header-menu ul li a{display: flex;padding: 0px 12px; align-items: center;column-gap: 8px; position: relative;}
.header-menu ul li a:before{content: ""; width: 2px; hfont-size: 18px;eight: 44px; background: var(--lightgreen); display: inline-block; position: absolute; left: 0; top: 50%;margin-top: -22px;}
.header-menu ul li a span{font-size: 14px; font-weight: 500; color: var(--primary-color);}
.header-menu ul li a span b{font-size: 19px; font-weight: 900; text-transform: uppercase; display: block;line-height: 18px;} 
.header-menu ul li a img{width: 54px;}
.header-menu ul li.active a{background: #b9edbe;}

.logo-section img{height: 73px;}


.puppies-child{text-align: center;background: #fff;  visibility: hidden;    border-bottom: 2px solid #299b8e;}
.puppies-child.stickypuppy{visibility: visible;margin-top: -44px;}
.puppies-child ul{display: inline-block;white-space: nowrap; overflow-x: scroll; scrollbar-width: none;    width: 100%; margin-bottom: -7px; overflow-y: hidden;}
.puppies-child ul li{display: inline-block;width: 110px;vertical-align: top;}
.puppies-child ul li.active a::after{content: ""; position: absolute; width: 12px;height: 12px; bottom: -7px; left: 0; right: 0; background-color: #299b8e; border-radius: 100%; margin: auto;}
.puppies-child ul li a{display: block; text-align: center;    padding: 10px 10px;position: relative;}
.puppies-child ul li img{width: 55px;height: 55px;object-fit: cover;border-radius: 100%;}
.puppies-child.stickypuppy ul li.active img{}
.puppies-child ul li span{display: block; color: #767676; font-size: 12px;margin-top: 5px; font-weight: 800; line-height: normal;}
/* header end */

.overview{background:#f9f9f9 url(../images/paws-min.png) center center repeat-x;background-size: cover;padding: 50px 0px;}
.overview h2{font-weight: 700; margin-bottom: 10px;}
.overview p{font-size: 18px;}

/* breeds box start */

.breeds-box{background: var(--lightgreen) url(../images/paws-min.png) center center repeat-x; background-size: cover; padding: 50px 0px;}
.cat-box{background-color: #f9f9f9;}
.cat-box h2.title{color: #0d6492; text-shadow: 2px 3px 4px rgb(255 255 255);}
.packagetour{padding: 100px 0px 30px;background: #e7f4ff;}
.whitetourbox{background: #f9f9f9;}
.packagetour h2{color: #222;border-bottom: 1px dashed #828282; text-align: center; margin-bottom: 15px; font-size: 30px; margin-top: 10px; line-height: 35px; padding-bottom: 13px; display: inline-block;    font-family: 'platomedium'; font-weight: 600;}
.packagetour h2 span{    color: #d71c22;}
.productbox{position: relative;padding: 9px 9px 0px 9px;background: #fff;-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);margin: 15px 0px;padding-bottom: 20px;}
.productbox>img{border-radius: 10px;/* height: 210px; */width: 100%;/* object-fit: cover; */}
.productbox h3{color: #3F51B5;font-size: 18px;font-weight: 800;margin-top: 10px;margin-bottom:5px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pctn p{ margin-bottom: 0;color: #525252;font-size: 12px; font-weight: 400; line-height: 15px; padding-bottom: 4px;}
.pctn p img{ width: 16px;}
.productbox p{margin-bottom: 7px; font-size: 12px; font-weight: 400;display: flex;gap: 5px;}

.productimage{width: 100%;overflow-x: scroll;display: inline-block; white-space: nowrap;    padding-bottom: 10px;}
.productimage img{width: 100%;display: inline-block;border-radius: 10px;}

.pbadges{position: absolute;z-index: 5;left: -7px;top: 15px;background-image:linear-gradient(to right, #a0d0d8, #026a8e);width: auto;height: 25px;line-height: 25px;padding: 0 7px;text-align: center;color: #fff;font-size: 10px;font-weight: 400;-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);}
.pbadges:before{content: "";position: absolute; left: 0; bottom: -7px; width: 0; height: 0; border-bottom: 0; border-top: 7px solid #607D8B; border-right: 0px solid transparent; border-left: 8px solid transparent;z-index: 0;}
.pbadges img{width: 13px;}
.pbadges span {position: absolute; height: 100%; top: 0; right: 0; width: 1px;}
.pbadges span:before{content: ""; position: absolute; left: 0px; top: 0px; width: 0; height: 0; border-bottom: 20px solid transparent; border-top: 0 solid transparent; border-right: 0px; border-left: 8px solid #086e91; z-index: 0;}
.pbadges span:after{content: ""; position: absolute; left: 0px; bottom: 0px; width: 0; height: 0; border-bottom: 0 solid transparent; border-top: 20px solid transparent; border-right: 0px; border-left: 8px solid #086e91; z-index: 0;}

.inclusiontitle {font-size: 12px; font-weight: 700; margin-bottom: 4px; color: var(--secondar-color);}
.incusionlist {overflow-x: scroll; margin-bottom: 8px; padding-bottom: 5px;}
.incusionlist ul {display: inline-block; white-space: nowrap; margin-bottom: 5px;}
.incusionlist ul li {font-size: 12px; display: inline-block; border: 1px solid #ddd; padding: 3px 8px;}

/* @keyframes scaleup {
  0%,100% {transform: scale3d(1,1,1)}
   50% {transform: scale3d(1.05,1.05,1.05)}
} */

.request-callback{}
.request-callback a{display: block; background: var(--light-blue-color); color: #fff; text-align: center; padding: 7px 10px;border-radius: 4px;}

.cta-button{display: flex;justify-content: space-between; align-items: center;margin-top: 7px;column-gap: 20px; font-size: 14px;}
.cta-button a{display: flex; align-items: center; justify-content: center; column-gap: 5px; background: var(--secondar-color); color: var(--whitecolor); width: 100%; padding: 6px 10px;text-align: center;border-radius: 6px;}
.cta-button a:hover{background: var(--light-blue-color);}
.cta-button a img{width:18px;}

/* breeds box end */

/* Testimonial Start */
.testimonial{padding: 50px 0px;}
.testimonial h2{color: #0d6492; text-shadow: 2px 3px 4px rgb(255 255 255); margin-bottom: 30px;}
.testimonial .photoframe,.testimonial .videoframe{border: 5px solid var(--light-blue-color); margin-bottom: 15px;}
.testimonial .videoframe video{width: 100%; height: 400px;}

/* Testimonial End */

/* Footer Start */
footer{padding: 50px 0px 20px; background: #fff url(../images/paws-min.png) center center repeat-x;}
.footer-box p{font-size: 13px; margin-top: 10px;}
.footer-box h4{font-size: 20px;border-bottom: 1px solid #ddd; padding-bottom: 5px;}
.footer-box ul li a{display: inline-block; color: #555655; padding-bottom: 10px;font-weight: 500;}
.copyright{padding-top: 50px; text-align: center;}
/* Footer End */

/* Book Form  Start*/
.details_form {background: var(--primary-color); padding: 18px 10px;}
.details_form h3 {padding:0;background: transparent; font-size: 20px; font-weight: 600; margin-bottom: 10px; color: #fff;}
.details_form .input-group-text {padding: 6px 8px; font-size: 13px; border-radius: 0;}
.details_form input {height: 37.5px; font-size: 13px;}
.details_form input[type=submit]{background: var(--lightgreen); border-color:var(--lightgreen); color: #222121; font-weight: 600;}
.details_form img {width: 23px;}
.numberbdr {width: calc(100% - 41px); background: #fff; border-radius: 0px 3px 3px 0px; height: 37.5px;}
.innernumberb {display: flex;align-items: center;}
.innernumberb input {width: 6%; border: 0;font-size: 12px;text-align: center; border-radius: 0px 3px 3px 0px; height: 37.5px;}
.innernumberb input:focus{outline: none; box-shadow: none;}
.innernumberb .form-space{color: #565962;}

.letforcontact,.serviceslist{width: calc(100% - 40px);}
.letforcontact .select2-container,.serviceslist .select2-container{width: 100% !important;}
.letforcontact .select2-selection{height: 36.5px;line-height: 37.5px;border: 0;border-radius: 0;border-radius: 0px 4px 4px 0px;}
.letforcontact  .select2-selection__rendered{line-height: 39px !important;    padding-right: 0px !important;    font-size: 14px;}
#popupmodel .letforcontact .select2-selection{height: 37px;line-height: 37px;}
#popupmodel .numberbdr,#popupmodel .innernumberb input{height: 37px;}
.letforcontact .pr-02{padding-right: 5px;}
.letforcontact .pb-02{padding: 0px 5px;}
.letforcontact .pl-02{padding-left: 5px;}
.letforcontact  .select2-selection__arrow{height: 37px !important;}
.serviceslist .select2-selection{height: 40px;overflow-y: scroll; overflow-x: hidden;}
.serviceslist .select2-selection__choice{font-size: 11px;    margin-bottom: 0;}
.serviceslist  .select2-dropdown{z-index: 9 !important;}
.checkbox-option{font-size: 13px;    margin-bottom: 2px;}

#placeholder{color:rgb(92,92,92);font-size:12px;display:flex;justify-content:space-between;width:100%;align-items:baseline;}
.multi-select .placeholder{color:rgb(0,0,0);font-size:12px;display:inherit;background:transparent;opacity:1;}
.multi-select-container{position:relative;width:100%;}
.multi-select{border:1px solid rgb(204,204,204);padding:0.6rem 1.8rem 0.6rem 4px;cursor:pointer;display:flex;flex-wrap:wrap;align-items:flex-start;background:white;overflow-y:visible;position:relative;border-radius: 0px 4px 4px 0px;}
.multi-select.multiSelect>img{position: absolute;right: 10px; width: 8px; top: 50%; margin-top: -4px;}
.selected-tags{display:flex;flex-wrap:wrap;gap:5px;}
.multi-select-container .tag{background:rgb(235,157,42);color:white;padding:2px 10px;border-radius:5px;display:flex;align-items:center;font-size:12px;}
.multi-select-container .remove-tag{margin-left:5px;cursor:pointer;font-weight:bold;}
.multi-select-container .dropdown2{display:none;position:absolute;width:100%;background:white;border:1px solid rgb(204,204,204);border-radius:5px;margin-top:5px;box-shadow:rgba(0,0,0,0.1) 0px 4px 6px;z-index:10;padding:8px 0px;top:100%;}
.dropdown2.show{display:block;}
.multi-select-container .dropdown-item{padding:4px 8px;cursor:pointer;display:flex;align-items:center;font-size:12px;}
.multi-select-container .dropdown-item input{margin-right:10px;height:auto;}
.multi-select-container .dropdown-item:hover{background:rgb(241,241,241);}
button.remove-all-btn{position:absolute;right:7px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0px;line-height:20px;color:rgb(235,157,42);border:none;border-radius:100px;background:none;}
button.clear-btn{background:transparent;border:none;color:rgb(0,0,0);text-decoration:underline;}
.dropdown-actions button{background:rgb(0,0,0);color:rgb(255,255,255);font-size:10px;border-radius:5px;margin:8px;padding:2px 10px;text-decoration:none;}
.dropdown-actions{display:flex;justify-content:end;}
.multi-select i{font-size:10px;position:absolute;right:17px;top:47%;transform:translateY(-20%);}
span.include-tag p{font-size:0.7rem;font-weight:400;}
.details_form textarea{font-size:13px;border-radius:0;}
.loadmore_btn a{width:200px;display:block;margin:20px auto;background:#ec6502;color:#fff;font-weight:600;padding:10px;}
.multi-select-container p{font-size:0.8rem;margin-bottom:0px;margin-left:0px;font-weight:400;color:rgb(0,0,0);background:rgb(233,236,239);padding:2px 5px;display:inline-block;}

.labelform{color: #dfdfdf; font-size: 13px;}
.select2-results__option,.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 11px;}
.showoption{display: inline-block; border-radius: 100px; background: #fff; margin-bottom: 5px;}
.showoption img{width: 20px;}

/* Book Form  END*/


/* Popup From Start */
.poupdesign .modal-body,.poupdesign .details_form{background: var(--primary-color);}
#popupmodel .modelclosebtn,#popupmodelone .modelclosebtn{position: absolute;right: 0px;top: -11px; width: 30px; height: 30px; background: #fff; color: #000; border-radius: 100%; text-align: center;line-height: 33px; box-shadow: 0 -5px 15px rgba(82,82,82,.5);z-index: 2;}
#popupmodel .modelclosebtn .btn-close,#popupmodelone .modelclosebtn .btn-close{transition: all .2s ease-in-out;    font-size: 13px;}
#popupmodel .modelclosebtn .btn-close:hover,#popupmodelone .modelclosebtn .btn-close:hover{    transform: rotate(90deg); color: #000;font-size: 14px;}
.mainform h3{color: #202020;font-size: 22px;font-weight: 500; line-height: 33px; margin-bottom: 3px;}
/* Popup From End */