* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
html{
   scroll-behavior:smooth;
}
body {
    font-family: Montserrat, sans-serif;
    background: rgb(245, 245, 245);
}

a {
    text-decoration: none;
    color: black;
}

ul {
    list-style: none;
}
img{
  image-rendering:auto;
  backface-visibility:hidden;
  transform:translateZ(0);
}
.main-header {
    width: 100%;
    position: relative;
    z-index: 999;
}

.top-header {
    width: 100%;
    height: 115px;
    /* background: linear-gradient(rgba(5, 8, 15, 0.96), rgba(5, 8, 15, 0.96)) center center / cover, url("https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?q=80&w=2000&auto=format&fit=crop"); */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: visible;
    background: #ffffff;
}

.top-header-container {
    width: 92%;
    max-width: 1450px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-left {
    display: flex;
    align-items: center;
    gap: 38px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 15px;
    color: rgb(0 0 0);
}

.contact-item i {
    color: rgb(255, 123, 0);
    font-size: 21px;
}

.contact-item span {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
}

.divider {
    width: 1px;
    height: 42px;
    background: rgba(255, 255, 255, 0.25);
}

.logo-wrapper {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    width: 320px;
    height: 205px;
    z-index: 999;
    overflow: visible;
}

.hexagon {
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    /* clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%); */
    /* border: 2px solid rgb(255, 123, 0); */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* box-shadow: rgba(0, 0, 0, 0.18) 0px 12px 35px; */
    overflow: visible;
    position: relative;
}

.hexagon::before {
    content: "";
    position: absolute;
    inset: 6px;
    /* clip-path: polygon(93% 0%, 76% 0%, 100% 50%, 76% 100%, 24% 100%, 0% 50%); */
    /* border: 2px solid rgba(255, 123, 0, 0.35); */
}

.logo-img {
    width: 170px;
    height: auto;
    object-fit: contain;
    margin-bottom: 8px;
    margin-top: 12px;
    z-index: 2;
}

.logo-text {
    font-size: 28px;
    font-weight: 800;
    color: rgb(17, 17, 17);
    letter-spacing: 1px;
    z-index: 2;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 28px;
}

.follow-text {
    color: rgb(255, 123, 0);
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
}

.social-icons {
    display: flex;
    align-items: center;
    gap: 14px;
}

.social-icons a {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0 0 0);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(0 0 0);
    font-size: 18px;
    transition: 0.4s;
}

.social-icons a:hover {
    background: rgb(255, 123, 0);
    border-color: rgb(255, 123, 0);
    transform: translateY(-4px);
}

.order-btn {
    background: rgb(255, 123, 0);
    color: rgb(255, 255, 255);
    padding: 18px 30px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.4s;
}

.order-btn:hover {
    background: rgb(229, 111, 0);
    transform: translateY(-4px);
}

.navbar {
    width: 100%;
    height: 88px;
    background: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 2px solid rgb(255 123 0);
}

.nav-container {
    width: 92%;
    max-width: 1450px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-left, .nav-right {
    width: 40%;
    display: flex;
    align-items: center;
    gap: 65px;
}

.nav-right {
    justify-content: flex-end;
}

.nav-link {
    color: rgb(17, 17, 17);
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    transition: 0.3s;
}

.nav-link:hover, .nav-link.active {
    color: rgb(255, 123, 0);
}

.nav-link::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10px;
    width: 0%;
    height: 2px;
    background: rgb(255, 123, 0);
    transition: 0.4s;
}

.nav-link:hover::after, .nav-link.active::after {
    width: 100%;
}

.mobile-toggle {
    display: none;
    width: 48px;
    height: 48px;
    background: rgb(255, 123, 0);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    cursor: pointer;
}

.mobile-menu {
    position: fixed;
    top: 0px;
    right: -100%;
    width: 320px;
    max-width: 100%;
    height: 100vh;
    background: rgb(11, 16, 25);
    z-index: 99999;
    padding: 30px;
    transition: 0.5s;
}

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

.menu-overlay {
    position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    z-index: 9999;
}

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

.mobile-menu-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.mobile-logo {
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 800;
}

.close-menu {
    width: 44px;
    height: 44px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 10px;
    background: rgb(255, 123, 0);
    color: rgb(255, 255, 255);
    font-size: 18px;
    cursor: pointer;
}

.mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    font-family: 'Oswald';
}

.mobile-nav a {
    color: rgb(255, 255, 255);
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    transition: 0.3s;
}

.mobile-nav a:hover {
    color: rgb(255, 123, 0);
    padding-left: 8px;
}

@media (max-width: 991px) {
    .top-header {
        height: 90px;
    }

    .header-left, .header-right, .navbar {
        display: none;
    }

    .top-header-container {
        width: 80%;
    }

    .logo-wrapper {
        position: relative;
        left: unset;
        top: unset;
        transform: none;
        width: auto;
        height: auto;
    }

    .hexagon {
        clip-path: none;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        background: transparent;
        box-shadow: none;
        width: auto;
        height: auto;
        flex-direction: row;
        gap: 12px;
    }

    .hexagon::before {
        display: none;
    }

    .logo-img {
        width: 70px;
        margin: 0px;
    }

    .logo-text {
        color: rgb(255, 255, 255);
        font-size: 22px;
    }

    .mobile-toggle {
        display: block;
    }
}

@media (max-width: 480px) {
    .top-header {
        height: 135px;
    }

    .logo-img {
        width: 100px;
    }

    .logo-text {
        font-size: 18px;
    }

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

/* =========================
    MOBILE ORDER BUTTON
========================= */

.mobile-order-btn{
  width:100%;

  background:#ff7b00;
  color:#fff !important;

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

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

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

  margin-top:12px;

  transition:0.4s ease;
}

.mobile-order-btn:hover{
  background:#e56f00;
  transform:translateY(-3px);
}

.mobile-order-btn i{
  font-size:16px;
}
.header-order-btn {
    background: rgb(255, 123, 0);
    color: rgb(255, 255, 255);
    padding: 18px 30px;
    border-radius: 14px;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: 0.4s;
    font-family: 'Oswald';
}

.header-order-btn:hover {
    background: rgb(229, 111, 0);
    transform: translateY(-4px);
}

.header-order-btn i {
    font-size: 16px;
}

    /* =========================
       HERO SECTION
    ==========================*/

    .hero-section{
      position:relative;
      width:100%;
      min-height:100vh;
      overflow:hidden;
      background:#f7f3ef;
      display:flex;
      align-items:center;
    }

    /* Background Image */
    .hero-bg{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      z-index:1;
    }

    .hero-bg img{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center;
      opacity:0.95;
    }

    /* Gradient Overlay */
    .hero-overlay{
      position:absolute;
      inset:0;
      background:
      linear-gradient(
      90deg,
      rgba(247,243,239,1) 0%,
      rgba(247,243,239,0.98) 30%,
      rgba(247,243,239,0.80) 48%,
      rgba(247,243,239,0.20) 65%,
      rgba(247,243,239,0) 100%);
      z-index:2;
    }

    .container{
      width:100%;
      max-width:1400px;
      margin:auto;
      padding: 60px 70px;
      position:relative;
      z-index:5;
    }

    .hero-wrapper{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:40px;
      min-height:100vh;
    }

    /* LEFT CONTENT */

    .hero-left{
      width:50%;
      max-width:620px;
      animation:fadeLeft 1.1s ease;
    }

    .logo{
      width:240px;
      margin-bottom:40px;
    }

    .sub-title{
      font-family:'Great Vibes',cursive;
      font-size:72px;
      color:#e56d00;
      line-height:1;
      margin-bottom:8px;
      font-weight:400;
    }

    .main-title{
      font-family:'Oswald',sans-serif;
      font-size:120px;
      line-height:0.95;
      text-transform:uppercase;
      color:#1f1f1f;
      font-weight:700;
      letter-spacing:2px;
      margin-bottom:28px;
    }

    .title-line{
      width:420px;
      height:2px;
      background:#e56d00;
      position:relative;
      margin-bottom:34px;
    }

    .title-line::after{
      /* content:"â–²"; */
      position:absolute;
      left:50%;
      top:-13px;
      transform:translateX(-50%);
      color:#e56d00;
      font-size:12px;
    }

    .hero-text{
      font-size:28px;
      line-height:1.7;
      color: #000000;
      max-width:540px;
      margin-bottom:42px;
      font-weight:400;
    }

    /* BUTTON */

    .hero-btn{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:20px 52px;
      background:#f17700;
      color:#fff;
      font-size:20px;
      text-transform:uppercase;
      letter-spacing:1px;
      font-weight:600;
      border-radius:14px;
      overflow:hidden;
      transition:0.4s ease;
      z-index:1;
      box-shadow:0 15px 40px rgba(241,119,0,0.25);
    }

    .hero-btn::before{
      content:"";
      position:absolute;
      top:0;
      left:-100%;
      width:100%;
      height:100%;
      background:rgba(255,255,255,0.18);
      transition:0.6s ease;
      z-index:-1;
    }

    .hero-btn:hover::before{
      left:100%;
    }

    .hero-btn:hover{
      transform:translateY(-4px);
      background:#d96200;
    }

    /* FEATURES */

    .hero-features{
      display:flex;
      gap:44px;
      margin-top:70px;
    }

    .feature-box{
      display:flex;
      align-items:center;
      gap:18px;
      position:relative;
    }

    .feature-box::after{
      content:"";
      position:absolute;
      right:-22px;
      top:50%;
      transform:translateY(-50%);
      width:1px;
      height:72px;
      background:#dfc7b0;
    }

    .feature-box:last-child::after{
      display:none;
    }

    .feature-icon{
      width:68px;
      height:68px;
      border:1.8px solid #f17700;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#f17700;
      font-size:24px;
      flex-shrink:0;
    }

    .feature-content h4{
      font-size:14px;
      color:#111;
      letter-spacing:1px;
      line-height:1.5;
      text-transform:uppercase;
      font-weight:600;
    }

    /* RIGHT IMAGE */

    .hero-right{
      width:50%;
      position:relative;
      display:flex;
      justify-content:flex-end;
      align-items:flex-end;
      animation:fadeUp 1.3s ease;
    }

    .food-image{
      width: 800px;
      max-width:none;
      margin-right: -180px;
      margin-bottom: -130px;
      filter:drop-shadow(0 35px 40px rgba(0,0,0,0.18));
      transition:0.5s ease;
    }

    .food-image:hover{
      transform:translateY(-10px) scale(1.02);
    }

    /* Floating Glow */

    .glow{
      position:absolute;
      right:120px;
      bottom:120px;
      width:320px;
      height:320px;
      background:rgba(241,119,0,0.15);
      filter:blur(120px);
      border-radius:50%;
      z-index:-1;
    }

    /* ANIMATION */

    @keyframes fadeLeft{
      from{
        opacity:0;
        transform:translateX(-70px);
      }
      to{
        opacity:1;
        transform:translateX(0);
      }
    }

    @keyframes fadeUp{
      from{
        opacity:0;
        transform:translateY(60px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    /* =========================
       RESPONSIVE
    ==========================*/

    @media(max-width:1600px){

      .main-title{
        font-size:100px;
      }

      .sub-title{
        font-size:62px;
      }

      .hero-text{
        font-size:24px;
      }

      .food-image{
        width:820px;
      }

    }

    @media(max-width:1200px){

      .container{
        padding:0 40px;
      }

      .hero-wrapper{
        flex-direction:column;
        justify-content:center;
        padding:120px 0 60px;
      }

      .hero-left{
        width:100%;
        max-width:100%;
        text-align:center;
      }

      .hero-right{
        width:100%;
        justify-content:center;
      }

      .logo{
        margin:auto auto 40px;
      }

      .title-line{
        margin-left:auto;
        margin-right:auto;
      }

      .hero-text{
        margin-left:auto;
        margin-right:auto;
      }

      .hero-features{
        justify-content:center;
      }

      .food-image{
        width:100%;
        max-width:850px;
        margin-right:0;
        margin-bottom:-40px;
      }

    }

    @media(max-width:768px){

      .container{
        padding:0 24px;
      }

      .hero-wrapper{
        padding:110px 0 50px;
      }

      .logo{
        width:190px;
      }

      .sub-title{
        font-size:44px;
      }

      .main-title{
        font-size:64px;
      }

      .title-line{
        width:250px;
      }

      .hero-text{
        font-size:18px;
        line-height:1.7;
      }

      .hero-btn{
        padding:18px 38px;
        font-size:16px;
      }

      .hero-features{
        gap:22px;
      }

      .feature-box{
        width:100%;
        justify-content:center;
      }

      .feature-box::after{
        display:none;
      }

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

      .food-image{
        margin-bottom:-20px;
      }

    }

    @media(max-width:480px){

      .sub-title{
        font-size:36px;
      }

      .main-title{
        font-size:52px;
      }

      .hero-text{
        font-size: 17px;
      }

      .hero-btn{
        width:100%;
      }

      .hero-features{
        margin-top:45px;
        display: flex;
        flex-wrap: wrap;
        display: none;
      }

    }
 /* =========================================
   HIMALAYAN ABOUT SECTION
========================================= */

.hkx-about-section{
  width:100%;
  min-height:100vh;
  position:relative;
  overflow:hidden;
  padding:120px 0 70px;

  /* SECOND IMAGE */
  background-image:url("../img/about-bg2.png");
  background-size: cover;
  background-repeat:no-repeat;
  background-position:right top;
  background-color:#f6f4f1;
}

/* OVERLAY */

.hkx-about-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgb(246 244 241 / 70%) 0%, rgb(246 244 241 / 60%) 35%, rgb(246 244 241 / 30%) 60%, rgb(246 244 241 / 0%) 100%);
  z-index:1;
}

.hkx-about-container{
  width:100%;
  max-width:1450px;
  margin:auto;
  padding:0 60px;
  position:relative;
  z-index:5;
}

.hkx-about-wrapper{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}

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

.hkx-about-content{
  width:46%;
  animation:hkxFadeLeft 1s ease;
}

.hkx-about-tag{
  display:inline-block;
  font-size:18px;
  font-weight:600;
  color:#ef6c00;
  letter-spacing:5px;
  margin-bottom:14px;
}

.hkx-about-divider{
  width:90px;
  height:2px;
  background:#ef6c00;
  position:relative;
  margin-bottom:30px;
}

.hkx-about-divider::before{
  /* content:"â–²"; */
  position:absolute;
  left:50%;
  top:-12px;
  transform:translateX(-50%);
  color:#ef6c00;
  font-size:10px;
  background:#f6f4f1;
  padding:0 8px;
}

.hkx-about-title{
  font-family:'Oswald',sans-serif;
  font-size:92px;
  line-height:0.95;
  text-transform:uppercase;
  color:#1d1d1d;
  letter-spacing:2px;
  margin-bottom:24px;
}

.hkx-about-title span{
  display:block;
  color:#ef6c00;
  margin-top:10px;
}

.hkx-about-subtitle{
  font-family:'Great Vibes',cursive;
  font-size:52px;
  color:#1f1f1f;
  font-weight:400;
  margin-bottom:14px;
}

.hkx-about-line{
  width:250px;
  height:2px;
  background:#ef6c00;
  margin-bottom:36px;
}

.hkx-about-text{
  font-size:22px;
  line-height:1.9;
  color: #000000;
  margin-bottom:22px;
  max-width:700px;
}

.hkx-about-signature{
  font-family:'Great Vibes',cursive;
  font-size:50px;
  color:#1d1d1d;
  font-weight:400;
  margin-top:24px;
  margin-bottom:55px;
}

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

.hkx-about-mini-features{
  display:flex;
  align-items:center;
  gap:40px;
  flex-wrap:wrap;
}

.hkx-mini-box{
  display:flex;
  align-items:center;
  gap:16px;
}

.hkx-mini-icon{
  width:72px;
  height:72px;
  border:2px solid #ef6c00;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ef6c00;
  font-size:28px;
  transition:0.4s ease;
}

.hkx-mini-box:hover .hkx-mini-icon{
  background:#ef6c00;
  color:#fff;
  transform:translateY(-6px);
}

.hkx-mini-content h5{
  font-size:20px;
  line-height:1.5;
  text-transform:uppercase;
  color:#222;
  font-weight:600;
}

/* =========================================
   RIGHT IMAGES
========================================= */

.hkx-about-images{
  width:54%;
  position:relative;
  min-height:850px;
  animation:hkxFadeRight 1.2s ease;
}

/* MAIN CIRCLE */

.hkx-main-circle{
  width:470px;
  height:470px;
  border-radius:50%;
  overflow:hidden;
  position:absolute;
  top:150px;
  left:70px;
  border: 5px solid #ef6c00;
  z-index:5;
  box-shadow:0 25px 40px rgba(0,0,0,0.22);
}

.hkx-main-food{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* SMALL CIRCLES */

.hkx-small-circle{
  width: 300px;
  height: 300px;
  border-radius:50%;
  overflow:hidden;
  position:absolute;
  border: 5px solid #ef6c00;
  z-index:4;
  box-shadow:0 20px 35px rgba(0,0,0,0.18);
}

.hkx-circle-top{
  top: 100px;
  right: -60px;
}

.hkx-circle-bottom{
  bottom: 55px;
  right: 30px;
}

.hkx-circle-img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* RICE IMAGE */

.hkx-rice-image{
  position:absolute;
  width:320px;
  bottom:90px;
  left:10px;
  z-index:6;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,0.25));
  transition:0.5s ease;
}

.hkx-rice-image:hover{
  transform:translateY(-8px);
}

/* =========================================
   STATS
========================================= */

.hkx-about-stats{
  margin-top:60px;
  width:100%;
  background:rgba(255,255,255,0.35);
  border:1px solid rgba(255,255,255,0.7);
  backdrop-filter:blur(12px);
  border-radius:40px;
  padding:34px 20px;

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

.hkx-stat-box{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  position:relative;
}

.hkx-stat-box::after{
  content:"";
  position:absolute;
  right:-10px;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:90px;
  background:#efc6a1;
}

.hkx-stat-box:last-child::after{
  display:none;
}

.hkx-stat-icon{
  font-size:52px;
  color:#ef6c00;
}

.hkx-stat-content h2{
  font-size:64px;
  color:#ef6c00;
  font-weight:700;
  line-height:1;
}

.hkx-stat-content p{
  font-size:20px;
  line-height:1.5;
  color:#222;
  text-transform:uppercase;
  font-weight:500;
}

/* =========================================
   ANIMATION
========================================= */

@keyframes hkxFadeLeft{

  from{
    opacity:0;
    transform:translateX(-70px);
  }

  to{
    opacity:1;
    transform:translateX(0);
  }

}

@keyframes hkxFadeRight{

  from{
    opacity:0;
    transform:translateX(70px);
  }

  to{
    opacity:1;
    transform:translateX(0);
  }

}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1600px){

  .hkx-about-title{
    font-size:78px;
  }

  .hkx-about-text{
    font-size:20px;
  }
.hkx-about-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgb(246 244 241 / 80%) 0%, rgb(246 244 241 / 70%) 35%, rgb(246 244 241 / 40%) 60%, rgb(246 244 241 / 0%) 100%);
    z-index: 1;
}
}

@media(max-width:1300px){

  .hkx-about-wrapper{
    flex-direction:column;
  }

  .hkx-about-content{
    width:100%;
    text-align:center;
  }

  .hkx-about-divider,
  .hkx-about-line{
    margin-left:auto;
    margin-right:auto;
  }

  .hkx-about-text{
    margin-left:auto;
    margin-right:auto;
  }

  .hkx-about-mini-features{
    justify-content:center;
  }

  .hkx-about-images{
    width:100%;
    min-height:780px;
  }
.hkx-about-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(246, 244, 241, 0.98) 0%, rgba(246, 244, 241, 0.95) 35%, rgba(246, 244, 241, 0.55) 60%, rgba(246, 244, 241, 0.10) 100%);
    z-index: 1;
}
}

@media(max-width:991px){

  .hkx-about-section{
    background-size:cover;
    background-position:center;
  }

  .hkx-about-container{
    padding:0 24px;
  }

  .hkx-about-title{
    font-size:62px;
  }

  .hkx-about-subtitle{
    font-size:38px;
  }

  .hkx-about-text{
    font-size:17px;
  }

  .hkx-main-circle{
    width:360px;
    height:360px;
    left: 10%;
    transform:translateX(-50%);
  }

  .hkx-small-circle{
    width:210px;
    height:210px;
  }

  .hkx-circle-top{
    right:40px;
  }

  .hkx-circle-bottom{
    right:60px;
  }

  .hkx-rice-image{
    width:240px;
    left:50%;
    transform:translateX(-50%);
  }

  .hkx-about-stats{
    grid-template-columns:1fr 1fr;
  }

  .hkx-stat-box::after{
    display:none;
  }
.hkx-about-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(246, 244, 241, 0.98) 0%, rgba(246, 244, 241, 0.95) 35%, rgba(246, 244, 241, 0.55) 60%, rgba(246, 244, 241, 0.10) 100%);
    z-index: 1;
}
}

@media(max-width:768px){

  .hkx-about-section{
    padding:90px 0 60px;
  }

  .hkx-about-title{
    font-size:48px;
  }

  .hkx-about-subtitle{
    font-size:30px;
  }

  .hkx-about-images{
    min-height:650px;
  }

  .hkx-main-circle{
    width:290px;
    height:290px;
    top:150px;
  }

  .hkx-small-circle{
    width:160px;
    height:160px;
  }

  .hkx-circle-top{
    top: 0px;
    right:10px;
  }

  .hkx-circle-bottom{
    bottom: 10px;
    right: 25px;
  }

  .hkx-rice-image{
    width:190px;
    bottom:70px;
  }

  .hkx-about-stats{
    grid-template-columns:1fr;
    border-radius:28px;
  }

  .hkx-stat-box{
    justify-content:flex-start;
    padding-left:15px;
  }
.hkx-about-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(246, 244, 241, 0.98) 0%, rgba(246, 244, 241, 0.95) 35%, rgba(246, 244, 241, 0.55) 60%, rgba(246, 244, 241, 0.10) 100%);
    z-index: 1;
}
}

@media(max-width:480px){

  .hkx-about-title{
    font-size:40px;
  }

  .hkx-about-subtitle{
    font-size:24px;
  }

  .hkx-about-text{
    font-size:15px;
  }

  .hkx-mini-box{
    width:100%;
    justify-content:center;
  }

  .hkx-about-images{
    min-height:540px;
  }

  .hkx-main-circle{
    width: 250px;
    height: 250px;
  }

  .hkx-small-circle{
    width: 200px;
    height: 200px;
  }
.hkx-about-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgb(246 244 241 / 0%) 0%, rgb(246 244 241 / 0%) 35%, rgb(246 244 241 / 0%) 60%, rgb(246 244 241 / 0%) 100%);
    z-index: 1;
}
}
/* =========================================
   HIMALAYAN MENU SECTION
========================================= */

/* =========================================
   MENU SECTION MAIN
========================================= */

.hmn-menu-section{
    width:100%;
    position:relative;
    overflow:hidden;

    padding-top:110px;
    padding-bottom:90px;

    background-image:url("../img/menu-bg.png");
    background-position:center;
    background-repeat:no-repeat;

    /* Background zoom na hove */
    background-size:cover;
}

/* DARK OVERLAY */

.hmn-menu-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 45%) 40%, rgb(0 0 0 / 20%) 100%);
  z-index:1;
}

/* =========================================
   CONTAINER
========================================= */

.hmn-menu-container{
    width:100%;

    /* More width */
    max-width:1800px;
    margin:0 auto;

    /* Proper left-right spacing */
    padding-left:40px;
    padding-right:40px;
    position:relative;
    z-index:5;
    padding-top: 40px;
    padding-bottom: 40px;
}

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

.hmn-menu-heading-wrap{
    text-align:center;
    margin-bottom:90px;
}
.hmn-menu-icon{
  font-size:70px;
  color:#f07a13;
  margin-bottom:20px;
}

.hmn-menu-title{
 font-size:120px;
 line-height:1;
 margin-bottom:20px;
 font-weight:600;
 color:#fff;
 margin-bottom:22px;
 letter-spacing:2px;
 font-family: 'Oswald',sans-serif;
}

.hmn-menu-title span{
  color:#f07a13;
}

.hmn-menu-divider{
  width:340px;
  height:2px;
  background:#f07a13;
  margin:0 auto 28px;
  position:relative;
}

.hmn-menu-divider span{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:18px;
  height:18px;
  border:2px solid #f07a13;
  transform:translate(-50%,-50%) rotate(45deg);
  background:#050505;
}

.hmn-menu-subtitle{
 
  color:#f4f4f4;
 font-size:26px;
    line-height:1.7;
  font-weight:400;
  letter-spacing:0.5px;
}

/* =========================================
   GRID
========================================= */
.hmn-menu-grid{
    display:grid;

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

    gap:20px;

    align-items:start;
}


/* CARD */

.hmn-menu-card{
    position:relative;

    text-align:center;

    padding-left:15px;
    padding-right:15px;
}

.hmn-menu-card::after{
    content:"";

    position:absolute;

    top:10px;
    right:-10px;

    width:1px;
    height:400px;

    background:
    rgba(240,122,19,0.30);
}

.hmn-menu-card:last-child::after{
  display:none;
}

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

.hmn-menu-image-wrap{
    margin-bottom:35px;

    min-height:280px;

    display:flex;
    align-items:center;
    justify-content:center;
}
/* Images */

.hmn-menu-image{
    width:100%;
    max-width:320px;
    height:auto;

    object-fit:contain;

    transition:.4s ease;
}

.hmn-brush-bg{
  position:absolute;
  width:280px;
  height:280px;
  border-radius:50%;
  background:
  radial-gradient(
    circle,
    rgba(240,122,19,0.18) 0%,
    rgba(240,122,19,0.02) 70%
  );
  filter:blur(8px);
}

.hmn-menu-image{
  width: 360px;
  position:relative;
  z-index:5;
  filter:drop-shadow(0 25px 35px rgba(0,0,0,0.55));
  transition:0.5s ease;
}

.hmn-menu-card:hover .hmn-menu-image{
  transform:translateY(-12px) scale(1.03);
}

/* TITLE */

.hmn-card-title{
  font-family: 'Oswald',sans-serif;
      font-size:64px;

  color:#fff;
  font-weight:500;
     margin-bottom:16px;
  text-transform:uppercase;
}

.hmn-card-divider{
  width:110px;
  height:2px;
  background:#f07a13;
  margin:0 auto 30px;
  position:relative;
}

.hmn-card-divider::before{
  /* content:"â—†"; */
  position:absolute;
  left:50%;
  top:-13px;
  transform:translateX(-50%);
  color:#f07a13;
  font-size:14px;
  background:#050505;
  padding:0 8px;
}

.hmn-card-text{
  font-size:24px;
  line-height:1.9;
  color:#f2f2f2;
 max-width:340px;

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

    margin-bottom:35px;

    font-size:20px;
    line-height:1.9;
}

/* BUTTON */

.hmn-order-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;

  font-size:28px;
  color:#f07a13;
  text-transform:uppercase;
  font-weight:500;
  letter-spacing:1px;
    margin-top:5px;

  transition:0.4s ease;
}

.hmn-order-btn i{
  transition:0.4s ease;
}

.hmn-order-btn:hover{
  color:#fff;
}

.hmn-order-btn:hover i{
  transform:translateX(8px);
}

/* BOTTOM LINE */

.hmn-bottom-divider{
  width:100%;
  margin-top:90px;
  height:2px;
  background:rgba(240,122,19,0.35);
  position:relative;
}

.hmn-bottom-divider span{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:24px;
  height:24px;
  background:#f07a13;
  clip-path:polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );
}

/* =========================================
   ANIMATION
========================================= */

.hmn-menu-card{
  animation:hmnFadeUp 1s ease;
}

@keyframes hmnFadeUp{

  from{
    opacity:0;
    transform:translateY(80px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1600px){

  .hmn-menu-title{
    font-size:110px;
  }

  .hmn-card-title{
    font-size:58px;
  }

  .hmn-card-text{
    font-size:21px;
  }

}

@media(max-width:1200px){

  .hmn-menu-grid{
    grid-template-columns:repeat(2,1fr);
    gap:70px 40px;
  }

  .hmn-menu-card::after{
    display:none;
  }

}

@media(max-width:991px){

  .hmn-menu-section{
    background-size:cover;
    background-position:center;
  }

  .hmn-menu-container{
    padding:0 24px;
  }

  .hmn-menu-title{
    font-size:82px;
  }

  .hmn-menu-subtitle{
    font-size:22px;
  }

  .hmn-card-title{
    font-size:48px;
  }

  .hmn-card-text{
    font-size:18px;
  }

  .hmn-order-btn{
    font-size:22px;
  }

}

@media(max-width:768px){

  .hmn-menu-section{
    padding:90px 0 70px;
  }

  .hmn-menu-grid{
    grid-template-columns:1fr;
    gap:70px;
  }

  .hmn-menu-heading-wrap{
    margin-bottom:70px;
  }

  .hmn-menu-title{
    font-size:58px;
  }

  .hmn-menu-divider{
    width:220px;
  }

  .hmn-menu-subtitle{
    font-size:18px;
    line-height:1.8;
  }

  .hmn-card-title{
    font-size:42px;
  }

  .hmn-card-text{
    font-size:16px;
  }

  .hmn-menu-image{
    width:260px;
  }

}

@media(max-width:480px){

  .hmn-menu-title{
    font-size:44px;
  }

  .hmn-menu-subtitle{
    font-size:15px;
  }

  .hmn-card-title{
    font-size:34px;
  }

  .hmn-order-btn{
    font-size:18px;
  }

}
/* MENU ICON IMAGE */

.hmn-menu-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
}

.hmn-menu-icon-img{
  width:150px;
  height:auto;
  object-fit:contain;

  filter:
  drop-shadow(0 10px 20px rgba(240,122,19,0.18));

  transition:0.4s ease;
}

.hmn-menu-icon-img:hover{
  transform:translateY(-6px) scale(1.03);
}

/* RESPONSIVE */

@media(max-width:991px){

  .hmn-menu-icon-img{
    width:120px;
  }

}

@media(max-width:768px){

  .hmn-menu-icon-img{
    width:95px;
  }

}

@media(max-width:480px){

  .hmn-menu-icon-img{
    width:78px;
  }

}

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

@media(min-width:1700px){

    .hmn-menu-container{
        max-width:1900px;
        padding-left:60px;
        padding-right:60px;
    }

    .hmn-menu-grid{
        gap:30px;
    }

    .hmn-menu-image{
        max-width:360px;
    }
}

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

@media(max-width:1200px){

    .hmn-menu-grid{
        grid-template-columns:repeat(2,1fr);
        gap:60px 30px;
    }

    .hmn-menu-card::after{
        display:none;
    }

    .hmn-menu-title{
        font-size:90px;
    }
}

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

@media(max-width:768px){

    .hmn-menu-container{
        padding-left:25px;
        padding-right:25px;
    }

    .hmn-menu-grid{
        grid-template-columns:1fr;
        gap:70px;
    }

    .hmn-menu-title{
        font-size:60px;
    }

    .hmn-card-title{
        font-size:42px;
    }

    .hmn-menu-image{
        max-width:280px;
    }

    .hmn-card-text{
        font-size:16px;
    }
}

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

@media(max-width:480px){

    .hmn-menu-section{
        padding-top:80px;
        padding-bottom:60px;
    }

    .hmn-menu-container{
        padding-left:18px;
        padding-right:18px;
    }

    .hmn-menu-title{
        font-size:44px;
    }

    .hmn-menu-subtitle{
        font-size:15px;
    }

    .hmn-card-title{
        font-size:34px;
    }

    .hmn-order-btn{
        font-size:18px;
    }
}
/* ==========================
   IMAGE ANIMATION DEFAULT
========================== */

.hkx-main-circle,
.hkx-circle-top,
.hkx-circle-bottom{
    opacity:0;
    transition:
    transform .8s ease,
    opacity .8s ease,
    box-shadow .4s ease;
}

/* MAIN IMAGE */

.hkx-main-circle{
    transform:translateY(100px) scale(.85);
}

/* TOP IMAGE */

.hkx-circle-top{
    transform:translateX(80px) scale(.8);
}

/* BOTTOM IMAGE */

.hkx-circle-bottom{
    transform:translateX(-80px) scale(.8);
}

/* ACTIVE */

.hkx-main-circle.hkx-show,
.hkx-circle-top.hkx-show,
.hkx-circle-bottom.hkx-show{
    opacity:1;
    transform:translate(0,0) scale(1);
}

/* ==========================
   HOVER EFFECTS
========================== */

.hkx-main-circle{
    transition:
    transform .5s ease,
    box-shadow .5s ease;
}

.hkx-main-circle:hover{
    transform:translateY(-15px) scale(1.04);

    box-shadow:
    0 30px 60px rgba(240,122,19,.35);
}

.hkx-small-circle{
    transition:
    transform .5s ease,
    box-shadow .5s ease;
}

.hkx-small-circle:hover{
    transform:translateY(-10px) scale(1.08);

    box-shadow:
    0 20px 40px rgba(240,122,19,.30);
}

/* IMAGE ZOOM */

.hkx-main-food,
.hkx-circle-img{
    transition:transform .6s ease;
}

.hkx-main-circle:hover .hkx-main-food{
    transform:scale(1.08);
}

.hkx-small-circle:hover .hkx-circle-img{
    transform:scale(1.12);
}

/* FLOATING EFFECT */

.hkx-circle-top{
    animation:hkxFloatTop 5s ease-in-out infinite;
}

.hkx-circle-bottom{
    animation:hkxFloatBottom 6s ease-in-out infinite;
}

@keyframes hkxFloatTop{

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

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

@keyframes hkxFloatBottom{

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

    50%{
        transform:translateY(12px);
    }
}
/* =====================================
   RESERVATION SECTION
===================================== */

.rsvx-reservation-section{
  width:100%;
  position:relative;
  overflow:hidden;
  padding:120px 0 90px;
  background-image:url("../img/reservation-bg.png");
  background-repeat:no-repeat;

  /* zoom na hove */
  background-size: cover;
  background-position:center center;
  background-color:#f7f4ef;
}

.rsvx-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgb(247 244 239 / 0%) 0%, rgb(247 244 239 / 0%) 50%, rgba(247, 244, 239, .92) 100%);
}

.rsvx-container{
  width:100%;
  max-width:1700px;
  margin:auto;
  padding:0 40px;
  position:relative;
  z-index:2;
}

.rsvx-wrapper{
  display:flex;
  align-items:center;
  justify-content: center;
  gap:60px;
}

/* LEFT */

.rsvx-left{
  width:42%;
  text-align:center;
}

.rsvx-logo{
  width:380px;
  margin:0 auto 40px;
}

.rsvx-food-image{
  width:100%;
  max-width:780px;
}

/* RIGHT */

.rsvx-right{
  width:58%;
}

.rsvx-tagline{
  display:block;
  text-align:center;

  color:#f17809;

  font-size:28px;
  letter-spacing:4px;
  font-weight:600;

  margin-bottom:10px;
}

.rsvx-title{
  text-align:center;

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

  font-size:110px;
  line-height:1;

  color:#111;

  margin-bottom:10px;
}

.rsvx-subtitle{
  text-align:center;

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

  margin-bottom:20px;
}

.rsvx-description{
  text-align:center;

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

  max-width:700px;
  margin:0 auto 35px;
}

.rsvx-booking-box{
  background:#fff;

  border-radius:28px;

  padding:15px;

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

.rsvx-note{
  text-align:center;

  margin-top:25px;

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

  color:#222;
}
/* =====================================
   MOBILE FIX
===================================== */

@media (max-width: 768px){

  .rsvx-container{
    padding:0 20px;
  }

  .rsvx-wrapper{
    display:block;
  }

  .rsvx-right{
    width:100%;
    max-width:100%;
    text-align:center;
  }

  .rsvx-tagline{
    display:block;
    font-size:16px;
    letter-spacing:2px;
    margin-bottom:12px;
  }

  .rsvx-title{
    font-size:52px;
    line-height:1.05;
    margin-bottom:15px;

    /* prevent weird word breaking */
    word-break:normal;
    overflow-wrap:normal;
  }

  .rsvx-subtitle{
    font-size:24px;
    line-height:1.4;

    max-width:100%;
    margin:0 auto 20px;

    word-break:normal;
  }

  .rsvx-description{
    width:100%;
    max-width:100%;

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

    margin:0 auto 25px;

    word-break:normal;
  }

  .rsvx-booking-box{
    width:100%;
    padding:10px;
    border-radius:20px;
  }

  #restaurantBooking{
    width:100%;
    height: auto;
    display:block;
  }

  .rsvx-note{
    font-size:15px;
    line-height:1.6;
    padding:0 10px;
  }

}
/* ===== TESTIMONIAL SECTION ===== */

.hk-testimonial-wrap{
    position:relative;
    width:100%;
    padding:120px 0 90px;
    overflow:hidden;

    /* SECOND ATTACHED IMAGE */
    background:url("../img/testimonial-bg.png") center center/cover no-repeat;
}

.hk-testimonial-overlay{
    position:absolute;
    inset:0;
    /* background:rgba(255,248,240,0.50); */
}

.hk-testimonial-container{
    position:relative;
    z-index:2;
    max-width:1400px;
    margin:auto;
    padding:0 20px;
}

/* Heading */

.hk-testimonial-heading{
    text-align:center;
    margin-bottom:70px;
}

.hk-subtitle{
    display:inline-block;
    color:#f57c00;
    font-size:20px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:18px;
    text-transform:uppercase;
    font-family:'Poppins',sans-serif;
}

.hk-testimonial-heading h2{
    font-size:clamp(55px,8vw,130px);
    line-height:1;
    font-weight:900;
    color:#111;
    margin-bottom:20px;
    text-transform:uppercase;
    font-family:'Oswald',sans-serif;
}

.hk-testimonial-heading p{
    font-size:28px;
    color:#222;
    font-family:'Poppins',sans-serif;
}

/* Slider */

.hk-testimonial-slider{
    overflow:hidden;
}

.hk-testimonial-track{
    display:flex;
    gap:30px;
    transition:0.6s ease;
}

/* Card */

.hk-testi-card{
    min-width:calc(33.333% - 20px);
    background:#fff;
    border-radius:28px;
    text-align:center;
    padding: 100px 35px 40px;
    position:relative;
    box-shadow:
    0 15px 45px rgba(0,0,0,.12);
}

.hk-quote-icon{
    position:absolute;
    top: 10px;
    left:50%;
    transform:translateX(-50%);
    width:90px;
    height:90px;
    background:#fff;
    border-radius:50%;
    border:2px solid #f57c00;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    color:#f57c00;
}

.hk-stars{
    color:#f57c00;
    font-size:34px;
    letter-spacing:5px;
    margin-bottom:25px;
}

.hk-testi-card p{
    font-size:28px;
    line-height:1.9;
    color:#333;
    margin-bottom:30px;
    font-family:'Poppins',sans-serif;
}

.hk-line{
    width:100%;
    height:1px;
    background:#f1b37a;
    margin-bottom:25px;
}

.hk-testi-card h4{
    color:#f57c00;
    font-size:32px;
    font-weight:700;
    margin-bottom:8px;
    font-family:'Poppins',sans-serif;
}

.hk-testi-card span{
    color:#666;
    font-size:22px;
}

/* Controls */

.hk-slider-controls{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-top:50px;
}

.hk-nav-btn{
    width:60px;
    height:60px;
    border:none;
    border-radius:50%;
    background:#fff;
    color:#f57c00;
    cursor:pointer;
    font-size:20px;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.hk-dots{
    display:flex;
    gap:10px;
}

.hk-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#ddd;
    cursor:pointer;
}

.hk-dot.active{
    background:#f57c00;
}

/* Tablet */

@media(max-width:1024px){

.hk-testi-card{
    min-width:calc(50% - 15px);
}

.hk-testimonial-heading h2{
    font-size:80px;
}

.hk-testi-card p{
    font-size:20px;
}

}

/* Mobile */

@media(max-width:768px){

.hk-testimonial-wrap{
    padding:80px 0;
}

.hk-testi-card{
    min-width:100%;
}

.hk-testimonial-heading h2{
    font-size:52px;
}

.hk-subtitle{
    font-size:16px;
}

.hk-testimonial-heading p{
    font-size:18px;
}

.hk-testi-card p{
    font-size:18px;
    line-height:1.8;
}

.hk-testi-card h4{
    font-size:24px;
}

.hk-testi-card span{
    font-size:16px;
}

.hk-stars{
    font-size:24px;
}
}
/*==========================
      FOOTER SECTION
==========================*/

.hk-footer-sec{
    position:relative;
    overflow:hidden;
    background: #ffffff;
    color:#ffffff;
    padding-top:80px;
}

.hk-footer-overlay{
    position:absolute;
    inset:0;
    background: linear-gradient(rgb(255 255 255 / 85%), rgb(255 255 255 / 92%));
}

.hk-footer-container{
    position:relative;
    z-index:2;
    max-width:1400px;
    margin:auto;
    padding: 70px 30px 70px;
    display:grid;
    grid-template-columns:
    1.3fr
    1fr
    1fr
    1.2fr;
    gap:50px;
    align-items: start;
}

.hk-footer-logo{
    width: 180px;
    max-width:100%;
    margin-bottom: 0px;
}

.hk-footer-about{
    color: #000000;
    line-height:1.9;
    font-size:16px;
    /* margin-bottom:30px; */
    font-weight: 600;
}

/* Titles */

.hk-footer-box h3{
    color: #ff8715;
    font-size:26px;
    font-weight:700;
    margin-bottom:25px;
    position:relative;
    text-transform: uppercase;
    font-family: 'Oswald';
}

.hk-footer-box h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;

    width:70px;
    height:2px;

    background:#ff8c00;
}

/* Lists */

.hk-footer-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.hk-footer-box ul li{
    display:flex;
    gap:12px;
    align-items:flex-start;
    margin-bottom:18px;
    color: #000000;
    line-height:1.8;
    font-weight: 600;
}

.hk-footer-box ul li i{
    color:#ff8c00;
    margin-top:6px;
    min-width:20px;
}

/* Hours */

.hk-hours-list li{
    justify-content:space-between;
    border-bottom:1px solid rgba(255,255,255,.1);
    padding-bottom:12px;
}

/* Social Icons */

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

.hk-footer-social a{
    width:48px;
    height:48px;

    border-radius:50%;
    background:#1d1d1d;

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

    color:#ffffff;
    text-decoration:none;

    transition:.4s;
}

.hk-footer-social a:hover{
    background:#ff8c00;
    transform:translateY(-5px);
}

/* Bottom */

.hk-footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    text-align:center;
    padding:25px 20px;
    color: #ffffff;
    font-size:15px;
    position:relative;
    z-index:2;
    background: black;
}

/*==========================
      RESPONSIVE
==========================*/

@media(max-width:1200px){

.hk-footer-container{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.hk-footer-sec{
    padding-top:60px;
}

.hk-footer-container{
    grid-template-columns:1fr;
    gap:40px;
}

.hk-footer-logo{
    width:180px;
}

.hk-footer-box h3{
    font-size:22px;
}

.hk-hours-list li{
    flex-direction:column;
    gap:5px;
}

.hk-footer-bottom{
    font-size:14px;
}
}

@media(max-width:480px){

.hk-footer-container{
    padding:0 20px 50px;
}

.hk-footer-about{
    font-size:15px;
}

.hk-footer-social a{
    width:42px;
    height:42px;
}
}
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: rgb(252, 97, 67);
    padding: 12px 22px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 15px;
    z-index: 999;
    animation: 2s ease 0s infinite normal none running pulse;
    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: rgb(252, 97, 67);
}

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

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

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

@media (max-width: 600px) {
    .order-btn {
        bottom: 20px;
        left: 20px;
        padding: 10px 18px;
        font-size: 14px;
    }
  }