@media (min-width: 768px) {
    .container-fluid {
      padding: 0 2%;
    }
  }
  html 
  {
    overflow-x: hidden;
  }
  body {
  
    overflow-x: hidden !important;
   
  }
  
  @media (min-width: 1681px) {
  
    .container,
    .container-md {
      max-width: 1300px;
    }
  }
  
  .arrow-center .owl-nav button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: 0;
  }
  
  .arrow-center .owl-nav .owl-prev {
    left: -6rem;
  }
  
  .arrow-center .owl-nav .owl-next {
    right: -6rem;
  }
  
  @media (max-width: 1199px) {
    .arrow-center .owl-nav .owl-prev {
      left: 0rem;
    }
  
    .arrow-center .owl-nav .owl-next {
      right: 0rem;
    }
  }
  
  .bk-obj-md-cover img,
  .bk-obj-cover img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  
  html {
    font-size: 0.9rem;
  }
  
  body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000000;
    font-size: 1rem;
    /* font-weight: 300; */
    line-height: 1.8;
  }
  
  @media (min-width: 768px) {
    body {
      font-size: 1.1rem;
    }
  }
  
  a {
    text-decoration: none;
    outline-width: 0;
  }
  
  a:hover {
    text-decoration: none;
    outline-width: 0;
  }
  
  a:active {
    text-decoration: none;
    outline-width: 0;
  }
  
  
  a:focus {
    text-decoration: none;
    outline-width: 0;
  }
  
  a {
    color: #000000;
  }
  
  a:hover {
    color: #000000;
  }
  
  
  
  b {
    font-weight: 600;
  }
  
  strong {
    font-weight: 700;
  }
  
  hr {
    border-color: #000000;
  }
  
  sup {
    font-size: 80%;
  }
  
  fieldset label {
    font-weight: 600;
    margin-bottom: 0.25rem;
  }
  
  .d-flex-parent>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .flex-wrap-parent>* {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .bk-page-nav {
    background-color: #ffffff;
    text-align: center;
  }
  
  .bk-page-nav a {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  
  ::-moz-selection {
    color: #ffffff;
    background-color: var(--mainColor) !important;
  }
  
  ::selection {
    color: #ffffff;
    background-color: var(--mainColor) !important;
  }
  
  .spacing {
    padding: 3rem 0rem;
  }
  
  @media (min-width: 768px) {
    .spacing {
      padding: 4rem 0rem;
    }
  }
  
  @media (min-width: 1200px) {
    .spacing {
      padding: 6em 0rem;
    }
  }
  
  @media (min-width: 1681px) {
    .spacing {
      padding: 7rem 0rem;
    }
  }
  
  .spacing-top {
    padding-top: 3rem;
  }
  
  @media (min-width: 768px) {
    .spacing-top {
      padding-top: 4rem;
    }
  }
  
  @media (min-width: 1200px) {
    .spacing-top {
      padding-top: 6em;
    }
  }
  
  @media (min-width: 1681px) {
    .spacing-top {
      padding-top: 7rem;
    }
  }
  
  .spacing-bottom {
    padding-bottom: 3rem;
  }
  
  @media (min-width: 768px) {
    .spacing-bottom {
      padding-bottom: 4rem;
    }
  }
  
  @media (min-width: 1200px) {
    .spacing-bottom {
      padding-bottom: 6em;
    }
  }
  
  @media (min-width: 1681px) {
    .spacing-bottom {
      padding-bottom: 7rem;
    }
  }
  
  .p-mgb-2 p {
    margin-bottom: 1rem;
  }
  
  @media (min-width: 575px) {
    .p-mgb-2 p {
      margin-bottom: 2rem;
    }
  }
  
  
  .zigzag-curve {
    position: relative;
    width: 100%;
    height: 93px;
    /* background-color: #f2f2f2; */
    overflow: hidden;
  }
  
  .zigzag-curve::before {
    content: "";
    display: block;
    position: absolute;
    top: -32px;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    z-index: 1;
    background: url(.././images/14/shape.png);
    background-size: contain;
    /* filter: invert(1); */
    /* transform: skewX(162deg); */
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  .cta-section {
    padding-bottom: 10rem;
    position: relative;
  }
  
  .cta-section .zigzag-curve {
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .white-bk::before {
    content: "";
    display: block;
    position: absolute;
    top: -32px;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    z-index: 1;
    background: url(.././images/14/shape.png);
    background-size: contain;
    /* filter: invert(1); */
    /* transform: skewX(162deg); */
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  
  .cta-shape.zigzag-curve::before {
    top: 26px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  
  .image-container {
    position: relative;
   margin-bottom: 1.5rem;
    overflow: hidden;
  }
  .pdb-5{
    padding-bottom: 5rem;
  }
  section#about {
    min-height: 32vh;
    display: flex;
    align-items: center;
}
.mgb-4 
{
  margin-bottom: 4rem;
}
@media(max-width:767px)
{
  .info-item {
    margin-bottom: 1rem;
}
}
  .image-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-clip-path: url(#clip-path);
    clip-path: url(#clip-path);
    /* Reference the SVG shape as the clip path */
  }
  
  .clip-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    /* Hide the SVG shape visually */
  }
  
  .gallery-section {
    background: var(--mainColor);
  }
  svg.zigzag-curve-testi-top path {
    fill: var(--mainBgColor);
  }
  
  /* .gallery-section .h2 {
    color: rgb(255, 255, 255)!important;
  } */
  
  .zigzag-curve-banner-bottom {
    width: 101%;
    position: absolute;
    z-index: 9;
    bottom: -4px;
    left: -0.5%;
  }
  
  .zigzag-curve-banner-bottom path {
    fill: white;
  }
  
  /* .about-section {
    background: var(--mainBgColor);
  } */
  .about-section iframe {
    border: 0;
    width: 100%;
  }
  .menu_3_wrapper.d-19-spacing.pdl-menu-page {
    min-height: 40vh;
}
  .about-section figure {
    position: relative;
    z-index: 2;
  }
  .about-section .left-bk {
    padding: 4rem 9rem 4rem 4rem;
    background: var(--mainBgColor);
    color: white;
    border-radius: 15px;
   
    position: relative;
  }


  @media(max-width:767px){
  .about-section .left-bk 
  {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  }
.about-section .right-bk {
    position: absolute;
    width: 66%;
    color: #fff;
    right: 0;
    top: 60px;
}
/* .about-section .left-bk:before {
  position: absolute;
  right: -87%;
  top: 0;
  content: '';
  background: var(--mainColor);
  width: 100%;
  height: 100%;
  z-index: -1;
} */
section.spacing.about-section.no-image .left-bk:before
{
  display: none;
}
  @media(max-width:1199px)
  {
    .about-section .right-bk
    {
      position: relative;
      top: 0;
      width: 100%;
    }
    .about-section .left-bk:before
    {
      display: none;
    }
  }
  .about-section .bk-image {
    position: relative;
   
    margin-bottom: 0;
    border: 1px solid rgba(255, 255 ,255, 0.5);
  }
  /* .about-section .image-bg {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 470px;
  } */
  
  .about-section {
    position: relative;
    padding-bottom: 11.5rem;
    z-index: 1;
    background-color: #f5efe6;
    

  }
  @media(max-width:767px)
  {
    .about-section {
      
      padding-bottom: 3rem;
    }
  }
  
  .image-bg path {
    fill: rgba(255, 255, 255, 0.25);
  }
  
  @-webkit-keyframes flare {
    0% {
      width: 0;
      left: -10%;
    }
  
    50% {
      width: 50%;
    }
  
    100% {
      width: 0;
      left: 110%;
    }
  }
  
  @keyframes flare {
    0% {
      width: 0;
      left: -10%;
    }
  
    50% {
      width: 50%;
    }
  
    100% {
      width: 0;
      left: 110%;
    }
  }
  
  
  
  .btn path {
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
  }
  
  .btn:hover path {
    fill: var(mainBgColor) !important;
  }
  
  .white-btn {
    background-color: #ffffff;
    border: none;
    color: var(--mainColor) !important;
  }
  
  .white-btn path {
    fill: var(mainBgColor) !important;
  }
  
  .white-btn:hover {
    background-color: #000000;
    color: #ffffff;
  }
  
  .white-btn:hover path {
    fill: #ffffff;
  }
  
  
  
  
  
  
  
  .view-more {
    padding: 0.8rem 2.5rem;
  }
  
  a {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  
  .btn-border {
    background-color: transparent;
    color: var(--mainColor) !important;
    border-color: var(--mainColor) !important;
  }
  
  .btn-border:active,
  .btn-border:focus {
    background-color: transparent;
    color: var(--mainColor) !important;
    border-color: var(--mainColor) !important;
  }
  
  .btn-border:hover {
    background-color: transparent;
    color: var(--mainColor) !important;
    border-color: var(--mainColor) !important;
  }
  
  .btn-light {
    background-color: #ffffff;
    color: var(--mainColor) !important;
    border-color: #ffffff;
  }
  
  .btn-light:active,
  .btn-light:focus {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
  }
  
  .btn-light:hover {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
  }
  
  .btn-light.btn-border {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
  }
  
  .btn-light.btn-border:active,
  .btn-light.btn-border:focus {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
  }
  
  .btn-light.btn-border:hover {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
  }
  
  .btn-primary {
    background-color: var(--mainColor) !important;
    border-color: var(--mainColor) !important;
    color: #000000;
  }
  
  @-webkit-keyframes right {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 0;
    }
  
    30% {
      opacity: 1;
    }
  
    60% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
      opacity: 0;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  @keyframes right {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 0;
    }
  
    30% {
      opacity: 1;
    }
  
    60% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
      opacity: 0;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  .btn-link {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--mainColor) !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    padding: 0.5rem 3rem 0.5rem 0;
  }
  
  .btn-link:hover {
    color: var(--mainColor) !important;
    text-decoration: none;
  }
  
  .btn-link:hover::after {
    -webkit-animation: right 2s infinite;
    animation: right 2s infinite;
  }
  
  .btn-link::after {
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: 0.5rem;
    content: "";
    vertical-align: middle;
    background-image: url("../images/icon-arrow-right.svg");
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .bk-pagination {
    margin-top: 2rem;
  }
  
  .bk-pagination a,
  .bk-pagination span {
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    border: solid 1px var(--mainColor) !important;
    border-radius: 50%;
    margin: 0 2px;
    padding: 0 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: var(--mainColor) !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  
  .bk-pagination a:hover,
  .bk-pagination span:hover {
    border-color: var(--mainColor) !important;
    background-color: var(--mainColor) !important;
    color: #ffffff;
  }
  
  .bk-pagination a {
    cursor: pointer;
  }
  
  .bk-pagination .current {
    border-color: var(--mainColor) !important;
    background-color: var(--mainColor) !important;
    color: #ffffff;
  }
  
  .bk-breadcrumb a {
    display: block;
    margin-left: 0.5rem;
  }
  
  .bk-breadcrumb i {
    margin-left: 0.5rem;
  }
  
  .h1,
  h1 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    text-transform: capitalize;
  }
  
  @media (min-width: 575px) {
  
    .h1,
    h1 {
      font-size: 2.5rem;
      line-height: 4.2rem;
    }
  }
  
  @media (min-width: 992px) {
  
    .h1,
    h1 {
      font-size: 3rem;
    }
  }
  
  .h1,
  h1,
  .h2,
  h2,
  .h3,
  h3 {
    margin-bottom: 1rem;
  }
  
  .h2,
  h2 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2rem;
  }
  
  @media (min-width: 768px) {
  
    .h2,
    h2 {
      font-size: 2rem;
      line-height: 2.2rem;
    }
  }
  
  .h3,
  h3 {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2rem;
  }
  
  @media (min-width: 768px) {
  
    .h3,
    h3 {
      font-size: 1.5rem;
    }
  }
  
  h2.h2,
  h2 {
    font-size: 35px;
    font-weight: 600;
    position: relative;
  }
  
  .border-radius {
    border-radius: 1.2rem;
  }
  
  .radius {
    border-radius: 1.2rem;
  }
  
  .radius-0 {
    border-radius: 1.2rem;
  }
  
  .radius-1 {
    border-radius: 1.5rem;
  }
  
  .radius-2 {
    border-radius: 1.8rem;
  }
  
  .radius-3 {
    border-radius: 2.1rem;
  }
  
  .radius-4 {
    border-radius: 2.4rem;
  }
  
  .radius-5 {
    border-radius: 2.7rem;
  }
  
  .radius-6 {
    border-radius: 3rem;
  }
  
  .radius-7 {
    border-radius: 3.3rem;
  }
  
  .radius-8 {
    border-radius: 3.6rem;
  }
  
  .radius-9 {
    border-radius: 3.9rem;
  }
  
  .radius-10 {
    border-radius: 4.2rem;
  }
  
  .bk-obj-cover {
    width: 100%;
    padding-bottom: 100%;
    margin-bottom: 0;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
  }
  
  @media (min-width: 768px) {
    .no-gutters .bk-obj-md-cover {
      left: 0;
      right: 0;
    }
  }
  
  .bk-obj-md-cover {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 80%;
    position: relative;
    z-index: 0;
  }
  
  @media (min-width: 768px) {
    .bk-obj-md-cover {
      width: auto;
      height: 100%;
      padding-bottom: 0;
      position: absolute;
      top: 0;
      left: 15px;
      right: 15px;
    }
  }
  
  blockquote {
    font-size: 1rem;
    font-style: italic;
    margin-bottom: 0;
  }
  
  blockquote p {
    display: inline-block;
    margin-bottom: 0;
  }
  
  blockquote cite {
    font-family: -apple-system, BlinkMacSystemFont, "Poppins", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
  }
  
  .relative {
    position: relative;
  }
  
  .img-w-100 img {
    width: 100%;
  }
  
  .zigzag-curve-footer {
    background: var(--mainColor) !important;
    position: absolute;
    top: 0px;
    left: 0;
    left: -3px;
    width: 101%;
  }
  
  .zigzag-curve-footer path {
    fill: black;
  }
  
  .zigzag-curve-footer-top {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    bottom: -2px;
    left: 0;
    left: -3px;
    width: 101%;
  }
  
  .zigzag-curve-footer-top path {
    fill: var(--mainBgColor);
  }
  
  .zigzag-curve-testi-top {
    left: -3px;
    width: 101%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    top: -1px;
  }
  
  .zigzag-curve-testi-top path {
    fill: var(--mainBgColor);
  }
  
  
  
  .zigzag-curve-gallery-top {
    position: absolute;
      width: 101%;
      left: -3px;
      bottom: -4px;
     
      z-index: 9;
  }
  
  .zigzag-curve-gallery-top path {
    fill: rgb(255, 255, 255);
    left: -3px;
  }
  
  .owl-dots span {
    height: 10px;
    width: 10px;
    border: 1px solid #ffffff;
    display: block;
  }
  
  .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* width: 110%; */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    /* position: absolute; */
    top: 50%;
    left: 50%;
    /* -webkit-transform: translateY(-50%); */
    /* transform: translate(-50%, -50%); */
    /* height: 0.1px; */
    margin-top: 3rem;
  }
  .owl-nav button {
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    width: 50px;
    height: 47px;
    z-index: 99;
    position: relative;
    display: block;
    margin: 0 8px;
    transition: 0.3s;
  }
  .owl-nav button:hover
  {
  background-color: var(--mainColor)!important;
  }
  button.owl-prev span {
    color: white;
    font-size: 24px;
  }
  
  
  button.owl-next span {
    color: white;
    font-size: 24px;
  }
  
  button:focus {
    outline: none;
  }
  
  .testimonial-section {
    background: main;
    position: relative;
    border-bottom: 1px solid color-mix(in srgb, var(--mainBgColor), transparent 70%);
  }
  .testimonial-section .owl-dots button {
    margin: 0 10px;
}
  
  .background-primary {
    background-color: var(--mainColor) !important;
  }
  
  .background-secondary {
    background-color: var(--mainColor) !important;
  }
  
  .background-gray {
    background-color: #f7f7f7;
  }
  
  .background-darkgray {
    background-color: #cccccc;
  }
  
  .background-white {
    background-color: #ffffff;
  }
  
  .background-black {
    background-color: #ffffff;
  }
  
  .color-black {
    color: #000000;
  }
  
  .color-white {
    color: #ffffff;
  }
  
  .grey-bg {
    background-color: #f7f7f7;
  }
  
  .form-group {
    margin-bottom: 1rem;
  }
  
  .form-group input:not([type="radio"]):not([type="checkbox"]),
  .form-group textarea, .form-group  select {
    width: 100%;
    height: auto;
    border: 1px solid #eeeded;
    padding: 1rem;


   
    outline: 0;
  }
  
  .form-group input::-webkit-input-placeholder,
  .form-group textarea::-webkit-input-placeholder {
    color: #000000;
  }
  
  .form-group input::-moz-placeholder,
  .form-group textarea::-moz-placeholder {
    color: #000000;
  }
  
  .form-group input::-ms-input-placeholder,
  .form-group textarea::-ms-input-placeholder {
    color: #000000;
  }
  
  .form-group input::placeholder,
  .form-group textarea::placeholder {
    color: #000000;
  }
  
  .form-group textarea {
    height: 10rem;
    resize: none;
  }
  
  .form-group .bk-btn {
    margin-top: 3rem;
    margin-left: 1rem;
  }
  
  .testimonial-section {
    text-align: center;
   
  }
  @media(max-width:767px)
  {
    .testimonial-section {
      text-align: center;
      padding-bottom: 8.5rem;
      position: relative;
    }
   
  }
  .testimonial-section p {
    text-align: center;
  }
  
  .testimonial-section figure {
    position: relative;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
  }
  
  .testimonial-section figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .testimonial-section .name-bk {
    font-weight: 400;
   
  }
  span.testimonial-source {
    margin-bottom: 1rem;
    display: block;
}
  .testimonial-section .designation-bk {
    font-weight: 400;
  }
  
  .bk-list ul {
    padding-left: 0;
  }
  
  .bk-list li {
    list-style: none;
  
  
  
    margin-bottom: 1.1rem;
    position: relative;
    padding-left: 2rem;
  }
  a:focus, button:focus, [tabindex]:focus {
    outline: 1px solid color-mix(in srgb, var(--mainColor), transparent 50%) !important; 
    outline-offset: 1px;
}
  .bk-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 1rem;
    height: 1rem;
    background-color: var(--mainColor) !important;
  }
  
  .bk-list li:last-child {
    margin-bottom: 0;
  }
  
  body.admin-bar .bk-header {
    top: 32px;
  }
  
  @media screen and (max-width: 782px) {
    body.admin-bar .bk-header {
      top: 46px;
    }
  }
  
  .bk-mail {
    padding: 0 0rem 0 1.2rem;
    margin-right: 1rem;
  }
  
  @media (min-width: 575px) {
    .bk-mail {
      padding: 0 1.8rem 0 1.2rem;
    }
  }
  
  @media (min-width: 768px) {
    .bk-mail {
      padding: 0 2.4rem 0 1.2rem;
    }
  }
  
  .bk-mail a {
    color: #ffffff;
    text-transform: lowercase;
  }
  
  .bk-mail a path {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  
  .bk-mail a:hover {
    color: var(--mainColor);
  }
  
  .bk-mail a:hover path {
    fill: var(--mainColor);
  }
  
  


 
  
  .footer svg path {
    fill: var(--mainColor);
  }
  
  .footer-logo {
    padding-right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px;
  }
  
  
  .bk-gallery>div[class*=col] {
    margin-bottom: 10px;
  }
  
  .bk-gallery-popup {
    position: relative;
    padding-bottom: 100%;
    display: block;
    border: 1px solid rgba(255, 255 ,255, 0.5);
  }
  
  .bk-gallery-popup img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
  
  /*# sourceMappingURL=app.css.map */
  
  
  .bk-inner-banner {
    height: 400px;
    background: black;
  }
  
  .cta-section {
    padding-bottom: 6rem;
    position: relative;
  }
  
  .zigzag-curve-footer {
    background: #ffffff;
    position: absolute;
    top: -1px;
    left: 0;
    left: -3px;
    width: 101%;
  }
  
  .bk-figure {
    position: relative;
    padding-bottom: 60%;
    border-radius: 25px;
    overflow: hidden;
  }
  
  .bk-figure img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
  }
  
  .section-title {
    font-size: 35px;
    font-weight: 600;
  }
  
  .gutter-bk>div {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .gutter-bk {
    margin-left: -20px;
    margin-right: -20px;
  }
  
  
  svg.zigzag-curve-footer-1 path {
    fill: var(--mainBgColor);
  
  }
  
  svg.zigzag-curve-footer-1 {
    background: var(--mainBgColor);
    width: 101%;
    left: 0.5%;
  
  }
  
  /* .image-container 
  {
    position: relative;
  }
  .image-container svg  
  {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  } */
  
  
  .hero {
    min-height: 30vh;
  }
  
  
  
  .circle-container {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 4px solid white;
  }
  
  .circle-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    clip-path: circle(50%);
  }
  
  
  .circle-container img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  .circle-container {
    width: 500px;
    height: 500px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
  }
  
  button.owl-dot span {
  
      background: rgb(105, 104, 104);
      display: inline-block;
     
  }
  
  
  
  
  .owl-dots {
    text-align: center;
    margin-top: 1rem;
  }
  
  
  .fancybox {
    display: inline-block;
  }
  
  .a {
    text-decoration: none;
  }
  
  .bk-title {
    margin: 0;
    font-size: 48px;
    font-weight: 400;
    font-family: var(--font-primary);
    color: #ce1212;
  }
  
  .inner-banner {
    min-height: auto;
    height: 300px;
  }
  
  .events .event-item {
    position: relative;
  }
  
  .events .event-item {
  
    min-height: 400px;
    margin-bottom: 2rem;
  
  }
  
  .gallery .item {
    margin-bottom: 1rem;
  }
  
  .address-bk {
    padding: 32px;
    background: #eeeeee;
    position: relative;
    padding-top: 50px;
    padding-bottom: 45px;
    text-align: center;
  }
  
  @media (max-width:991px) {
    .address-bk {
      margin-bottom: 6rem;
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .mgb--6 {
      margin-bottom: -6rem;
    }
  }
  
  ul.contact-bk li a {
    color: black;
  }
  
  ul.contact-bk {
    list-style: none;
    padding: 31px 50px;
    margin-bottom: 0;
    width: auto;
    /* padding-left: 10px; */
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
    justify-content: center;
    /* margin-bottom: 1rem; */
    background: #ffffffe3;
    border: 1px solid #bbb9b9;
    display: inline-block;
    /* margin: auto; */
    width: 100%;
  }
  
  ul.contact-bk li:last-child {
    margin-bottom: 0;
  }
  
  .nav-bk {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    margin: 0;
    /* margin-bottom: 0.5rem; */
    align-items: stretch;
    justify-content: center;
    margin-bottom: 8px;
  }
  
  ul.nav-bk.flex-column li {
    margin-bottom: 10px;
  }
  
  .nav-bk a {
    color: black;
    font-size: 16px;
  }
  
  ul.contact-bk span.icon-bk {
    margin-right: 8px;
    margin-bottom: 4px;
  }
  
  ul.contact-bk li {
    margin-bottom: 1.3rem;
  }
  
  .address-bk .title-bk {
    position: absolute;
    left: 50%;
    top: -32px;
    font-weight: 600;
    transform: translateX(-50%);
    font-size: 19px;
    background: white;
    padding: 10px 37px;
    box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    transition: 0.3s;
    min-width: 200px;
    text-align: center;
  }
  
  ul.contact-bk li {
    margin-bottom: 1.3rem;
  }
  
  .address-bk:hover .title-bk {
    background: black;
    color: white;
  }
  
  a.btn.btn-bk {
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    font-size: 16px;
    background: #ce1213;
    padding: 10px 21px;
    box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    transition: 0.3s;
    color: white;
  }
  
  a.btn.btn-bk:hover {
    background: black;
    color: white;
  }
  
  ul.nav-bk li a {
    padding: 4px 13px;
    position: relative;
    display: inline-block;
    margin: 0 4px;
    border: 1px solid #ce1213;
    border-radius: 16px;
    /* width: 98px; */
    text-align: center;
    font-size: 15px;
    transition: 0.4s;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    /* background: #e24142; */
    color: #ce1213;
  }
  
  ul.nav-bk li a:hover {
    background: #ce1213;
    color: white !important;
  }
  
  ul.nav-bk li:last-child a:after {
    display: none;
  }
  
  .map-bk {
  
    width: 45%;
    filter: grayscale(1);
    padding-right: 10px;
  }
  
  .bk-contact {
    justify-content: space-between;
    margin-bottom: 1.5rem;
  }
  
  
  .gallery a.btn-gallery {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 36px;
    border-radius: 50px;
    transition: 0.5s;
    color: #fff;
    background: var(--color-primary);
    box-shadow: 0 8px 28px rgba(206, 18, 18, 0.2);
  }
  
  ul.contact-bk li a span {
    display: block;
  }
  
  @media (max-width:991px) {
    .hero {
      width: 100%;
      background-size: cover;
      position: relative;
      min-height: 60vh;
      padding: 100px 0 60px 0;
    }
  
  }
  
  @media(max-width:560px) {
    .circle-container {
      width: 300px;
      height: 300px;
      margin: auto;
  
    }
  }
  
  .contact-bk {
    text-align: center;
  }
  
  .contact-btn {
    padding: 4px 13px;
    position: relative;
    display: inline-block;
    margin: 0 4px;
    border: 1px solid #ce1213;
    border-radius: 16px;
    /* width: 98px; */
    text-align: center;
    font-size: 15px;
    transition: 0.4s;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    /* background: #e24142; */
    color: #ce1213;
  }
  
  
  .justify-content-lg-right {
    justify-content: right;
  }
  
  @media(max-width:767px) {
    .justify-content-lg-right {
      text-align: center;
      justify-content: center;
    }
  

  }
  
  
  
  .events-section .title-bk {
    margin-bottom: 0rem;
  }
  
  .event-footer {
    background: var(--mainColor);
    border-radius: 0 0 25px 25px;
    padding: 12px 20px;
    color: white;
  }
  
  .events-section figure.bk-image.mgb-0 {
    border-radius: 25px 25px 0 0;
    overflow: hidden;
    background: white;
  }
  
  .events-section .date-bk {
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    background: #f50158;
    padding: 5px 10px;
    border-radius: 15px 0 5px 0px;
    z-index: 99;
    top: 0px;
  
    font-weight: 600;
    font-size: 13px;
    left: 0px;
  }
  
  .bk-event-item {
    position: relative;
    display: block !important;
  }
  
  .bk-event-item:before {
    position: absolute;
    left: 0;
    bottom: -28px;
    width: 100%;
    height: 1px;
    content: '';
    background: #80808054;
  }
  
  .bk-event-item:last-child::before {
    display: none;
  }
  
  .content-bk {
    background: #f1f1f1;
    padding: 26px 32px;
    border-radius: 0 5px 5px 0;
    z-index: 1;
    padding-left: 40px;
    position: relative;
    margin-left: -35px;
    border-right: 4px solid var(--mainColor);
    ;
  }
  
  .content-bk iframe {
    margin-top: 1rem;
  }
  
  .events-section .left-bk {
    filter: drop-shadow(0px 0px 4px gray);
    z-index: 2;
    position: relative;
  }
  
  .events-section .title-bk {
    font-size: 1.6rem;
    line-height: 1.7rem;
  }
  
  
  @media(max-width:767px) {
    .bk-event-item {
      margin-bottom: 2.5rem !important;
  
  
    }
  
    .bk-event-item:last-child {
      margin-bottom: 0rem !important;
  
  
    }
  
    .content-bk {
      margin-left: 0;
      padding-left: 32px;
    }
  
    /* .left-bk {
  
      border-radius: 25px 25px 0 0;
    } */
  
    .content-bk {
      border-right: none;
      border-radius: 0 0 25px 25px;
    }
  
    .event-footer {
      border-radius: 0;
    }
  
    .bk-event-item:before {
      display: none;
    }
  
  }
  
  .bk-image {
    position: relative;
  }
  
  .info-item .title-bk {
    display: flex;
    align-items: center;
  }
  
  .info-item .title-bk h3 {
    margin: 0;
  }
  
  .contact-section .icon-bk {
    padding: 16px;
    /* background: #80808094; */
  }
  
  .title-bk h3 {
    padding: 8px 16px;
  }
  
  .info-item {
    border-radius: 25px;
    overflow: hidden;
  }
  
  .info-item .title-bk {
    display: flex;
    align-items: center;
    background: var(--mainColor);
  }
  
  .contact-section .icon-bk {
    padding: 16px;
    background: black;
    height: 100%;
    color: white;
  }
  
  .info-item .data-bk {
    padding: 15px 25px;
    background: #f1f1f1;
    word-break: break-all;
  
  }
  .captcha 
  {
    margin-left: 0.5rem;
  }
  .contact-section form {
    border: 1px solid #f1f1f1;
    padding: 25px !important;
    border-radius: 25px;
    margin-top: 3rem;
  }
  
  .info-item .title-bk h3 {
    margin: 0;
    color: white;
  }
  
  
  .event-button {
    margin-top: 1rem;
  
  }
  
  .event-button .btn {
    margin: 8px;
    color: white;
  }
  
  .event-button .btn:hover {
    color: #000000;
  }
  
  i.fas.fa-plus-circle {
    margin-right: 5px;
  }
  
  .timing-bk ul.data-bk {
    margin: 0;
    list-style: none;
    padding: 31px 16px;
    text-align: center;
    /* text-align: justify; */
    border: 1px solid #8080802b;
    display: inline-block;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  ul.data-bk li {
    margin: 0 8px;
    background: #f1f1f1;
    padding: 16px;
    margin-bottom: 16px;
    width: 30%;
  }
  
  @media(max-width:760px) {
    ul.data-bk li {
      width: 45%;
    }
  
  }
  
  @media(max-width:560px) {
    ul.data-bk li {
      width: 100%;
    }
  
  }
  
  ul.data-bk span {
    display: block;
    font-weight: 600;
  }
  
  .bk-image img {
    padding: 2rem;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  
  
  /* .bk-image {
    position: relative;
    padding-bottom: 70%;
  } */
  button#submit_btn {
      margin-top: 1.5rem;
  }
  
  body[theme-font="poppins"],
  body[theme-font="poppins"] p,
  body[theme-font="poppins"] li,
  body[theme-font="poppins"] h1,
  body[theme-font="poppins"] h2,
  body[theme-font="poppins"] h3,
  body[theme-font="poppins"] h4,
  body[theme-font="poppins"] h5,
  body[theme-font="poppins"] h6,
  body[theme-font="poppins"] blockquote,
  body[theme-font="poppins"] a,
  body[theme-font="poppins"] .btn,
  body[theme-font="poppins"] input,
  body[theme-font="poppins"] select,
  body[theme-font="poppins"] textarea {
    font-family: 'Poppins', sans-serif !important;
  }
  
  body[theme-font="lato"],
  body[theme-font="lato"] p,
  body[theme-font="lato"] li,
  body[theme-font="lato"] h1,
  body[theme-font="lato"] h2,
  body[theme-font="lato"] h3,
  body[theme-font="lato"] h4,
  body[theme-font="lato"] h5,
  body[theme-font="lato"] h6,
  body[theme-font="lato"] blockquote,
  body[theme-font="lato"] a,
  body[theme-font="lato"] .btn,
  body[theme-font="lato"] input,
  body[theme-font="lato"] select,
  body[theme-font="lato"] textarea {
    font-family: 'lato', sans-serif !important;
  }
  
  body[theme-font="oswald"],
  body[theme-font="oswald"] p,
  body[theme-font="oswald"] li,
  body[theme-font="oswald"] h1,
  body[theme-font="oswald"] h2,
  body[theme-font="oswald"] h3,
  body[theme-font="oswald"] h4,
  body[theme-font="oswald"] h5,
  body[theme-font="oswald"] h6,
  body[theme-font="oswald"] blockquote,
  body[theme-font="oswald"] a,
  body[theme-font="oswald"] .btn,
  body[theme-font="oswald"] input,
  body[theme-font="oswald"] select,
  body[theme-font="oswald"] textarea {
    font-family: 'oswald', sans-serif !important;
  }
  
  body[theme-font="merriweather"],
  body[theme-font="merriweather"] p,
  body[theme-font="merriweather"] li,
  body[theme-font="merriweather"] h1,
  body[theme-font="merriweather"] h2,
  body[theme-font="merriweather"] h3,
  body[theme-font="merriweather"] h4,
  body[theme-font="merriweather"] h5,
  body[theme-font="merriweather"] h6,
  body[theme-font="merriweather"] blockquote,
  body[theme-font="merriweather"] a,
  body[theme-font="merriweather"] .btn,
  body[theme-font="merriweather"] input,
  body[theme-font="merriweather"] select,
  body[theme-font="merriweather"] textarea {
    font-family: 'merriweather', sans-serif !important;
  }
  
  body[theme-font="overlock"],
  body[theme-font="overlock"] p,
  body[theme-font="overlock"] li,
  body[theme-font="overlock"] h1,
  body[theme-font="overlock"] h2,
  body[theme-font="overlock"] h3,
  body[theme-font="overlock"] h4,
  body[theme-font="overlock"] h5,
  body[theme-font="overlock"] h6,
  body[theme-font="overlock"] blockquote,
  body[theme-font="overlock"] a,
  body[theme-font="overlock"] .btn,
  body[theme-font="overlock"] input,
  body[theme-font="overlock"] select,
  body[theme-font="overlock"] textarea {
    font-family: 'overlock', sans-serif !important;
  }
  
  body[theme-font="roboto"],
  body[theme-font="roboto"] p,
  body[theme-font="roboto"] li,
  body[theme-font="roboto"] h1,
  body[theme-font="roboto"] h2,
  body[theme-font="roboto"] h3,
  body[theme-font="roboto"] h4,
  body[theme-font="roboto"] h5,
  body[theme-font="roboto"] h6,
  body[theme-font="roboto"] blockquote,
  body[theme-font="roboto"] a,
  body[theme-font="roboto"] .btn,
  body[theme-font="roboto"] input,
  body[theme-font="roboto"] select,
  body[theme-font="roboto"] textarea {
    font-family: 'roboto', sans-serif !important;
  }
  
  body[theme-font="raleway"],
  body[theme-font="raleway"] p,
  body[theme-font="raleway"] li,
  body[theme-font="raleway"] h1,
  body[theme-font="raleway"] h2,
  body[theme-font="raleway"] h3,
  body[theme-font="raleway"] h4,
  body[theme-font="raleway"] h5,
  body[theme-font="raleway"] h6,
  body[theme-font="raleway"] blockquote,
  body[theme-font="raleway"] a,
  body[theme-font="raleway"] .btn,
  body[theme-font="raleway"] input,
  body[theme-font="raleway"] select,
  body[theme-font="raleway"] textarea {
    font-family: 'raleway', sans-serif !important;
  }
  
  body[theme-font="playfair"],
  body[theme-font="playfair"] p,
  body[theme-font="playfair"] li,
  body[theme-font="playfair"] h1,
  body[theme-font="playfair"] h2,
  body[theme-font="playfair"] h3,
  body[theme-font="playfair"] h4,
  body[theme-font="playfair"] h5,
  body[theme-font="playfair"] h6,
  body[theme-font="playfair"] blockquote,
  body[theme-font="playfair"] a,
  body[theme-font="playfair"] .btn,
  body[theme-font="playfair"] input,
  body[theme-font="playfair"] select,
  body[theme-font="playfair"] textarea {
    font-family: 'playfair', sans-serif !important;
  }
  
  body[theme-font="oxygen"],
  body[theme-font="oxygen"] p,
  body[theme-font="oxygen"] li,
  body[theme-font="oxygen"] h1,
  body[theme-font="oxygen"] h2,
  body[theme-font="oxygen"] h3,
  body[theme-font="oxygen"] h4,
  body[theme-font="oxygen"] h5,
  body[theme-font="oxygen"] h6,
  body[theme-font="oxygen"] blockquote,
  body[theme-font="oxygen"] a,
  body[theme-font="oxygen"] .btn,
  body[theme-font="oxygen"] input,
  body[theme-font="oxygen"] select,
  body[theme-font="oxygen"] textarea {
    font-family: 'oxygen', sans-serif !important;
  }
  
  body[theme-font="fondamento"],
  body[theme-font="fondamento"] p,
  body[theme-font="fondamento"] li,
  body[theme-font="fondamento"] h1,
  body[theme-font="fondamento"] h2,
  body[theme-font="fondamento"] h3,
  body[theme-font="fondamento"] h4,
  body[theme-font="fondamento"] h5,
  body[theme-font="fondamento"] h6,
  body[theme-font="fondamento"] blockquote,
  body[theme-font="fondamento"] a,
  body[theme-font="fondamento"] .btn,
  body[theme-font="fondamento"] input,
  body[theme-font="fondamento"] select,
  body[theme-font="fondamento"] textarea {
    font-family: 'fondamento', sans-serif !important;
  }
  
  body[theme-font="acme"],
  body[theme-font="acme"] p,
  body[theme-font="acme"] li,
  body[theme-font="acme"] h1,
  body[theme-font="acme"] h2,
  body[theme-font="acme"] h3,
  body[theme-font="acme"] h4,
  body[theme-font="acme"] h5,
  body[theme-font="acme"] h6,
  body[theme-font="acme"] blockquote,
  body[theme-font="acme"] a,
  body[theme-font="acme"] .btn,
  body[theme-font="acme"] input,
  body[theme-font="acme"] select,
  body[theme-font="acme"] textarea {
    font-family: 'acme', sans-serif !important;
  }
  
  body[theme-font="satisfy"],
  body[theme-font="satisfy"] p,
  body[theme-font="satisfy"] li,
  body[theme-font="satisfy"] h1,
  body[theme-font="satisfy"] h2,
  body[theme-font="satisfy"] h3,
  body[theme-font="satisfy"] h4,
  body[theme-font="satisfy"] h5,
  body[theme-font="satisfy"] h6,
  body[theme-font="satisfy"] blockquote,
  body[theme-font="satisfy"] a,
  body[theme-font="satisfy"] .btn,
  body[theme-font="satisfy"] input,
  body[theme-font="satisfy"] select,
  body[theme-font="satisfy"] textarea {
    font-family: 'satisfy', sans-serif !important;
  }
  
  body[theme-font="niconne"],
  body[theme-font="niconne"] p,
  body[theme-font="niconne"] li,
  body[theme-font="niconne"] h1,
  body[theme-font="niconne"] h2,
  body[theme-font="niconne"] h3,
  body[theme-font="niconne"] h4,
  body[theme-font="niconne"] h5,
  body[theme-font="niconne"] h6,
  body[theme-font="niconne"] blockquote,
  body[theme-font="niconne"] a,
  body[theme-font="niconne"] .btn,
  body[theme-font="niconne"] input,
  body[theme-font="niconne"] select,
  body[theme-font="niconne"] textarea {
    font-family: 'niconne', sans-serif !important;
  }
  
  body[theme-font="josefin-slab"],
  body[theme-font="josefin-slab"] p,
  body[theme-font="josefin-slab"] li,
  body[theme-font="josefin-slab"] h1,
  body[theme-font="josefin-slab"] h2,
  body[theme-font="josefin-slab"] h3,
  body[theme-font="josefin-slab"] h4,
  body[theme-font="josefin-slab"] h5,
  body[theme-font="josefin-slab"] h6,
  body[theme-font="josefin-slab"] blockquote,
  body[theme-font="josefin-slab"] a,
  body[theme-font="josefin-slab"] .btn,
  body[theme-font="josefin-slab"] input,
  body[theme-font="josefin-slab"] select,
  body[theme-font="josefin-slab"] textarea {
    font-family: 'josefin-slab', sans-serif !important;
  }
  
  
  body[theme-font="Yeseva One"],
  body[theme-font="Yeseva One"] p,
  body[theme-font="Yeseva One"] li,
  body[theme-font="Yeseva One"] h1,
  body[theme-font="Yeseva One"] h2,
  body[theme-font="Yeseva One"] h3,
  body[theme-font="Yeseva One"] h4,
  body[theme-font="Yeseva One"] h5,
  body[theme-font="Yeseva One"] h6,
  body[theme-font="Yeseva One"] blockquote,
  body[theme-font="Yeseva One"] a,
  body[theme-font="Yeseva One"] .btn,
  body[theme-font="Yeseva One"] input,
  body[theme-font="Yeseva One"] select,
  body[theme-font="Yeseva One"] textarea {
    font-family: 'Yeseva One', sans-serif !important;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  .cta-section {
    background: #f1f1f1;
  }
  
  h2.footer-title {
    font-size: 17px;
    text-align: left;
    font-weight: 600;
    display: inline-block;
    background: var(--mainColor);
    padding: 6px 16px;
    margin-bottom: 1rem;
    color: var(--mainBgColor)!important;
  }
 
  h2.footer-title {
    color: var(--mainBgColor);
  }
  address {
    margin-bottom: 0;
  }
  
  .footer-address i {
    margin-right: 8px;
  }
  
  .footer-address .d-flex {
    margin-bottom: 0.5rem;
    word-break: break-all;
  }
  footer .item-bk {
    margin-bottom: 2rem;
  }
  @media(max-width:575px) {
    .footer-title {
      text-align: center !important;
    }
  
    .footer-address div {
      justify-content: center;
    }
  }
  
  .contact-section h3 {
    color: white !important;
  }
  
  .quicklinks li
  {
  width: 48%;
  padding-right: 10px;
  }
  .quicklinks 
  {
  display: flex;
  flex-wrap: wrap;
  }
  @media(max-width:767px)
  {
    .quicklinks li {
      width: 100%;
  }
  }
  .bk-social i {
    font-size: 28px;
    margin-right: 21px;
    color: var(--mainColor);
  }
  .bk-social  {
    justify-content: center;
  }
  
  /* ul.sm-sec svg {
    width: 90%;
    height: auto;
    filter: drop-shadow(0px 0px 2px gray);
  } */
  ul.sm-sec {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
  }
  .mgb-3 {
    margin-bottom: 3rem;
  }
  /* section.sm-section.spacing.background-gray {
    background: url(https://img.freepik.com/premium-vector/social-media-logo-seamless-pattern_625334-33.jpg?w=1380);
  }
  
  section.sm-section.spacing.background-gray {
    background: url(https://img.freepik.com/premium-vector/social-media-logo-seamless-pattern_625334-33.jpg?w=1380);
    background-position: center;
    background-attachment: fixed;
    background-size: contain;
    position: relative;
  } */
  /* section.sm-section.spacing.background-gray:before 
  {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    content: '';
  } */


  svg.zigzag-curve-about-top {
    position: absolute;
    transform: rotate(180deg);
    top: -4px;
    fill: white;
    left: 0;
  }
  
  ul.sm-sec {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    position: relative;
  }
  ul.sm-sec li {
    margin: 0px 23px;
  }
  ul.sm-sec i {
    font-size: 55px;
    color: var(--mainColor);
  }
  section.sm-section.spacing.background-gray {
    /* background: url(https://img.freepik.com/premium-vector/social-media-logo-seamless-pattern_625334-33.jpg?w=1380); */
    background-position: center;
    background-attachment: fixed;
    background-size: contain;
    position: relative;
    background-color: #f5efe6;
  }
  
  
  .bk-inner-banner
  {
      position: relative;
  }
  .bk-inner-banner .inner-bg {
      position: absolute;
      width: 100%;
      top: 0;
      height: 100%;
      width: 100%;
  }
  .bk-inner-banner .inner-bg img{
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  
  
  body a.remove-font-color * {
    color: initial !important;
    font-size: initial!important;
    font-weight: initial!important;
    font-style: normal!important;
  }
      
      .menu_7_wrapper {
          padding: 6rem 0;
      }
  
    .menu_7_wrapper .bk-menu {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin-bottom: 2rem;
      }
   
  
      @media(min-width:767px)
      {
          .menu_7_wrapper .bk-menu 
          {
                 
      padding: 32px;
      border-radius: 10px;
      border: 1px solid #f1f1f1;
          }
         
      }
  
      .menu_7_wrapper figure {
          max-width: 158px;
          width: 120%;
          min-width: 88px;
          margin-right: 1.5rem;
          position: relative;
          padding-bottom: 18%;
          margin-bottom: 0;
          min-height: 148px;
      }
  
      .menu_7_wrapper figure img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
      }
  
      .menu_7_wrapper .info-bk {
          width: 100%;
      }
  
      .menu_7_wrapper .info-bk .title-bk {
          font-weight: bold;
          padding-right: 1rem;
          margin-bottom: 0.5rem;
      }
  
      .menu_7_wrapper .info-bk .line-bk {
          height: 1.125rem;
          padding: 0 1rem;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          border-bottom: 2px dotted #7a7879;
      }
  
      .menu_7_wrapper .info-bk>* {
          width: 100%;
      }
  
      .menu_7_wrapper .header-bk {
          position: relative;
  
  
          color: #040a1c;
          line-height: 1.5rem;
          font-style: normal;
          font-size: 1.125rem;
          font-weight: 500;
  
  
          margin-bottom: 1rem;
      }
  
      .menu_7_wrapper .title_1-bk {
  
          display: flex;
          color: #7a7879;
          font-size: 0.875rem;
          font-style: italic;
          line-height: 1rem;
          margin-bottom: 0.5rem;
          
      }
  
      .menu_7_wrapper .link {
          color: #ff7200;
          font-size: 0.875rem;
          font-style: italic;
      }
  
      .menu_7_wrapper .bk-title {
      margin: 0;
      font-size: 48px;
      font-weight: 600;
      font-family: var(--font-primary);
      color: #ce1212;
      text-align: center;
      text-transform: uppercase;
  }
      .menu_7_wrapper .spacing-bk {
          margin-bottom: 4rem;
      }
  
      .menu_7_wrapper .menu-category {
      margin-bottom: 3rem;
      /* border: 1px solid #e1e1e1; */
      padding: 15px;
      /* background: #f1f1f1; */
      box-shadow: 0 0 45px 0 rgba(0,0,0,0.1);
      border-radius: 10px;
  }
  @media(min-width:768px)
  {
      .menu_7_wrapper .menu-category {
     
      padding: 32px;
      
  }
  }
      /*# sourceMappingURL=app.css.map */
  
  
      @media(max-width:991px) {
          .menu_7_wrapper .bk-menu {
              flex-direction: column;
          }
  
          .menu_7_wrapper figure {
              max-width: 100%;
              width: 100%;
              min-width: 88px;
              margin-right: 0rem;
              position: relative;
              padding-bottom: 18%;
              margin-bottom: 1rem;
              min-height: 200px;
          }
      }
  
      .menu_7_wrapper a.menu_6-item-cover-frame.menu_6-cursor-zoom {
          position: relative;
      }
  
      .menu_7_wrapper a.menu_6-item-cover-frame.menu_6-cursor-zoom img {
          width: 100%;
          height: 300px;
          object-fit: cover;
      }
  
      .menu_7_wrapper  .search {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          transition: 0.2s;
          opacity: 0;
          /* background: black; */
      }
  
      .menu_7_wrapper  .search img {
          width: 20px;
          height: 20px;
          filter: invert(1);
      }
  
      /* .btn-grp {
    display: flex;
    margin: 6px;
  } */
  .btn 
  {
    min-width: auto!important;
  }
  .location-delete {
    margin-top: 12px;
  }
  .menu_7_wrapper   .btn-grp .btn-bk {
          padding: 7px 16px;
          background: black;
          color: white;
          margin-right: 8px;
          border-radius: 8px;
          width: auto;
          text-align: center;
          margin-top: 1rem;
      }
  
      @media (min-width: 576px) {
          .menu_7_wrapper     .modal-dialog {
              max-width: 900px;
              margin: 1.75rem auto;
          }
      }
  
      .menu_7_wrapper  .demo-item {
          margin-bottom: 2rem;
      }
  
      .menu_7_wrapper  .demo-item .bg-bk {
          position: relative;
          margin-bottom: 1rem;
          border: 1px solid gray;
          padding: 16px;
          border-radius: 8px;
          overflow: hidden;
      }
  
      .menu_7_wrapper  .demo-item .bg-bk:before {
          opacity: 0;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          content: '';
          background: rgba(0, 0, 0, 0.5);
          transition: 0.2s;
          z-index: 99;
      }
  
      .menu_7_wrapper  .demo-item:hover .bg-bk:before {
  
          opacity: 1;
      }
  
      .menu_7_wrapper  .demo-item:hover .search {
          opacity: 1;
          z-index: 999;
      }
  
      .menu_7_wrapper  .search img {
          height: 36px !important;
          width: auto !important;
      }
  
      .menu_7_wrapper  .modal-body {
          position: relative;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          padding: 2rem;
      }
  
  
      @media(min-width:768px) and (max-width:991px) {
          .menu_7_wrapper      .menu_7_wrapper .info-bk {
              min-height: 120px;
          }
  
      }
  
      .menu_7_wrapper  .menu-category-content {
  
          border: none;
          padding: 0px;
  
      }
  
      .menu_7_wrapper  .menu-category-name {
          border: 1px solid #d6d2d2;
          padding: 25px 32px;
          border-bottom: none;
          background: #e1e1e1;
      }
      .menu_7_wrapper .menu-category svg {
        height: 6rem;
        width: auto;
        margin: auto;
        text-align: center;
        margin: auto;
        position: absolute;
        bottom: -62px;
        left: 50%;
        transform: translateX(-50%);
    }
    .category-title 
    {
      position: relative;
    }
      /* .menu-category svg {
      height: auto;
      width: 5rem;
      margin: auto;
      text-align: center;
      margin: auto;
  } */
  .menu_7_wrapper .menu-category svg path 
  {
      fill: var(--mainColor);
  }
      .menu_7_wrapper .bk-title {
          margin-bottom: 5rem;
          font-size: 25px;
      }
  
      .menu_7_wrapper .price-bk {
          /* background: #ff7201; */
          display: block;
          /* padding: 8px 16px; */
          /* text-align: center; */
          /* color: white; */
          line-height: 18px;
          font-size: 18px;
      }
  
      .menu_7_wrapper .info-bk .title-bk {
          font-weight: bold;
          padding-right: 0rem;
          margin-bottom: 0.5rem;
          border-bottom: 1px dashed black;
          /* border-style: dashed; */
          display: inline-block;
          text-transform: uppercase;
      }
  
      .menu_7_wrapper .title-bk {
          /* background: #dbd7d4; */
          /* padding: 8px 16px; */
          /* color: white; */
          display: block;
          padding-bottom: 8px;
      }
  
      /* Read more button styling*/
      .menu_7_wrapper .bk-menu-description .more-text {
          display: none;
  
      }
  
      .menu_7_wrapper  .bk-menu-description .read-more-btn {
          background: no-repeat;
          border: none;
          padding: 0;
          color:  var(--mainColor)!important;
      }
  
      .menu_7_wrapper .bk-menu-description button:focus {
          outline: none;
      }
  
      .menu_7_wrapper  .bk-menu-description .excerpt-bk {
          margin-bottom: 0.2rem;
      }
      .menu_7_wrapper  .grid-item {
      width: calc(50% - 50px);
  }
  @media(max-width:767px)
  {
      .menu_7_wrapper  .grid-item {
      width: calc(100% - 50px);
  }  
  }
      /* Read more button styling */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .menu_1_wrapper {
    padding: 6rem 0;
    background-color: #f1f1f1;
  }
  .menu_1_wrapper .bk-menu {
   
  display: flex;
  align-items:start;
  
  }
  .menu_1_wrapper .bk-menu:last-child 
  {
    border-bottom: none;
  }
  .menu_1_wrapper figure {
    max-width: initial;
      width: 120%;
      min-width: 128px;
     
      position: relative;
     
      margin-bottom: 0;
      border-radius: 20px;
      overflow: hidden;
      border: 1px solid #0000001f;
      max-width: 150px;
      height: 120px;
    
  }
  
  @media(max-width:767px)
  {
    .menu_1_wrapper figure  
    {
      border-radius: 8px ;
    }
  }
  
  .tags-bk 
  {
    display: flex;
  }
  @media(min-width:992px)
  {
    .menu_1_wrapper figure {
      margin-right: 1.5rem;
  }
  }
  .menu_1_wrapper figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .menu_1_wrapper .info-bk {
    width: 100%;
    flex: 1;
  }
  .menu_1_wrapper .info-bk .title-bk {
    font-weight: bold;
    padding-right: 1rem;
    margin-bottom: 0.5rem;
  }
  .menu_1_wrapper .info-bk .line-bk {
    height: 1.125rem;
    padding: 0 1rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-bottom: 2px dotted #7a7879;
  }
  .menu_1_wrapper .info-bk > * {
    width: 100%;
  }
  .menu_1_wrapper .header-bk {
    position: relative;
    color: #040a1c;
    line-height: 1.5rem;
    font-style: normal;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 1rem;
    display: flex;
    padding-bottom: 4px;
    justify-content: space-between;
    border-bottom: 1px solid var(--mainColor);
  }
  .menu_1_wrapper .title_1-bk {
    display: flex;
    color: #7a7879;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1rem;
    margin-bottom: 0.5rem;
  }
  .menu_1_wrapper .link {
    color: #ff7200;
    font-size: 0.875rem;
    font-style: italic;
  }
  .menu_1_wrapper .bk-title {
      /* text-align: center; */
      margin-bottom: 1.2rem;
      font-size: 1.7rem;
      text-transform: uppercase;
      font-weight: 600;
      position: relative;
      padding-left: 60px;
  }
  .menu_1_wrapper .bk-title:before 
  {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 75%;
    content:'';
    background-color:  var(--mainColor) !important;
  
  }
  .menu_1_wrapper .spacing-bk {
    margin-bottom: 4rem;
  }
  .menu_1_wrapper .menu-category {
    margin-bottom: 3rem;
  }
  @media(max-width:767px)
  {
    .menu_1_wrapper .menu-category {
      margin-bottom: 1.5rem;
    }
  }
  
  .menu_1_wrapper .category_row:before 
  {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    content: '';
    background: var(--mainColor);
    opacity: 0.3;
  }
  
  @media(max-width:991px)
  {
    .menu_1_wrapper .category_row:before 
    {
      display: none;
    }
  }
  @media(min-width:768px)
  {
    .menu_1_wrapper .category_row
  {
  position: relative;
  margin-left: -4rem;
  margin-right: -4rem;
  }
  
  .menu_1_wrapper .category_row div[class*=col] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  
  }
  
  
  @media(max-width:991px)
  {
    .tags-bk
    {
      flex-direction: column;
    }
    .menu_1_wrapper figure 
    {
      margin-bottom: 1rem;
    }
    .menu_1_wrapper figure 
    {
      width: 100%;
      max-width: 100%;
      height: auto;
    }
    .menu_1_wrapper figure img 
    {
      height: auto;
      position: static;
      width: 100%;
      height: auto;
    } 
  
  }
     
  
  /* .menu_1_wrapper.sub_cat figure {
    padding-bottom: 270px;
  } */
  
      /* Read more button styling*/
      .bk-menu-description  .more-text {
          display: none;
      
      }
      
      .bk-menu-description .read-more-btn {
      background: no-repeat;
      border: none;
      padding: 0;
     color:  var(--mainBgColor) !important;
      }
      .bk-menu-description  button:focus 
      {
          outline: none;
      }
      .bk-menu-description  .excerpt-bk 
      {
          margin-bottom: 0.2rem;
      }
      /* Read more button styling */
      
  
  
  
  
  
  
  
  
  
  
  
  
      .menu_1_wrapper .menu-category {
        background: #ffffff;
        padding: 45px 32px;
        padding-left: 4rem;
        padding-right: 4rem;
    }
  
  
  
  @media(max-width:767px)
  {
    .menu_1_wrapper .menu-category 
    {
      padding: 32px 20px;
    }
  }
  
  .price-bk {
    font-size: 1.1rem;
    font-weight: 600;
  }
  .menu_1_wrapper  .price-bk 
  {
    text-align: right;
    text-align: right;
      /* background: #f1f1f1; */
      padding: 0px;
      /* border-top: 1px solid var(--mainColor); */
  }
  .title-bk {
    font-size: 1.2rem;
    font-weight: 600!important;
  }
  .menu_1_wrapper   .bk-menu {
    
    padding: 1.5rem 0;
    margin-bottom: 0;
  }
  @media(max-width:767px)
  {
    .menu_1_wrapper   .bk-menu:last-child {
    
      padding-bottom: 0;
    }
  }
  .bk-inner-banner:after 
  {
    background-color: transparent!important;
  }
  
  
  
  
  .menu-category-name {
    border: 1px solid #d6d2d2;
    padding: 25px 32px;
    border-bottom: none;
  }
  
  .menu-category-content {
    border: 1px solid #d6d2d2;
    padding: 32px;
    padding-top:4rem ;
  }
  
  @media(max-width:767px)
  {
    .menu-category-content {
      
      padding:15px;
      padding-top:4rem ;
    }
    
  }
  
  
  .menu-category-name h3 {
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
    word-break: break-all;
    word-wrap: break-word;
  }
  
  
  
  
  .note-btn
  {
  float: initial!important;
  }
  .note-modal-footer
  {
    text-align: right!important;
    height: auto!important;
  }
  
  
  
  /* menu 4 */
  
  
  
  
  
  .note-btn
  {
  float: initial!important;
  }
  .note-modal-footer
  {
  text-align: right!important;
  height: auto!important;
  }
  
  
  .menu_4_wrapper {
  padding: 4rem 0rem;
  }
  
  
  @media (min-width: 575px) {
  .menu_4_wrapper {
  padding: 6rem 0rem;
  }
  }
  
  
  .menu_4_wrapper .bk-title {
  font-size: 1.875rem;
  line-height: 2.5rem;
  color: #d98f4e;
  font-weight: normal;
  font-family: "Arvo", serif;
  margin-bottom: 1.5rem;
  font-weight: 600;
  }
  
  
  .menu_4_wrapper .bk-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 2rem;
  padding-top: 0;
  padding-bottom: 0rem;
  padding-top: 0;
  border-bottom: none;
  
  }
  
  
  @media(max-width:992px) {
  .menu_4_wrapper .bk-menu {
  flex-direction: column;
  }
  }
  
  
  .menu_4_wrapper .bk-menu figure {
  max-width: 164px;
  width: 100%;
  min-width: 88px;
  margin-right: 1.5rem;
  position: relative;
  padding-bottom: 18%;
  margin-bottom: 0;
  min-height: 164px;
  border: 1px solid var(--mainColor);
  border-radius: 25px;
  overflow: hidden;
  }
  
  
  @media(max-width:992px) {
  .menu_4_wrapper .bk-menu figure {
  max-width: 100%;
  min-height: 250px;
  margin-bottom: 1rem;
  border: 1px solid var(--mainColor);
  border-radius: 25px;
  }
  }
  
  
  .menu_4_wrapper .bk-menu figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  }
  
  
  .menu_4_wrapper .bk-menu .info-bk {
  width: 100%;
  /* font-family: "Gentium Book Plus", serif; */
  border: 1px solid var(--mainColor);
  border-radius: 25px;
  padding: 25px;
  }
  
  
  .menu_4_wrapper .bk-menu .info-bk>* {
  width: 100%;
  }
  
  
  .menu_4_wrapper .bk-menu .info-bk .title-bk {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 600;
  padding-right: 1rem;
  margin-bottom: 10px;
  }
  
  
  .menu_4_wrapper .bk-menu .info-bk .line-bk {
  height: 1.125rem;
  padding: 0 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 2px dotted #7a7879;
  }
  
  
  .menu_4_wrapper .bk-menu .info-bk .price-bk {
  color: var(--mainColor);
  line-height: 1.5rem;
  font-size: 1.6rem;
  }
  
  
  .menu_4_wrapper .bk-menu .header-bk {
  position: relative;
  color: #262123;
  line-height: 1.5rem;
  font-style: normal;
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--mainColor);
  }
  
  
  .menu_4_wrapper .bk-menu .title_1-bk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #7a7879;
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: 400;
  }
  
  
  .menu_4_wrapper .bk-menu .link {
  color: #277500;
  font-size: 1rem;
  font-style: italic;
  }
  
  
  .menu_4_wrapper .mgb-1 {
  margin-bottom: 1rem;
  }
  
  
  @media (min-width: 992px) {
  .menu_4_wrapper .mgb-lg-0 {
  margin-bottom: 0;
  }
  }
  
  
  .bk-menu-description .more-text {
  display: none;
  
  
  }
  
  
  .bk-menu-description .read-more-btn {
  background: no-repeat;
  border: none;
  padding: 0;
  color: var(--mainColor);
  }
  
  
  .bk-menu-description button:focus {
  outline: none;
  }
  
  
  .menu_4_wrapper.bk-menu-description .excerpt-bk {
  margin-bottom: 0.2rem;
  }
  .menu_4_wrapper .menu-category {
  background: #ffffff;
  padding: 0;
  padding-bottom: 0;
  }
  @media(min-width:768px)
  {
    .menu_4_wrapper .menu-category {
      padding: 0px 32px;
    }
  }
  
  
  
  
  
  
  
  
  
  
  .menu_5_wrapper {
    font-family: Rubik, sans-serif;
    padding: 6rem 0;
    color: #9b9b9b;
  }
  .menu_5_wrapper p {
    line-height: 24px;
  }
  .menu_5_wrapper h1,
  .menu_5_wrapper h2,
  .menu_5_wrapper h3,
  .menu_5_wrapper h4,
  .menu_5_wrapper h5,
  .menu_5_wrapper h6 {
    color: #282828;
    font-family: Rubik, sans-serif;
  }
  
  .menu_5_wrapper .section-title .title-bk {
    font-size: 37px;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: capitalize;
  }
  .menu_5_wrapper .menu-item-5 {
    margin-bottom: 2.5rem;
    position: relative;
  }
  .menu_5_wrapper .menu-item-5 .menu__item_5-img {
    margin-bottom: 1.2rem;
    padding-right: 1rem;
  }
  .menu_5_wrapper .menu-item-5 .menu__item_5-img img {
    width: 100%;
  }
  .menu_5_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 7px;
    padding: 10px 0;
      border-top: 1px solid var(--mainColor);
      border-bottom: 1px solid var(--mainColor);
      color: var(--mainColor)!important;
  }
  .menu_5_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-desc {
    margin-bottom: 10px;
    font-size: 14px;
    border-bottom: 1px dashed black;
    padding-bottom: 5px;
  }
  .menu_5_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-price {
    color: var(--mainColor);
    font-size: 16px;
    font-weight: 600;
    margin-left: auto;
      background: #f1f1f1;
      width: 100px;
      padding: 10px;
      display: block;
      text-align: center;
  }
  @media (min-width: 992px) {
    .menu_5_wrapper .menu-item-5 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
    }
    .menu_5_wrapper .menu-item-5 .menu__item_5-content {
     
     
      padding-left: 0px;
      width: 100%;
    }
    .menu_5_wrapper .menu-item-5 .menu__item_5-img {
    
      margin-bottom: 0;
      width: 200px;
      height: 130px;
    }
    .menu_5_wrapper .menu-item-5 .menu__item_5-img img {
      width: 100%;
    }
   
    .menu_5_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-title {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 7px;
    }
    .menu_5_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-desc {
      margin-bottom: 10px;
      font-size: 14px;
    }
    .menu_5_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-price {
      color: var(--mainColor);
      font-size: 17px;
      font-weight: 600;
  
    }
  }
  .menu_5_wrapper .section-title 
  {
    padding: 8px;
    margin-bottom: 2.5rem;
    background: #f1f1f1;
    text-align: center;
  }
  
  
  .bk-menu-description  .more-text {
      display: none;
  
  }
  
  .bk-menu-description .read-more-btn {
  background: no-repeat;
  border: none;
  padding: 0;
  color: var(--mainColor);
  }
  .bk-menu-description  button:focus 
  {
      outline: none;
  }
  .bk-menu-description  .excerpt-bk 
  {
      margin-bottom: 0.2rem;
  }
  .menu_5_wrapper .section-title:after, 
  .menu_5_wrapper .section-title:before {
  display: none !important;
  }
  @media only screen and (max-width: 991px) {
  .menu_5_wrapper .section-title .title-bk {
  font-size: 24px;
  }
  }
  
  
  
  
  
  
  
  .menu_6_wrapper .bk-menu {
   
  display: flex;
  align-items:start;
  margin-bottom: 3rem;
  
  }
  .menu_6_wrapper .bk-menu:last-child 
  {
    border-bottom: none;
  }
  .menu_6_wrapper figure {
    max-width: 158px;
    width: 120%;
    min-width: 88px;
    flex: 1; 
    position: relative;
    padding-bottom: 24%;
    margin-bottom: 0;
  border-radius: 20px;
  overflow: hidden;
    border: 1px solid #0000001f;
    
  }
  @media(min-width:992px)
  {
    .menu_6_wrapper figure {
      margin-right: 1.5rem;
  }
  }
  .menu_6_wrapper figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .menu_6_wrapper .info-bk {
    width: 100%;
    flex: 1;
   
  }
  .menu_6_wrapper .info-bk .title-bk {
    font-weight: bold;
    padding-right: 1rem;
    margin-bottom: 0.5rem;
  }
  .menu_6_wrapper .info-bk .title-bk:after {
    content: '-';
    position: relative;
    left: 7px;
  }
  .menu_6_wrapper .info-bk .line-bk {
    height: 1.125rem;
    padding: 0 1rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-bottom: 2px dotted #7a7879;
  }
  .menu_6_wrapper .info-bk > * {
    width: 100%;
  }
  .menu_6_wrapper .header-bk {
    position: relative;
    color: #040a1c;
    line-height: 1.5rem;
    font-style: normal;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 1rem;
    display: flex;
  }
  .menu_6_wrapper .title_1-bk {
    display: flex;
    color: #7a7879;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1rem;
    margin-bottom: 0.5rem;
  }
  .menu_6_wrapper .link {
    color: #ff7200;
    font-size: 0.875rem;
    font-style: italic;
  }
  .menu_6_wrapper .bk-title {
    margin-bottom: 3rem;
    font-size: 1.7rem;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    padding-left: 18px;
    display: inline-block;
  }
  .menu_6_wrapper .bk-title:before 
  {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    content:'';
    background-color:  var(--mainColor) !important;
    border-radius: 50%;
    border: 2px solid  var(--mainColor) !important;
  
  
  }
  .menu_6_wrapper .bk-title:after
  {
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    content:'';
    border-radius: 50%;
    border: 2px solid  var(--mainColor) !important;
  
  }
  .menu_6_wrapper .spacing-bk {
    margin-bottom: 4rem;
  }
  .menu_6_wrapper .menu-category {
    
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding-left: 64px;
    padding-right: 64px;
    padding-top: 64px;
    padding-bottom: 64px;
  
  }
  
  .menu_6_wrapper  .price-bk
  {
    color: var(--mainColor);
  }
  
  
  @media(max-width:991px)
  {
    .menu_6_wrapper .bk-menu  
    {
      flex-direction: column;
    }
    .menu_6_wrapper figure {
      max-width: 100%;
      width: 100%;
      min-width: 88px;
     
      position: relative;
      padding-bottom: 80%;
      margin-bottom: 1rem;
      
    }
    .menu_6_wrapper .menu-category {
    
     
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 3rem;
      padding-bottom: 0px;
    
    }
    
  }
  .grid-item {
    width: calc(50% - 50px);
  }
  @media(max-width:767px)
  {
    .grid-item {
    width: calc(100% - 50px);
  }  
  }
  .grid-item-1 {
    width: calc(50%);
  }
  @media(max-width:767px)
  {
    .grid-item-1 {
    width: calc(100%);
  }  
  }
  
      .bk-menu-description  .more-text {
          display: none;
      
      }
      
      .bk-menu-description .read-more-btn {
      background: no-repeat;
      border: none;
      padding: 0;
     color:  var(--mainBgColor) !important;
      }
      .bk-menu-description  button:focus 
      {
          outline: none;
      }
      .bk-menu-description  .excerpt-bk 
      {
          margin-bottom: 0.2rem;
      }
  
      
  
  
  @media(min-width:768px)
  {
    .menu_6_wrapper .bk-menu:last-child   
    {margin-bottom: 0;
  
    }
  }
  
  
  
  
  
  
  
  
  
  
  
  .price-bk {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--mainColor);
  }
  .menu_6_wrapper .title-bk {
    font-size: 1.2rem;
    font-weight: 600!important;
    color: var(--mainColor);
    
  }
  
  .bk-inner-banner:after 
  {
    background-color: transparent!important;
  }
  
  .menu_6_wrapper .title-bk 
  {
    color: black;
  }
  /* .btn:hover 
  {
    color: var(--mainColor);
    border-color: var(--mainBgColor)!important;
    background: var(--mainBgColor);
  } */
  
  
  .close-bk {
    position: absolute;
    left: 15px;
    width: 25px;
    top: 15px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 99;
    cursor: pointer;
  }
  .close-bk path 
  {
    fill: var(--mainBgColor);
  }
  
  .overlay-bk
  {
    position: relative;
  }
  .overlay-bk *
  {
    position: relative;
    z-index: 1;
  }
  .overlay-bk:before
  {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: var(--mainBgColor); */
    opacity: 0.3;
    content: '';
    z-index: 0;
  }
  
  .bk-inner-banner {
    
    background-size: cover!important;
    background-position: center!important;
    z-index: 1;
   
  }
  
  .bk-inner-banner {
    height: 400px;
    background: black;
    display: flex;
    align-items: center;
  }
  /* .bk-inner-banner:before 
  {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--mainBgColor);
    content: '';
    width: 100%;
    height: 100%;
    border-top: 1px solid var(--mainColor)!important;
  
  } */
  
  
  
  
  
  
  .w-100 
  {
  width: 100%;
  }
  
  
  
  
  #offercreatemodal  .upload-wraper {
    
    display: flex;
    align-items: center;
  }
  
  
  .form-check-input {
    
    margin-top: 2px!important;
    
  }
  .fa-refresh {
    margin-left: 10px;
  }
  button.edit-btn {
    width: 32px!important;
    height: 32px!important;
    min-width: 32px;
    border-radius: 50%;
    border: none;
  }
  
  
  
  
  .menu-box-main .bk-image {
 
    border: 1px solid #e1e1e1;
  }
  
  
  
  /* .menu-box-main
  {
    display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
     
  }
  
  .menu-box-main figure {
    width: 50%;
    padding:0 15px;
  
  }
  
  .menu-box-main  .bk-menu {
    margin-bottom: 2.5rem;
   
    width: 50%;
    display: block;
    padding: 0 15px;
  } */
  
  .menu_3_wrapper .bk-special-today figure img 
  {
    height: auto;
  }
  .menu_3_wrapper .overlay:after 
  {
   display: none;
  }
  
  .note-modal-body .checkbox label {
    position: relative;
    padding-left: 20px;
  }
  
  
  /* .close {
    float: right;
    font-size: 31px!important;
    line-height: 1;
    color: #000!important;
    opacity: 1!important;
    position: relative;
    top: -10px;
  } */
  .dropdown-toggle::after 
  {
    display: none!important;
  }
  /* .note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {
    min-width: 180px!important;
  } */
  
  .frame-modal .modal-body label {
    
    display: flex!important;
    align-items: center;
  }
  
  .frame-modal .modal-body .checkbox input {
    margin-right: 5px;
  }
  
  .note-form-group {
    padding-bottom: 0!important;
  }
  /* button.close {
    position: absolute!important;
      right: 20px!important;
      top: 20px!important;
      background: rgb(255, 255, 255)!important;
      width: 32px!important;
      height: 32px!important;
      border-radius: 50%!important;
      opacity: 1;
      text-transform: uppercase;
      box-shadow: none!important;
      border: 1px solid black;
      align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
  } */
  /* button.close span {
    text-transform: lowercase;
    position: relative;
    top: 0px;
    font-size: 24px;
  } */
  
  .note-editing-area 
  {
    background: white!important;
  }
  .note-btn-primary {
    background: var(--mainColor)!important;
    color: #fff;
  }
  
  .note-btn.disabled, .note-btn[disabled]
  {
    opacity: 0.7;
  }
  
  select#cf_subject {
    margin-bottom: 15px;
  }
  select#cf_subject {
    margin-bottom: 15px;
  }
  #edit-reserve-email_default24
  {
    min-width: auto;
    border: 2px solid white!important;
    border-top: 0!important;
    border-bottom: 0!important;
  }
  button#edit-reserve-email_default28,button#edit-reserve-email,button#edit-reserve-email_default19,button#edit-reserve-email_default20,button#edit-reserve-email_design29,button#edit-reserve-email_design31,button#edit-reserve-email_design30 {
    min-width: auto;
    border: 2px solid white!important;
    border-top: 0!important;
    border-bottom: 0!important;
    background: var(--mainColor);
  }
  button#reservation_submit_btn,button#reservation_submit_btn {
    min-width: auto;
    border: 2px solid white!important;
    border-top: 0!important;
    border-bottom: 0!important;
    background: var(--mainColor);
  }
  form#restaurant-website-edit {
    padding: 8px 10px;
  }
  
  button#edit-reserve-email_default21,button#reservation_submit_btn {
    min-width: auto;
    border: none;
    background: var(--mainColor);
    border-top: none!important;
    border-bottom: none!important;
    margin: 0!important;
  }
  
  select#cf_subject {
    margin-bottom: 15px;
  }
  
  ul.side-menu 
  {
  list-style: none;
  }
  
  
  
  section.bk-inner-banner h1 {
    filter: drop-shadow(2px 4px 6px black);
    -webkit-text-stroke: 2px black; /* Width and color of the stroke for WebKit browsers */
        color: white; /* Color of the text */
        line-height: 50px;
      margin-bottom: 1rem;
  }
  section.bk-inner-banner h1 {
    filter: drop-shadow(2px 4px 6px black);
    -webkit-text-stroke: 0.5px white;
    color: white;
  }
  

  
  .note-dropdown-menu .h1 , .note-dropdown-menu h1 
  {
    font-size: 2.5rem;
      line-height: 3.5rem;
  }
  .frame-modal .frame-modal-btn 
  {
    min-width: 100px!important;
  }
  
  
  .bk-banner h1 
  {
    filter: drop-shadow(2px 4px 6px black);
      -webkit-text-stroke: 0.5px white;
      color: white;
      font-size: 55px;
      min-height: 40px;
  }
  @media(max-width:991px)
  {
    .bk-banner h1  
    {
      font-size: 45px;
    }
  }
  @media(max-width:767px)
  {
    .bk-banner h1  
    {
      font-size: 35px;
    }
  }
  
  
  
  
  .modal-title 
  {
    color: black!important;
  }
  
  
  .edit-block .edit-actions 
  {
    z-index: 99!important;
  }
  
  
  
  @media(min-width:992px)
  {
    .menu_8_wrapper .bk-menu
    {
    padding-right: 1.5rem;
    }
  }
  
  .modal-footer .btn-close 
  {
    
    background: black;
  }
  
  .note-dropdown-menu *
  {
    color: black!important;
  }
  
  .review svg {
    width: 50px!important;
    height: auto!important;
  }
  
  .location-btn {
    width: 50%!important;
    text-align: center!important;
  }
  .location-section.design1 a.btn.btn-bk {
    position: relative!important;
    left: 0!important;
    bottom: -20px!important;
    transform: none!important;
    
    top: 1rem!important;
  }
  .address-bk .edit-block.d-inline-block {
    width: 100%;
  }
  
  .modal .btn {
    padding: 6px 10px !important;
    margin-top: 0;
    margin-bottom: 0;
    height: 37px;
  }
  
  button.btn.timing-btn {
    margin: 0;
    margin-left: 12px;
    /* border-radius: 50%; */
  }
  .modal button.btn.timing-btn{
    padding: 0px 3px !important;
    margin-top: 0;
    margin-bottom: 0;
    height: 20px;
    width: 20px;
    background: black!important;
    border-radius: 50%;
    display: flex;
      align-items: center;
      justify-content: center;
      min-height: auto;
      font-size: 16px;
      border-color: black!important;
      
  }
  .btn-group-delete.btn 
  {
    padding: 0px 3px !important;
    margin-top: 0;
    margin-bottom: 0;
    height: 20px;
    width: 20px;
    position: relative;
    top: 8px;
    border-radius: 50%;
    background: black!important;
    min-height: auto;
    font-size: 16px;
    border-color: black!important;
  }
  .modal button.btn.timing-btn i ,.btn-group-delete.btn  i
    {
      margin-right: 0!important;
    }
  .btn-group-delete.btn:hover  i 
  {
  color: white;
  }
  .btn-group-delete.btn:active 
  {
    color: white;
  }
  .dt-item-bk {
    margin-right: 12px;
    width: 32%;
  }
  .dt-btn-bk
  {
  width:4%;
  }
  .dt-item-bk label {
    margin-bottom: 7px !important;
    display: block !important;
  }
  .dt-day-bk {
    margin-bottom: 1.5rem;
    position: relative;
  
  }
  .dt-day-bk p {
    margin-bottom: 13px;
    font-weight: 500;
    font-size: 17px;
    background: #f1f1f1;
    padding-left: 13px;
  }
  .day-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f1f1f1;
    padding: 4px 16px;
    margin-bottom: 16px;
  }
  .day-name-bk {
    font-size: 18px;
    font-weight: 500;
  }
  a.btn-group-add-timing-multi {
    width: 22px;
    height: 22px;
    background: #858484;
    color: white;
    /* border-radius: 50%; */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media (max-width: 400px) {
    .input-group-with-button{
        flex-direction: column;
        margin-bottom: 0;
    }
    .dt-day-bk {
      background: #f1f1f1;
      margin-bottom: 1.5rem;
      padding: 0;
  }
  .schedule-bk 
  {
    margin-bottom: 0;
    padding: 0;
  }
  .btn-group-delete {
    position: absolute !important;
    right: -5px;
    top: -6 !important;
  }
  .dt-item-bk {
    margin-right: 12px;
    width: 32%;
    padding: 0px 10px;
  }
  .day-section {
  
    background: #6b6969;
    
    color: white;
  }
  .dt-btn-bk:last-child 
  {
  margin-bottom: 0!important;
  }
  .dt-item-bk:first-child {
    padding-top: 16px;
  }
  a.btn-group-add-timing-multi 
  {
    background: #ffffff;
  }
  #restaurant-website-edit .day-section i.fas.fa-plus
  {
  color: black!important;
  }
  }
  .input-group-with-button {
    margin-bottom: 1.5rem;
  }
  
  .opacity-0 
  {
    opacity: 0;
  }
  button.btn.timing-btn:hover i,.modal button.btn.timing-btn:hover i,button.btn.timing-btn i {
    color: rgb(0, 0, 0);
  }
  .timing-btn:hover,  .timing-btn.btn:focus
  {
    color: rgb(0, 0, 0);
  }
  .btn-group-delete:hover ,.btn-group-delete:active, .timing-btn.btn:focus
  {
    color: rgb(0, 0, 0);
  }
  @media(max-width:400px)
  {
    .schedule-bk
    {
      flex-direction: column;
    }
    .dt-item-bk {
     
      width: 100%;
      margin-bottom: 1rem;
    }
    .dt-btn-bk
    {
    width:auto;
    }
    .frame-modal .modal-body label.opacity-0 {
      display: none !important;
  }
  .frame-modal .modal-body .btn {
    margin: 0;
  }
  }
  
  /* #restaurant-website-edit [class*="btn"] i {
    max-height: none;
    color: white !important;
  } */
  
  #restaurant-website-edit .modal button.btn.timing-btn {
    padding: 0px 3px !important;
    margin-top: 0;
    margin-bottom: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    
  }
  .dropzone-cropper-bk
  {
    z-index: 1049;
  }
  .modal-backdrop {
    
    z-index: 1048;
    
  }
  body.modal-open {
    overflow: hidden;
    height: 100vh;
  }
  .dropzone-cropper-bk .title-bk {
    width: 120px;
      height: 100px;
    background: #f1f1f1;
    padding: 15px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 0.5rem;
    font-weight: 500 !important;
    flex-direction: column;
    
  }
  
  .dropzone-cropper-bk .title-bk svg {
    height: 43px;
    width: auto;
  }
  .title-bk img {
    width: 40px;
  }
  .desc-bk {
    font-size: 13px;
    line-height: 18px;
    color: gray;
    
    width: 150px;
  }
  .upload-box {
    display: flex;
    justify-content: center;
  
  }
  .upload-box > div {
    padding-top: 20px;
  }
  .sub-modal .btn 
  {
    margin: initial;
  }
  .sub-modal .btn, button#crop_logo , .frame-modal-btn {
    margin: initial;
    margin-left: 8px;
    border-radius: 6px;
    padding: 2px 15px !important;
    color: white;
    font-weight: 500;
    background-color: #343a40!important;
    border-color: #343a40!important;
  }
  .btn-close:focus {
      outline: 0;
      box-shadow: none;
      opacity: 1;
  }
  .modal-footer .btn-close {
    background: black;
    width: auto;
    height: auto;
    opacity: 1;
    padding: 2px 15px !important;
    border: revert;
  }
  .btn-close:hover 
  {
    color: white;
  }
  
  #uploadmodal .dropzone.dropzone-previews {
  
    padding: 0;
    border: none;
    
  }
  #uploadmodal .upload-wraper .image-editor .img-box .img-container a img {
    
    border: none;
   
  }
  
  #cropmodal .dropzone.dropzone-previews {
    background: white;
    padding: 0;
    border: navajowhite;
    border-radius: 4px;
    min-height: 240px;
  }
  #cropmodal label.btn {
    margin-left: 0 !important;
  }
  #cropmodal .cropper-upload-file .upload-btn {
    padding: 0;
  }
  #cropmodal .modal-content , #uploadmodal .modal-content 
  {
    border: none;
  }
  
  #timingeditmodal i.fas.fa-plus, #diningeditmodal i.fas.fa-plus{
    color: white !important;
  }
  
  .frame-modal .nav-link {
    color: black;
  }
  .accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
  }
  #bannereditmodal  .upload-box {
    display: flex;
    justify-content:flex-start;
  }
  #bannereditmodal .upload-box > div {
    padding-top: 0px;
    margin-right: 40px;
  }
  #bannereditmodal .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #f1f1f1;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
  }
  #bannereditmodal .accordion-button {
    font-size: 16px;
  }
  #toast-container > .toast-error 
  {
    background-image: none!important;
    background: #e73305!important;
    padding: 10px 20px!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    font-size: 14px!important;
    font-weight: 700!important;
    background-size: 16px!important;
    background-position: 3%!important;
    padding-left: 1rem!important;
    
  } 
  
  #toast-container>.toast-success 
  {
    background-image: none!important;
    background-image: unset!important;
    background: #28a746!important;
    padding: 10px 20px!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    font-weight: 700!important;
    font-size: 14px!important;
    background-size: 16px!important;
    background-position: 3%!important;
    padding-left: 1rem!important;
    
  }
  .toast-message 
  {
    color: white!important;
    padding-left: 1rem!important;
  }
  
  .note-editor .note-toolbar .note-style .dropdown-style blockquote,.note-editor .note-toolbar .note-style .dropdown-style pre {
    margin: 0!important;
    padding: 0!important;
  }
  
  div#promo_text label {
    margin: 12px 0 8px;
  }
  
  /* Menu style */
  
  .menu-title-description-z {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #9b9b9b !important;
    margin-top: 3px;
  }
  
  .location-name {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 21px;
    margin-bottom: 1rem;
  }
  button#offerclose {
    box-shadow: none;
    border: 1px solid black;
    border-radius: 50%;
    width: 29px;
    height: 29px;
    background: white;
  float: right;}
  
  
  .menu_15_wrapper {
    font-family: Rubik, sans-serif;
    padding: 6rem 0;
    color: #9b9b9b;
    background: #fdeddd;
    color: black;
  }
  .menu_15_wrapper p {
  line-height: 24px;
  }
  body .menu_15_wrapper h1,
  body .menu_15_wrapper h2,
  body .menu_15_wrapper h3,
  body .menu_15_wrapper h4,
  body .menu_15_wrapper h5,
  body .menu_15_wrapper h6, body .menu_15_wrapper p, body .menu_15_wrapper li, body .menu_15_wrapper a,body .menu_15_wrapper  {
  
    font-family: "Playwrite GB S", cursive!important;
  }
  
  .menu_15_wrapper .section-title .title-bk {
  
    font-size: 25px;
    display: inline-block;
    padding: 7px 32px;
    background: white;
    border: 2px dashed black;
    margin-bottom: 8px;
    font-weight: 500 !important;
    font-family: "Playwrite GB S", cursive!important;
  }
  .menu_15_wrapper a.readmore-bk {
    text-decoration: dashed !important;
    font-weight: 500;
    font-size: 13px;
  }
  .menu_15_wrapper .menu-item-5 {
  margin-bottom: 3rem;
  position: relative;
  }
  
  .menu_15_wrapper .menu-item-5 .no-image .rate-bk {
    left: auto;
    transform: translateX(50%);
    top: auto;
    right: 50%;
    bottom: -2px;
  }
  .menu_15_wrapper .menu-item-5 .menu__item_5-img img {
  width: 100%;
  }
  
  .menu_15_wrapper .menu-item-5 .menu__item_5-img img {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }
    .menu_15_wrapper .menu-item-5 .menu__item_5-content 
    {
  
  
      width: 75%;
    }
    .menu_15_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-title {
      font-size: 19px;
      font-weight: 700;
      margin-bottom: 7px;
      text-transform: capitalize;
      position: relative;
      font-family: "Playwrite GB S", cursive !important;
      word-wrap: break-word;
      word-break: break-all;
      padding: 8px 20px;
      line-height: 25px;
    
    }
  .menu_15_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-desc {
  margin-bottom: 10px;
  font-size: 14px;
  border-bottom: none;
  padding-bottom: 5px;
  }
  .menu_15_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-price {
  color: var(--mainColor);
  font-size: 16px;
  font-weight: 600;
  margin-left: auto;
    background: #f1f1f1;
    width: 100px;
    padding: 10px;
    display: block;
    text-align: center;
  }
  .menu_15_wrapper .section-title 
  {
  color: black;
  }
  .menu_15_wrapper .menu-item-5 {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 10px;
    flex-direction: column;
    border: 3px dashed #ffffffe3;
    margin-bottom: 1.5rem;
    width: 295px;
      height: 293px;
  }
  .menu_15_wrapper .menu__item_5-img figure {
    width: 100px;
      height: 100px;
      /* border-radius: 20px; */
      overflow: hidden;
      border: 3px solid #f1f1f1;
      transform: rotate(13deg);
  }
  .menu_15_wrapper .menu-item-5 .menu__item_5-img 
  {
    position: relative;
  }
  
  .menu_15_wrapper .menu-item-5 .menu__item_5-img img {
    width: 100%;
  }
  
  
  .menu_15_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-desc {
    margin-bottom: 0px;
    font-size: 14px;
    padding-bottom: 0;
  }
  .menu_15_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-price {
    color: var(--mainColor);
    font-size: 17px;
    font-weight: 600;
  
  }
  
  .menu_15_wrapper .section-title 
  {
  padding: 8px;
  margin-bottom: 2.5rem;
  
  text-align: center;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .menu_15_wrapper .modal-content:before {
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 97%;
    height: 97%;
    content: '';
    background: transparent;
    transform: translate(-50%, -50%);
    border: 1px dashed white;
  }
  
  .menu_15_wrapper .section-title:after, 
  .menu_15_wrapper .section-title:before {
  display: none !important;
  }
  
  
  @media only screen and (max-width: 991px) {
  .menu_15_wrapper .section-title .title-bk {
  font-size: 24px;
  }
  }
  @media(max-width:991px) 
  {
  
  .menu_15_wrapper .menu-item-5 
  {
  border-bottom: 1px dashed #ffffff36;
  }
  
    .menu_15_wrapper .menu-item-5 .menu__item_5-img 
    {
      padding-right: 0;
     
    }
    .menu_15_wrapper .menu-item-5 .menu__item_5-content {
    width: 100%;
    text-align: center;
  }
  .menu_15_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-title 
  {
  display: inline-block;
  }
  }
  
  @media(max-width:560px)
  {
  .menu_15_wrapper .menu-item-5 .menu__item_5-img img
  {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
  }
  
  }
  
  
  .menu_15_wrapper .menu-item-5:nth-child(5n+1) {
            background-color: #fed8b3;
        }
        .menu_15_wrapper   .menu-item-5:nth-child(5n+2) {
            background-color: #dcbad3;
            width: 310px;
      height: 310px;
        }
        .menu_15_wrapper     .menu-item-5:nth-child(5n+3) {
            background-color: #d8dd9d;
            width: 270px;
          height: 270px;
        }
        .menu_15_wrapper     .menu-item-5:nth-child(5n+4) {
            background-color: #bddcf0;
            color: black; /* Change text color for better visibility */
            width: 290px;
      height: 290px;
        }
        .menu_15_wrapper    .menu-item-5:nth-child(5n+5) {
            background-color: #f8e773;
        }
        .menu_15_wrapper    .menu-item-5:nth-child(5n+2) figure {
          transform: rotate(-10deg);
      }
      .menu_15_wrapper   .menu-item-5:nth-child(5n+3) figure {
        transform: rotate(40deg);
    }
  
    .menu_15_wrapper .menu-item-5:nth-child(5n+4) figure {
      transform: rotate(-35deg);
      transform-origin: center;
  }
  
  
  .menu_15_wrapper .menu-item-5:nth-child(5n+1) .no-image .image-card
  {
    transform: rotate(-75deg);
    transform-origin: center;
  }
  .menu_15_wrapper .menu-item-5:nth-child(5n+2) .no-image .image-card
  {
    transform: rotate(-10deg);
    transform-origin: center;
  }
  .menu_15_wrapper .menu-item-5:nth-child(5n+3) .no-image .image-card
  {
    transform: rotate(45deg);
    transform-origin: center;
  }
  .menu_15_wrapper .menu-item-5:nth-child(5n+3) .no-image .image-card
  {
    transform: rotate(25deg);
    transform-origin: center;
  }
  
  .menu_15_wrapper .menu-item-5:nth-child(5n+1) .modal-content
  {
    background:#fed8b3;
  }
  .menu_15_wrapper .menu-item-5:nth-child(5n+2) .modal-content
  {
    background:#dcbad3;
  }
  
  .menu_15_wrapper .menu-item-5:nth-child(5n+3) .modal-content
  {
    background:#d8dd9d;
  }
  
  .menu_15_wrapper .menu-item-5:nth-child(5n+4) .modal-content
  {
    background:#bddcf0;
  }
  
  .menu_15_wrapper .menu-item-5:nth-child(5n+5) .modal-content
  {
    background:#f8e773;
  }
  
  .menu_15_wrapper .menu-item-5:nth-child(5n+1) .btn-close {
    background-color: #fed8b3;
  }
  .menu_15_wrapper .menu-item-5:nth-child(5n+2) .btn-close {
    background-color: #dcbad3;
  }
  .menu_15_wrapper .menu-item-5:nth-child(5n+3) .btn-close {
    background-color: #d8dd9d;
  }
  .menu_15_wrapper .menu-item-5:nth-child(5n+4) .btn-close {
    background-color: #bddcf0;
  }
  .menu_15_wrapper .menu-item-5:nth-child(5n+5) .btn-close {
    background-color: #f8e773;
  }
  
  
  
    body  .menu_15_wrapper .menu-item-5 .rate-bk {
        width: 80px;
        height: 80px;
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 20px;
        font-weight: 500;
        border: 1px dashed black;
        padding: 20px;
        position: absolute;
        right: -62px;
        z-index: 9;
        top: -10px;
        filter: drop-shadow(3px 1px 2px rgba(0, 0, 0, 0.2));
        font-family: "Caveat", cursive;
    font-weight: 600;
    }
    .menu_15_wrapper .no-image .image-card
    {
      width: 100px;
      height: 100px;
      /* border-radius: 20px; */
      overflow: hidden;
      border: 3px solid #f1f1f1;
      transform: rotate(13deg);
      margin-bottom: 16px;
    }
    .menu_15_wrapper .modal-content {
      position: relative;
      display: flex;
      flex-direction: column;
      width: 400px;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, .2);
      border-radius: .3rem;
      outline: 0;
      height: 400px;
      border-radius: 50%;
      margin: auto;
  }
  @media(max-width:575px)
  {
    .menu_15_wrapper .modal-content
    {
      width: 330px;
      height: auto;
  
    }
   
  }
  .menu_15_wrapper .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    /* width: 400px; */
    /* height: 400px; */
    padding: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .menu_15_wrapper .modal-title {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 1rem;
  }
  .menu_15_wrapper .modal-body {
    line-height: 24px;
    font-size: 16px;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
  }
  .menu_15_wrapper .btn-close {
    
    background-color: white;
    border-radius: 50%;
    padding: 7px;
    position: absolute;
    right: 0;
    opacity: 1;
    z-index: 99;
    border: 1px dashed white;
  
  }
  .menu_15_wrapper .menu-sub-category-box 
  {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
  }
  .menu_15_wrapper .menu-category-name h3
  {
    text-align: center;
  }
  @media(max-width:991px)
  {
    .menu_15_wrapper .menu-sub-category-box  
    {
  
    }
  }
  
  
  
  
  
  
  .menu_16_wrapper .menu-items-box {
    display: flex;
    flex-wrap: wrap;
  }
  .menu_16_wrapper .menu-left-bk
  {
    width: 50%;
  }
  @media(max-width:991px)
  {.menu_16_wrapper .menu-left-bk
    {
      width: 100%;
      
    }
    .menu_16_wrapper .menu-items-box 
    {
      flex-direction: column;
    }
    
  }
  .menu_16_wrapper  .menu-right-bk 
  {
    width: 50%;
    padding-left: 2.5%;
  }
  @media(max-width:991px)
  {.menu_16_wrapper  .menu-right-bk 
    {
      width: 100%;
      
    }
    
  }
  .menu_16_wrapper h2.title-bk {
    font-size: 33px;
    line-height: 43px;
    margin-bottom: 8px;
  }
  .menu_16_wrapper{
    padding: 4rem 0;
  }
  .menu_16_wrapper {
    background: black;
  }
  .menu_16_wrapper * {
    color: white;
  }
  /* .menu__item_16-img {
    width: 200px;
    height: 200px;
    border-radius: 50px;
    overflow: hidden;
    
  } */
  .menu__item_16-img img 
  {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .item-header {
    display: flex;
    justify-content: space-between;
  }
  .rate-bk {
    font-size: 26px;
    font-weight: 600;
  }
  .menu__item_16-content {
    margin-bottom: 2rem;
  }
  .left-food-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    z-index: 0;
    height: 100%;
    border-right: 2px solid white;
  }
  .left-food-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .menu_16_wrapper.category-on .left-food-image
  {
    border-right: none;
  }
  .menu_16_wrapper.category-on .menu-left-bk img
  {
    border-bottom: none;
  }
  .menu_16_wrapper .bk-inner-banner .btn
  {
    background: white;
  }
  
  
  
  
  
  .menu_16_wrapper .left-food-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    z-index: 0;
    height: 100%;
    border-right: 2px solid white;
  }
  @media(max-width:991px)
  {.menu_16_wrapper .left-food-image
    {
      width: 100%;
      border-right: none;
    }
    
  }
  .menu_16_wrapper .section-title {
    font-size: 35px;
    font-weight: 600;
    position: relative;
    z-index: 99;
    background: #000000c2;
    padding: 10px 20px;
    /* border-radius: 60px; */
    /* width: calc(43% + 16px); */
    width: 49%;
  }
  .menu_16_wrapper .item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
  }
  .menu_16_wrapper h4.menu__item_16-title {
    margin-bottom: 0;
    line-height: 16px;
  }
  .menu_16_wrapper .left-food-image img {
    opacity: 0.3;
  }
  .menu-left-bk img 
  {
    opacity: 1!important;
  
  }
  .menu_16_wrapper .menu-left-bk img {
    width: 200px;
    /* border-radius: 50%; */
    height: 200px;
  
    position: relative;
    object-fit: cover;
    /* border: 2px solid white;
    border-top: none; */
    border-bottom: 2px solid white;
  }
  
  .menu_16_wrapper h4.menu__item_16-title {
    margin-bottom: 0;
    line-height: 16px;
    word-break: break-all;
      line-height: 28px;
      padding-right: 1rem;
  }
  
  #sortable_promo_image .btn-close {
    background: none !important;
    background: black !important;
    width: auto;
    padding: 10px 16px;
    height: auto;
    margin-bottom: 1rem;
    border: none;
    border-radius: 5px;
    box-shadow: none;
  }
  
  .banner-avatar 
  {
    height: 100vh;
    width: 100%;
    background: var(--mainColor);
    position: absolute;
      top: 0;
      left: 0;
  }
  
  .bk-header nav a * {
    font-size: 16px !important;
  }
  
  a.remove-font-color * {
    font-size: 16px !important;
  }
  
  .note-dropdown-menu.note-check.dropdown-fontsize {
    height: 140px;
    overflow-y: scroll;
  }
  .note-dropdown-menu.note-check.dropdown-fontsize {
    height: 140px!important;
    overflow-y: scroll!important;
  }
  
  a.note-dropdown-item, a.note-dropdown-item:hover {
    margin: 3px 0!important;
    
    line-height: 16px!important;
  }
  
  
  div#tst-dynamic-content figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  button#edit-event-email {
    margin-right: 4px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0;
  }
  button#event_submit_btn
  {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0;
  }
  input#event_booking_email {
    margin-right: 10px;
  }
  .bye-section form#restaurant-website-edit {
    padding: 0;
    border: none;
    background:Â transparent;
  }
  
  @media(max-width:991px)
  {
    .form-image-div 
    {
      margin-bottom: 1rem;
    }
    div#div_capt {
      margin-bottom: 1rem;
  }
  input#captcha_default6_privateeventPage {
    width: 60%;
  }
  }
  
  li.tst-active span {
    font-size: 12px !important;
  }
  
  .modal-title span {
    font-size: 18px !important;
  }
  
  .bye-section.new-designs {
    padding: 6rem 0;
  }
  .bye-section.new-designs h3
  {
    font-size: 34px;
      margin-bottom: 2.5rem;
      font-weight: 500;
  }
  
  .bye-section.new-designs .form-control {
    margin-bottom: 16px;
  }
  
  .bye-section.new-designs figure 
  {
    border-radius: 20px;
    overflow: hidden;
  }
  .faq-section .accordion-button 
  {
    color: rgb(0, 0, 0);
  }
  /* .faq-section .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #e7f1ff;
    box-shadow: none;
  } */
  .faq-section .accordion-item {
    background-color: #fff;
   border: none;
  }
  /* .faq-section .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #f1f1f1;
    box-shadow: none;
   
  } */
  .faq-section .accordion-item {
    margin-bottom: 1rem;
  }
  .faq-section .accordion-button {
    background-color: #f1f1f1;
    border-bottom: none;
    font-size: 18px;
  }
  .faq-section .accordion-header
  {
    border-bottom: none;
    border-bottom: none;
    line-height: 2rem;
    margin-bottom: 0;
  }
  
  .faq-section .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
  }
  
  .faq-section .edit-block {
    display: block;
    width: 100%;
  }
  
  .faq-section.edit-image-block .edit-image-actions {
    
    bottom: 50%;
    transform: translateY(50%);
    
  }
  .text-bk {
    max-width: 90%;
  }
  .toast 
  {
    background-repeat: no-repeat;
  }
  .toast-error 
  {
    background: red;
    background-repeat: no-repeat;
  }
  
  .faq-section .custom-tooltip {
    position: relative;
   
  }
  
  .faq-section .custom-tooltip .tooltip-text {
    visibility: hidden;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid #F1f1f1;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 0;
    width: 100%;
    opacity: 0;
  
    
  }
  .faq-section .custom-tooltip .tooltip-text.show 
  {
    opacity: 1;
  }
  .tooltip-text[data-visible="false"] {
    display: none;
  }
  .faq-section .custom-tooltip:hover .tooltip-text {
    visibility: visible;
  }
  

  
  
  #bannereditmodal .form-switch {
    padding-left: 0;
    display: flex;
    align-items: center;
  }
  #bannereditmodal .form-check-input[type=radio] {
    margin-top: 0 !important;
    margin: 0;
    margin-right: 9px;
  }
  #bannereditmodal .modal-body label {
    
    line-height: 14px;
  }
  
  
  
  
  
  
  
  
  .events-section .title-bk {
    margin-bottom: 0rem;
  }
  
  .event-footer {
    background: var(--mainColor);
    border-radius: 0 0 0 10px;
    padding: 12px 20px;
    color: white;
  }
  
  .events-section figure.bk-image.mgb-0 {
    border-radius: 25px 25px 0 0;
    overflow: hidden;
    background: white;
  }
  
  .events-section .date-bk {
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    background: #f50158;
    padding: 5px 10px;
    border-radius: 15px 0 5px 0px;
    z-index: 99;
    top: 0px;
  
    font-weight: 600;
    font-size: 13px;
    left: 0px;
  }
  .latest-bk .bk-image {
    position: relative;
    padding-bottom: 70%;
    border-radius: 10px 0 0 0;
    overflow: hidden;
  }
  
  .bk-event-item {
    position: relative;
    display: block !important;
  }
  
  .bk-event-item:before {
    position: absolute;
    left: 0;
    bottom: -28px;
    width: 100%;
    height: 1px;
    content: '';
    background: #80808054;
  }
  
  .bk-event-item:last-child::before {
    display: none;
  }
  
  .bk-event-item .content-bk {
    background: #f1f1f1;
    padding: 26px 32px;
    border-radius: 0 5px 5px 0;
    z-index: 1;
    
    position: relative;
    margin-left: 0;
    border-right: 4px solid var(--mainColor);
    height: 100%;
  }
  .bk-event-item .content-bk .title-bk {
    font-size: 24px;
    font-weight: 600!important;
    /* margin-bottom: 14px; */
  }
  .bk-event-item .description {
    line-height: 23px;
  }
  .bk-event-item .content-bk iframe {
    margin-top: 1rem;
  }
  
  .events-section .left-bk {
    filter: drop-shadow(0px 0px 4px gray);
    z-index: 2;
    position: relative;
  }
  
  .events-section .title-bk {
    font-size: 1.6rem;
    line-height: 1.7rem;
  }
  
  
  @media(max-width:767px) {
    .bk-event-item {
      margin-bottom: 2.5rem !important;
  
  
    }
  
    .bk-event-item:last-child {
      margin-bottom: 0rem !important;
  
  
    }
  
    .bk-event-item .content-bk {
      margin-left: 0;
      padding-left: 32px;
    }
  
    .bk-event-item .left-bk {
  
      border-radius: 25px 25px 0 0;
    }
  
    .bk-event-item .content-bk {
      border-right: none;
      border-radius: 0 0 25px 25px;
    }
  
    .event-footer {
      border-radius: 0;
    }
  
    .bk-event-item:before {
      display: none;
    }
  
  }
  
  /* .edit-btn-label {
    font-size: 9px;
      line-height: 16px;
      color: gray;
      background: #343a40;
      padding: 1px 8px;
      margin-top: 4px;
      color: white;
      border: 1px solid white;
      border-radius: 25px;
      margin-top: 2px;
  } */
  
  .edit-image-block .edit-actions {
   
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .edit-image-block .edit-image-actions {
  
    display: flex;
    flex-direction: column;
    align-items:Â center;
  }
  
  
  .edit-image-block .edit-actions.edit-label-btn .btn {
    display: inline-flex
  ;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      padding: 0;
      border-radius: 16px;
      line-height: 1;
      color: #fff !important;
      background-color: #343a4066 !important;
      /* border-color: #343a40 !important; */
      border: 0;
      box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);
      border: 1px solid #fff !important;
      min-width: auto !important;
      min-height: auto !important;
      margin: 0 !important;
      font-size: 10px;
      overflow: hidden;
  }
  
  .edit-image-block .edit-actions.edit-label-btn .btn i {
    background: white;
      font-size: 11px;
      max-height: inherit;
      margin: 0 !important;
      margin-right: 3px !important;
      padding: 4px;
      color: black;
      width: 21px;
      height: 21px;
      border-radius: 50%;
      border: 1px solid #343a4066;
  }
  .edit-image-block .edit-actions.edit-label-btn .edit-btn-label {
    padding-right: 7px;
  }
  
  .edit-image-block .edit-image-actions.edit-label-btn .btn {
    display: inline-flex
  ;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      padding: 0;
      border-radius: 16px;
      line-height: 1;
      color: #fff !important;
      background-color: #343a4066 !important;
      /* border-color: #343a40 !important; */
      border: 0;
      box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);
      border: 1px solid #fff !important;
      min-width: auto !important;
      min-height: auto !important;
      margin: 0 !important;
      font-size: 10px;
      overflow: hidden;
  }
  
  .edit-image-block .edit-image-actions.edit-label-btn .btn i {
    background: white;
      font-size: 11px;
      max-height: inherit;
      margin: 0 !important;
      margin-right: 3px !important;
      padding: 4px;
      color: black;
      width: 21px;
      height: 21px;
      border-radius: 50%;
      border: 1px solid #343a4066;
  }
  .edit-image-block .edit-image-actions.edit-label-btn .edit-btn-label {
    padding-right: 7px;
  }
  
  
  
  
  
  
  
  
  
  
  .edit-block .edit-actions.edit-label-btn .btn {
    display: inline-flex
  ;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      padding: 0;
      border-radius: 16px;
      line-height: 1;
      color: #fff !important;
      background-color: #343a404f  !important;
      /* border-color: #343a40 !important; */
      border: 0;
      box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);
      border: 1px solid #fff !important;
      min-width: auto !important;
      min-height: auto !important;
      margin: 0 !important;
      font-size: 10px;
      overflow: hidden;
  }
  
  .edit-block .edit-actions.edit-label-btn .btn i {
    background: transparent;
    font-size: 11px;
    max-height: inherit;
    margin: 0 !important;
    margin-right: 1px !important;
    padding: 5px;
    color: rgb(255, 255, 255);
    border: none;
    padding-right: 0;
    
  }
  .edit-block .edit-actions.edit-label-btn .edit-btn-label {
    padding-right: 7px;
  }
  
  .edit-block .edit-image-actions.edit-label-btn .btn {
    display: inline-flex
  ;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      padding: 0;
      border-radius: 16px;
      line-height: 1;
      color: #fff !important;
      background-color: #343a404f  !important;
      /* border-color: #343a40 !important; */
      border: 0;
      box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);
      border: 1px solid #fff !important;
      min-width: auto !important;
      min-height: auto !important;
      margin: 0 !important;
      font-size: 10px;
      overflow: hidden;
  }
  
  .edit-block .edit-image-actions.edit-label-btn .btn i {
    background: transparent;
    font-size: 11px;
    max-height: inherit;
    margin: 0 !important;
    margin-right: 1px !important;
    padding: 5px;
    color: rgb(255, 255, 255);
    border: none;
    padding-right: 0;
  }
  .edit-block .edit-image-actions.edit-label-btn .edit-btn-label {
    padding-right: 7px;
  }
  
  .table-wrapper {
    overflow-x: scroll;
  }
  div#offerModal p, div#offerModal {
    word-break: break-all;
  }
  
  .table-wrapper {
    overflow-x: scroll;
  word-break: break-all;
  }
  
  .content p {
    word-break: break-all;
  }
  .modal-body .table-wrapper {
    overflow-x: scroll;
    width: auto;
  }
  
  .upload-box > div {
    padding: 20px;
  }
  
  
  
  .addpopupmodal-style .dropzone.dropzone-previews
  {
    padding: 0;
  }
  .addpopupmodal-style .dropzone.dropzone-previews 
  {
    border: none;
  }
  .addpopupmodal-style .upload-box {
    display: flex
  ;
    justify-content: flex-start;
  }
  .addpopupmodal-style .upload-box {
    display: flex
  ;
    justify-content: flex-start;
    background: #f5f5f5;
    /* margin-top: 1rem; */
  }
  
  .addpopupmodal-style label {
    color: #999;
    font-size: 14px;
    margin: 0;
    font-family: 'Nunito Sans', sans-serif !important;
    line-height: 1.5;
    margin-bottom: 8px!important;
  }
  .addpopupmodal-style .dropzone.dropzone-previews 
  {
    background: transparent;
  }
  .addpopupmodal-style .dz-default.dz-message {
    width: 100px;
    height: 100px;
    border-radius: 6px;
    background: gray;
  }
  .addpopupmodal-style .dz-default.dz-message .dropzone-box
  {
    padding: 8px;
  }
  .addpopupmodal-style .dropzone-previews
  {
    padding: 8px;
  }
  .addpopupmodal-style .cropper-upload-file .upload-btn {
    padding: 0px;
  }
  
  .addpopupmodal-style .dropzone.dropzone-previews {
    background: white;
    padding: 0;
    border: none;
    border-radius: 4px;
    min-height: auto;
  }
  
  .addpopupmodal-style .btn:active,.addpopupmodal-style .btn:focus,.addpopupmodal-style .btn:hover {
    box-shadow: none;
    background-color: #fff;
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
  }
  .menu_16_wrapper .menu-category-name
  {
    border: none;
    position: relative;
    padding-left: 0;
    padding-right: 0;
  }
  .menu_16_wrapper .menu-category-parent-box {
    padding: 32px;
    /* background: #ffffff; */
    margin-bottom: 3rem;
    border: 1px solid white;
  }
  .menu_16_wrapper .menu-category-parent-box 
  {
    position: relative;
  }
  .menu_16_wrapper .menu-category-parent-box:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    content: '';
    background: linear-gradient(#000000 50%, #ffff0000);
  }
  .menu_16_wrapper .menu-category-name {
    text-align: center;
  }
  .menu_16_wrapper .menu-items-box 
  {
    position: relative;
  }
  
  .menu_16_wrapper .menu-left-bk .edit-image-block {
    width: 80%;
  }
  
  .menu_16_wrapper .menu-left-bk img {
    width: 100%;
    
    height: 370px;
    position: relative;
    object-fit: cover;
    border-bottom: 2px solid white;
  }
  
  
  
  
  
  @media(max-width:991px)
  {
    .menu_16_wrapper .section-title
    {
      width: 100%;
    }
  }
  
  @media(max-width:560px)
  {
    .menu_16_wrapper .menu-items-box
    {
     flex-direction: column;
    }
    .menu_16_wrapper .menu-left-bk, .menu_16_wrapper .menu-right-bk
    {
      width: 100%;
    }
    .left-food-image 
    {
      width: 100%;
    }
    .menu_16_wrapper .menu-left-bk img {
      width: 100%;
      
      height: auto;
      
  }
  .menu_16_wrapper .menu-left-bk .edit-image-block {
    width: 100%;
  }
  }
  
  .edit-image-block .edit-image-actions.menu_16_edit_icon {
   
    right: auto;
    bottom: auto;
    top: 20px;
    left: 20px;
    
  }
  
  
  
  
  .menu_17_wrapper {
      font-family: Rubik, sans-serif;
      padding: 6rem 0;
      color: #9b9b9b;
     
      color: black;
    }
    .menu_17_wrapper p {
    line-height: 24px;
    }
    body .menu_17_wrapper h1,
    body .menu_17_wrapper h2,
    body .menu_17_wrapper h3,
    body .menu_17_wrapper h4,
    body .menu_17_wrapper h5,
    body .menu_17_wrapper h6, body .menu_17_wrapper p, body .menu_17_wrapper li, body .menu_17_wrapper a,body .menu_17_wrapper  {
    
      font-family: "Schoolbell", cursive !important;
    }
    
    .menu_17_wrapper .section-title .title-bk {
    
      font-size: 49px;
      display: inline-block;
      padding: 7px 32px;
     color: black!important;
      margin-bottom: 8px;
      font-weight: 500 !important;
      
    }
    .menu_17_wrapper a.readmore-bk {
      text-decoration: dashed !important;
      font-weight: 500;
      font-size: 13px;
    }
    .menu_17_wrapper .menu-item {
    margin-bottom: 1rem;
    position: relative;
    }
    
   
    .menu_17_wrapper .menu-item .menu__item-img img {
    width: 100%;
    }
    
    .menu_17_wrapper .menu-item .menu__item-img img {
          width: 100%;
          object-fit: cover;
          height: 100%;
      }
      .menu_17_wrapper .menu-item .menu__item-content 
      {
    
    
        width: 75%;
      }
      .menu_17_wrapper .menu-item .menu__item-content .menu__item-title {
          font-size: 19px;
          font-weight: 700;
          margin-bottom: 7px;
          text-transform: capitalize;
          position: relative;
          font-family: "Playwrite GB S", cursive!important;
      
      }
    .menu_17_wrapper .menu-item .menu__item-content .menu__item-desc {
    margin-bottom: 10px;
    font-size: 14px;
    border-bottom: none;
    padding-bottom: 5px;
    }
    .menu_17_wrapper .menu-item .menu__item-content .menu__item-price {
    color: var(--mainColor);
    font-size: 17px;
    font-weight: 600;
    margin-left: auto;
      background: #f1f1f1;
      width: 100px;
      padding: 10px;
      display: block;
      text-align: center;
    }
    .menu_17_wrapper .section-title 
    {
    color: black;
    }
  
    .menu_17_wrapper .section-title 
    {
    padding: 8px;
    margin-bottom: 2rem;
    
    text-align: center;
    }
    
  
  
    .menu_17_wrapper .menu-item {
      
    }
    .menu_17_wrapper .menu__item-img figure {
      width: 100px;
        height: 100px;
        /* border-radius: 20px; */
        overflow: hidden;
        border: 3px solid #f1f1f1;
        transform: rotate(13deg);
    }
    .menu_17_wrapper .menu-item .menu__item-img 
    {
      position: relative;
    }
    
    .menu_17_wrapper .menu-item .menu__item-img img {
      width: 100%;
    }
    
    
    .menu_17_wrapper .menu-item .menu__item-content .menu__item-desc {
      margin-bottom: 0px;
      font-size: 14px;
      padding-bottom: 0;
    }
    .menu_17_wrapper .menu-item .menu__item-content .menu__item-price {
      color: var(--mainColor);
      font-size: 17px;
      font-weight: 600;
    
    }
  
  
  
  .menu_17_wrapper .no-image .image-card
  {
  width: 100px;
  height: 100px;
  /* border-radius: 20px; */
  overflow: hidden;
  border: 3px solid #f1f1f1;
  transform: rotate(13deg);
  margin-bottom: 16px;
  }
  .menu_17_wrapper .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0;
  
  
  }
  .menu_17_wrapper .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
  /* width: 400px; */
  /* height: 400px; */
  padding: 32x;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  }
  .menu_17_wrapper .modal-title {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 1rem;
  }
  .menu_17_wrapper .modal-body {
  line-height: 24px;
  font-size: 16px;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  }
  .menu_17_wrapper .btn-close {
  
  background-color: white;
  border-radius: 50%;
  padding: 7px;
  position: absolute;
  right: 8px;
  top: 8px;
  opacity: 1;
  z-index: 99;
  border: 1px dashed rgb(0, 0, 0);
  
  }
  .menu_17_wrapper .menu-cat-item-list {
      background: #f1f1f1;
      padding: 20px 32px;
      margin-bottom: 6rem;
      position: relative;
  }
  
  .menu_17_wrapper .menu-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
  }
  /* .menu_17_wrapper .menu-header:before {
      position: absolute;
      left: 0;
      top: 53%;
      transform: translateY(-50%);
      width: 100%;
      height: 1px;
      border: 1px dashed #1f1f1f94;
      content: '';
      z-index: 1;
  } */
  .menu_17_wrapper h4.menu__item_17-title 
  {
      margin-bottom: 0;
      color: black!important;
      font-size: 24px;
  }
  .menu_17_wrapper h4.menu__item_17-title {
      
      padding: 6px 16px;
      z-index: 2;
      padding-left: 0;
  }
  .menu_17_wrapper .price-bk {
     
      position: relative;
      z-index: 2;
      padding: 6px 16px;
      padding-right: 0;
  }
  
  
  
  .menu_17_wrapper .round-element-1 {
      position: absolute;
      width: 100px;
      height: 100px;
      background: white;
      border-radius: 50%;
      top: -50px;
      left: 140px;
  }
  
  .menu_17_wrapper .round-element-2 {
      position: absolute;
      width: 30px;
      height: 30px;
      background: white;
      border-radius: 50%;
      top: 40px;
      left: 225px;
  }
  .menu_17_wrapper .round-element-3 {
      position: absolute;
      width: 50px;
      height: 50px;
      background: white;
      border-radius: 50%;
      bottom: -27px;
      right: 170px;
  }
  
  
  .menu_17_wrapper .round-element-4 {
      position: absolute;
      width: 70px;
      height: 70px;
      background: white;
      border-radius: 50%;
      top: 14%;
      right: -33px;
  }
  
  .menu_17_wrapper .menu-title-description-z 
  {
      font-size: 16px;
  }
  
  .menu_17_wrapper .menu-cat-item-list  .edit-image-block .cat-single-image {
    position: relative;
    left: -23px;
    top: -23px;
  }
  .menu_17_wrapper .menu-subcategory-name
  {
  border: none;
  margin-bottom: 5rem;
  }
  .menu_17_wrapper .menu-subcategory-name h3 {
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
  }
   .color-pallet-bk input {
    padding: 3 !important;
  }
   .color-pallet-bk {
    width: 32px;
    /* height: 32px; */
  }
   .price-bk {
      font-size: 20px;
      font-weight: 600;
      color: #070808;
  }
  .menu_17_wrapper .cat-single-image {
      position: absolute;
      width: 110px;
      height: 110px;
      overflow: hidden;
      position: absolute;
      left: 8px;
      border: 4px solid white;
      top: -20px;
      transform: rotate(-7deg);
      transform-origin: center;
      /* transform: translateX(-50%); */
      /* transform: rotate(11deg) translateX(-50%); */
  }
  .clip-image img 
  {
      height: 100%;
      width: 100%;
  }
  .menu_17_wrapper .cat-single-image img 
  {
      height: 100%;
      width: 100%;
  }
  .clip-image {
      position: absolute;
      left: -29px;
      top: 4px;
      width: 65px;
      height: 65px;
      z-index: 9;
      transform: rotate(-39deg);
  }
  @media(max-width:560px)
  {
      .menu_17_wrapper .section-title .title-bk {
          font-size: 30px;
          display: inline-block;
          padding: 7px 32px;
          margin-bottom: 8px;
          font-weight: 500 !important;
          color: black !important;
          position: relative;
      }
      .clip-image {
          position: absolute;
          left: -12px;
          top: -41px;
          width: 65px;
          height: 65px;
          z-index: 9;
          transform: rotate(35deg);
      }
      .menu_17_wrapper .cat-single-image {
          position: absolute;
          width: 100px;
          height: 100px;
          overflow: hidden;
          position: absolute;
          left: 7px;
          border: 4px solid white;
          top: -15px;
          transform: rotate(-3deg);
          transform-origin: center;
          /* transform: translateX(-50%); */
          /* transform: rotate(11deg) translateX(-50%); */
      }
      .menu_17_wrapper .round-element-1 {
         
          width: 80px;
          height: 80px;
          
      }
      .menu_17_wrapper .round-element-2 {
          position: absolute;
          width: 20px;
          height: 20px;
         
          top: 20px;
          left: 215px;
      }
      .menu_17_wrapper .round-element-4 {
          position: absolute;
          width: 60px;
          height: 60px;
          background: white;
          border-radius: 50%;
          top: 14%;
          right: -40px;
      }
  }
  
  .location-section {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  
  @media (min-width: 768px) {
    .location-section .container-fluid {
      padding: 0 5%;
    }
  }
  
  
  .location-section.design1 .address-bk {
    padding: 32px;
    background: #eeeeee;
    position: relative;
    padding-top: 50px;
    padding-bottom: 45px;
    text-align: center;
  }
  
  @media (max-width:991px) {
    .location-section.design1 .address-bk {
      margin-bottom: 6rem;
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .location-section.design1 .mgb--6 {
      margin-bottom: -6rem;
    }
  }
  
  .location-section.design1 ul.contact-bk li a {
    color: black;
  }
  
  .location-section.design1 ul.contact-bk {
    list-style: none;
    padding: 31px 16px;
    margin-bottom: 0;
    width: auto;
    /* padding-left: 10px; */
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
    justify-content: center;
    /* margin-bottom: 1rem; */
    background: #ffffffe3;
    border: 1px solid #bbb9b9;
    display: inline-block;
    /* margin: auto; */
    width: 100%;
  }
  
  .location-section.design1 ul.contact-bk li:last-child {
    margin-bottom: 0;
  }
  
  
  .location-section.design1 .nav-bk {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    margin: 0;
    /* margin-bottom: 0.5rem; */
    align-items: stretch;
    justify-content: center;
    margin-bottom: 8px;
  }
  
  .location-section.design1 ul.nav-bk.flex-column li {
    margin-bottom: 10px;
  }
  
  .location-section.design1 .nav-bk a {
    color: black;
    font-size: 16px;
  }
  
  .location-section.design1 ul.contact-bk span.icon-bk {
    margin-right: 8px;
    margin-bottom: 4px;
  }
  
  .location-section.design1 ul.contact-bk li {
    margin-bottom: 1.3rem;
  }
  
  .location-section.design1 .address-bk .title-bk {
    position: absolute;
    left: 50%;
    top: -32px;
    font-weight: 400;
    transform: translateX(-50%);
    font-size: 19px;
    background: white;
    padding: 10px 37px;
    box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    transition: 0.3s;
    min-width: 200px;
    text-align: center;
  }
  
  .location-section.design1 ul.contact-bk li {
    margin-bottom: 1.3rem;
  }
  
  .location-section.design1 .address-bk:hover .title-bk {
    background: var(--mainColor);
    color: white;
  }
  
  .location-section.design1 a.btn.btn-bk {
    /* position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%); */
    font-size: 16px;
    background: var(--mainColor);
    padding: 10px 21px;
    box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    transition: 0.3s;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem;
  }
  
  .location-section.design1 a.btn.btn-bk:hover {
    background: var(--mainColor);
    color: white;
  }
  
  .location-section.design1 ul.nav-bk li a {
    padding: 4px 13px;
    position: relative;
    display: inline-block;
    margin: 0 4px;
    border: 1px solid var(--mainColor);
    border-radius: 16px;
    /* width: 98px; */
    text-align: center;
    font-size: 15px;
    transition: 0.4s;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    /* background: #e24142; */
    color: var(--mainColor);
  }
  
  .location-section.design1 ul.nav-bk li a:hover {
    background: var(--mainColor);
    color: white !important;
  }
  
  .location-section.design1 ul.nav-bk li:last-child a:after {
    display: none;
  }
  
  .location-section.design1 .address-bk .title-bk {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: initial !important;
    font-size: 18px !important;
    line-height: 28px !important;
    padding: 14px 15px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  
    min-height: 80px !important;
    border-bottom: 1px solid black !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .location-section.design1 ul.contact-bk {
    border: none !important;
  }
  
  
  .location-section.design1 .address-bk .title-bk {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: initial !important;
    font-size: 18px !important;
    line-height: 28px !important;
    padding: 14px 15px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  
    min-height: 80px !important;
    border-bottom: 1px solid black !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    word-break: break-all;
  }
  
  .location-section.design1 .address-bk ul.contact-bk {
    border: none !important;
  }
  
  .location-section.design1 ul.contact-bk li span {
    display: block;
  }
  
  .location-section.design1 li.nav-bk-li {
    background: #f1f1f1;
    border-radius: 23px;
    display: inline-block;
    padding: 5px 25px;
  }
  
  
  .location-section .mgb-2 {
    margin-bottom: 1rem !important;
  }
  
  .location-item iframe.one {
    position: absolute;
    width: 100%;
    z-index: -1;
    bottom: 0;
    height: 100%;
  }
  
  .location-wrapper.abc {
    background: white !important;
    padding: 2rem !important;
    /* width: 40%!important; */
    height: auto !important;
    margin-left: auto !important;
  
  }
  
  .design3 .location-item-bk .row {
    margin-bottom: 2rem;
    border: 1px solid #e1e1e1;
  }
  
  .design3 .location-data .btn {
    background: #000;
    color: white;
    padding: 10px 16px;
  }
  
  .location-design-1.four figure,
  .location-design-1.four iframe {
    border-radius: 0 !important;
  }
  
  .location-design-1.four .location-data ul {
    padding: 0;
    width: 70%;
    margin: 0;
    border-right: none;
    padding-right: 0;
    width: 100%;
  }
  
  .location-design-1.four a {
    border-radius: 0 !important;
  }
  
  .location-design-1.four .location-wrapper {
  
    justify-content: center;
  }
  
  .location-design-1.four .location-wrapper .location-data {
    padding-top: 0;
  }
  
  .location-design-1.four .location-wrapper {
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  /* Location Page design1 */
  
  .location-design-1 .location-item figure {
    position: relative;
    height: 100%;
    width: 100%;
    margin-bottom: 0;
    border-radius: 16px;
  
    overflow: hidden;
    min-height: 350px;
  }
  
  /* .location-item iframe 
  {
    border-radius: 1rem;
  } */
  /* @media(min-width:991px)
  {
    .location-item .row:nth-child(even)
    {
      flex-direction: row-reverse;
    }
  } */
  .location-item-bk {
    margin-bottom: 4rem;
  }
  
  h1.location-title {
    margin-bottom: 2rem;
    word-break: break-all;
  }
  
  .location-design-1 .location-item figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  
  }
  
  .location-design-1 .location-wrapper .location-name {
    padding: 1rem;
    text-align: center;
    background: #f1f1f1;
    font-weight: 500;
    font-size: 1.5rem;
    border-radius: 0px;
    font-size: 1.5rem;
    line-height: 1.7rem;
  }
  
  .location-design-1 .location-wrapper .location-data li {
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
  }
  
  .location-design-1 .location-wrapper .location-data {
    padding: 2rem 1rem;
    display: flex;
    align-items: center;
    padding-right: 0;
  }
  
  .location-design-1 .location-wrapper .location-data ul {
    padding: 0;
  }
  
  .location-design-1 .location-wrapper ul.button-block {
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
    list-style: none;
  }
  
  .location-design-1 .location-wrapper ul.button-block li {
    width: 100%;
    text-align: center;
    margin: 0 10px;
  
  }
  
  .location-design-1 .location-wrapper ul.button-block a {
    display: block;
    width: 100%;
    background: #f1f1f1;
    padding: 10px;
    transition: 0.3s;
    border-radius: 8px;
  }
  
  .location-design-1 .location-wrapper ul.button-block a:hover {
    background: var(--mainBgColor);
    color: var(--mainColor);
  }
  
  .location-design-1 .location-data ul {
    padding: 0;
    width: 70%;
    margin: 0;
  
    padding-right: 30px !important;
  }
  
  .location-design-1 .location-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  /* .location-design-1 .location-data span {
    width: 80%;
  } */
  
  .location-design-1 .location-wrapper span.icon-bk {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: #f1f1f1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
    top: 3px;
    position: relative;
    border-radius: 6px;
  }
  
  @media(max-width:1199px) {
    .location-design-1 .location-wrapper .location-data {
      padding: 2rem 1rem;
      display: flex;
      align-items: flex-start;
      
    }
  
    .location-design-1 .location-data .btn {
      margin: 0;
    }
  
    .location-design-1 .location-data ul {
      border-right: 0;
      width: 100%;
    }
  
    .location-design-1 .location-item figure {
      margin-bottom: 1.5rem;
  
    }
  
    .location-design-1 .location-data span {
      width: 100%;
      text-align: left;
    }
  
    .location-design-1 .location-wrapper .location-data ul {
      padding-right: 0 !important;
    }
  
    .location-design-1 .location-data .btn {
      border-radius: 16px !important;
     
    }
  
  }
  @media(max-width:991px)
  {
    .location-design-1 .location-data .btn {
      border-radius: 16px !important;
      width: 160px;
  }
  .location-design-1 .location-wrapper .location-data 
    {
      align-items: center;
    }
  }
  @media(max-width:767px) {
    .location-design-1 .location-item figure {
      height: auto;
      padding-bottom: 60%;
    }
    .location-design-1 .location-wrapper .location-data {
      
      flex-direction: column;
  }
  }
  
  @media(max-width:560px) {
    .location-design-1 .location-wrapper .location-data li {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    
    .location-design-1 .location-wrapper .location-data  .btn 
    {
      min-width: 140px;
    }
  
    .location-design-1 .location-wrapper .location-data li a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
   
  
    .location-design-1 .location-wrapper span.icon-bk {
      margin-bottom: 1rem;
    }
  
    .location-design-1 .location-wrapper .location-data {
      align-items: center;
    }
  
    .location-design-1 .location-wrapper span.icon-bk {
      margin-right: 0;
    }
  
    .location-design-1 .location-data span {
      width: 100%;
    }
    .location-design-1 .location-data span {
      width: 100%;
      text-align: center;
    }
  }
  
  .location-design-1 .sep-line {
    height: 1px;
    width: 100%;
    background: #e1e1e1;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  
  .location-design-2 .row:nth-child(even) {
    flex-direction: row-reverse;
  }
  
  
  /* Location Page design2 */
  
  .location-design-2 .location-item figure {
    position: relative;
    height: 100%;
    width: 100%;
    margin-bottom: 0;
    border-radius: 0px;
    
    min-height: 350px;
    margin-bottom: 0;
    border: 1px solid #e1e1e1;
  }
  .location-design-2 figure 
  {
    margin: 0;
  }
  .location-design-2 h4.sm-title {
    background: #f1f1f1;
    padding: 10px 25px;
  }
  
  /* @media(min-width:991px)
  {
    .location-item .row:nth-child(even)
    {
      flex-direction: row-reverse;
    }
  } */
  .location-design-2 .location-item .col-md-6 {
    z-index: 0;
  }
  
  .location-design-2 .location-item figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  
  }
  
  .location-design-2 .location-wrapper .location-name {
    padding: 1rem;
    text-align: center;
    background: #f1f1f1;
    font-weight: 500;
    font-size: 1.5rem;
    border-radius: 16px;
    font-size: 1.5rem;
    line-height: 1.7rem;
  }
  
  .location-design-2 .location-wrapper .location-data li {
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
  }
  
  /* .location-design-2 .location-wrapper .location-data {
    padding: 2rem 1rem;
    display: flex;
    align-items: center;
    padding-right: 0;
  } */
  .location-design-2 .location-wrapper .location-data ul {
    padding: 0;
  }
  
  .location-design-2 .location-wrapper ul.button-block {
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
    list-style: none;
  }
  
  .location-design-2 .location-wrapper ul.button-block li {
    width: 100%;
    text-align: center;
    margin: 0 10px;
  
  }
  
  .location-design-2 .location-wrapper ul.button-block a {
    display: block;
    width: 100%;
    background: #f1f1f1;
    padding: 10px;
    transition: 0.3s;
    border-radius: 0px;
  }
  
  .location-design-2 .location-wrapper ul.button-block a:hover {
    background: var(--mainBgColor);
    color: var(--mainColor);
  }
  
  .location-design-2 .location-data ul {
    padding: 0;
    width: 70%;
    margin: 0;
  
    padding-right: 0px !important;
  }
  
  .location-btn {
    width: 50%!important;
    text-align: center!important;
  }
  
  .location-btn a {
    border: 1px solid var(--mainBgColor);
    background: var(--mainBgColor);
    padding: 13px 16px;
    min-width: 8rem;
    margin: auto;
    text-align: center;
    border-radius: 8px;
  font-size: 13px;
    color: white;
    font-weight: 500;
  }
  
  .location-design-2 .location-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem;
    /* border: 1px solid #e1e1e1;
      border-top: none;
      padding: 16px 16px 32px!important; */
  }
  
  .location-design-2 .location-data span {
   text-align: left;
  }
  
  .location-design-2 .location-name {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 999;
    width: auto;
    padding: 10px 25px;
    text-align: left;
    background: black;
    color: white;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    transition: 0.3s;
  }
  
  .location-design-2 .location-item .col-md-6:hover .btn {
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translate(-50%, -50%);
  }
  
  .location-design-2 .location-item .col-md-6:hover .location-name {
    display: none;
  }
  
  .location-design-2 .location-item .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0 !important;
    border: 1px solid black;
    background: black;
    color: white;
    padding: 12px 16px;
  }
  
  .gutter-0>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
  
  .location-design-2 .location-wrapper span.icon-bk {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: #f1f1f1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
    top: 3px;
    position: relative;
    border-radius: 6px;
  }
  
  @media(max-width:1199px) {
  
    .location-design-2 .location-data .btn {
      margin: 0;
    }
  
    .location-design-2 .location-data ul {
      border-right: 0;
      width: 100%;
    }
  
    .location-design-2 .location-data span {
      width: 100%;
    }
  
    .location-design-2 .location-wrapper .location-data ul {
      padding-right: 0 !important;
    }
  
    .location-design-2 .location-data .btn {
      border-radius: 16px !important;
      margin-top: 1rem;
    }
  
  }
  
  @media (max-width:991px) {
    /* .location-design-2 .row:nth-child(odd) .location-wrapper {
      padding-right: 0;
    } */
  
    .location-design-2 .row:nth-child(even) .location-wrapper {
      padding-left: 0;
    }
    .location-design-2 .location-name 
  {
    left: auto!important;
  }
  .location-design-2 .location-wrapper {
    
    border: 1px solid #e1e1e1;
      border-top: none;
      padding: 16px 16px 32px!important;
      margin-bottom: 1rem;
  }
  
  }
  
  @media(max-width:767px) {
    .location-design-2 .location-item figure {
      height: auto;
      padding-bottom: 60%;
    }
  
    .location-design-2 .row {
      padding: 0;
      margin-bottom: 3rem;
    }
  
    .location-design-2 .location-wrapper {
      padding: 0;
    }
  
    .location-design-2 .location-wrapper .location-data {
      padding-bottom: 0;
      padding: 2rem 0 0;
    }
  
    .location-design-1 .sep-line {
  
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
  
  }
  
  @media(max-width:560px) {
    .location-design-2 .location-wrapper .location-data li {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
  
    .location-design-2 .location-wrapper .location-data li a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  
    .location-design-2 .location-wrapper span.icon-bk {
      margin-bottom: 1rem;
    }
  
    .location-design-2 .location-wrapper .location-data {
      align-items: center;
    }
  
    .location-design-2 .location-wrapper span.icon-bk {
      margin-right: 0;
    }
  
    .location-design-2 .location-data span {
      width: 100%;
      text-align: center;
    }
    .location-design-1 .location-data .btn {
     margin-top: 1rem;
     
    }
    .location-design-2 .location-wrapper ul.button-block 
    {
      margin-left: 0;
      margin-right: 0;
    }
  
  }
  
  .location-design-2 .sep-line {
    height: 1px;
    width: 100%;
    background: #f1f1f1;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  
  .location-design-2 .row:nth-child(even) {
    flex-direction: row-reverse;
  }
  
  body .location-wrapper {
    width: 100% !important;
  }
  
  @media(max-width:1199px) {
    .location-design-1.location-design-4 figure {
      margin-top: 2rem;
    }
  
    .location-design-1.location-design-4 .location-btn {
      width: 100%;
      text-align: left;
      margin-top: 1rem;
    }
  }
  
  @media(max-width:767px) {
  
    .location-design-1.location-design-4 .location-btn {
      text-align: center;
    }
  }
  
  /* .tst-content-frame
  {
    overflow: hidden;
  } */
  @media (max-width: 767px) {
    .tst-content-frame {
      margin-left: 0;
      margin-right: 0;
      padding-right: 5%;
      padding-left: 5%;
      padding-top: 50px;
      padding-bottom: 50px;
    }
  
    .location-design-1 .location-wrapper ul.button-block {
      flex-wrap: wrap;
    }
  
    .location-design-1 .location-wrapper ul.button-block li {
      margin-bottom: 1rem;
    }
  }
  
  a.btn.hover1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto !important;
    right: auto !important;
    display: none;
  }
  
  .image-sec-1:hover .location-name {
    display: none;
  }
  
  .image-sec-1:hover .oo-btn {
    display: none;
  }
  
  .image-sec-1:hover a.btn.hover1 {
    display: block;
  }
  
  @media(max-width:991px) {
    .location-item .row {
      /* flex-direction: column-reverse; */
      display: flex;
      margin-bottom: 2rem;
    }
    
  }
  
  h4.sm-title {
    font-size: 27px;
  }
  
  .location-wrapper .d-inline-block {
    display: inline-block!important;
    width: 100%;
    padding-right: 0!important;
  }
  
  body .location-section.design1 .address-bk .edit-image-block .edit-image-actions {
    position: absolute;
    right: 5px!important;
    top: 5px!important;
    opacity: 1;
    z-index: 22;
    /* visibility: hidden; */
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
  }
  /* 
  body .edit-image-block .edit-image-actions {
    right: 5px!important;
    bottom: auto;
    top: 5px;
  } */
  .location-design-2 .location-item .btn {
   
    bottom: 25px;
    right: -30px;
    
  }
  .location-design-2 .image-sec-1 .edit-image-actions {
    right: 0px!important;
    bottom: auto;
    top: 29px;
  }
  .location-design-2 .location-item .image-sec-1 .edit-image-actions .btn {
   
    bottom: 0px;
    right: 0px;
    
  }
  .location-design-2 .location-item .btn.oo-btn 
  {
    bottom: 0px;
    right: 0px;
  }
  
  /* .location-section.design1 ul.nav-bk li a, .location-section.design1 a.btn.btn-bk 
  {
    text-shadow: -0.5px -0.5px 0.5px #00000055, 0.5px -0.5px 0.5px #0000003b, -0.5px 0.5px 0.5px #00000042, 1px 1px 1px #0000005e;
  } */
  
  
  .locationdesign-8 .location-wrapper ul.button-block a
  {
  font-size: 15px;
  color: black;
  border-radius: 0;
  }
  
  .locationdesign-8 .location-wrapper ul.button-block a:hover {
    background: #f3f3f3;
    color: initial;
  }
  .locationdesign-8 .btn:active,.locationdesign-8 .btn:focus, .locationdesign-8 .btn:hover {
    box-shadow: none;
    background-color: #fff;
    color: #ffffffad;
    border-color:var(--mainColor);
  }
  
  
  
  .locateme button {
    border: none;
    background: transparent;
    display: flex
  ;
    position: relative;
    /* width: 15rem; */
    align-items: center;
    justify-content: space-between;
    padding-left: 2rem;
    margin-left: auto;
    padding: 10px 25px;
    background: white;
    border-radius: 50px;
    font-size: 15px;
  }
  .locateme button svg 
  {
    width: 16px;
    height: 16px;
    margin-left: 9px;
  
  }
  @media(max-width:767px)
  {
    .locateme button {
      padding-left: 0;
      margin: 0;
      margin-top: 2rem;
      /* margin: 0; */
      
  }
  .design-8-location-item .btn {
    margin: 0;
  }
  }
  span.locate-text-bk {
    width: 152%;
      text-align: left;
      background: #f1f1f1;
      border-radius: 62px;
      /* border: 1px solid; */
      padding: 11.7px;
      padding-left: 2rem;
      display: inline-block;
      font-size: 16px;
      font-weight: 400;
      
  }
  .icon-bk svg 
  {
    width: 20px;
    height: 20px;
  }
  .bk-search-icon i {
    font-size: 16px;
  }
  .locationdesign-8  .icon-bk  {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 1px;
    background: var(--mainColor);
    border: none;
    z-index: 9 !important;
    display: flex;
        justify-content: center;
        align-items: center;
  }
  .locationdesign-8  .icon-bk path 
  {
    fill:white;
  }
  
  .locationdesign-8  .map-search-field {
    position: relative;
    margin-bottom: 2rem;
   
   
  }
  .locationdesign-8 .btn i {
    margin-right: 0;
  }
  .locationdesign-8 [class*="btn"] i {
    max-height: max-content;
    color: white;
  }
  .pdl-md-4 {
    padding-left: 4rem;
  }
  @media(max-width:1200px)
  {
    .locationdesign-8  .map-search-field 
    {
      padding-right: 0;
    }
    .pdl-md-4 {
      padding-left: 0rem;
    } 
  }
  /* .locationdesign-8  .locateme {
    filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.1));
  } */
  
  
  @media(max-width:767px)
  {
    .location-design-1.locationdesign-8 .location-wrapper ul.button-block li
    {
  width: 45%;
    }
  }
  
  @media(max-width:575px)
  {
    .location-design-1.locationdesign-8 .location-wrapper ul.button-block li
    {
  width: 40%;
    }
  }
  .locationdesign-8 .location-wrapper
  {
    height: auto;
  }
  .locationdesign-8 .map-box {
    border: 5px solid white;
  }
  @media(max-width:1200px)
  {
    .locationdesign-8 .map-box {
      border: 20px solid white;
      margin-bottom: 2rem;
    }
  }
  
  ul.social__icons.social__icons-white.d-flex.bk-social svg path {
    fill: var(--footerColor) !important;
  }
  ul.social__icons.social__icons-white.d-flex.bk-social svg {
    width: 50px;
    height: auto;
    padding: 14px;
  }
  ul.sm-sec svg {
    width: 55px;
    height: auto;
  }
  
  @media(max-width:599px)
  {
  ul.sm-sec svg {
    width: 30px;
    height: auto;
  }
  h2{
    font-size: 25px !important;
  }
  ul.sm-sec li {
    margin: 5px 12px;
  }
  
figure.banner-logo {
        width: 115px;
        height: 115px;
        padding: 0;
        border-radius: 50%;
        display: flex;
        align-items: center;
        margin: auto auto 0;
    }

    .banner-text {
    top: 37%;
    transform: translateY(-50%);
    color: #fff;
    padding-top: 0;
}
  
  }
  
  ul.sm-sec svg path {
    fill: var(--mainColor) !important;
  }
  
  @media(max-width:999px)
  {
    ul.social__icons.social__icons-white.d-flex.bk-social svg {
    width: 45px;
    height: auto;
    padding: 14px;
  }
  }
  
    .remove-font-color font {
        color: inherit !important;
    }
  
    .remove-font-color p {
        margin-bottom: 0;
    }
  
    .order-obline-btn-round {
        bottom: 70px;
    }
  
  


  
  .event-footer .title-bk {
      color: white !important;
  }
  
  .about-section .left-bk h2 
  {
      color: white!important;
  }
  body section.spacing.about-section .bk-btn .btn
  {
    /* border: 1px solid white; */
   
  }
  .btn:is([style*="background-color: #ffffff"], [style*="background-color: rgb(255, 255, 255)"]) {
    color: #000000 !important;
}
  section.spacing.about-section .bk-btn .btn:focus 
  {
    color: var(--mainColor)!important;
  }
  
  .gallery-section,
  body .bk-footer .footer-data {
      background: var(--mainBgColor) !important;
      border: 1px solid var(--mainColor) !important;
  }
  
  .btn:active,
  .btn:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      background-color: #fff;
      border-color: var(--mainBgColor) !important
  }
  
  .gallery-section h2 {
      margin-bottom: 2rem
  }
  
  
  
  body .bk-footer ul.sm-sec svg path,
  body .bk-footer ul.social__icons.social__icons-white.d-flex.bk-social svg path {
      fill: var(--footerColor) !important
  }
  

  

  
  button.owl-next span,
  button.owl-prev span {
      color: white;
      font-size: 24px
  }
  .w3c img {
    width: 64px;
  }
  .mgb-2 
  {
    margin-bottom: 2rem;
  }
  @media(max-width:767px) {
      .bk-header .header-style {
          justify-content: space-between
      }
  
      .bk-header .header-style .logo-bk,
      .mobile-banner {
          display: block
      }
  
      .normal-banner {
          display: none
      }
  
      .footer-bottom-right {
          text-align: center;
          margin-top: 1rem !important
      }
  }
  button.fancybox-button.fancybox-button--thumbs, button.fancybox-button.fancybox-button--zoom ,button.fancybox-button.fancybox-button--zoom{
    display: none!important;
}
  /* .banner-box {
      background: #00000096;
      padding: 2rem;
      min-width: 100%
  } */

  .form-control
  {
    appearance: auto;
  }

  
  .skip-link {
    position: absolute;
    top: -60px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 10px 15px;
    z-index: 999999;
    border-radius: 4px;
    transition: top 0.3s;
}
.skip-link:hover
{
   color:white!important;
}
.skip-link:focus-visible {
    bottom: auto;
    outline: 2px solid var(--mainColor);
    color: white !important;
    top: 15px;
}


   .d-mobile-only {
        display: none;
    }


    @media (max-width: 767px) {
        .d-mobile-only {
            display: inline;
            text-align: center;
        }

        .d-desktop-only {
            display: none;
        }

        .bk-btn {
            margin: 0 auto !important;
        }

        .leaf-3 {
            display: none;
        }
    }

    figure.mx-auto.bk-image {
        border: none !important;
    }

    /* ─── Leaf Overlay ─────────────────────────────────────────────── */
    .main-banner-section {
        position: relative;
        overflow: hidden;
    }

    .leaf-overlay {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 100;
    }

    .leaf {
        position: absolute;
        will-change: transform;
        filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.15));
    }

    /* ─── Fixed Positions ─────────────────────────────────────────── */
    .leaf-1 {
        width: 600px;
        top: 50%;
        right: 1%;
        transform: rotate(270deg);
        animation: sway1 6s ease-in-out infinite;
    }

    .leaf-2 {
        width: 200px;
        top: 10%;
        left: 3%;
        animation: sway2 8s ease-in-out infinite;
    }



    .leaf-4 {
        width: 200px;
        bottom: 5%;
        right: 4%;
        animation: sway1 9s ease-in-out infinite;
        transform-origin: bottom center;
    }

    .leaf-5 {
        width: 200px;
        top: 0%;
        left: 3%;
        animation: sway2 8s ease-in-out infinite;
    }



    /* ─── Tablet (max 768px) ──────────────────────────────────────────── */
    @media (max-width: 768px) {
        .leaf-1 {
            width: 160px;
            top: 5%;
            right: -2%;
        }

        .leaf-2 {
            width: 120px;
            top: 5%;
            left: -1%;
        }

        .leaf-3 {
            width: 120px;
            left: 5%;
        }

        .leaf-4 {
            width: 120px;
            bottom: 2%;
            right: -1%;
        }

        .leaf-5 {
            width: 120px;
            top: 0%;
            left: -1%;
        }
    }

    /* ─── Mobile (max 480px) ──────────────────────────────────────────── */
    @media (max-width: 480px) {
        .leaf-1 {
            display: none;
        }

        .leaf-2 {
            width: 90px;
            top: 24%;
            left: -2%;
        }

        .leaf-3 {
            width: 110px;
            left: 55%;
        }

        .leaf-4 {
            width: 90px;
            bottom: 1%;
            right: -2%;
        }

        .leaf-5 {
            display: none;
        }
    }

    /* ─── Very small screens (max 360px) ─────────────────────────────── */
    @media (max-width: 360px) {
        .leaf-1 {
            width: 80px;
            right: -4%;
        }

        .leaf-2 {
            width: 70px;
            left: -3%;
        }

        .leaf-4 {
            width: 70px;
        }
    }

    /* ─── Sway Animations ─────────────────────────────────────────── */
    @keyframes sway1 {
        0% {
            transform: rotate(-8deg) translateY(0px) scale(1);
        }

        25% {
            transform: rotate(4deg) translateY(-8px) scale(1.02);
        }

        50% {
            transform: rotate(8deg) translateY(-4px) scale(1);
        }

        75% {
            transform: rotate(-4deg) translateY(-10px) scale(0.98);
        }

        100% {
            transform: rotate(-8deg) translateY(0px) scale(1);
        }
    }

    @keyframes sway2 {
        0% {
            transform: rotate(6deg) translateY(0px) translateX(0px);
        }

        30% {
            transform: rotate(-5deg) translateY(-6px) translateX(4px);
        }

        60% {
            transform: rotate(-8deg) translateY(-12px) translateX(-4px);
        }

        100% {
            transform: rotate(6deg) translateY(0px) translateX(0px);
        }
    }

    .leaf-3 {
        width: 200px;
        top: -200px;
        left: 19%;
        opacity: 0;
        animation:
            windFlyIn 7s linear 0.8s 1 forwards,
            leafSettle 5s ease-in-out 7.8s infinite;
    }

    @keyframes windFlyIn {
        0% {
            transform: translateY(0px) translateX(0px) rotate(-12deg);
            opacity: 0;
        }

        5% {
            transform: translateY(30px) translateX(8px) rotate(-6deg);
            opacity: 1;
        }

        100% {
            transform: translateY(360px) translateX(0px) rotate(0deg);
            opacity: 1;
        }
    }

    @keyframes leafSettle {
        0% {
            transform: translateY(360px) translateX(0px) rotate(0deg);
        }

        20% {
            transform: translateY(356px) translateX(4px) rotate(1.5deg);
        }

        50% {
            transform: translateY(353px) translateX(-3px) rotate(-1deg);
        }

        75% {
            transform: translateY(357px) translateX(5px) rotate(2deg);
        }

        100% {
            transform: translateY(360px) translateX(0px) rotate(0deg);
        }
    }

    /* ─── Accessibility ───────────────────────────────────────────── */
    @media (prefers-reduced-motion: reduce) {
        .leaf {
            animation: none;
        }

        .leaf-3 {
            opacity: 1;
            top: 2%;
        }
    }


    .about-texture-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        overflow: hidden;
    }

    .about-texture-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.1;
        /* adjust to taste */
    }

    .sm-texture-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        overflow: hidden;
    }

    .sm-texture-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.07;
        /* adjust to taste */
    }

    .gallery-texture-bg {
        position: absolute;
        inset: -300px 0;
        z-index: 0;
        pointer-events: none;
    }

    .gallery-texture-bg img {
        width: 140%;
        height: auto;
        opacity: 0.2;
        transform: translateY(0);
        will-change: transform;
    }


    /* ── Section Shell ───────────────────────────── */
    .sm-section {
        position: relative;
        background-color: var(--main-bg-color);
        /* padding: 100px 24px 110px; */
        overflow: hidden;
    }

    /* Decorative lotus-pattern overlay */
    .sm-section::before {
        content: '';
        position: absolute;
        inset: 0;
        /* background-image:
      radial-gradient(circle at 20% 50%, color-mix(in srgb, var(--mainBgColor) 8%, transparent) 0%, transparent 55%),
      radial-gradient(circle at 80% 30%, color-mix(in srgb, var(--mainBgColor-color) 6%, transparent) 0%, transparent 45%); */
        background-color: var(--mainBgColor);
        pointer-events: none;
    }

    /* Top ornamental line */
    .sm-section::after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 120px;
        height: 2px;
        background: linear-gradient(90deg, transparent, var(--main-color), transparent);
    }

    /* ── Container ───────────────────────────────── */
    .sm-section .container {
        position: relative;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    /* ── Label pill ──────────────────────────────── */
    .sm-eyebrow {
        display: inline-block;
        font-weight: 300;
        font-size: 0.65rem;
        letter-spacing: 0.3em;
        text-transform: uppercase;
        color: #fff;
        border: 1px solid color-mix(in srgb, var(--mainColor) 35%, transparent);
        padding: 5px 18px;
        /* border-radius: 100px; */
        margin-bottom: 28px;
    }

    /* ── Heading ─────────────────────────────────── */
    .sm-section .h2 {
        font-weight: 300;
        font-size: clamp(2.4rem, 5vw, 3.6rem);
        line-height: 1.1;
        color: #f5ede0;
        margin: 0 0 12px;
        letter-spacing: -0.01em;
    }

    .sm-section .h2 em {
        font-style: italic;
        color: var(--main-color);
    }

    /* ── Sub-text ────────────────────────────────── */
    .sm-subtext {
        font-size: 0.9rem;
        letter-spacing: 0.12em;
        color: color-mix(in srgb, #f5ede0 45%, transparent);
        margin-bottom: 52px;
        text-transform: uppercase;
    }



    /* ── Social list ─────────────────────────────── */
    .sm-sec {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }

    /* ── Individual link ─────────────────────────── */
    .sm-sec li a {
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 13px 26px;
        border: 1px solid color-mix(in srgb, var(--mainColor) 28%, transparent);
        /* border-radius: 4px; */
        background: color-mix(in srgb, var(--mainColor) 5%, transparent);
        color: color-mix(in srgb, #f5ede0 70%, transparent);
        font-size: 0.9rem;
        font-weight: 400;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        text-decoration: none;
        transition: background 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.22s ease, box-shadow 0.28s ease;
        position: relative;
        overflow: hidden;
    }

    /* Shimmer sweep on hover */
    .sm-sec li a::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 60%;
        height: 100%;
        background: linear-gradient(105deg, transparent, color-mix(in srgb, var(--main-color) 18%, transparent), transparent);
        transition: left 0.45s ease;
        pointer-events: none;
    }

    .sm-sec li a:hover::before {
        left: 160%;
    }

    .sm-sec li a:hover {
        background: color-mix(in srgb, var(--mainColor) 14%, transparent);
        border-color: var(--mainColor);
        color: #f5ede0;
        transform: translateY(-2px);
        box-shadow: 0 8px 28px color-mix(in srgb, var(--mainColor) 18%, transparent);
    }

    .sm-sec li a:focus-visible {
        outline: 2px solid var(--mainColor);
        outline-offset: 3px;
    }

    /* Icon */
    .sm-sec li a svg {
        width: 15px;
        height: 15px;
        fill: var(--mainColor);
        flex-shrink: 0;
        transition: transform 0.22s ease;
    }

    .sm-sec li a:hover svg {
        transform: scale(1.15);
    }

    /* ── Bottom ornamental rule ──────────────────── */
    .sm-bottom-rule {
        display: flex;
        align-items: center;
        gap: 14px;
        max-width: 260px;
        margin: 52px auto 0;
    }

    .sm-bottom-rule span {
        flex: 1;
        height: 1px;
        background: color-mix(in srgb, var(--mainColor) 30%, transparent);
    }

    .sm-bottom-rule::before,
    .sm-bottom-rule::after {
        content: '◆';
        font-size: 0.45rem;
        color: color-mix(in srgb, var(--mainColor) 50%, transparent);
    }


    /* ── Contact Grid ────────────────────────────── */
    /* ── Contact Grid ────────────────────────────── */
    .sm-contact-grid {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch;
        justify-content: center;
        flex-wrap: nowrap !important;
        padding-top: 4rem;
    }

    .sm-contact-item {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        padding: 20px 40px;
    }

    .sm-contact-item svg {
        width: 22px;
        height: 22px;
        stroke: var(--mainColor);
        flex-shrink: 0;
        margin-top: 3px;
    }

    .sm-contact-details {
        display: flex;
        flex-direction: column;
        gap: 4px;
        text-align: left;
    }

    .sm-contact-label {
        font-size: 0.9rem;
        letter-spacing: 0.3em;
        text-transform: uppercase;
        color: color-mix(in srgb, #f5ede0 40%, transparent);
        margin-bottom: 4px;
    }

    .sm-contact-details a {
        font-size: 1rem;
        letter-spacing: 0.08em;
        color: color-mix(in srgb, #f5ede0 75%, transparent);
        text-decoration: none;
        transition: color 0.22s ease;
    }

    .sm-contact-details a:hover {
        color: var(--mainColor);
    }

    /* Vertical divider between items */
    .sm-contact-divider {
        width: 1px;
        height: 60px;
        align-self: center;
        background: color-mix(in srgb, var(--mainColor) 25%, transparent);
        flex-shrink: 0;
    }

    /* ── Mobile ── */
    @media (max-width: 768px) {
        .sm-contact-grid {
            flex-direction: column !important;
            flex-wrap: wrap !important;
            align-items: center;
            gap: 0;
            padding-top: 2rem;
        }

        .sm-contact-item {
            padding: 14px 24px;
            width: 100%;
            max-width: 320px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .sm-contact-item svg {
            margin-top: 0;
        }

        .sm-contact-details {
            text-align: center;
        }

        .sm-contact-divider {
            width: 60px;
            height: 1px;
            align-self: center;
        }
    }

    @media (max-width: 480px) {
        .sm-contact-item {
            padding: 12px 16px;
            max-width: 100%;
        }

        .sm-contact-details a {
            font-size: 0.78rem;
        }
    }

    .faq-section {
        padding: 80px 20px;
        background: #f5efe6;
        font-family: inherit;
        position: relative;
    }

    .faq-wrapper {
        display: flex;
        align-items: stretch;
        gap: 48px;
        max-width: 1100px;
        margin: 0 auto;
    }

    /* ── LEFT COL ── */
    .faq-image-col {
        flex: 1;
        min-width: 0;
    }

    .faq-image-wrap {
        width: 100%;
        height: 100%;
        min-height: 420px;
        border-radius: 20px;
        overflow: hidden;
    }

    .faq-image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* ── RIGHT COL ── */
    .faq-accordion-col {
        flex: 2;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 60px;
    }

    .faq-heading {
        display: flex;
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .faq-tag {
        display: inline-block;
        background: var(--mainColor);
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding: 5px 14px;
        border-radius: 50px;
        width: fit-content;
        margin: 0 auto;
        /* ← add this */
    }

    .faq-heading h2 {
        font-size: 3.6rem;
        font-weight: 800;
        color: #111;
        margin: 0;
        line-height: 1.25;
    }

    .faq-heading p {
        font-size: 1rem;
        color: #666;
        margin: 0;
        line-height: 1.5;
    }

    /* ── FAQ LIST ── */
    .faq-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .faq-item {
        background: #fff;
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
        transition: box-shadow 0.2s;
    }

    .faq-item:hover {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);
    }

    .faq-item.open {
        background: var(--mainColor);
        box-shadow: 0 6px 24px rgba(26, 31, 168, 0.22);
    }

    .faq-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 17px 20px;
        cursor: pointer;
        gap: 12px;
        user-select: none;
    }

    .faq-question {
        font-size: 1rem;
        font-weight: 600;
        color: #111;
        line-height: 1.4;
        transition: color 0.2s;
        flex: 1;
    }

    .faq-item.open .faq-question {
        color: #fff;
    }

    .faq-icon {
        flex-shrink: 0;
        width: 28px;
        height: 28px;
        background: var(--mainColor);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s, transform 0.3s;
    }

    .faq-item.open .faq-icon {
        background: rgba(255, 255, 255, 0.2);
        transform: rotate(45deg);
    }

    .faq-icon svg {
        width: 12px;
        height: 12px;
    }

    .faq-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.35s ease, padding 0.35s ease;
        padding: 0 20px;
    }

    .faq-item.open .faq-body {
        max-height: 300px;
        padding: 0 20px 18px;
    }

    .faq-answer {
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.85);
        line-height: 1.65;
    }

    .faq-answer p {
        margin: 0;
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 768px) {
        .faq-wrapper {
            flex-direction: column;
            gap: 32px;
            padding: 20px;
        }

        .faq-image-wrap {
            min-height: 260px;
            border-radius: 16px;
        }

        .faq-heading h2 {
            font-size: 1.35rem;
        }
    }

    @media (max-width: 480px) {
        .faq-section {
            padding: 50px 16px;
        }

        .faq-header {
            padding: 15px 16px;
        }

        .faq-item.open .faq-body {
            padding: 0 16px 16px;
        }
    }

    .faq-image-wrap img {
        max-width: 100%;
        height: auto;
        animation: floatFaq 2s ease-in-out infinite;
    }

    @keyframes floatFaq {
        0% {
            transform: translateY(0px);
        }

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

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

      .faq-texture-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        overflow: hidden;
    }

    .faq-texture-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.06;
        /* adjust to taste */
    }


    .testi-section {
        position: relative;
        padding: 100px 0 120px;
        overflow: hidden;

    }

    /* Decorative background orbs */
    .testi-section::before,
    .testi-section::after {
        content: '';
        position: absolute;
        border-radius: 50%;
        filter: blur(80px);
        opacity: 0.12;
        pointer-events: none;
    }

    .testi-section::before {
        width: 500px;
        height: 500px;
        background: radial-gradient(circle, var(--mainColor), transparent);
        top: -100px;
        left: -150px;
    }

    .testi-section::after {
        width: 400px;
        height: 400px;
        background: radial-gradient(circle, var(--mainColor), transparent);
        bottom: -80px;
        right: -100px;
    }

    .testi-inner {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 24px;
        position: relative;
        z-index: 1;
    }

    /* Header */
    .testi-header {
        text-align: center;
        margin-bottom: 64px;
    }

    .testi-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 16px;
    }

    .testi-eyebrow::before,
    .testi-eyebrow::after {
        content: '';
        display: block;
        width: 28px;
        height: 1px;
        background: #fff;
        opacity: 0.6;
    }

    .testi-title {

        font-size: clamp(2.2rem, 5vw, 3.6rem);
        font-weight: 700;
        color: #f5f0e8;
        line-height: 1.15;
        margin: 0;
    }

    .testi-title em {
        font-style: italic;
        color: #e8b86d;
    }

    /* Cards grid */
    .testi-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 24px;
    }

    .testi-card {
        position: relative;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 20px;
        padding: 36px 32px 28px;
        backdrop-filter: blur(12px);
        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
        display: flex;
        flex-direction: column;
    }

    .testi-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
        border-color: rgba(232, 184, 109, 0.3);
    }

    /* Quote mark */
    .testi-quote-mark {

        font-size: 80px;
        line-height: 0.6;
        color: #fff;
        opacity: 0.5;
        margin-bottom: 20px;
        display: block;
        user-select: none;
    }

    /* Stars */
    .testi-stars {
        display: flex;
        gap: 3px;
        margin-bottom: 16px;
    }

    /* .testi-stars span {
            color: #e8b86d;
            font-size: 14px;
        } */

    /* Review text */
    .testi-review-text {
        font-size: 15px;
        line-height: 1.75;
        color: rgba(245, 240, 232, 0.8);
        margin: 0 0 28px;
        flex: 1;
    }

    /* Footer */
    .testi-footer {
        display: flex;
        align-items: center;
        gap: 14px;
        padding-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }

    .testi-avatar {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: linear-gradient(135deg, #e8b86d, var(--mainColor));
        display: flex;
        align-items: center;
        justify-content: center;

        font-size: 16px;
        color: #fff;
        font-weight: 700;
        flex-shrink: 0;
    }

    .testi-meta {
        flex: 1;
        min-width: 0;
    }

    .testi-name {
        font-size: 14px;
        font-weight: 500;
        color: #f5f0e8;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .testi-location {
        font-size: 12px;
        color: rgba(245, 240, 232, 0.45);
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Google badge */
    .testi-source {
        margin-left: auto;
        flex-shrink: 0;
    }

    .testi-source svg {
        width: 22px;
        height: 22px;
        opacity: 0.85;
    }



    /* Responsive */
    @media (max-width: 640px) {
        .testi-grid {
            grid-template-columns: 1fr;
        }

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

    .bk-gallery-section {
        padding: 90px 0 110px;
        background: var(--mainBgColor);
        position: relative;
        overflow: hidden;
    }

    .bk-gallery-wrap {
        position: relative;
        z-index: 2;
        margin: 0 auto;
        padding: 0 24px;
    }

    /* Header */
    .bk-gallery-header {
        text-align: center;
        margin-bottom: 56px;
    }

    .bk-gallery-label {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 14px;
    }

    .bk-gallery-label::before,
    .bk-gallery-label::after {
        content: '';
        display: block;
        width: 32px;
        height: 1px;
        background: #fff;
        opacity: 0.5;
    }

    .bk-gallery-title {
        font-size: clamp(2rem, 5vw, 3.4rem);
        font-weight: 600;
        color: #1a1208;
        line-height: 1.15;
        margin: 0;
    }

    .bk-gallery-title em {
        font-style: italic;
        color: #b07d3a;
    }

    /* Grid */
    .bk-gallery-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    /* Each cell */
    .bk-gallery-item {
        position: relative;
        overflow: hidden;
        border-radius: 14px;
        aspect-ratio: 1 / 1;
        background: #e8e0d4;
        display: block;
    }

    /* Touch glow effect */
    .bk-gallery-item:active,
    .bk-gallery-item:focus {
        box-shadow:
            0 0 0 2px rgba(255, 255, 255, 0.3),
            0 0 20px rgba(255, 255, 255, 0.35),
            0 0 40px rgba(255, 255, 255, 0.2);
        transform: scale(0.98);
    }


    .bk-gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    /* Overlay */
    .bk-gallery-item::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(160deg,
                transparent 40%,
                rgba(26, 18, 8, 0.55) 100%);
        opacity: 0;
        transition: opacity 0.35s ease;
        border-radius: 14px;
    }

    /* Zoom icon */
    .bk-gallery-item .bk-zoom-icon {
        position: absolute;
        bottom: 16px;
        right: 16px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(8px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transform: scale(0.7);
        transition: opacity 0.3s ease, transform 0.3s ease;
        z-index: 2;
    }

    .bk-gallery-item .bk-zoom-icon svg {
        width: 16px;
        height: 16px;
        stroke: #fff;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    /* Hover states */
    .bk-gallery-item:hover img {
        transform: scale(1.07);

    }

    .bk-gallery-item:hover {
        box-shadow:
            0 0 10px rgba(255, 255, 255, 0.35),
            0 0 25px rgba(255, 255, 255, 0.25),
            0 0 45px rgba(255, 255, 255, 0.15);
    }

    .bk-gallery-item:hover::after {
        opacity: 1;
    }

    .bk-gallery-item:hover .bk-zoom-icon {
        opacity: 1;
        transform: scale(1);
    }

    /* Stagger animation on load */
    .bk-gallery-item {
        opacity: 0;
        transform: translateY(20px);
        animation: bkFadeUp 0.5s ease forwards;
    }

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

    .bk-gallery-item:nth-child(1) {
        animation-delay: 0.05s;
    }

    .bk-gallery-item:nth-child(2) {
        animation-delay: 0.1s;
    }

    .bk-gallery-item:nth-child(3) {
        animation-delay: 0.15s;
    }

    .bk-gallery-item:nth-child(4) {
        animation-delay: 0.2s;
    }

    .bk-gallery-item:nth-child(5) {
        animation-delay: 0.25s;
    }

    .bk-gallery-item:nth-child(6) {
        animation-delay: 0.3s;
    }

    .bk-gallery-item:nth-child(7) {
        animation-delay: 0.35s;
    }

    .bk-gallery-item:nth-child(8) {
        animation-delay: 0.4s;
    }

    .bk-gallery-item:nth-child(9) {
        animation-delay: 0.45s;
    }

    /* Responsive */
    @media (max-width: 900px) {
        .bk-gallery-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 540px) {
        .bk-gallery-grid {
            grid-template-columns: 1fr;
            gap: 12px;
        }

        .bk-gallery-section {
            padding: 60px 0 80px;
        }
    }




    .footer-texture-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        pointer-events: none;
        user-select: none;
        opacity: 0.15;
        z-index: 0;
    }

    /* Push all footer content above the texture */
    .animate__animated {
        opacity: 0;
        animation-fill-mode: both !important;
    }

    .restaurant-title.animate__animated {
        animation-duration: 0.9s;
    }

    .subtitle-bk.animate__animated {
        animation-duration: 0.8s;
    }

    .bk-btn.animate__animated {
        animation-duration: 0.7s;
    }

    #js-ag-leaf_box {
        height: 100vh;
        width: 100vw;
        position: absolute;
        z-index: 2;
    }

    .js-ag-leaf {
        height: 25px;
        width: 31px;
        background: url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/animation-leaf/images/leaf.png);
        position: absolute;
    }

    .bk-btn a {
        border-radius: 12px;
        padding: 1rem 1.5rem !important;
    }

    h2.subtitle-bk.animate__animated.animate__fadeInUp.animate__delay-2s {
        font-weight: 300;
    }

    .left-bk p {
        font-weight: 300;
    }

    .bk-gallery-section .bk-gallery-title {
        color: #fff !important;
    }

    .bk-header .logo-bk img {
        display: none;
    }

    .bk-header.fixed-top .logo-bk img {
        display: block !important;
    }

    /* ── Instagram-style like popup ── */
    @keyframes likePopIn {
        0% {
            transform: scale(0) rotate(-20deg);
            opacity: 0;
        }

        50% {
            transform: scale(1.35) rotate(8deg);
            opacity: 1;
        }

        70% {
            transform: scale(0.9) rotate(-4deg);
        }

        100% {
            transform: scale(1) rotate(0deg);
            opacity: 1;
        }
    }

    @keyframes likeFadeOut {
        0% {
            opacity: 1;
            transform: scale(1) translateY(0);
        }

        100% {
            opacity: 0;
            transform: scale(0.7) translateY(-18px);
        }
    }

    @keyframes cardReveal {
        0% {
            opacity: 0;
            transform: translateY(40px) scale(0.97);
        }

        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    @keyframes heartParticle {
        0% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }

        100% {
            opacity: 0;
            transform: translate(var(--tx), var(--ty)) scale(0.3);
        }
    }

    /* Card entrance */
    .testi-card {
        opacity: 0;
        animation: cardReveal 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    .testi-card.is-visible {
        opacity: 1;
    }

    /* Stagger delays */
    .testi-card:nth-child(1) {
        animation-delay: 0.05s;
    }

    .testi-card:nth-child(2) {
        animation-delay: 0.15s;
    }

    .testi-card:nth-child(3) {
        animation-delay: 0.25s;
    }

    .testi-card:nth-child(4) {
        animation-delay: 0.35s;
    }

    .testi-card:nth-child(5) {
        animation-delay: 0.45s;
    }

    .testi-card:nth-child(6) {
        animation-delay: 0.55s;
    }

    /* Like burst container */
    .testi-like-burst {
        position: absolute;
        top: 50%;
        left: 50%;
        pointer-events: none;
        z-index: 10;
        transform: translate(-50%, -50%);
    }

    /* Main heart */
    .testi-like-heart {
        font-size: 56px;
        line-height: 1;
        display: block;
        animation: likePopIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,
            likeFadeOut 0.4s ease-in 1.1s forwards;
        filter: drop-shadow(0 0 12px rgba(255, 80, 100, 0.7));
    }

    /* Particle mini hearts */
    .testi-like-particle {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 16px;
        opacity: 0;
        animation: heartParticle 0.7s ease-out 0.2s forwards;
    }





    :root {

        --footer-border: rgba(196, 164, 100, 0.18);
        --footer-gold: #c4a464;
        --footer-gold-light: #e8d5a3;

        --footer-text: rgba(255, 255, 255, 0.82);
        --footer-heading: #e8d5a3;
    }

    .bk-footer {
        background-color: var(--mainBgColor) !important;
        font-weight: 400;
        color: var(--footer-text);
        position: relative;
        overflow: hidden;
    }

    /* Ambient glow */
    .bk-footer::before {
        content: '';
        position: absolute;
        top: -120px;
        left: 50%;
        transform: translateX(-50%);
        width: 700px;
        height: 300px;
        background: radial-gradient(ellipse at center, rgba(196, 164, 100, 0.07) 0%, transparent 70%);
        pointer-events: none;
    }

    /* Thin gold top border */
    .footer-top-rule {
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--footer-gold) 30%, var(--footer-gold-light) 50%, var(--footer-gold) 70%, transparent 100%);
    }

    /* Gold ornament divider */
    .footer-ornament {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        padding: 36px 0 28px;
    }

    .footer-ornament-line {
        height: 1px;
        width: 80px;
        background: linear-gradient(90deg, transparent, var(--footer-border));
    }

    .footer-ornament-line.right {
        background: linear-gradient(90deg, var(--footer-border), transparent);
    }

    .footer-ornament svg {
        fill: var(--mainColor);
        opacity: 0.75;
    }

    /* Main body */
    .footer-body {
        padding: 0 0 56px;
    }

    /* Logo */
    .footer-logo-wrap {
        margin-bottom: 10px;
    }

    .footer-logo-wrap img {
        max-height: 150px;
        width: auto;

    }

    /* Tagline */
    .footer-tagline {
        font-style: italic;
        font-size: 1.1rem;
        color: var(--footerColour);
        letter-spacing: 0.03em;
        margin-bottom: 28px;
        line-height: 1.6;
    }

    /* Social icons */
    .footer-social {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-social li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border: 1px solid var(--footer-border);
        border-radius: 50%;
        transition: border-color 0.3s, background 0.3s, transform 0.3s;
        background: transparent;
    }

    .footer-social li a:hover {
        border-color: var(--footer-gold);
        background: rgba(196, 164, 100, 0.12);
        transform: translateY(-2px);
    }

    .footer-social li a svg {
        width: 15px;
        height: 15px;
        fill: var(--mainColor);

    }

    .footer-social li a svg path {
        fill: var(--footerColour);
        transition: fill 0.3s;
    }

    .footer-social li a:hover svg path {
        fill: var(--footer-gold);
    }

    /* Column headings */
    .footer-col-title {
        font-size: 1.2rem;
        font-weight: 400;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: var(--footer-gold);
        margin-bottom: 22px;
        position: relative;
        padding-bottom: 14px;
    }

    .footer-col-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 28px;
        height: 1px;
        background: var(--mainColor);
    }

    /* Contact items */
    .footer-contact-item {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 16px;
    }

    @media (max-width: 767px) {
        .footer-contact-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
        }
    }

    .footer-contact-icon {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        margin-top: 2px;
        opacity: 0.45;
    }

    .footer-contact-item a,
    .footer-contact-item address {
        font-size: 1rem;
        color: var(--footer-text);
        text-decoration: none;
        font-style: normal;
        line-height: 1.6;
        transition: color 0.25s;
        word-break: break-all;
    }

    .footer-contact-item a:hover {
        color: var(--footer-gold-light);
    }

    /* Quick links */
    .footer-quicklinks {
        list-style: none;
        padding: 0;
        margin: 0;
        columns: 2;
        column-gap: 20px;
    }

    .footer-quicklinks li {
        margin-bottom: 11px;
        break-inside: avoid;
    }

    .footer-quicklinks li a,
    .footer-quicklinks li button {
        font-size: 1rem;
        color: var(--footerColour);
        text-decoration: none;
        letter-spacing: 0.04em;
        transition: color 0.25s, padding-left 0.25s;
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        font-weight: 300;
        display: inline-block;
    }

    .footer-quicklinks li a:hover,
    .footer-quicklinks li button:hover {
        color: var(--footer-gold-light);
        padding-left: 5px;
    }

    /* Vertical dividers between columns */
    .footer-col-divider {
        width: 1px;
        background: var(--footer-border);
        align-self: stretch;
        margin: 0 8px;
    }

    /* Bottom bar */
    .footer-bottom-bar {
        border-top: 1px solid var(--mainColor);
        padding: 22px 0;
    }

    .footer-bottom-bar .copy {
        font-size: 1rem;
        color: var(--footerColour);
        letter-spacing: 0.06em;
    }

    .footer-bottom-bar .copy a {
        color: var(--footerColor);
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        transition: opacity 0.25s;
    }

    .footer-bottom-bar .copy a:hover {
        opacity: 0.75;
    }

    .footer-bottom-bar .footer-badges {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 16px;
    }

    .footer-bottom-bar .footer-badges a img {
        height: 32px;
        width: auto;

    }

    .footer-bottom-bar .footer-badges a:hover img {
        opacity: 0.9;
        filter: none;
    }

    @media (max-width: 767px) {
        .container {
            text-align: center;
        }

        .footer-contact-item {
            justify-content: center;
        }

        .footer-image {
            display: none;

        }

        .footer-social {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
            list-style: none;

        }

        .footer-col-title::after {
            left: 50%;
            transform: translateX(-50%);
        }
    }

    /* Responsive tweaks */
    @media (max-width: 991px) {
        .footer-col-divider {
            display: none;
        }

        .footer-body .col-wrap {
            flex-direction: column;
            gap: 40px;
        }
    }

    @media (max-width: 767px) {
        .footer-quicklinks {
            columns: 1;
        }

        .footer-bottom-bar .footer-badges {
            justify-content: center;
            margin-top: 12px;
        }
    }

    /* Hover reveal animation on columns */
    .footer-col {
        opacity: 0;
        transform: translateY(18px);
        animation: footerFadeUp 0.65s ease forwards;
    }

    .footer-col:nth-child(1) {
        animation-delay: 0.05s;
    }

    .footer-col:nth-child(2) {
        animation-delay: 0.18s;
    }

    .footer-col:nth-child(3) {
        animation-delay: 0.31s;
    }

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

    .bk-footer .btn {
        border-radius: 12px;
        padding: 1rem 1.5rem !important;
    }

    .footer-image {
        width: 800px;
        height: auto;

    }

    @keyframes igFloat {
        0% {
            transform: translateY(0) translateX(0) rotate(var(--r0)) scale(var(--s));
            opacity: var(--a);
        }

        25% {
            transform: translateY(-25vh) translateX(var(--wx)) rotate(var(--r1)) scale(var(--s));
            opacity: var(--a);
        }

        50% {
            transform: translateY(-50vh) translateX(0) rotate(var(--r2)) scale(var(--s));
            opacity: var(--a);
        }

        75% {
            transform: translateY(-75vh) translateX(var(--wx2)) rotate(var(--r3)) scale(var(--s));
            opacity: calc(var(--a) * 0.5);
        }

        100% {
            transform: translateY(-105vh) translateX(0) rotate(var(--r0)) scale(var(--s));
            opacity: 0;
        }
    }

    .ig-heart {
        position: absolute;
        bottom: -60px;
        font-size: var(--sz);
        line-height: 1;
        animation: igFloat var(--dur) cubic-bezier(0.45, 0.05, 0.55, 0.95) var(--delay) infinite;
        will-change: transform, opacity;
        filter: drop-shadow(0 0 var(--glow) var(--gc));
    }