@font-face {
    font-family: 'Mickies';
    src: url('../fonts/MickiesRegular.woff2') format('woff2'),
        url('../fonts/MickiesRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    /* font-display: swap; */
}

@font-face {
    font-family: 'Otomanopee One Regular';
    src: url('../fonts/OtomanopeeOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    /* font-display: swap; */
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Regular.woff2') format('woff2'),
        url('../fonts/Figtree-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    /* font-display: swap; */
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Medium.woff2') format('woff2'),
        url('../fonts/Figtree-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    /* font-display: swap; */
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-SemiBold.woff2') format('woff2'),
        url('../fonts/Figtree-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    /* font-display: swap; */
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Bold.woff2') format('woff2'),
        url('../fonts/Figtree-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    /* font-display: swap; */
}

@font-face {
    font-family: 'Dsert Alt UltraBlack';
    src: url('../fonts/DSertAlt-UltraBlack.woff2') format('woff2'),
        url('../fonts/DSertAlt-UltraBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    /* font-display: swap; */
}

/*font-family css code start*/
:root {
    --Otomanopee-font: 'Otomanopee One Regular';
    --Mickies-font: 'Mickies';
    --common-font: 'Figtree';
    --Dsert-font: 'Dsert Alt UltraBlack';
    --font-Medium-semibold: 500;
    --font-weight-semibold: 600;

    --h1-font-size: clamp(60px, 6vw, 100px);
    /* 60 → 80 → 100 */
    --h2-font-size: clamp(50px, 5vw, 80px);
    /* 50 → 60 → 80 */
    --h3-font-size: clamp(40px, 4vw, 60px);
    /* 40 → 50 → 60 */
    --h4-font-size: clamp(35px, 3vw, 40px);
    /* 35 → 35 → 40 */
    --h5-font-size: clamp(30px, 2.5vw, 35px);
    /* 30 → 30 → 35 */
    --h6-font-size: clamp(22px, 2vw, 25px);
    /* 22 → 22 → 25 */

    /*top slogan css code start*/
    --top-slogan-font-size: clamp(15px, 5vw + 14px, 16px);
    --img-size: clamp(48px, 5vw + 16px, 82px);
    
    /*top slogan css code end*/

    --gap-05: clamp(4px, 1vw, 12px);
    --gap-05: clamp(6px, 1vw, 10px);
    --gap-10: clamp(6px, 1vw, 10px);
    --gap-20: clamp(10px, 1.5vw + 2px, 20px);
    --gap-30: clamp(16px, 2vw + 4px, 30px);
    --gap-40: clamp(24px, 2.5vw + 6px, 40px);
    --gap-50: clamp(32px, 3vw + 8px, 50px);
    --gap-60: clamp(40px, 4vw + 10px, 60px);
    --rowgap-05: clamp(4px, 1vw, 12px);
    --rowgap-05: clamp(6px, 1vw, 10px);
    --rowgap-10: clamp(6px, 1vw, 10px);
    --rowgap-20: clamp(10px, 1.5vw + 2px, 20px);
    --rowgap-30: clamp(16px, 2vw + 4px, 30px);
    --rowgap-40: clamp(24px, 2.5vw + 6px, 40px);
    --rowgap-50: clamp(32px, 3vw + 8px, 50px);
    --rowgap-60: clamp(40px, 4vw + 10px, 60px);
    

    --padding-y: clamp(20px, 5vw, 100px);
    /* top & bottom */
    --padding-x: clamp(20px, 4vw, 50px);
    /* left & right */
    --padding-half: clamp(10px, 2.5vw, 50px);
    /* half padding for left/right single sides */
}

/*common css code start*/
body {
    margin: 0px;
    padding: 0px;
    font-size: clamp(16px, 1.2vw + 1px, 22px);
    font-family: var(--common-font) !important;
}

/*padding css code start*/
.m-p {
    padding: var(--padding-y) var(--padding-x);
}
.m-py {
    padding-top: var(--padding-y);
    padding-bottom: var(--padding-y);
}
.m-px {
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
}

.mp-t {
    padding-top: var(--padding-y);
}

.mp-b {
    padding-bottom: var(--padding-y);
}

.mp-l {
    padding-left: var(--padding-half);
}

.mp-r {
    padding-right: var(--padding-half);
}
/*padding css code end*/

/*font family css code start*/
.mickies-font {
    font-family: var(--Mickies-font) !important;
}

.Dsert-font {
    font-family: var(--Dsert-font) !important;
}
/*font family css code end*/

/*font-family css code start*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--Mickies-font) !important;
}
/*font-family css code start*/

/*h1 to h6 font-size css code start*/
h1 {
    font-size: var(--h1-font-size);
}

h2 {
    font-size: var(--h2-font-size);
}

h3 {
    font-size: var(--h3-font-size);
}

h4 {
    font-size: var(--h4-font-size);
}

h5 {
    font-size: var(--h5-font-size);
}

h6 {
    font-size: var(--h6-font-size);
}
/*h1 to h6 font-size css code end*/

/*svg color change css code start*/
.w-icon{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(305deg) brightness(106%) contrast(101%);}
/*svg color change css code end*/

/*flip-image css code start*/
.flip-image{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
/*flip-image css code end*/

a {
    text-decoration: none;
    color: #000;
}

.rotate-button svg{animation: animName 20s linear infinite;}
@keyframes animName {
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}

/*p tag css code start*/
p {
    font-size: clamp(16px, 1.2vw + 1px, 22px);
}
/*p tag css code end*/

/*text-color css code start*/
.yellow-color {
    color: #ffb100;
}

.light-yellow-color {
    color: #fed067;
}
.brown-color{
    color: #a15e2e;
}
/*text-color css code end*/

/*white-slider css code start*/
.white-slider .owl-nav button img{}
/*white-slider css code end*/


/*check-icon css code start*/
ul.check-icon {
  list-style-image: url('../images/icon/check_icon.svg') no-repeat center center;
}
.check-icon li {
  position: relative;
  padding-left: 30px;
}
.check-icon li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../images/icon/check_icon.svg');
  filter: brightness(0) saturate(100%) invert(39%) sepia(30%) saturate(1059%) hue-rotate(342deg) brightness(96%) contrast(86%);
}
/*check-icon css code end*/

/*img-radius css code start*/
.img-radius{border-radius: clamp(10px, 4vw, 30px);}
/*img-radius css code end*/

/*opacity css code start*/
.opacity-15{opacity: .15!important;}
/*opacity css code end*/

/*bg-color css code start*/
.theme-yellow-bg {
    background-color: #fde9bc;
}
.dark-bg {
    background-color: #1b1b1b;
}
.light-bg {
    background-color: #f6f3ef;
}
/*bg-color css code end*/

/*heading css code start*/
.heading h2 {
    line-height: clamp(35px, 5vw + 0px, 70px);
    letter-spacing: clamp(-1px, -0.3vw, -2px);
}

.heading .dog-icon {
  width: clamp(50px, 6vw, 82px);
  height: clamp(40px, 5vw, 73px);
  left: 0; right:0; margin: auto;
  top: clamp(-20px, -2vw, -5px);
}

.top-slogan {
    font-size: var(--top-slogan-font-size);
    font-family: var(--Otomanopee-font);
    letter-spacing: 0.208vw;
    margin-bottom: 0.521vw;
}
.top-slogan img{ width: clamp(20px, 5vw, 40px); height: auto; rotate: 42deg; margin: clamp(-10px, -2vw, -19px) 0 0 clamp(-15px, -4vw, -30px);}
/*heading css code end*/

/*text-shadow css code start*/
.text-shadow{text-shadow: -1px 5px 5px rgba(0, 0, 0, 0.2);}
/*text-shadow css code end*/

/*button css code start*/
button {
    font-family: var(--Otomanopee-font) !important;
    padding: clamp(10px, 1.5vw, 15px) clamp(20px, 3vw, 30px) !important;
    font-size: clamp(14px, 1vw + 2px, 18px) !important;
}
.button-part button img{rotate: 315deg; width: clamp(15px, 4vw, 25px);}
.button-part button:hover img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(26%) hue-rotate(105deg) brightness(107%) contrast(105%);}
/*button css code end*/

/*font weight css code start*/
.font-weight-500 {
    font-weight: var(--font-Medium-semibold);
}

.font-weight-600 {
    font-weight: var(--font-weight-semibold);
}

/*font weight css code end*/

/*gap css code start*/
.gap-5 {
    gap: var(--gap-05) !important;
}

.gap-10 {
    gap: var(--gap-10);
}

.gap-20 {
    gap: var(--gap-20);
}

.gap-30 {
    gap: var(--gap-30);
}

.gap-40 {
    gap: var(--gap-40);
}

.gap-50 {
    gap: var(--gap-50);
}

.gap-60 {
    gap: var(--gap-60);
}
/*gap css code end*/

/*rounded-button css code start*/
.rounded-button img {
    width: 60px;
    height: 60px;
    padding: 10px;
}

.rounded-button svg {
    fill: #FFF;
    height: auto;
    width: 171px;
}

.rounded-button svg text {
    font-size: 7px;
    letter-spacing: 2.3px;
}

/*rounded-button css code end*/

/*img horizontal-rotate  css code start*/
.horizontal-rotate {
    rotate: 180deg;
}

/*img horizontal-rotate  css code end*/

/*owl  css code start*/
.white-slider .owl-dot.active span{background:#FFF;}
.carousel-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.owl-carousel .item {
    color: #000;
    font-size: clamp(18px, 2.5vw, 24px);
}

.owl-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.owl-nav button {
    border: 2px solid #a5a9b4;
    padding: 0px !important;
    background-color: transparent;
    width: clamp(40px, 5vw, 60px);
    height: clamp(40px, 5vw, 60px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-nav button img {
    width: clamp(20px, 2vw, 24px);
    height: auto;
}

.owl-dots {
    gap: clamp(12px, 2vw, 20px);
    display: flex;
    position: absolute;
}

.owl-dots .active {
    border: 2px solid #cbcbcb;
    padding: clamp(4px, 1vw, 8px) !important;
    border-radius: 50px;
}

.owl-dots button {
    border: 0 none;
    background-color: transparent;
    padding: 0px !important;
}

.owl-dot span {
    width: clamp(6px, 1vw, 10px);
    height: clamp(6px, 1vw, 10px);
    background: #ccc;
    display: block;
    border-radius: 50%;
}

.owl-dot.active span {
    background: #000;
}

.owl-controls-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(320px, 90vw, 1320px);
}

/*owl  css code end*/

@media screen and (max-width: 991px) {
/*row-gap css code start*/
    .row-gap-5 {
    gap: var(--rowgap-05) !important;
    }
    .row-gap-10 {
    gap: var(--rowgap-10);
    }
    .row-gap-20 {
    gap: var(--rowgap-20);
    }
    .row-gap-30 {
    gap: var(--rowgap-30);
    }
    .row-gap-40 {
    gap: var(--rowgap-40);
    }
    .row-gap-50 {
    gap: var(--rowgap-50);
    }
    .row-gap-60 {
    gap: var(--rowgap-60);
    }
/*row-gap css code end*/
}

/*padding-50 css code start*/
.p-50{padding: clamp(35px, 5vw, 50px);}
/*padding-50 css code end*/

/*border-radius css code start*/
.common-radius{border-radius: 25px;}
/*border-radius css code end*/

/*common css code end*/

/*header sec css code start*/
.header-sec {
    padding: clamp(20px, 5vw, 50px);
    z-index: 9999999999;
}

.header-part {
    padding: clamp(16px, 4vh, 30px) clamp(24px, 6vw, 60px);
}

.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #161616;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

body.has-fixed-header {
   padding-top: clamp(40px, 6vw, 70px);
    /* Adjust based on your navbar height */
}

.fixed-header .header-part {
    padding-top: 0px;
    padding-bottom: 0px;
}

.fixed-header.header-sec {
    padding-top: clamp(10px, 3vw, 15px);
    padding-bottom: clamp(10px, 3vw, 15px);
}

.fixed-header .logo-part img {
    width: clamp(60px, 8vw, 75px);
}

/*logo-part css code start*/
.logo-part img {
    width: clamp(90px, 10vw, 133px);
    height: auto;
}

/*logo-part css code end*/

/*menu part css code start*/
nav ul li a {
    color: #FFF !important;
    padding: 0px !important;
    margin: 0px !important;
    font-size: clamp(16px, 2vw, 20px) !important;
}

nav {
    font-family: var(--Otomanopee-font) !important;
}

/*menu part css code end*/

/*right side css code start*/
.reservation-icon {
width: clamp(18px, 2vw, 28px);
height: clamp(16px, 1.8vw, 25px);
}

.user-icon {
width: clamp(14px, 1.5vw, 20px);
height: clamp(18px, 2vw, 25px);
}

.menu-bar-icon {
width: clamp(24px, 3vw, 36px);
height: clamp(16px, 2vw, 22px);
}

.sidebar-menu ul li {
    list-style: none;
    font-family: var(--Otomanopee-font) !important;
}

/*right side css code end*/

/*sidebar-menu css code start*/
.sidebar-menu {
    z-index: 99999999999;
}

/*sidebar-menu css code end*/

/*header sec css code end*/

/*home-page css code start*/

/*main-banner css code start*/
.main-banner {
    padding-top:clamp(20px, 4vw, 50px);
}

.main-banner .content-part {
    padding: 0 clamp(30px, 6vw, 60px);
}

.banner-content .content-part {
    padding: 0;
}

.main-banner .bg-dark {
    background-image: url('../images/banner-bg.webp') !important;
    border-radius: clamp(8px, 2vw, 25px);
    background: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.social-icon a {
    padding: clamp(10px, 2.5vw, 20px);
}

.social-icon img {
    width: clamp(15px, 5vw, 30px);
    height: auto;
}

.main-banner h1 {
    font-size: clamp(80px, 20vw, 330px);
    line-height: clamp(60px, 13vw, 215px);
    margin-bottom: clamp(10px, 2vw, 25px) !important;
}

.banner-content img {
    right: clamp(20px, 5vw, 60px) !important;
    height: auto;
    width: clamp(220px, 30vw, 488px);
}

.banner-content {
    padding-top: clamp(150px, 30vw, 410px);
    padding-bottom: clamp(120px, 50vw, 300px);
    padding-left: 0;
    padding-right: 0;
}

.banner-bottom-img {
    background-image: url('../images/banner-bottom-img.png') !important;
    background: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: clamp(150px, 35vh, 254px);
    position: absolute;
    right: 0;
    bottom: 0;
}

.main-banner .social-icon {
    bottom: clamp(20px, 6vh, 80px);
}

.banner-bottom-img button {
    top: clamp(10px, 3vh, 25px);
}

.banner-bottom-img::before {
    content: '';
    background-image: url('../images/banner-right-img.png');
    position: absolute;
    width: 30px;
    height: 43px;
    background-size: cover;
}

.banner-bottom-img::after {
    content: '';
    background-image: url('../images/banner-right-img.png');
    position: absolute;
    width: 30px;
    height: 43px;
    background-size: cover;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.banner-bottom .rating-part img {
    width: clamp(100px, 15vw, 176px);
    height: auto;
}

.banner-bottom .rating-part p {
    font-size: clamp(14px, 2.5vw, 20px);
}

.banner-bottom .count p {
    font-size: clamp(14px, 2.5vw, 20px);
}

.star-rating img {
    height: auto !important;
    width: clamp(10px, 2vw, 16px) !important;
}

.main-banner .button-part {
    bottom: clamp(50px, 8vh, 70px) !important;
}

/*address-cound-sec css code start*/
.address-cound-sec {
    padding: clamp(6px, 1.5vh, 10px) clamp(40px, 8vw, 100px) clamp(30px, 5vh, 50px) clamp(40px, 8vw, 100px);
    margin-top: clamp(-203px, -20vh, -120px);
}
.address-slider .owl-nav{display: none;}
.address-slider button {
    border: 0 none;
    padding: 0px !important;
    background-color: transparent;
    width: clamp(30px, 5vw, 50px);
}

.address-cound-sec p {
    font-size: clamp(16px, 2vw, 20px);
    margin-bottom: clamp(5px, 2vh, 10px) !important;
}

.address-slider p {
    margin-bottom: clamp(5px, 2vh, 10px) !important;
}

.address-slider h4 {
    margin-bottom: clamp(5px, 2vh, 10px) !important;
}

.address-slider .owl-dot span {
    width: 100%;
    height: clamp(4px, 1vh, 8px);
    background: #000000;
    display: block;
    border-radius: clamp(6px, 2vw, 15px);
    opacity: 0.3;
}

.address-slider .owl-dot.active span {
    background: #000000;
    opacity: 1;
}

.address-slider .owl-dots {
    justify-content: flex-start;
    margin-top: clamp(6px, 1vw, 10px);
    position: relative;
}

.address-slider .owl-dots .active {
    padding: 0px !important;
    border: 0px;
    gap: clamp(6px, 1vw, 10px);
}

/*address-cound-sec css code end*/

/*main-banner css code end*/

/*facilities-sec css code start*/
.facilities-sec {
    padding-bottom: clamp(30px, 5vw, 50px);
}

.facilities-sec .heading .dog-icon {
    right: 1.563vw;
    top: -2.5vw;
}

/*facilities-sec css code end*/

/*live-web-cams-part css code start*/
.live-web-cams-part {
    background-image: url('../images/web-cams-img.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -17vw;
    padding: 25vw 10vw 5vw 10vw;
    margin-top: clamp(-124px, -6vw - 4vw, -60px);
}

.live-web-cams-part .heading .dog-icon {
    right: 0;
    left: 0;
    margin: auto;
    top: clamp(-40px, -2.5vw - 2px, -35px);
}

.live-web-cams-part::after {
    content: '';
    background-color: #F00;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.live-web-cams-part button {
    margin: clamp(-20px, -3vw, -10px) clamp(15px, 3vw, 30px) 0px 0px;
}

.live-web-cams-sec .dog-img {
    width: clamp(280px, 50vw + 100px, 751px);
    height: auto;
}

/*live-web-cams-part css code start*/

/*reserve-sec css code start*/
.reserve-sec .bg-overlay {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.reserve-sec .img-part {
    width: clamp(320px, 50vw + 40px, 648px) !important;
    height: auto;
}

/*reserve-sec css code end*/

/*gallery-sec css code start*/
.gallery-sec .img-part img {
    border-radius: 25px 30px 25px 25px;
    transition: transform .2s;
    /* Animation */
}

.gallery-sec .img-part img:hover {
    transform: scale(1.2);
}

.gallery-sec .img-part .box {
    width: 20%;
}

.gallery-sec .img-part .box:nth-child(odd) a:first-child {
    width: 100%;
    height: 13.021vw;
    display: block;
}

.gallery-sec .img-part .box:nth-child(odd) a:last-child {
    width: 100%;
    height: 18.229vw;
    display: block;
}

.gallery-sec .img-part .box:nth-child(even) a:first-child {
    width: 100%;
    height: 18.229vw;
    display: block;
}

.gallery-sec .img-part .box:nth-child(even) a:last-child {
    width: 100%;
    height: 13.021vw;
    display: block;
}

.gallery-sec .img-part .box a {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}

.gallery-sec .img-part .box a::before {
    content: '';
    z-index: 1;
    background-image: url('../images/icon/galley-icon-bg.png');
    width: 94px;
    height: 82px;
    position: absolute;
    right: 0;
    top: -1px;
}

.gallery-sec .img-part .box a::after {
    content: '';
    z-index: 2;
    background-image: url('../images/icon/gallery-icon.png');
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 15px;
}

.gallery-sec .heading h2 span {
    position: relative;
}

.gallery-sec .heading h2 span .dog-icon {
    left: 0;
    right: 0;
    margin: auto;
    top: -0.521vw;
}

.gallery-sec .heading .top-slogan {
    margin-bottom: clamp(15px, 2vw + 8px, 40px);
}

/*gallery-sec css code end*/

/*Testimonials-sec css code start*/
.testimonials-sec .heading h2 span .dog-icon {
    left: -1.302vw;
    right: 0;
    margin: auto;
}

.testimonials-sec .info-box img {
    width: 80px !important;
    height: 80px;
}

.testimonials-sec .item{
    border-radius: 25px;
    padding: clamp(35px, 5vw, 50px);
}

.testimonials-sec h5 {
   font-size: clamp(20px, 3vw, 30px);
}



.testimonials-sec .content-part {
    font-size: clamp(16px, 2vw, 20px);
}
.testimonials-sec .item::before {
    content: '';
    z-index: 1;
    background-image: url(../images/icon/galley-icon1-bg.svg);
    width: 94px;
    height: 82px;
    position: absolute;
    right: -7px;
    bottom: 0;
    rotate: 90deg;
    background-size: cover;
}
.testimonials-sec .item::after {
    content: '';
    z-index: 2;
    background: #fed067 url(../images/icon/dog-boot-icon.svg) no-repeat center center;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 10px;
    bottom: 15px;
    border-radius: 50px;
    background-size: 22px;
}
/*Testimonials-sec css code end*/

/*services-sec css code start*/
.services-sec .owl-stage {
    margin-left: -60px;
}

.services-sec .carousel-wrapper {
    width: clamp(320px, 100vw, 1610px);
    float: left;
}

.services-sec .owl-item p {
    font-size: clamp(14px, 2vw, 19px);
}

.services-sec .owl-item .item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 75%;
    bottom: 0;
    z-index: 1;
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.services-sec .content-part {
    padding: clamp(20px, 5vw, 50px);
    z-index: 2;
}

.services-sec .owl-item {
    border-radius: 35px;
    overflow: hidden;
}

.services-sec .owl-item a::before {
    content: '';
    background-size: cover;
    z-index: 1;
    background-image: url(../images/icon/galley-icon1-bg.svg);
    width: 143px;
    height: 127px;
    position: absolute;
    right: 0;
    top: -2px;
}

.services-sec .item a::after {
    content: '';
    z-index: 2;
    background-image: url(../images/icon/them-arrow.svg);
    width: 60px;
    height: 60px;
    position: absolute;
    right: 20px;
    top: 15px;
    border: 2px solid #a5a9b4;
    background-repeat: no-repeat;
    border-radius: 50px;
    background-position: center;
    rotate: 130deg;
    background-size: 30px;
}

.services-sec .item {
    background-color: #000;
    border-radius: 0 40px 0 0;
}

.services-sec .item img {
    opacity: 0.75;
}

/*services-sec css code end*/

/*home-page css code end*/

/*footer css code start*/
.footer-arrow {
    right: clamp(80px, 10vw, 170px);
    margin: auto;
    width: 25.313vw;
    left: auto;
    opacity: 0.2;
}

.footer-logo {
    width: clamp(80px, 8vw, 123px);
    height: auto;
}

.footer-menu {
    margin-left: auto;
}

.footer-menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    line-height: 35px;
}

.footer-menu ul li {
    font-size: 20px;
}

.footer-menu .social-icon span {
    width: 50px;
    height: 50px;
    background-color: #000;
    border-radius: 50px;
}

.footer-menu .social-icon img {
    filter: brightness(0) invert(1);
}

.footer-part {
    background-color: #f0ddb2;
}

.footer-part .box {
    border-left: 1px solid #d8c6a0;
    padding: clamp(15px, 2.5vw, 25px);
}

.footer-part .box img {
    width: 45px;
    height: 45px;
}

.footer-part .payment-icon img:first-child {
    width: 58px;
    height: 18px;
}

.footer-part .payment-icon img:last-child {
    width: 50px;
    height: 39px;
}

.copyrights-sec {
    color: #fde9bc;
    font-size: clamp(14px, 1.5vw, 18px);
}

.copyrights-sec a {
    color: #fde9bc;
}

.copyrights-sec {
    padding-bottom: clamp(20px, 3vw, 40px);
}

.footer-dog-img img {
    width: 18.333vw;
    height: 28.281vw;
}

/*footer css code end*/

@media screen and (min-width: 1921px) {
    body{font-size: 1.042vw;}
    /*common css code start*/
    :root {
        --gap-10: 0.521vw;
        --gap-20: 1.042vw;
        --gap-30: 1.563vw;
        --gap-40: 2.083vw;
        --gap-50: 2.604vw;
        --gap-60: 3.125vw;
        --h1-font-size: 5.208vw;
        /*100 */
        --h2-font-size: 4.167vw;
        /*80 */
        --h3-font-size: 3.125vw;
        /*60 */
        --h4-font-size: 2.083vw;
        /*40 */
        --h5-font-size: 1.823vw;
        /*35 */
        --h6-font-size: 1.302vw;
        /*25 */
    }

    .container {
        max-width: 68.75vw !important;
    }

    /*padding css code start*/
    .m-p {
        padding: 5.208vw 2.604vw;
    }

    .m-py {
        padding-top: 5.208vw;
        padding-bottom: 5.208vw;
    }

    .m-px {
        padding-left: 2.604vw;
        padding-right: 2.604vw;
    }

    .mp-t {
        padding-top: 5.208vw;
    }

    .mp-b {
        padding-bottom: 5.208vw;
    }

    .mp-l {
        padding-top: 2.604vw;
    }

    .mp-r {
        padding-top: 2.604vw;
    }
    /*padding css code end*/

    /*padding-50 css code start*/
    .p-50{padding:2.604vw;}
    /*padding-50 css code end*/

    /*border-radius css code start*/
    .common-radius{border-radius: 1.302vw;}
    /*border-radius css code end*/

    /*img-radius css code start*/
    .img-radius{border-radius: 1.563vw;}
    /*img-radius css code end*/    

    /*heading css code start*/
    .heading h2 {
        font-size: 4.167vw;
        line-height: 3.646vw;
        letter-spacing: -0.104vw;
    }

    .heading .dog-icon {
        width: 4.271vw;
        height: auto;
        top: -1.302vw;
    }

    .top-slogan {
        font-size: 0.833vw;
    }
    .top-slogan img{ width: 2.083vw;  margin:-0.99vw 0 0 -1.563vw;}
    /*heading css code end*/

    /*check-icon css code start*/
    .check-icon li {
    padding-left: 1.563vw;
    }
    .check-icon li::before {
    top: 0.365vw;
    width: 0.781vw;
    height: 0.781vw;
    }
    /*check-icon css code end*/

    /*button css code start*/
    button {
        padding: 0.781vw 1.563vw !important;
        font-size: 0.833vw !important;
    } 
    button img{width: 1.302vw;}
    /*button css code end*/

    /*p tag css code start*/
    p {
        font-size: 1.146vw;
    }

    /*p tag css code end*/

    /*rounded-button css code start*/
    .rounded-button img {
        width: 3.125vw;
        height: 3.125vw;
    }

    .rounded-button svg {
        fill: #FFF;
        width: 8.906vw;
        height: auto;
    }

    .rounded-button svg text {
        font-size: 0.105vw;
    }

    /*rounded-button css code end*/

    /*owl  css code start*/
    .owl-nav button {
        border: 0.104vw solid #a5a9b4;
        width: 2.604vw;
        height: 2.604vw;
    }

    .owl-dots {
        gap: 1.042vw;
    }

    .owl-dots .active {
        border: 0.104vw solid #cbcbcb;
        padding: 0.417vw !important;
        border-radius: 2.604vw;
    }

    .owl-dot span {
        width: 0.625vw;
        height: 0.625vw;
    }

    .owl-controls-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 68.75vw;
    }
    .owl-nav button img {
        width: 1.25vw;
    }
    /*owl  css code end*/

    /*common css code start*/

    /*header sec css code start*/
    .header-sec {
        padding: 2.604vw;
    }

    .header-part {
        padding: 1.563vw 3.125vw;
    }

    .fixed-header {
        box-shadow: 0 0.208vw 0.521vw rgba(0, 0, 0, 0.1);
    }

    body.has-fixed-header {
        padding-top: 3.646vw;
    }

    .fixed-header.header-sec {
        padding-top: 0.781vw;
        padding-bottom: 0.781vw;
    }

    .fixed-header .logo-part img {
        width: 5.208vw;
        height: auto;
    }

    /*logo-part css code start*/
    .logo-part img {
        width: 6.927vw;
        height: 7.813vw;
    }

    /*logo-part css code end*/

    /*menu part css code start*/
    nav ul li a {
        font-size: 0.938vw !important;
    }
    /*menu part css code end*/

    /*right side css code start*/
    .reservation-icon {
        width: 1.458vw;
        height: 1.302vw;
    }

    .user-icon {
        width: 1.042vw;
        height: 1.302vw;
    }

    .menu-bar-icon {
        width: 1.875vw;
        height: 1.146vw;
    }

    /*right side css code end*/

    /*header sec css code end*/

    /*home-page css code start*/
    /*main-banner css code start*/
    .main-banner {
        padding: 2.604vw 2.604vw 0px 2.604vw;
    }

    .main-banner .bg-dark {
        border-radius: 1.302vw;
    }

    .social-icon a {
        padding: 1.042vw;
    }

    .social-icon img {
        width: 1.563vw;
        height: 1.563vw;
    }

    .main-banner h1 {
        font-size: 17.188vw;
        line-height: 11.198vw;
        margin-bottom: 1.302vw !important;
    }

    .banner-content img {
        right: 3.125vw !important;
        height: 30.469vw;
        width: 25.417vw;
    }

    .banner-content {
        padding: 21.354vw 0 17.708vw 0;
    }

    .banner-bottom-img {
        height: 13.229vw;
    }

    .main-banner .content-part {
        padding: 0px 3.125vw;
    }

    .main-banner .social-icon {
        bottom: 4.167vw;
    }

    .banner-bottom-img button {
        top: 1.302vw;
    }

    .banner-bottom-img::before {
        width: 1.563vw;
        height: 2.24vw;
    }

    .banner-bottom-img::after {
        width: 1.563vw;
        height: 2.24vw;
    }

    .banner-bottom .rating-part p {
        font-size: 1.042vw;
    }

    .star-rating img {
        height: 0.833vw !important;
        width: 0.833vw !important;
    }

    .banner-bottom .rating-part img {
        width: 9.167vw;
        height: 4.115vw;
    }

    .banner-bottom .count p {
        font-size: 1.042vw;
    }

    /*address-slider css code end*/
    .address-slider {
        bottom: 15%;
    }

    .address-slider {
        width: 15.625vw !important;
    }

    .address-slider button {
        width: 2.604vw;
    }

    .address-slider p {
        font-size: 0.99vw;
        margin-bottom: 0.521vw !important;
    }

    .address-slider h4 {
        margin-bottom: 0.521vw !important;
    }

    .address-slider .owl-dot span {
        width: 100%;
        height: 0.417vw;
        border-radius: 0.781vw;
    }

    .address-slider .carousel-controls {
        margin-top: 0.781vw;
    }
    /*address-slider css code end*/

    /*main-banner css code end*/

    /*live-web-cams-part css code start*/
    .live-web-cams-sec .dog-img {
        width: 39.115vw;
        height: 20.885vw;
    }

    .live-web-cams-part {
        margin-top: -6.458vw;
    }

    .live-web-cams-part button {
        margin: -1.042vw 1.563vw 0px 0px;
    }

    /*live-web-cams-part css code start*/

    /*reserve-sec css code start*/
    .reserve-sec .img-part {
        width: 100% !important;
    }

    /*reserve-sec css code end*/

    /*Testimonials-sec css code start*/
    /* .testimonials-sec .heading h2 span .dog-icon{top: -2vw;}
    .testimonials-sec .info-box img{width: 4.167vw; height: 4.167vw;}
    .testimonials-sec .swiper-slide{border-radius: 1.302vw; padding: 2.5vw !important;}
    .testimonials-sec h5{font-size: 1.563vw;}
    .testimonials-sec span{font-size: 1.146vw;}
    .testimonials-sec .content-part{font-size: 1.042vw;}
    .testimonials-sec .star-rating img{width: 0.833vw !important; height: 0.833vw !important;}
    .testimonials-sec .slider-arrows div{ width: 1.302vw; height: 1.302vw; padding: 1.563vw; border: 0.104vw solid #a5a9b4;}
    .testimonials-sec .slider-dots{ top: 0.005vw;}
    .testimonials-sec .slider-arrows img{ width: 1.354vw; height: 1.25vw; }
    .swiper-pagination-bullet{width: 0.417vw !important; height: 0.417vw !important;}
    .testimonial-slider.mb-5{margin-bottom: 2.5vw !important;}

    .testimonials-sec .swiper-slide::before {
    width: 4.896vw;
    height: 4.271vw;
    right: -0.365vw;
    }
    .testimonials-sec .swiper-slide::after {
    width: 1.823vw;
    height: 1.823vw;
    right: 0.521vw;
    bottom: 0.781vw;
    border-radius: 2.604vw;
    background-size: 1.146vw;
    } */
    .testimonials-sec .item{
        border-radius: 1.302vw;
        padding: 2.604vw;
    }
    .testimonials-sec h5{font-size:1.563vw;}
    .testimonials-sec .item::before{
    width: 5.5vw;
    height: 5.5vw;
    right: -0.6vw;
    }
    .testimonials-sec .item::after{
    width: 1.823vw;
    height: 1.823vw;
    right: 0.521vw;
    bottom: 0.781vw;
    border-radius: 2.604vw;
    background-size: 1.146vw;
    }
    /*Testimonials-sec css code end*/

    /*services-sec css code start*/
    .services-sec .owl-stage {
        margin-left: -3.125vw;
    }

    .services-sec .carousel-wrapper {
        width: 83.854vw;
    }

    .services-sec .owl-item p {
        font-size: 0.99vw;
    }

    .services-sec .content-part {
        padding: 2.604vw;
    }

    .services-sec .owl-item {
        border-radius: 1.823vw;
    }

    .services-sec .owl-item::after {
        width: 7.448vw;
        height: 6.615vw;
        top: -0.104vw;
    }

    .services-sec .item::after {
        width: 3.125vw;
        height: 3.125vw;
        right: 1.042vw;
        top: 0.781vw;
        border: 0.104vw solid #a5a9b4;
        border-radius: 2.604vw;
    }

    .services-sec .item {
        border-radius: 0 2.083vw 0 0;
    }

    .services-sec .owl-item a::before {
        width:7.5vw;
        height: 6.5vw;
        top: -0.104vw;
    }
    .services-sec .item a::after {
    width: 3.125vw;
    height: 3.125vw;
    right: 1.042vw;
    top: 0.781vw;
    border: 0.104vw solid #a5a9b4;
    border-radius: 2.604vw;
    background-size: 1.563vw;
    }
    /*services-sec css code end*/

    /*home-page css code end*/

    /*footer css code start*/
    .footer-arrow {
        left: 26.042vw;
        width: 25.313vw;
        height: 7.917vw;
    }

    .footer-logo {
        width: 6.406vw;
        height: 7.604vw;
    }

    .footer-menu ul {
        line-height: 1.823vw;
    }

    .footer-menu ul li {
        font-size: 1.042vw;
    }

    .footer-menu .social-icon span {
        width: 2.604vw;
        height: 2.604vw;
        border-radius: 2.604vw;
    }

    .footer-menu .social-icon img {
        width: 1.302vw;
        height: 1.302vw;
    }

    .copyrights-sec {
        font-size: 0.938vw;
    }

    .copyrights-sec {
        padding-bottom: 2.083vw;
    }
    .footer-part .box img {
        width: 2.344vw;
        height: 2.344vw;
    }
    .footer-part .box{
    border-left: 0.052vw solid #d8c6a0;
    padding: 1.302vw;
    }
    .footer-part .payment-icon img:first-child{
    width: 3.021vw;
    height: 0.938vw;
    }
    .footer-part .payment-icon img:last-child{
    width: 2.604vw;
    height:2.031vw;
    }
    /*footer css code end*/
}

@media screen and (max-width: 1420px) {
    .container {
        max-width: 100% !important;
    }

    .footer-dog-img img {
        width: 23.333vw;
        height: auto;
    }

    /*services-sec css code start*/
    .owl-controls-wrapper {
        width: 93%;
    }

    /*services-sec css code end*/
}

@media screen and (max-width: 1280px) {
    .footer-dog-img {
        bottom: 0px;
    }
}


@media screen and (max-width: 1200px) {
    .menu-part .gap-30 {
        gap: 2vw;
    }

    nav ul li a {
        font-size: 17px !important;
    }

    .header-part {
        padding: clamp(16px, 4vh, 30px) clamp(24px, 6vw, 30px);
    }

    .fixed-header .header-part {
        padding: clamp(0px, 4vh, 0px) clamp(0px, 0vw, 30px);
    }
}

@media screen and (max-width: 1025px) {

    /*padding css code start*/
    /* .m-p {
        padding: 30px;
    }

    .m-py {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .m-px {
        padding-left: 30px;
        padding-right: 30px;
    } */

    /*padding css code end*/

    /*home-page css code end*/

    /*gallery-sec css code start*/
    .gallery-sec .img-part .box:last-child {
        display: none !important;
    }

    .gallery-sec .img-part .box {
        width: 25%;
    }

    .gallery-sec .img-part .box:nth-child(odd) a:first-child {
        height: 30vw;
    }

    .gallery-sec .img-part .box:nth-child(odd) a:last-child {
        height: 22vw;
    }

    .gallery-sec .img-part .box:nth-child(even) a:first-child {
        height: 22vw;
    }

    .gallery-sec .img-part .box:nth-child(even) a:last-child {
        height: 30vw;
    }

    /*gallery-sec css code end*/

    /*address-cound-sec css code start*/
    .address-cound-sec {
        margin-top: 0px;
        background-color: #FFF;
    }

    .address-cound-sec .box:nth-child(2) {
        display: none;
    }

    /*address-cound-sec css code end*/

    /*home-page css code end*/


}

@media screen and (max-width: 992px) {
    /*home-page css code start*/

    /*facilities-sec css code start*/
    .facilities-sec .heading .dog-icon {
        right: 0;
        left: 0;
        margin: auto;
        top: clamp(-30px, -2.5vw - 4px, -25px);
    }

    .facilities-sec .top-slogan {
        margin-bottom: clamp(25px, 2vw + 8px, 40px);
    }

    /*facilities-sec css code end*/

    /*home-page css code end*/
    .services-sec .owl-stage {
        margin-left: -60px;
    }
}

@media screen and (max-width: 991px) {
    /*home-page css code start*/

    /*main-banner css code start*/
    .banner-content {
        padding-top: clamp(150px, 10vw, 410px);
    }

    .banner-content img {
        position: relative !important;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .banner-content .content-part h4:first-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .banner-content .content-part h4:last-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    /*main-banner css code end*/

    /*home-page css code end*/
}

@media screen and (max-width: 768px) {
    /*common css code start*/

        /*heading css code start*/
        .top-slogan {
            margin-bottom: clamp(0px, 1vw + 8px, 40px);
        }
        /*heading css code end*/

        /*menu css code start*/
        .anvas-body .btn-close {
            padding: 15px !important;
            right: -15px !important;
            top: -15px !important;
        }

        /*menu css code end*/

        /*row-gap css code start*/
            .xs-row-gap-5 {
            gap: var(--rowgap-05) !important;
            }
            .xs-row-gap-10 {
            gap: var(--rowgap-10);
            }
            .xs-row-gap-20 {
            gap: var(--rowgap-20);
            }
            .xs-row-gap-30 {
            gap: var(--rowgap-30);
            }
            .xs-row-gap-40 {
            gap: var(--rowgap-40);
            }
            .xs-row-gap-50 {
            gap: var(--rowgap-50);
            }
            .xs-row-gap-60 {
            gap: var(--rowgap-60);
            }
        /*row-gap css code end*/

    /*common css code end*/

    /*home-page css code start*/

    /*main-banner css code start*/
    .banner-bottom-img {
        height: 30vh;
    }

    .main-banner .content-part {
        flex-direction: column;
    }

    .main-banner .button-part {
        position: relative !important;
    }

    .banner-content {
        padding-bottom: 28vw;
    }

    /*main-banner css code end*/

    /*live-web-cams-part css code start*/
    .live-web-cams-part button {
        position: relative !important;
        margin: 0px;
    }

    .live-web-cams-part {
        margin-top: clamp(-124px, -7vw - 4vw, -60px);
        background-position: center center;
        padding: 45vw 10vw 5vw 10vw;
    }

    .live-web-cams-part::after {
        height: 100%;
    }

    /*live-web-cams-part css code end*/

    /*reserve-sec css code start*/
    .reserve-sec .bg-overlay {
        width: 200%;
    }

    .reserve-sec .img-part {
        width: 100% !important;
    }

    .reserve-sec .button-part {
        width: 250px;
        margin: auto;
    }

    /*reserve-sec css code end*/

    /*gallery-sec css code start*/
    .gallery-sec .img-part .box:nth-last-child(2) {
        display: none !important;
    }

    .gallery-sec .img-part .box {
        width: 33.3333%;
    }

    .gallery-sec .img-part .box:nth-child(odd) a:first-child {
        height: 40vw;
    }

    .gallery-sec .img-part .box:nth-child(odd) a:last-child {
        height: 32vw;
    }

    .gallery-sec .img-part .box:nth-child(even) a:first-child {
        height: 32vw;
    }

    .gallery-sec .img-part .box:nth-child(even) a:last-child {
        height: 40vw;
    }

    /*gallery-sec css code end*/

    /*Testimonials-sec css code start*/
    .testimonials-sec .heading h2 span {
        position: initial !important;
    }

    .testimonials-sec .heading h2 span .dog-icon {
        position: absolute;
        left: 0;
        right: 0;
        top: clamp(-20px, -3vw, -25px);
    }

    /*Testimonials-sec css code end*/

    /*address-cound-sec css code start*/
    .address-cound-sec {
        padding-top: 0px;
    }

    .address-slider {
        margin-bottom: 30px;
    }

    .address-slider .owl-dots {
        justify-content: center;
        margin-top: 10px;
    }

    /*address-cound-sec css code end*/

    /*services-sec css code start*/
    .owl-controls-wrapper {
        width: 100%;
    }

    .services-sec .carousel-wrapper {
        width: 100%;
    }

    /*services-sec css code end*/

    /*home-page css code end*/

    /*footer css code start*/
    .footer-logo {
        width: clamp(160px, 8vw, 123px);
    }
    .footer-part .box{border-bottom: 1px solid #d8c6a0; border-left: 0px solid #d8c6a0;}

    /*footer css code end*/
}

@media screen and (max-width: 767px) {
    
    .services-sec .owl-stage {
        margin-left: 0px;
    }
    /*heading css code start*/
    .heading span{position: static!important;}

    .heading .dog-icon {
        width: clamp(20px, 10vw, 40px);
        height: auto;
        right:0; left: 0; margin: auto;
        top: clamp(-20px, -6vw, -5px);
    }
    /*heading css code end*/

    /*check-icon css code start*/
    .check-icon li{text-align:center; padding-left: 0px;}
    .check-icon li::before {display: none; }
    /*check-icon css code end*/
}

@media screen and (max-width: 600px) {
    /*home-page css code start*/

    /*main-banner css code start*/
    .banner-bottom-img::before,
    .banner-bottom-img::after {
        display: none;
    }

    /*main-banner css code end*/

    /*gallery-sec css code start*/
    .gallery-sec .img-part .box:nth-last-child(3) {
        display: none !important;
    }

    .gallery-sec .img-part .box {
        width: 50%;
    }

    .gallery-sec .img-part .box:nth-child(odd) a:first-child {
        height: 50vw;
    }

    .gallery-sec .img-part .box:nth-child(odd) a:last-child {
        height: 42vw;
    }

    .gallery-sec .img-part .box:nth-child(even) a:first-child {
        height: 42vw;
    }

    .gallery-sec .img-part .box:nth-child(even) a:last-child {
        height: 50vw;
    }

    .gallery-sec .img-part .box a::before {
        width: 84px;
        height: 72px;
        background-size: cover;
    }

    .gallery-sec .img-part .box a::after {
        background-size: cover;
        width: 20px;
        height: 20px;
    }

    /*gallery-sec css code end*/

    /*home-page css code end*/
}

@media screen and (max-width: 480px) {
    /*home-page css code start*/

    /*gallery-sec css code start*/
    .gallery-sec .img-part .box a::before {
        width: 64px;
        height: 52px;
    }

    .gallery-sec .img-part .box a::after {
        width: 20px;
        height: 20px;
        right: 12px;
        top: 8px;
    }

    /*gallery-sec css code end*/

    /*Testimonials-sec css code start*/
    .testimonial-slider .info-box {
        flex-direction: column;
    }

    /*Testimonials-sec css code end*/

    /*home-page css code end*/
}