:root{
    --pk-red:#690707;
    --pk-red-dark:#4d0202;
    --pk-gold:#d6a24d;
    --pk-white:#ffffff;
       --pk-red:#9b0f12;
    --pk-red-dark:#7e0b0e;
    --pk-cream:#f8f4ef;
    --pk-text:#222;
    
--pk-red:#8f0808;
--pk-dark-red:#6d0505;
--pk-gold:#d4b05c;

--pk-text:#444;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Poppins',sans-serif;
    overflow-x:hidden;

}

.pk-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    background: linear-gradient(rgb(126 1 0), rgb(126 1 0));
    border-bottom:1px solid rgba(214,162,77,.25);
    transition:.4s;
}

.pk-header::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background:var(--pk-gold);
    opacity:.3;
}

.pk-header.scrolled{
    background: #9b0f12;
    backdrop-filter:blur(15px);
    box-shadow:0 10px 30px rgba(0,0,0,.25);
}

.pk-container{
    max-width:1400px;
    margin:auto;
    padding:0 30px;
    height: 100px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.pk-logo img{
    max-height: 70px;
    display:block;
}

.pk-navbar ul{
    display:flex;
    gap:42px;
    list-style:none;
}

.pk-navbar a{
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-family:'Oswald',sans-serif;
    font-size:15px;
    letter-spacing:.7px;
    position:relative;
    transition:.3s;
}

.pk-navbar a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-8px;
    width:0;
    height:2px;
    background:var(--pk-gold);
    transition:.3s;
    transform:translateX(-50%);
}

.pk-navbar a:hover::after,
.pk-navbar a.active::after{
    width:100%;
}

.pk-navbar a:hover{
    color:var(--pk-gold);
}

.pk-call-btn{
    min-width:165px;
    height:50px;
    border:1px solid var(--pk-gold);
    border-radius:40px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    color:#fff;
    text-decoration:none;
    font-weight:600;

    transition:.4s;
}

.pk-call-btn:hover{
    background:var(--pk-gold);
    color:#000;
    transform:translateY(-3px);
}

.pk-toggle{
    display:none;
    background:none;
    border:none;
    cursor:pointer;
}

.pk-toggle span{
    width:28px;
    height:2px;
    background:#fff;
    display:block;
    margin:6px 0;
}

.pk-mobile-menu{
    position:fixed;
    top:0;
    right:-100%;
    width:320px;
    height:100vh;
    background: #9b0f12;
    z-index:1000;
    padding:90px 30px;
    transition:.5s ease;
}

.pk-mobile-menu.active{
    right:0;
}

.pk-close{
    position:absolute;
    right:20px;
    top:20px;
    width:45px;
    height:45px;
    border:none;
    border-radius:50%;
    background: #ffffff;
    cursor:pointer;
}

.pk-mobile-menu ul{
    list-style:none;
    text-align: center;
}

.pk-mobile-menu li{
    margin-bottom: 50px;
}

.pk-mobile-menu a{
    color: #ffffff;
    text-decoration:none;
    font-size:18px;
    text-transform:uppercase;
    font-family:'Oswald',sans-serif;
}

.pk-mobile-btn{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:35px;
    height:52px;
    border-radius:50px;
    border: 2px solid #ffffff;
    background: #ffffff00;
    transition:.3s;
}

.pk-mobile-btn:hover{
    background:var(--pk-gold);
    color:#000;
}

.pk-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.6);
    opacity:0;
    visibility:hidden;
    transition:.4s;
    z-index:998;
}

.pk-overlay.active{
    opacity:1;
    visibility:visible;
}

/* Tablet */

@media(max-width:1100px){

    .pk-navbar{
        display:none;
    }

    .pk-call-btn{
        display:none;
    }

    .pk-toggle{
        display:block;
    }
}

/* Mobile */

@media(max-width:768px){

    .pk-container{
        height:80px;
        padding:0 20px;
    }

    .pk-logo img{
        max-height:48px;
    }

    .pk-mobile-menu{
        width:100%;
    }
}

@media(max-width:480px){

    .pk-logo img{
        max-height: 55px;
    }

    .pk-container{
        padding:0 15px;
    }
}


/*======================
 HERO
======================*/
.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.great-vibes-regular {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
}
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}



.pk-hero-section{
    position: relative;
    overflow: hidden;
    min-height: 100vh;

    background-image: url('../img/hero-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pk-hero-container{

max-width:1400px;

margin:auto;

width:100%;

padding: 120px 60px 100px;

display:grid;

grid-template-columns:1fr 1fr;

align-items:center;

gap:50px;
}

.pk-brand h4{

    color:var(--pk-red);
    font-size:55px;
    font-weight:800;
    line-height:1;
    margin-bottom:0;
}

.pk-brand span{

    color:var(--pk-red);
    font-size:26px;
    display:block;
    margin-top:5px;
}

.pk-script-title{

font-family:'Great Vibes',cursive;

font-size: 60px;

color:var(--pk-red);

font-weight:400;

margin:40px 0 10px;
}

.pk-main-title{

font-size: clamp(70px,9vw,100px);

font-weight:900;

color:var(--pk-red);

line-height:.9;

text-transform:uppercase;
}

.pk-main-title span{

    display:block;
}

.pk-divider{

    display:flex;
    align-items:center;
    gap:15px;
    margin:35px 0;
}

.pk-divider span{

width:120px;

height:1px;

background: #9b0f12;
}

.pk-divider i{

    color:var(--pk-red);
    font-size:24px;
}

.pk-hero-content p{

    font-size:24px;
    color:#444;
    line-height:1.7;
    max-width:650px;
}

.pk-btn-group{

display:flex;

gap:20px;

margin-top:40px;

/* margin-bottom: 80px; */
}

.pk-btn{

    height:65px;
    padding:0 35px;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-size:18px;
    font-weight:600;
    transition:.4s;
    text-decoration:none;
}

.pk-btn-primary{

    background:var(--pk-red);
    color:#fff;
}

.pk-btn-primary:hover{

    transform:translateY(-6px);
    box-shadow:0 20px 35px rgba(155,15,18,.35);
}

.pk-btn-outline{

    border:2px solid var(--pk-red);
    color:var(--pk-red);
}

.pk-btn-outline:hover{

    background:var(--pk-red);
    color:#fff;
}

.pk-hero-image{

    position:relative;
}

.pk-image-wrap{

    position:relative;
}

.pk-image-wrap img{

    width:100%;
    display:block;
    animation:floatFood 5s ease-in-out infinite;
}

@keyframes floatFood{

    0%,100%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-20px);
    }
}

.pk-features-strip{

position:absolute;

left:0;

bottom:0;

width:100%;

background:var(--pk-red);

padding: 45px 50px 45px;

/* border-radius:55% 55% 0 0 / 100px 100px 0 0; */

display:flex;

justify-content:center;

gap:70px;

flex-wrap:wrap;
}

.pk-feature-item{

    display:flex;
    align-items:center;
    gap:15px;
    color:#fff;
}

.pk-icon{

    width:80px;
    height:80px;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.4);

    display:flex;
    align-items:center;
    justify-content:center;
}

.pk-icon i{

    font-size:30px;
}

.pk-feature-item h5{

    font-size:22px;
    font-weight:600;
}
@media(max-width:991px){

    .pk-hero-container{

        grid-template-columns:1fr;
        text-align:center;
        padding:120px 30px 250px;
    }

    .pk-divider{

        justify-content:center;
    }

    .pk-btn-group{

        justify-content:center;
        flex-wrap:wrap;
    }

    .pk-script-title{

        font-size:55px;
    }

    .pk-main-title{

        font-size:90px;
    }

    .pk-brand h4{

        font-size:45px;
    }
}

@media(max-width:576px){

    .pk-hero-container{

padding: 100px 20px 90px;

}

    .pk-script-title{

        font-size:42px;
    }

    .pk-main-title{

        font-size:62px;
    }

    .pk-brand h4{

        font-size:34px;
    }

    .pk-brand span{

        font-size:18px;
    }

    .pk-hero-content p{

        font-size:18px;
    }

    .pk-btn{

        width:100%;
        justify-content:center;
    }

    .pk-features-strip{

        gap:25px;
        padding:70px 20px 30px;
    }

    .pk-feature-item{

        width:100%;
        justify-content:center;
    }
}
.pk-features-strip{

position:absolute;

left:0;

bottom: 0px;

width:100%;

background:#9b0f12;

padding: 40px 40px 40px;

/* border-radius:55% 55% 0 0 / 90px 90px 0 0; */

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

display: none;
}

.pk-feature-card{

position:relative;

display:flex;

align-items:center;

gap:18px;

padding: 15px;

border:1px solid rgba(255,255,255,.15);

background:rgba(255,255,255,.05);

backdrop-filter:blur(12px);

border-radius:18px;

transition:.45s;
}

.pk-feature-card:hover{

    transform:translateY(-10px);

    background:rgba(255,255,255,.1);

    box-shadow:
    0 15px 35px rgba(0,0,0,.25);
}

.pk-feature-card::before{

    content:'';

    position:absolute;
    left:0;
    top:0;

    width:4px;
    height:100%;

    background:#fff;

    transform:scaleY(0);

    transition:.4s;
}

.pk-feature-card:hover::before{

    transform:scaleY(1);
}

.pk-feature-icon{

width: 50px;

height: 70px;

min-width:75px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#fff;

transition:.4s;
}

.pk-feature-icon i{

    font-size:34px;
    color:#9b0f12;
}

.pk-feature-card:hover .pk-feature-icon{

    transform:rotateY(180deg);
}

.pk-feature-content span{

    display:block;

    font-size:14px;

    color:rgba(255,255,255,.5);

    margin-bottom:6px;
}

.pk-feature-content h4{

    color:#fff;

    font-size:22px;

    margin-bottom:8px;
}

.pk-feature-content p{

    color:rgba(255,255,255,.75);

    font-size:14px;

    line-height:1.6;
}
@media(max-width:991px){

    .pk-features-strip{

        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){

    .pk-features-strip{

grid-template-columns:1fr;

padding: 30px 20px 30px;

display: none;

}

    .pk-feature-card{

        padding:18px;
    }

    .pk-feature-content h4{

        font-size:18px;
    }
}
.pk-premium-about{

    position: relative;
    overflow: hidden;

    background-image:url('../img/about-bg.png');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;

    padding:120px 0;
}

.pk-about-wrapper{

    max-width:1400px;
    margin:auto;

    padding:0 40px;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.pk-main-heading{

font-size: clamp(65px,8vw,80px);

line-height:.9;

font-weight:900;

color:#1f1f1f;

text-align: center;
}

.pk-main-heading span{

display:block;

color: #9b0f12;
}

.pk-script-heading{

font-family:'Cormorant Garamond',serif;

font-size: 40px;

color:#9b0f12;

font-style:italic;

margin-top: 20px;

text-align: center;

margin-bottom: 20px;
}
.pk-about-right{

    position:relative;
}

.pk-red-bg{

    position:absolute;
    right:-120px;
    top:-60px;

    width:500px;
    height:900px;

    background:#98080a;

    border-radius:300px 0 0 300px;

    z-index:1;
}

.pk-arch-image{

    position:relative;

    z-index:3;

    width:100%;
    height:760px;

    overflow:hidden;

    border:6px solid #fff;

    border-radius:
    300px 300px 0 0;
}

.pk-arch-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:1s;
}

.pk-arch-image:hover img{

    transform:scale(1.08);
}
.pk-cuisine-badge{

    position:absolute;

    top:70px;
    left:-60px;

    width:180px;
    height:180px;

    background:#98080a;

    border-radius:50%;

    border:5px solid #fff;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    color:#fff;

    z-index:5;

    animation:spinBadge 12s linear infinite;
}

@keyframes spinBadge{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }
}
.pk-feature-box{

    margin-top:50px;

    background:#98080a;

    border-radius:25px;

    display:grid;
    grid-template-columns:repeat(4,1fr);

    overflow:hidden;
}

.pk-mini-feature{

    padding:30px 20px;

    text-align:center;

    color:#fff;

    border-right:1px solid rgba(255,255,255,.15);

    transition:.4s;
}

.pk-mini-feature:hover{

    background:rgba(255,255,255,.08);
}
.pk-promise-card{

    position:absolute;

    bottom:-70px;
    left:50%;

    transform:translateX(-50%);

    width:90%;

    background:#fff;

    border-radius:35px;

    padding:35px;

    z-index:5;

    display:grid;
    grid-template-columns:220px 1fr;
    gap:30px;

    box-shadow:
    0 25px 50px rgba(0,0,0,.08);
}
@media(max-width:991px){

    .pk-about-wrapper{
        grid-template-columns:1fr;
    }

    .pk-arch-image{
        height:500px;
    }

    .pk-feature-box{
        grid-template-columns:repeat(2,1fr);
    }

    .pk-promise-card{
        position:relative;
        bottom:auto;
        left:auto;
        transform:none;
        width:100%;
        margin-top:20px;
    }
}

@media(max-width:576px){

    .pk-main-heading{
        font-size:58px;
    }

    .pk-script-heading{
        font-size:34px;
    }

    .pk-feature-box{
        grid-template-columns:1fr;
    }

    .pk-promise-card{
        grid-template-columns:1fr;
        text-align:center;
    }

    .pk-arch-image{
        height:380px;
    }
}
.pk-about-top{

display:flex;

flex-direction:column;

align-items: center;

margin-bottom:30px;
}

.pk-about-icon{

position:relative;

width:80px;

text-align:center;

/* margin-bottom:18px; */
}

.pk-about-icon i{

    font-size:58px;
    color:#8f0808;
    line-height:1;
}

/* Top Horizontal Line */

.pk-about-icon::after{

/* content:''; */

position:absolute;

left:50%;

bottom:-12px;

transform:translateX(-50%);

width:140px;

height:1px;

background:#caa57a;
}

.pk-about-heading-wrap{

    position:relative;

    display:inline-block;
}

.pk-about-heading-wrap span{

font-size:24px;

font-weight:700;

text-transform:uppercase;

letter-spacing:.5px;

color: #9b0f12;
}

/* Bottom Line */

.pk-about-heading-wrap::after{

content:'';

position:absolute;

left:50%;

bottom:-12px;

transform:translateX(-50%);

width:90px;

height:3px;

background: #9b0f12;
}
.pk-about-icon img{
    width:70px;
    height:auto;
    display:block;
}
p.about-para {
    text-align: center;
    font-size: 16px;
    font-family: 'Poppins';
}
/* =========================
   PROMISE CARD
========================= */

.pk-promise-card{

position:absolute;

left:50%;

bottom:-80px;

transform:translateX(-50%);

width: 65%;

max-width:780px;

background: #f7f2ef;

border-radius:30px;

padding: 25px;

display:flex;

align-items:center;

gap: 5px;

box-shadow:
    0 20px 50px rgba(0,0,0,.08);

z-index:10;

overflow:hidden;
}

.pk-promise-card::before{

    content:'';

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:4px;

    background:#9b0f12;
}

/* =========================
   IMAGE
========================= */

.pk-promise-image{

flex: 0 0 155px;
}

.pk-promise-image img{

width:100%;

max-width: 145px;

display:block;

height:auto;

transition:.5s ease;
}

.pk-promise-card:hover .pk-promise-image img{

    transform:scale(1.05);
}

/* =========================
   CONTENT
========================= */

.pk-promise-content{

    flex:1;
}

.pk-promise-content h3{

font-size: 28px;

font-weight:700;

color:#9b0f12;

margin-bottom:15px;

font-family:'Cormorant Garamond', serif;
}

.pk-promise-content p{

font-size: 13px;

line-height:1.8;

color:#444;

margin:0;
}
@media (max-width:991px){

    .pk-promise-card{

        position:relative;
        left:auto;
        bottom:auto;

        transform:none;

        width:100%;
        max-width:100%;

        margin-top:30px;

        padding:25px;

        border-radius:25px;
    }

    .pk-promise-content h3{

        font-size:34px;
    }

    .pk-promise-content p{

        font-size:17px;
    }

    .pk-promise-image{

        flex:0 0 180px;
    }

    .pk-promise-image img{

        max-width:180px;
    }
}
@media (max-width:767px){

    .pk-promise-card{

        flex-direction:column;

        text-align:center;

        gap:20px;

        padding:25px 20px;

        border-radius:20px;
    }

    .pk-promise-image{

        flex:none;
        width:100%;
    }

    .pk-promise-image img{

        max-width:160px;
        margin:auto;
    }

    .pk-promise-content h3{

        font-size:30px;
        margin-bottom:10px;
    }

    .pk-promise-content p{

        font-size:16px;
        line-height:1.7;
    }
}
@media (max-width:480px){

    .pk-promise-card{

        padding:20px 15px;
    }

    .pk-promise-image img{

        max-width:130px;
    }

    .pk-promise-content h3{

        font-size:26px;
    }

    .pk-promise-content p{

        font-size:15px;
    }
}

/*==================================
RESERVATION SECTION
==================================*/

.pk-reservation-section{

position:relative;

overflow:hidden;

padding:120px 0;

background: linear-gradient(rgb(155 15 18 / 9%), rgb(155 15 18 / 52%)), url(../img/reservation-bg.png);

background-size:cover;

background-position:center;
}

.pk-reservation-container{

    max-width:1500px;
    margin:auto;
    padding:0 30px;

    position:relative;
    z-index:2;
}

/*==================================
HEADING
==================================*/

.pk-reservation-heading{

    text-align:center;
    margin-bottom:60px;
}

.pk-reservation-heading h2{

color:#fff;

font-size: clamp(60px,6vw,120px);

line-height:.9;

font-weight:900;

text-transform:uppercase;
}

.pk-reservation-heading h2 span{

display:block;

color: #e0a433;
}

.pk-reservation-heading p{

    color:#fff;
    font-size:24px;
    margin-top:20px;
}

.pk-divider{

display:flex;

align-items:center;

/* justify-content:center; */

gap:15px;

margin-top:20px;
}

.pk-divider span{

    width:90px;
    height:1px;

    background:#d9a441;
}

.pk-divider i{

    color:#d9a441;
}

/*==================================
LAYOUT
==================================*/

.pk-booking-layout{

display:grid;

   grid-template-columns:280px 1fr;

gap:35px;

align-items:center;
}

/*==================================
LEFT FEATURES
==================================*/

.pk-booking-features{

    display:flex;
    flex-direction:column;
    gap:40px;
}

.pk-book-feature{

    display:flex;
    align-items:center;
    gap:18px;

    padding-bottom:30px;

    border-bottom:1px solid rgba(212,176,92,.4);
}

.pk-feature-icon{

    width:85px;
    height:85px;

    border:2px solid #d9a441;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#d9a441;
    font-size:34px;
}

.pk-book-feature h4{

    color:#fff;
    font-size:28px;
}

.pk-book-feature span{

    color:#fff;
    font-size:18px;
}

/*==================================
BOOKING CARD
==================================*/

.pk-booking-card{

background:#fff;

border-radius:35px;

/* padding:15px; */

border:4px solid #c01818;

box-shadow:
    0 30px 60px rgba(0,0,0,.25);
}

.pk-booking-card-inner{

padding: 30px 5px;
}

.pk-booking-card h3{

    text-align:center;

    font-size:52px;
    color:#222;

    margin-bottom:10px;
}

.pk-booking-card p{

text-align:center;

color: #9b0f12;

font-size:22px;
}

.pk-card-divider{

width:120px;

height:2px;

background: #9b0f12;

margin:25px auto;
}

#restaurantBooking{

border:none;

width:100%;

min-height: 420px;
}

/*==================================
RIGHT IMAGE
==================================*/

.pk-booking-image{

    position:relative;
}

.pk-booking-image img{

    width:100%;
    display:block;

    animation:floatFood 6s ease-in-out infinite;
}

@keyframes floatFood{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-15px);
    }
}

/*==================================
HOVERS
==================================*/

.pk-book-feature:hover .pk-feature-icon{

    transform:rotate(360deg);
    transition:.8s;
}

.pk-booking-card:hover{

    transform:translateY(-8px);

    transition:.4s;
}

/*==================================
TABLET
==================================*/

@media(max-width:1200px){

    .pk-booking-layout{

        grid-template-columns:1fr;
    }

    .pk-booking-features{

        flex-direction:row;
        justify-content:center;
        flex-wrap:wrap;
    }

    .pk-book-feature{

        border:none;
    }

    .pk-booking-image{

        max-width:500px;
        margin:auto;
    }
}

/*==================================
MOBILE
==================================*/

@media(max-width:768px){

    .pk-reservation-section{

        padding:80px 0;
    }

    .pk-reservation-heading h2{

        font-size:50px;
    }

    .pk-reservation-heading p{

        font-size:18px;
    }

    .pk-book-feature{

width:100%;

display: flex;

justify-content: center;

}

    .pk-feature-icon{

        width:65px;
        height:65px;

        font-size:24px;
    }

    .pk-book-feature h4{

        font-size:20px;
    }

    .pk-booking-card h3{

        font-size:34px;
    }

    .pk-booking-card-inner{

/* padding:15px; */
}

    #restaurantBooking{

min-height: 400px;

}
}

.pk-menu-showcase{

position:relative;

padding: 120px 0px 150px;

background:#f8f4ef;

overflow:hidden;

background-image:url('../img/menu-bg.png');

background-size:cover;

background-position:center;
}

.pk-menu-container{

    max-width:1400px;
    margin:auto;

    padding:0 30px;
}

.pk-menu-heading{

    text-align:center;

    max-width:900px;
    margin:0 auto 70px;
}

.pk-menu-logo h4{

    font-family:'Cinzel',serif;

    font-size:58px;
    color:#8f0808;

    margin-bottom:5px;
}

.pk-menu-logo span{

    font-size:26px;
    letter-spacing:4px;
    color:#8f0808;
}

.pk-menu-subtitle{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;

    margin:30px 0;
}

.pk-menu-subtitle span{

    width:90px;
    height:2px;

    background:#d4b05c;
}

.pk-menu-subtitle h5{

font-family: 'Great Vibes';

font-size:48px;

color:#8f0808;
}

.pk-menu-heading h2{

font-size:72px;

color:#8f0808;

margin-bottom:25px;

font-family: "Bebas Neue", sans-serif;
}

.pk-menu-heading p{

font-size:24px;

line-height:1.8;

color: #000000;
}
.pk-menu-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.pk-food-card{

    background:#fff;

    border-radius:30px;

    overflow:hidden;

    position:relative;

    transition:.5s;

    box-shadow:
    0 10px 35px rgba(0,0,0,.08);
}

.pk-food-card:hover{

    transform:translateY(-12px);
}

.pk-food-image{

    height:280px;
    overflow:hidden;
}

.pk-food-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:1s;
}

.pk-food-card:hover img{

    transform:scale(1.1);
}

.pk-food-badge{

    position:absolute;

    top:245px;
    left:50%;

    transform:translateX(-50%);

    width:95px;
    height:95px;

    background:#8f0808;
    color:#fff;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    font-size:13px;

    border:4px solid #d4b05c;

    z-index:3;
}

.pk-food-content{

    padding:70px 30px 35px;

    text-align:center;
}

.pk-food-content h3{

font-family: 'Bebas Neue';

font-size:34px;

color:#8f0808;

font-weight: 600;

margin: 15px;
}

.pk-food-price{

    margin-top:20px;

    font-size:38px;

    font-weight:700;

    color:#8f0808;
}
.pk-menu-btn-wrap{

    text-align:center;
    margin-top:60px;
}

.pk-menu-btn{

    display:inline-flex;
    align-items:center;
    gap:18px;

    padding:18px 40px;

    background:#8f0808;
    color:#fff;

    border-radius:60px;

    text-decoration:none;

    font-size:22px;
    font-weight:600;

    transition:.4s;
}

.pk-menu-btn:hover{

    transform:translateY(-5px);

    box-shadow:
    0 15px 30px rgba(143,8,8,.25);
}

@media(max-width:1200px){

    .pk-menu-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .pk-menu-heading h2{
        font-size:56px;
    }
    .pk-food-content h3 {
    font-family: 'Bebas Neue';
    font-size: 34px;
    color: #8f0808;
    font-weight: 600;
    margin: 15px;
}
.pk-footer-logo h3 {
    font-size: 50px;
    font-weight: 900;
}
}

@media(max-width:768px){

    .pk-menu-grid{
        grid-template-columns:1fr;
    }

    .pk-menu-heading h2{
        font-size:40px;
    }

    .pk-menu-logo h4{
        font-size:34px;
    }

    .pk-menu-subtitle h5{
        font-size: 28px;
    }

    .pk-menu-heading p{
        font-size:18px;
    }

    .pk-food-image{
        height:240px;
    }
.pk-food-content h3 {
    font-family: 'Bebas Neue';
    font-size: 34px;
    color: #8f0808;
    font-weight: 600;
    margin-top: 60px;
}
.pk-footer-logo h3 {
    font-size: 50px;
    font-weight: 900;
}
}

.pk-food-badge{

    position:absolute;
    top:245px;
    left:50%;

    transform:translateX(-50%);

    width:105px;
    height:105px;

    background:#8f0808;
    border:4px solid #d4b05c;
    border-radius:50%;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:5px;

    z-index:5;

    color:#fff;

    transition:.4s;
}

.pk-food-badge i{

    font-size:22px;
    color:#d4b05c;
}

.pk-food-badge span{

    font-size:12px;
    font-weight:600;
    text-align:center;
    line-height:1.2;
}

.pk-food-card:hover .pk-food-badge{

    transform:translateX(-50%) scale(1.08);
}

.pk-testimonial-section{

    position:relative;
    overflow:hidden;

    padding:120px 0 220px;

    background:#f8f4ef;

    background-image:url('../img/testi-bg.png');
    background-size:cover;
    background-position:center;
}

.pk-testimonial-container{

    max-width:1400px;
    margin:auto;
    padding:0 30px;
}

.pk-testimonial-heading{

    text-align:center;
    margin-bottom:80px;
}

.pk-script-title{

display:block;

font-family: 'Great Vibes';

font-size: 65px;

color:#8f0808;

font-style:italic;
}

.pk-testimonial-heading h2{

font-size: clamp(60px,8vw,86px);

line-height:.9;

color:#8f0808;

font-weight:900;

margin:10px 0;
}

.pk-heading-divider{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;

    margin:25px 0;
}

.pk-heading-divider span{

    width:120px;
    height:1px;

    background:#8f0808;
}

.pk-heading-divider i{

    color:#8f0808;
}

.pk-testimonial-heading p{

    font-size:24px;
    color:#7a2f2f;
}

.pk-testimonial-card{

    position:relative;

    background:#fff;

    border-radius:30px;

    padding:90px 40px 35px;

    text-align:center;

    min-height:420px;

    box-shadow:
    0 15px 40px rgba(0,0,0,.08);

    transition:.4s;
}

.pk-testimonial-card:hover{

    transform:translateY(-12px);
}

.pk-quote-icon{

position:absolute;

top: 8px;

left:50%;

transform:translateX(-50%);

width:75px;

height:75px;

background:#8f0808;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:28px;
}

.pk-stars{

    color:#8f0808;
    font-size:30px;

    margin-bottom:25px;
}

.pk-testimonial-card p{

    font-size:22px;
    line-height:1.8;

    color:#6a2020;

    margin-bottom:35px;
}

.pk-client{

    display:flex;
    align-items:center;
    justify-content:center;

    gap:15px;

    padding-top:25px;

    border-top:1px solid #e4c9c9;
}

.pk-client img{

    width:70px;
    height:70px;

    border-radius:50%;
    object-fit:cover;
}

.pk-client h4{

    font-size:26px;
    color:#8f0808;
}

.pk-client span{

    color:#777;
    font-size:16px;
}

.swiper-pagination{

    margin-top:50px;
    position:relative;
}

.swiper-pagination-bullet{

    width:14px;
    height:14px;

    background:#8f0808;
}

.pk-testimonial-footer{

position:absolute;

left:0;

bottom:0;

width:100%;

height: 80px;

/* background:#8f0808; */

/* clip-path:ellipse(75% 100% at 50% 100%); */
}

.pk-footer-logo{

position:absolute;

left: 50%;

top: 50%;

transform:translate(-50%,-50%);

text-align:center;

color:#fff;
}

.pk-footer-logo h3{

font-size: 40px;

font-weight:900;
}

.pk-footer-logo span{

font-size: 20px;

letter-spacing:4px;
}
@media (min-width:1600px){

    .pk-testimonial-container{
        max-width:1600px;
    }

    .pk-testimonial-heading h2{
        font-size: 90px;
    }

    .pk-script-title{
        font-size: 70px;
    }

    .pk-testimonial-card{
        min-height:460px;
    }

    .pk-testimonial-card p{
        font-size:24px;
    }
}
@media (max-width:1399px){

    .pk-testimonial-heading h2{
        font-size:90px;
    }

    .pk-script-title{
        font-size:60px;
    }

    .pk-testimonial-card{
        padding:80px 30px 30px;
    }

    .pk-testimonial-card p{
        font-size:20px;
    }

    .pk-footer-logo h3{
        font-size:50px;
    }
}
@media (max-width:1199px){

    .pk-testimonial-section{
        padding:100px 0 180px;
    }

    .pk-testimonial-heading{
        margin-bottom:60px;
    }

    .pk-testimonial-heading h2{
        font-size:70px;
    }

    .pk-script-title{
        font-size:50px;
    }

    .pk-testimonial-heading p{
        font-size:20px;
    }

    .pk-testimonial-card{
        min-height:380px;
    }

    .pk-testimonial-card p{
        font-size:18px;
    }

    .pk-footer-logo h3{
        font-size:42px;
    }

    .pk-footer-logo span{
        font-size:18px;
    }
}
@media (max-width:991px){

    .pk-testimonial-section{
        padding:80px 0 160px;
    }

    .pk-testimonial-container{
        padding:0 20px;
    }

    .pk-testimonial-heading h2{
        font-size:60px;
    }

    .pk-script-title{
        font-size:42px;
    }

    .pk-heading-divider span{
        width:70px;
    }

    .pk-testimonial-card{
        min-height:auto;
        padding:75px 25px 25px;
    }

    .pk-testimonial-card p{
        font-size:18px;
        line-height:1.7;
    }

    .pk-client h4{
        font-size:22px;
    }

    .pk-footer-logo h3{
        font-size:36px;
    }
}
@media (max-width:767px){

    .pk-testimonial-section{
        padding:70px 0 140px;
    }

    .pk-testimonial-heading{
        margin-bottom:50px;
    }

    .pk-testimonial-heading h2{
        font-size:42px;
        line-height:1.1;
    }

    .pk-script-title{
        font-size:34px;
    }

    .pk-testimonial-heading p{
        font-size:17px;
        line-height:1.7;
    }

    .pk-heading-divider{
        gap:10px;
    }

    .pk-heading-divider span{
        width:45px;
    }

    .pk-testimonial-card{
        border-radius:20px;
        padding:70px 20px 25px;
    }

    .pk-quote-icon{
        width:60px;
        height:60px;
        font-size:20px;
    }

    .pk-stars{
        font-size:22px;
    }

    .pk-testimonial-card p{
        font-size:16px;
        line-height:1.8;
    }

    .pk-client{
        flex-direction:column;
        text-align:center;
    }

    .pk-client img{
        width:60px;
        height:60px;
    }

    .pk-client h4{
        font-size:20px;
    }

    .pk-client span{
        font-size:14px;
    }

    .pk-testimonial-footer{
        height: 60px;
    }

    .pk-footer-logo h3{
        font-size:26px;
    }

    .pk-footer-logo span{
        font-size:14px;
        letter-spacing:2px;
    }
}
@media (max-width:480px){

    .pk-testimonial-container{
        padding:0 15px;
    }

    .pk-testimonial-heading h2{
        font-size:34px;
    }

    .pk-script-title{
        font-size:28px;
    }

    .pk-testimonial-heading p{
        font-size:15px;
    }

    .pk-testimonial-card{
        padding:65px 18px 22px;
    }

    .pk-testimonial-card p{
        font-size:15px;
    }

    .pk-stars{
        font-size:20px;
    }

    .pk-footer-logo h3{
        font-size: 20px;
    }

    .pk-footer-logo span{
        font-size:12px;
    }
}
.pk-testimonial-slider{
    overflow:visible;
}

.swiper-slide{
    height:auto;
}

.pk-testimonial-card{
    height:100%;
}
/* ==========================
FOOTER
========================== */

.ccf-footer{
    position:relative;
    overflow:hidden;
    padding-top:90px;
    background: #9b0f12;
}

.ccf-container{
    width:100%;
    max-width:1400px;
    margin:auto;
    padding:0 50px;

    display:grid;
    grid-template-columns:
    1.3fr
    1fr
    1fr
    1fr;

    gap:50px;
}

/* Logo */

.ccf-logo img{
    max-width:240px;
}

.ccf-desc{
    color:#d7d7d7;
    line-height:1.9;
    margin:25px 0;
}

/* Heading */

.ccf-col h3{
    color: #ffffff;
    font-size:28px;
    margin-bottom:25px;
    font-family: 'Poppins';
    position:relative;
    text-transform: uppercase;
}

.ccf-col h3::after{
    content:'';
    width:60px;
    height:2px;
    background: #ffffff;
    position:absolute;
    left:0;
    bottom:-10px;
}

/* Lists */

.ccf-col ul{
    list-style:none;
}

.ccf-col ul li{
    color:#eee;
    margin-bottom:15px;
    line-height:1.8;
}

.ccf-col ul li i{
    color: #ffffff;
    margin-right:10px;
}

/* Social */

.ccf-social{
    display:flex;
    gap:15px;
}

.ccf-social a{
    width:48px;
    height:48px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(255,255,255,.05);

    color:#d8b06a;

    transition:.4s;
}

.ccf-social a:hover{
    background:#b42020;
    color:#fff;
    transform:translateY(-5px);
}

/* Form */

.ccf-form{
    margin-top:20px;
    display:flex;
}

.ccf-form input{
    flex:1;

    height:55px;

    border:none;
    outline:none;

    padding:0 20px;

    border-radius:10px 0 0 10px;
}

.ccf-form button{
    width:60px;

    border:none;
    cursor:pointer;

    background:#b42020;
    color:#fff;

    border-radius:0 10px 10px 0;
}

/* Bottom */

.ccf-bottom{
    margin-top:70px;
    border-top:
    1px solid rgba(255,255,255,.08);
    padding:25px 50px;
    display:flex;
    justify-content: center;
    align-items:center;
}

.ccf-bottom p{
    color: #ffffff;
}

/* Top Button */

.ccf-top{
    width:50px;
    height:50px;

    border-radius:50%;

    background:#b42020;

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.4s;
}

.ccf-top:hover{
    transform:translateY(-5px);
}
@media(max-width:991px){

    .ccf-container{

        grid-template-columns:
        repeat(2,1fr);

        gap:40px;
    }

}
@media(max-width:576px){

    .ccf-footer{
        padding-top:70px;
    }

    .ccf-container{
        grid-template-columns:1fr;
        padding:0 20px;
    }

    .ccf-bottom{
        flex-direction:column;
        gap:15px;
        text-align:center;
        padding:20px;
    }

    .ccf-logo img{
        max-width:180px;
    }

    .ccf-col h3{
        font-size:24px;
    }

}

a.footer_main {
    color: white;
    text-decoration: none;
    /* font-family: 'Oswald'; */
}
p.footer-copyright {
    color: white;
    font-family: 'Oswald';
}
.order-btn{

position:fixed;

bottom:30px;

left:30px;

display:flex;

align-items:center;

gap:10px;

background: #fc6143;

color:white;

padding:12px 22px;

text-decoration:none;

font-weight:bold;

border-radius:6px;

box-shadow:0 6px 15px rgba(0,0,0,0.3);

z-index:999;

animation:pulse 2s infinite;

transition:0.3s;

color: white;

text-transform: uppercase;

font-family: 'Oswald';
}

.order-btn img{

width: 30px;

height: 30px;

object-fit:contain;
}

.order-btn:hover{

background:#fc6143;

}

/* Pulse Animation */

@keyframes pulse{

0%{
box-shadow:0 0 0 0 rgba(252,97,67,0.7);
}

70%{
box-shadow:0 0 0 20px rgba(197,168,106,0);
}

100%{
box-shadow:0 0 0 0 rgba(197,168,106,0);
}

}

/* Mobile */

@media(max-width:600px){

.order-btn{

bottom:20px;
left:20px;
padding:10px 18px;
font-size:14px;

}

.order-btn img{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
}
.order-btn{
   
    z-index:999;

    gap:10px;

    opacity:0;
    visibility:hidden;

    transform:translateY(30px);

    transition:
    opacity .4s ease,
    transform .4s ease,
    visibility .4s ease;
}


/* Show Class */
.order-btn.show-order-btn{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
a {
    color: white;
    text-decoration: none;
}
@media(max-width:768px){

    .pk-premium-about{
        background-attachment:scroll;
    }

}


/* ==========================
RESET
========================== */


/* ==========================
GIFT CARD SECTION
========================== */

.pk-gc-section{

position:relative;

padding: 150px 0;

overflow:hidden;

background:
url('../img/gift-bg.png')
center center/cover no-repeat;
}

.pk-gc-container{


max-width:1450px;
margin:auto;

padding:0 25px;


}

/* ==========================
HERO LAYOUT
========================== */

.pk-gc-hero-wrap{


display:grid;
grid-template-columns:1fr 600px;
gap:60px;

align-items:center;

margin-bottom:60px;


}

/* ==========================
LEFT CONTENT
========================== */

.pk-gc-script{


display:block;

font-family:'Cormorant Garamond',serif;
font-size:60px;
font-style:italic;

color:var(--pk-red);

margin-bottom:10px;


}

.pk-gc-content h1{

font-size:clamp(50px,6vw,90px);

line-height:1.05;

color:var(--pk-red);

margin-bottom:20px;
}

.pk-gc-content p{

max-width:650px;

font-size:21px;
line-height:1.9;

color:var(--pk-text);

margin-bottom:40px;


}

/* ==========================
FEATURES
========================== */

.pk-gc-features{


display:grid;
grid-template-columns:repeat(4,1fr);

gap:20px;


}

.pk-gc-feature{


text-align:center;

padding:20px 10px;

transition:.4s ease;


}

.pk-gc-feature:hover{


transform:translateY(-10px);


}

.pk-gc-feature i{


width:75px;
height:75px;

display:flex;
align-items:center;
justify-content:center;

margin:auto auto 15px;

border-radius:50%;

background:var(--pk-red);

color:#fff;

font-size:26px;

box-shadow:
0 10px 20px rgba(143,8,8,.20);

transition:.4s;


}

.pk-gc-feature:hover i{


background:var(--pk-gold);

color:#fff;

transform:rotate(8deg);


}

.pk-gc-feature h4{


font-size:18px;
font-weight:700;

color:var(--pk-red);

margin-bottom:5px;

}

.pk-gc-feature span{


font-size:14px;
color:#666;


}

/* ==========================
RIGHT IMAGE
========================== */

.pk-gc-image{


position:relative;


}

.pk-gc-image img{


width:100%;
display:block;

filter:
drop-shadow(0 30px 40px rgba(0,0,0,.18));

animation:pkGiftFloat 6s ease-in-out infinite;


}

@keyframes pkGiftFloat{


0%,100%{
    transform:translateY(0);
}

50%{
    transform:translateY(-15px);
}


}

/* ==========================
IFRAME CARD
========================== */

.pk-gc-frame-card{


background:#fff;

border-radius:30px;

padding:20px;

border:2px solid #eadfd2;

box-shadow:
0 20px 60px rgba(0,0,0,.10);


}

#pkGiftCardFrame{


width:100%;
min-height:950px;

border:none;

border-radius:20px;


}

/* ==========================
DECORATIVE SHAPE
========================== */

.pk-gc-frame-card::before{

content:'';

display:block;

width:100%;
height:4px;

background:linear-gradient(
to right,
var(--pk-red),
var(--pk-gold),
var(--pk-red)
);

border-radius:50px;

margin-bottom:15px;


}

/* ==========================
SCROLL ANIMATION READY
========================== */

.pk-gc-content,
.pk-gc-image,
.pk-gc-feature,
.pk-gc-frame-card{


will-change:transform;


}

/* ==========================
LARGE DESKTOP
========================== */

@media(min-width:1600px){


.pk-gc-container{

    max-width:1600px;
}

.pk-gc-content h1{

    font-size:100px;
}


}

/* ==========================
LAPTOP
========================== */

@media(max-width:1400px){


.pk-gc-hero-wrap{

    grid-template-columns:1fr 500px;
}

.pk-gc-features{

    gap:15px;
}


}

/* ==========================
TABLET
========================== */

@media(max-width:1200px){

.pk-gc-hero-wrap{

    grid-template-columns:1fr;

    text-align:center;
}

.pk-gc-content p{

    margin-left:auto;
    margin-right:auto;
}

.pk-gc-image{

    max-width:600px;
    margin:auto;
}


}

/* ==========================
TABLET SMALL
========================== */

@media(max-width:991px){


.pk-gc-section{

    padding:80px 0;
}

.pk-gc-features{

    grid-template-columns:repeat(2,1fr);
}

.pk-gc-script{

    font-size:46px;
}

.pk-gc-content h1{

    font-size:58px;
}

#pkGiftCardFrame{

    min-height:850px;
}

}

/* ==========================
MOBILE
========================== */

@media(max-width:767px){


.pk-gc-section{

    padding:70px 0;
}

.pk-gc-container{

padding: 50px 15px;
}

.pk-gc-script{

    font-size:34px;
}

.pk-gc-content h1{

    font-size:42px;
}

.pk-gc-content p{

    font-size:17px;
    line-height:1.8;
}

.pk-gc-features{

    grid-template-columns:1fr 1fr;
    gap:15px;
}

.pk-gc-feature{

    padding:15px 10px;
}

.pk-gc-feature i{

    width:65px;
    height:65px;

    font-size:22px;
}

.pk-gc-frame-card{

    padding:12px;
    border-radius:20px;
}

#pkGiftCardFrame{

    min-height:780px;
    border-radius:15px;
}


}

/* ==========================
SMALL MOBILE
========================== */

@media(max-width:480px){


.pk-gc-features{

grid-template-columns:1fr;

display: none;
}

.pk-gc-script{

    font-size:28px;
}

.pk-gc-content h1{

    font-size:34px;
}

.pk-gc-content p{

    font-size:15px;
}

.pk-gc-feature h4{

    font-size:16px;
}

.pk-gc-feature span{

    font-size:13px;
}

#pkGiftCardFrame{

    min-height:700px;
}

}
.pk-gallery-section{

position:relative;

padding:120px 0;

background: linear-gradient(rgb(111 5 6), rgb(112 5 6));

background-size:cover;

background-position:center;

overflow:hidden;
}

.pk-gallery-container{

    max-width:1400px;
    margin:auto;
    padding:0 20px;
}

/* Heading */

.pk-gallery-heading{

    text-align:center;
    margin-bottom:40px;
}

.pk-gallery-heading h2{

color:#fff;

font-family: 'Bebas Neue';

font-size:70px;

font-weight: 500;
}

.pk-gallery-divider{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;

    margin:15px 0;
}

.pk-gallery-divider span{

    width:90px;
    height:1px;
    background:#d4b05c;
}

.pk-gallery-divider i{

    color:#d4b05c;
    font-size:20px;
}

.pk-gallery-heading p{

    color:#f5d9d9;
    font-size:18px;
    line-height:1.8;
}

/* Filter */

.pk-gallery-filter{

    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;

    margin-bottom:40px;
}

.pk-gallery-filter button{

    background:transparent;
    color:#fff;

    border:1px solid rgba(255,255,255,.25);

    padding:12px 30px;

    border-radius:40px;

    cursor:pointer;

    transition:.4s;
}

.pk-gallery-filter button.active,
.pk-gallery-filter button:hover{

    background:#b80b0b;
    border-color:#b80b0b;
}

/* Gallery */

.pk-gallery-grid{

display:grid;

grid-template-columns: repeat(3,1fr);

gap:15px;
}

.pk-gallery-item{

    position:relative;
    overflow:hidden;

    border-radius:10px;
}

.pk-gallery-item img{

    width:100%;
    height:250px;

    object-fit:cover;

    transition:.6s;
}

.pk-gallery-item:hover img{

    transform:scale(1.1);
}

.pk-gallery-item::before{

    content:'';

    position:absolute;
    inset:0;

    background:
    linear-gradient(
    transparent,
    rgba(0,0,0,.45)
    );

    opacity:0;
    transition:.4s;

    z-index:1;
}

.pk-gallery-item:hover::before{

    opacity:1;
}

/* CTA */

.pk-gallery-cta{

margin-top:40px;

background: rgb(255 255 255);

border: 1px solid rgb(195 15 15);

backdrop-filter:blur(10px);

border-radius:15px;

padding:25px 30px;

display:flex;

align-items:center;

justify-content:space-between;

gap:20px;
}

.pk-gallery-cta-content{

    display:flex;
    align-items:center;
    gap:20px;
}

.pk-gallery-cta-icon{

width:70px;

height:70px;

border-radius:50%;

border: 1px solid rgb(112 5 6);

display:flex;

align-items:center;

justify-content:center;
}

.pk-gallery-cta-icon i{

color: #c30f0f;

font-size:28px;
}

.pk-gallery-cta-content h4{

color: #6f0506;

font-size:28px;
}

.pk-gallery-cta-content p{

color: #000000;
}

.pk-gallery-btn{

    display:inline-flex;
    align-items:center;
    gap:10px;

    background:#c30f0f;
    color:#fff;

    padding:16px 35px;

    border-radius:8px;

    text-decoration:none;

    transition:.4s;
}

.pk-gallery-btn:hover{

    background:#a30808;
    transform:translateY(-4px);
}
@media(max-width:1199px){

    .pk-gallery-grid{

        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:991px){

    .pk-gallery-grid{

        grid-template-columns:repeat(2,1fr);
    }

    .pk-gallery-cta{

        flex-direction:column;
        text-align:center;
    }

    .pk-gallery-heading h2{

        font-size:55px;
    }
}

@media(max-width:767px){

    .pk-gallery-section{

        padding:80px 0;
    }

    .pk-gallery-grid{

        grid-template-columns:1fr;
    }

    .pk-gallery-heading h2{

        font-size:42px;
    }

    .pk-gallery-item img{

        height:280px;
    }

    .pk-gallery-cta-content{

        flex-direction:column;
        text-align:center;
    }
}

@media(max-width:480px){

    .pk-gallery-heading h2{

        font-size:36px;
    }

    .pk-gallery-filter button{

        width:100%;
    }

    .pk-gallery-btn{

        width:100%;
        justify-content:center;
    }
}