@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@font-face {
    font-family: 'Roslindale 1';
    src: url('../fonts/Roslindale-DeckNarrowBold-Testing.ttf');
    src: local('Roslindale-DeckNarrowBold-Testing.ttf'), local('Roslindale'),
         url('../fonts/Roslindale-DeckNarrowBold-Testing.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
      animation: fadeIn ease 3s;
      -webkit-animation: fadeIn ease 3s;
      -moz-animation: fadeIn ease 3s;
      -o-animation: fadeIn ease 3s;
      -ms-animation: fadeIn ease 3s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
      opacity: 0;
      transition: opacity 3s;
  }
  html, body{
    overflow-x: hidden;
  }
  body{
    font-family: 'Inter', sans-serif;
    font-family: 'Space Mono', monospace;
  }
  @keyframes fadeIn{
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
  }
  
  @-moz-keyframes fadeIn {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
  }
  
  @-webkit-keyframes fadeIn {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
  }
  
  @-o-keyframes fadeIn {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
  }
  
  @-ms-keyframes fadeIn {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
  }
  
   
  
  @media (min-width: 576px){
    .container, .container-sm {
        max-width: 540px;
    }
  }
  @media (min-width: 768px){
    .container, .container-md, .container-sm {
        max-width: 750px;
    }
  }
  @media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 970px;
    }
  }
  @media (min-width: 1080px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1030px;
    }
  }
  @media (min-width: 1100px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1100px;
    }
  }
  @media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
  }
  @media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
  }
  @media (min-width: 1500px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1390px;
    }
  }
  @media only screen and (min-width: 1600px) and (max-width: 1700px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1420px;
    }
  }
  @media only screen and (min-width: 1701px) and (max-width: 1800px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1549px;
    }
  }
  @media only screen and (min-width: 1801px) and (max-width: 1920px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1650px;
    }
  }
  @media only screen and (min-width: 1921px) and (max-width: 2880px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1650px;
    } 
  }
  .bg-image {
    object-fit: cover;
  }
  .bg-image {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .bg-image:not([class*=absolute]) {
    position: absolute;
  }
  section {
    padding: 6rem 0;
    position: relative;
    overflow: hidden;
  }
  body{
    font-family: 'Marcellus';
  }
  video::-webkit-media-controls {
    display:none !important;
  }
  
  /* ------------------------------header------------------------- */
  .header-top.active{
    background: #231F20;
  }
  .header-top{
    transition: top 0.3s;
    height:75px;
    z-index:9;
  }
  html {
    scroll-behavior: smooth;
  }
  .header-top-dflex{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    align-items: center;
    padding-top: 0rem;
    transition: 0.9s all ease;
    height:75px;
  }
  .active .header-top-dflex{
     padding-top: 0rem;
  }
  .header-top-dflex .nav-link{
    color: #EAE8DA;
    font-family:'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 23px;
  }
  .menu-right-side .find-loction h5 {
    color: #EAE8DA !important;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline !important;
    text-transform: uppercase;
    margin-left: 20px;
  }
  .menu-right-side .find-loction h5 a{
    color: #EAE8DA !important;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline !important;
    text-transform: uppercase;
  }
  .menu-right-side{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .about-header .find-loction h5 a{
      color:#231F20 !important;
  }
  .about-header.menu-right-side-active .find-loction h5 a {
    color: #EAE8DA !important; 
  } 
  .navbar-collapse {
    flex-grow: 0;
  }
  .find-loction {
    display: flex;
    align-items: baseline;
  }
  .modal-header{
    border: 0px;
  }
  .food-logo{
    display: flex;
    width: 600px;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    margin-bottom: 55px;
  }
  @media (min-width: 576px){
    .modal-dialog {
        max-width: 1000px;
        margin: 1.75rem auto;
    }
  }

  .order-now-modal h4{
    color: #F7F4EA;
    text-align: center;
    font-family:'Marcellus';
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 57px;
    margin-bottom: 80px;
  }
  .swiggy-logo{
    padding: 12px 21px;
    position: relative;
  }
  .swiggy-logo::after{
    content:"";
    background: url(../mainland-img/Line-dotted-yellow.svg) no-repeat;
    background-size: cover;
    position: absolute;
    width: 1px;
    height: 107px;
    right: 0px;
    top: 0px;
  }
  .btn-close {
    background: url(../mainland-img/crass-icon.svg) no-repeat;
    opacity: 1;
  }
  .modal-content-bg{
    background: #231F20;
  } 
  /* ------------------------------menu------------------------- */
    .menu-section h2{
      color: #8B1E18;
      font-family: 'Marcellus';
      font-size: 120px;
      font-style: normal;
      font-weight: 400;
      line-height:112px; /* 112.069px */
      text-transform: uppercase;
    }
    .menu-item-boxes .nav-pills .nav-link {
      background: 0 0;
      border: 0;
      border-radius: 0.25rem;
      display: flex;
      padding: 12px 24px;
      justify-content: center;
      align-items: center;
      gap: 20px;
      height: 55px;
      border-radius: 16.842px;
      color: #EAE8DA;
      font-family:'Marcellus';
      font-size: 28px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px;
      text-transform: uppercase;
      border: 2.105px solid #231F20;
      color: #231F20;
      margin-bottom: 2rem;
      margin-right: 41px;
    }
    .menu-item-boxes .nav-pills .nav-link.active, .menu-item-boxes .nav-pills .show>.nav-link {
      color: #EAE8DA;
      background-color: #231F20;
    }
    .menu-item-boxes ul{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 84px;
    }
    .left-box-menu{
      width: 584px;
      max-width: 100%;
    }
    .right-box-menu{
      width: 584px;
      max-width: 100%;
    }
    .right-box-menu p, .left-box-menu p{
      color: #231F20;
      font-family:'Marcellus';
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 48px */
      margin-bottom: 60px;
    }
    .vagitabel-menu-btn-list {
      list-style: none;
      display: flex;
      justify-content: space-between;
      width: 590px;
      margin: auto;
      padding-left: 0px;
      margin-bottom: 90px;
      margin-top: 54px;
    }
    .vagitabel-menu-btn-list li .btn-green{
      color: #088369;
      font-family:'Marcellus';
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height:48px;
      padding: 6px 20px;
    }
    .vagitabel-menu-btn-list li .btn{
      border: 2px solid transparent; 
      border-radius: 16.842px;
    }
    .vagitabel-menu-btn-list li.active .btn{
        border: 2px solid #231F20; 
        border-radius: 16.842px;
    }
    .vagitabel-menu-btn-list li .btn-red{
      color: #A23A15;
      font-family:'Marcellus';
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height:48px;
      padding: 6px 20px;
    }
    .vagitabel-menu-btn-list img {
      margin-right: 20px;
    }
    .menu-box-content-main{
      padding: 0px 1rem;
    }
    .menu-top-left{
      position: absolute;
      top: 22rem;
      left: 3rem;
    }
    .menu-top-right{
      position: absolute;
      right: 0px;
      top: 27rem;
    }
    .black-btn .btn {
      border: 1px solid #231F20;
      border-radius: 0px;
      color: #231F20;
      font-family: 'Marcellus';
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-transform: uppercase;
      width: 249px;
      padding: 12px 6px;
      height: 54px;
      max-width: 100%;
      position: relative;
      margin: 59px 0px 84px;
    }
    .black-btn .btn::before {
      content: "";
      background: #231F20;
      position: absolute;
      left: 20px;
      top: 19px;
      width: 15px;
      height: 15px;
      transform: rotate(45deg);
    }
    .black-btn .btn::after {
      content: "";
      background: #231F20;
      position: absolute;
      right: 20px;
      top: 19px;
      width: 15px;
      height: 15px;
      transform: rotate(45deg);
    }
    .menu-bottom-left{
      position: absolute;
      bottom: 1rem;
    }
    .yellow-bg-menu {
      padding-top: 10rem;
      margin-bottom: -21px;
    }
    @media only screen and (min-width: 700px) and (max-width:900px){
      .vagitabel-menu-btn-list li .btn{
        font-family: 'Marcellus';
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px;
        padding: 12px 20px;
        border-radius: 16.842px;
      } 
      .vagitabel-menu-btn-list {
        list-style: none;
        display: flex;
        justify-content: space-between;
        width: 558px;
      }
      .menu-item-boxes .nav-pills .nav-link {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
      }
      .menu-top-left {
        position: absolute;
        top: 25rem;
        left: -2rem;
        display: none;
      }
      .menu-top-right {
        position: absolute;
        right: 0px;
        top: 26rem;
        width: 226px;
        height: 284px;
        display: none;
      }
    }
    @media only screen and (min-width: 901px) and (max-width:1000px){
      .vagitabel-menu-btn-list li .btn{
        font-family: 'Marcellus';
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px;
        padding: 12px 20px;
        border-radius: 16.842px;
      } 
      .vagitabel-menu-btn-list {
        list-style: none;
        display: flex;
        justify-content: space-between;
        width: 558px;
      }
      .menu-item-boxes .nav-pills .nav-link {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
      }
      .menu-top-left {
        position: absolute;
        top: 25rem;
        left: -2rem;
      }
      .menu-top-right {
        position: absolute;
        right: 0px;
        top: 26rem;
        width: 226px;
        height: 284px;
      }
    }
    @media only screen and (min-width: 1001px) and (max-width:1100px){
      .vagitabel-menu-btn-list li .btn{
        font-family: 'Marcellus';
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px;
        padding: 12px 20px;
        border-radius: 16.842px;
      } 
      .vagitabel-menu-btn-list {
        list-style: none;
        display: flex;
        justify-content: space-between;
        width: 558px;
      }
      .menu-item-boxes .nav-pills .nav-link {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
      }
      .menu-top-left {
        position: absolute;
        top: 25rem;
        left: -2rem;
      }
      .menu-top-right {
        position: absolute;
        right: 0px;
        top: 26rem;
        width: 226px;
        height: 284px;
      }
    }
    @media only screen and (min-width: 1101px) and (max-width:1200px){
      .vagitabel-menu-btn-list li .btn{
        font-family: 'Marcellus';
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px;
        padding: 12px 20px;
        border-radius: 16.842px;
      } 
      .vagitabel-menu-btn-list {
        list-style: none;
        display: flex;
        justify-content: space-between;
        width: 558px;
      }
      .menu-item-boxes .nav-pills .nav-link {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
      }
      .menu-top-left {
        position: absolute;
        top: 25rem;
        left: -2rem;
      }
      .menu-top-right {
        position: absolute;
        right: 0px;
        top: 26rem;
        width: 226px;
        height: 284px;
      }
    }
    @media only screen and (min-width: 1201px) and (max-width:1300px){ 
      .menu-item-boxes .nav-pills .nav-link {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
      }
      .menu-top-left {
        position: absolute;
        top: 25rem;
        left: -1rem;
      }
      .menu-top-right {
        position: absolute;
        right: 0px;
        top: 27rem;
        width: 270px;
        height: 304px;
      }
    }
    @media only screen and (min-width: 1301px) and (max-width:1400px){ 
      .menu-item-boxes .nav-pills .nav-link {
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
      }
      .menu-top-left {
        position: absolute;
        top: 25rem;
        left: -1rem;
      }
      .menu-top-right {
        position: absolute;
        right: 0px;
        top: 27rem;
        width: 300px;
        height: 304px;
      }
    }
    @media only screen and (min-width: 1401px) and (max-width:1500px){ 
      .menu-item-boxes .nav-pills .nav-link {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
      }
      .menu-top-left {
        position: absolute;
        top: 25rem;
        left: -1rem;
      }
      .menu-top-right {
        position: absolute;
        right: 0px;
        top: 27rem;
        width: 300px;
        height: 304px;
      }
    }
    @media only screen and (min-width: 1510px) and (max-width:1600px){ 
      .menu-item-boxes .nav-pills .nav-link {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
      }
    }
    @media only screen and (min-width: 1601px) and (max-width:1800px){ 
      .menu-item-boxes .nav-pills .nav-link {
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
      }
    }
    @media only screen and (min-width: 1601px) and (max-width:1920px){
      .menu-item-boxes .nav-pills .nav-link {
        height: 84px;
      }
    }
  /* ------------------------------menu------------------------- */
    .hero-section {
        position: absolute;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .hero-image {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: none;
    }

    .fade-out {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        transform: scale(1) translateZ(0);
        transition: opacity 1s ease-in-out;
    }

    .final-image {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: none;
    }
    .signature-dish{
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center; 
    }
    .menu-mainland{
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    @media only screen and (min-width: 700px) and (max-width:900px){
        .signature-dish{
            height: fit-content;
            display: flex;
            justify-content: center;
            align-items: center; 
        }
        .menu-mainland{
            height: fit-content;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
/*-------------------------about-page-animation start----------------------------*/
   .description-section {
        align-items: center;
        justify-content: center;
        height: 80vh;
    }
    .description-section{
        text-align: center;
        font-family: 'Marcellus';
        font-size: 74px;
        font-style: normal;
        font-weight: 400;
        line-height: 88px;
        opacity: 1;
        transition: color 0.5s ease-in-out;
    }
    .description-section p{
        color: #b7946a47;
        margin-bottom:0px;
    }
    .description-section .highlighted {
        transition: opacity 0.5s ease-in-out; /* Smooth transition for color change */
        color: #B7946A !important;
        opacity: 1;
    }
    .description-section{
        width: 1372px;
        max-width: 100%;
        margin: auto;
        margin-top: 7rem;
    }
    .about-top-bannner {
      height: auto !important;
    }
/*-------------------------about-page-animation-end---------------------------*/
  .mainland-home-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-bottom: 0px;
    padding-top: 18rem;
  }
  .home-banner-content{
    width: 1093px;
    margin: auto;
    max-width: 100%;
  }
  .brand-logo-order-now{
    margin-left: 24px;
    margin-top: 26px;
    width: 100px;
    height: 100px;
  }
  .header-menu-brand-logo{
    width: 300px;
    margin: auto;
    max-width: 100%;
  }

  .home-banner-content h1{
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%;
    margin-bottom: 60px;
  }
  .home-banner-content .white-line-home{
    width: 30px;
    margin: auto;
    max-width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
  } 
  .home-banner-content .white-btn .btn {
    border: 1px solid #EAE8DA;
    border-radius: 0px;
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    width: 249px;
    height: 49px;
    max-width: 100%;
    position: relative;
  }
  .white-btn .btn::before {
    content: "";
    background: #EAE8DA;
    position: absolute;
    left: 28px;
    top: 15px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
  }
  .white-btn  .btn::after {
    content: "";
    background: #EAE8DA;
    position: absolute;
    right: 28px;
    top: 15px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
  }
  .home-banner-content .white-btn{
    width: 210px;
    margin: auto;
    max-width: 100%;
    margin-bottom: 60px;
  }
  .about-home-top{
    padding: 2.5rem 0 0;
  }
  .about-top-content-title{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
  }
  .aboutrigh-flawer-img{
    width: 314px;
    height: 228px;
    max-width: 100%;
  }
  .about-top-content-title h2{
    color: #B7946A;
    font-family:'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%;
    text-transform: uppercase;
    margin-top: 1rem;
  }
  .about-home-left-content p{
    color: #EAE8DA;
    font-family:'Marcellus';
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .about-home-left-content{
    width: 642px;
    max-width: 100%;
    position: relative;
  }
  .Isolation_Mode1{
    position: absolute;
    right: 0px;
  }
  .Isolation_Mode12 {
    position: absolute;
    right: 10rem;
    top: 22rem;
  }
  .Inspiration-section {
    padding: 2rem 0 4rem;
  }
  .Inspiration-section h2{
    color: #EAE8DA;
    font-family:'Marcellus';
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: 57px;
    text-transform: uppercase;
    margin-bottom: 80px;
  }

  .Inspiration-section .swiper-slide {
    text-align: end;
    font-size: 18px;
    height: 584px;
    max-width: 100%;
    width: 705px;
    /* Center slide text vertically */
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack:start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start; */

  }
  .inspiration-right-content-main{
    position: relative;
  }
  .Inspiration-section .swiper-slide img{
    /* width: 705px; */
    max-width: 100%;
    margin-right: -120px;
    object-fit: cover;
  }
  .inspirand-slider{
    overflow: hidden;
    padding-right: 43px;
  }
  .inspiration-right-content p{
    color: #B7946A;
    font-family:'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .inspiration-right-content a{
    color: #EAE8DA;
    font-family:'Marcellus';
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
  }
  .inspiration-right-content a::after {
    content: "";
    width: 90px;
    height: 2px;
    position: absolute;
    top: 40px;
    left: 2px;
    background: #EAE8DA;
  }
  .inspiration-right-content{
    width: 482px;
    max-width: 100%;
    padding-left: 30px;
  }
  .inspiration-right-bird-img{
    width: 337px;
    height: 278px;
    transform: translate(300px, -100px);
  }
  .black-bg{
    background: #231F20;
  }
  .menu-mainland h1{
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 112px;
    text-transform: uppercase;
    margin-bottom: 68px;
  }
  .menu-card-slider{
    height: 685px;
    width: 498px;
    max-width: 100%;
    max-height:100%;
  }
  .menu-card-slider-img{
    overflow: hidden;
  }
  .menu-mainland .card{
    width: 498px;
    margin: auto;
    height: 600px;
    max-height: 100%;
    max-width: 100%;
    background: transparent;
    border: 0px;
    border-radius: 0px;
  }
  .menu-mainland .card .img-hover{
    width: 498px;
    margin: auto;
    max-width: 100%;
    height: 600px;
    max-height: 100%;
    transition-duration: 4s;
    overflow: hidden;
    object-fit: cover;
  }
  .menu-mainland .img-hover:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    z-index: 0;
  }
  .menu-mainland .card .cirle-img{
    width: 201px;
    height: 201px;
    margin: auto;
    position: absolute;
    bottom: -5.5rem;
    left: 0px;
    right: 0px;
    transition-duration: 4s;
  }
  .menu-mainland .card .cirle-img:hover{
    transform: rotate(30deg);
  }
  .from-select-outlet-menu-home .div-custom::before {
    display: none;
  }
  .from-select-outlet-menu-home .div-custom::after {
    display: none;
  }
  .from-select-outlet-menu-home .custom-select {
    width: 529px;
    max-width: 100%;
    margin-left: 0px;
    margin-right: 32px;
  }
  .city-ten-img-content h2{
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 112px; /* 112.069px */
    text-transform: uppercase;
    margin-bottom: 60px;
  }
  .city-ten-img-content p{
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 60px;
  }
  .from-select-outlet-menu-home .div-custom {
    display: flex;
    width: 770px;
    max-width: 100%;
    margin-left: 0;
    position: relative;
  }
  .signature-dish-bg{
    overflow:visible;
    z-index: 1;
    position: relative;
  }
  .signature-dish-bg::after{
    content:"";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    height: 100%;
    width: 100%;
    top: 8rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
    background-size: contain;
  }
  .signature-dish {
    padding: 8rem 0 5rem;
  }
  .signature-dish h1{
    color: #B7946A;
    font-family:'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 112px;
    text-transform: uppercase;
    margin-bottom: 80px;
  }
  .signature-dish .container{
    position: relative;
  }
  .signature-dish-slider {
    /* background: url(../mainland-img/Dish-1-bg.png) no-repeat;
    background-size: cover;
    background-position: center center; */
    width: 1456px;
    max-width: 100%;
    margin: auto;
    height: 631px;
    position: relative;
    overflow-x: clip;
  }
  .signature-dish-slider .pos-rel{
    position: relative;
  }
  .dish-slider-content-main-box{
    padding: 4rem 1.5rem;
    overflow: hidden;
  }
  .dish-slider-content-main-box h6{
    color: #EAE8DA;
    font-family:'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height:18px;
    letter-spacing: 6.2px;
    text-transform: uppercase;
    margin-bottom: 28px;
    position: relative;
  }
  .dish-slider-content h2{
    color: #EAE8DA;
    font-family:'Marcellus';
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    text-transform: uppercase;
  }
  .dish-slider-content p {
    color: #EAE8DA;
    font-family:'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    height: 176px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .dish-slder-btn .btn::before {
    content: "";
    background: #EAE8DA;
    position: absolute;
    left: 20px;
    top: 19px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
  }
  .dish-slder-btn .btn::after {
    content: "";
    background: #EAE8DA;
    position: absolute;
    right: 20px;
    top: 19px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
  }
  .dish-slder-btn .btn{
    border: 1px solid #EAE8DA;
    border-radius: 0px;
    padding: 10px 20px;
    position: relative;
    font-family:'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: #EAE8DA;
    position: relative;
    width: 240px;
    max-width: 100%;
    height: 49px;
  }
  .dish-img-border .img-border {
    width: 487px;
    height: 487px;
    max-width: 100%;
    position: absolute;
    top: 72px;
    left: 152px;
    display: none;
  }
  .dish-img-border .img-border-1{
    display: block;
  }

  .swiper-button-prev{
    background: #231F20;
    width: 172px;
    height: 172px;
    position: absolute;
    left: -6rem;
    border-radius: 85px;
    padding: 0px 0px 0px 92px;
    top: 14rem;
    opacity: 1 !important;
  }
  .swiper-button-next{
    background: #231F20;
    width: 172px;
    height: 172px;
    position: absolute;
    right: -6rem;
    border-radius: 85px;
    padding: 0px 92px 0px 0px;
    top: 14rem;
    opacity: 1 !important;
  }
  .dish-slider-content-main-box .swiper-horizontal .swiper-pagination-bullet {
    border: 1px solid #B7946A;
    opacity: 1;
    height: 14px;
    width: 14px;
    border-radius: 50%;
  }
  .dish-slider-content-main-box  .swiper-horizontal .swiper-pagination-bullet-active.swiper-pagination-bullet-active {
    background: #B7946A !important;
    border: 1px solid #B7946A;
  }
  .dish-slider-content-main-box .swiper-pagination {
    bottom: -5rem !important;
  }
  .dish-slider-content-main-box .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    margin: 2px 10px !important
  }
  .signature-dish-slider .swiper-button-prev:after{
    display: none;
  }
  .signature-dish-slider .swiper-button-next:after{
    display: none;
  }
  .outside-image {
    display: none;
  }
  /* Show outside image based on the active slide */
    #outside-image-1.swiper-slide-1,
    #outside-image-2.swiper-slide-2,
    #outside-image-3.swiper-slide-3,
    #outside-image-4.swiper-slide-4,
    #outside-image-5.swiper-slide-5,
    #outside-image-6.swiper-slide-6,
    #outside-image-7.swiper-slide-7{
   display: block;
  }
  .home-cheafs{
    background: transparent;
    position: relative;
    padding: 5rem 0 6rem;
  }
  .awardr-recognitions .card{
    width: 227px;
    height: 227px;
    margin: auto; 
    background: transparent;
    border-radius: 0px;
    border: 0px;   
  }
  .awardr-recognitions .card img{
    width: 227px;
    height: 227px;
    max-width: 100%;
  }
  .awardr-recognitions h3 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: 57px;
    text-transform: uppercase;
    margin-bottom: 67px;
  }
  .ten-city-outlet{
    overflow:visible;
  }
  .outlet-card-slider .card{
    background: transparent;
    border: 0px;
    border-radius: 0px;
    width: 620px;
    max-width: 100%;
    margin: auto;
  }
  .after-outlet-slider {
    padding-top: 0rem;
    padding-bottom: 4rem;
  }
  .outlet-card-slider-img{
    overflow: hidden;
    transition-duration: 4s;
  }
  .outlet-card-slider-img img{
    transition-duration: 4s;
    object-fit: cover;
  }
  .outlet-card-slider-img .out-img-hover:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    z-index: 0;
    opacity: .5;
  }
  .jhalar-img-black{
    margin-bottom: -20px;
  } 
  .swiper-horizontal  .swiper-pagination-bullet-active.swiper-pagination-bullet-active{
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
    background: #231F20 !important;
    border: 1px solid #231F20;
  }
  .swiper-horizontal .swiper-pagination-bullet{
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
    background: transparent !important;
    border: 1px solid #000;
    opacity: 1;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    margin: 2px 8px !important;
  }
  .mainland-tabs-slider .card{
    background: #8B1E18;
    border: 0px;
    border-radius: 0px;
    width: 795px;
    max-width: 100%;
    overflow: hidden;
  }
  .mainland-tabs-slider-content h3{
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 40px;
  }
  .mainland-tabs-slider-content p{
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 42.109px;
    margin-bottom: 40px;
  }
  .mainland-tabs-slider-content{
    padding: 0px 43px;
    display: flex;
    height: 648px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    max-height: 100%;
  }
  .exclusive-img-1{
    background:url(../mainland-img/exclusive-img-1.png) no-repeat;
    background-position:center center;
    background-size: cover;
  }
  .exclusive-img-2{
    background:url(../mainland-img/exclusive-img-2.png) no-repeat;
    background-position:center center;
    background-size: cover;
  }
  .exclusive-img-3{
    background:url(../mainland-img/exclusive-img-3.png) no-repeat;
    background-position:center center;
    background-size: cover;
  }
  .mainland-tabs-slider-content a{
    color: #EAE8DA !important;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.078px;
    text-decoration-line: underline !important;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 0px;
  }
  .mainlandexclusive-main h1{
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%; /* 112.069px */
    text-transform: uppercase;
  }
  .mainland-tabs .nav-link{
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%;
    text-transform: uppercase;
  } 
  .mainland-tabs #exclusive-slider-card .owl-prev-img{
    transform: rotate(-180deg);
    margin-top: -4px;
  }
  .mainland-tabs .owl-prev, .mainland-tabs .owl-next{
    width: 80px;
    height: 80px;
    background: #EAE8DA !important;
    border-radius: 50%;
  } 
  .mainland-tabs .owl-next{
    position: absolute;
    top: 45%;
    right: 0;
    bottom: 38%; 
  }
  
  .mainland-tabs .owl-prev{
    position: absolute;
    top: 45%;
    left: 0;
    bottom: 38%; 
  }
  .mainland-tabs .owl-prev.disabled{
    display: none;
  }
  .mainland-tabs .owl-next.disabled{
    display: none;
  }
  .mainland-tabs .owl-dot {
    width: 14px;
    height: 14px;
    border: 1px solid #231F20 !important;
    border-radius: 47%;
    margin: 0px 6px;
  }
  .mainland-tabs .owl-dot.active{
    background:#231F20 !important;
  }
  .mainland-tabs .owl-dots{
    width: 100px;
    margin: auto;
    margin-top: 3rem;
    text-align: center;
  }

  .mainland-tabs .nav-pills .nav-link.active, .mainland-tabs .nav-pills .show>.nav-link {
    color: #AF2921;
    background-color: transparent;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 10px;
  }
  .mainlandexclusive-main .mainland-tabs ul {
    margin: 84px;
    width: 800px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin: 80px auto;
  }
  .mainland-tabs-gift .card{
    background: #8B1E18;
    border: 0px;
    border-radius: 0px;
    width: 903px;
    max-width: 100%;
    margin: auto;
  }
  .mainland-tabs-gift .card h5{
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px; /* 44px */
    text-transform: uppercase;
    margin-bottom: 32px;
  }
  .mainland-tabs-gift-img-bottom{
    padding: 32px 28px;
  }
  .mainland-tabs-comeing .card{
    width: 903px;
    height: 408px;
    border: 0px;
    border-radius: 0px;
    background: transparent;
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .mainland-tabs-slider-content a img{
    width: 21px !important;
    display: inline-block !important;
  }
  .mainland-tabscoamingimg h6{
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%; /* 42.109px */
  }
  .mainland-tabs-gift .card a {
    color: #EAE8DA !important;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.078px;
    text-decoration-line: underline !important;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 0px;
  }
  .manland-testmonials-slider-contnet-inside h6{
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%; /* 36.094px */
    margin-bottom: 32px;
  }
  .manland-testmonials-slider-contnet-inside h5{
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%; /* 42.109px */
    margin-bottom: 0px;
  }
  .manland-testmonials-slider{
    width: 100%;
    max-width: 100%;
    margin: auto;
  }
  .manland-testmonials-slider-contnet-inside{
    padding-left: 20px;
  }
  .manland-testmonials-slider-contnet-inside {
    padding-right: 20px;
  }
  .manland-testmonials-slider .border-left{
    border-left: 2px solid #231F20;
  }
  .manland-testmonials-slider .border-right{
    border-right: 2px solid #231F20;
    text-align: right;
  }
  .mainland-testmoilals .owl-prev, .mainland-testmoilals .owl-next {
    width: 80px;
    height: 80px;
    background: #8B1E18 !important;
    border-radius: 50%;
  }
  .mainland-testmoilals .owl-prev {
    position: absolute;
    top: 45%;
    left: 10%;
    bottom: 38%;
  }  
  .mainland-testmoilals .owl-next {
    position: absolute;
    top: 45%;
    right: 10%;
    bottom: 38%;
  }
  #manland-testmonials-slider .owl-dot {
    width: 14px;
    height: 14px;
    border: 1px solid #231F20 !important;
    border-radius: 47%;
    margin: 0px 6px;
  }
  #manland-testmonials-slider .owl-dot.active {
    background: #231F20 !important;
  }
  #manland-testmonials-slider .owl-dots {
    width: 200px;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
    text-align: center;
  }
  .light-yellow-bg{
    background: #EAE8DA;
  }
  .yellow-bg{
    background: #EAE8DA;
  }
  .scroll-top-icon{
    max-width: 100%;
    width: 31px;
    margin: auto;
    display: block;
  }
  .scroll-top{
    max-width: 100%;
    width: 31px;
    margin: auto;
    display: block;
    position: absolute;
    bottom: 40px;
  }
  .Isolation_Mode{
    width: 314.483px;
    height: 228.36px;
    position: absolute;
    right: 18px;
    bottom: 9px;
  }
  .about-top-bannner {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 100%;
  }
  .about-top-content h3{
    color: #B7946A;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 74px;
    font-style: normal;
    font-weight: 400;
    line-height: 88px;
  }
  .about-top-content{
    width: 1372px;
    max-width: 100%;
    margin: auto;
  }
  .lagacy-top{
    padding: 4rem 0;
    height: 1080px;
    max-height: 100%;
  }
  .legact-left-content{
    width: 592px;
    max-width: 100%;
  }
  .floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
  }
  @keyframes floating {
      from { transform: translate(0,  0px); }
      65%  { transform: translate(0, 10px); }
      to   { transform: translate(0, -0px); }    
  }
  .floating2 {  
    animation-name: floating2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
  }
  @keyframes floating2 {
      from { transform: translate(0px,  0); }
      65%  { transform: translate(-10px, 0); }
      to   { transform: translate(-0px, 0); }    
  }
  .fan-legacy{
    position: absolute;
    transform: translate(22rem, -2rem);
  }
  .fan-legacy img{
    width: 146px;
    height: 106px;
    max-width: 100%;
  }
  .fan-legacy-1{
    transform: translate(7rem, 5rem);
  }
  .fan-legacy-1 img{
    width: 289px;
    height: 212px;
    max-width: 100%;
  }
  .legact-left-content p{
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%; /* 36.094px */
    margin-bottom: 46px;
  }
  .legact-left-content a{
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%; /* 36.094px */
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 20px;
  }
  .needs-aspace{
    width: 263px;
    max-width: 100%;
  }
  .row-legacy{
    display:flex;
    justify-content: space-between;
  }
  .lagacy-top h2{
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%;
    text-transform: uppercase;  
    margin-bottom: 80px;
  }
  .swiper-slide .swiper-slide-container.even{
    margin-top: -6rem;
  }
  .swiper-slide-active .swiper-slide-container.odd{
    margin-top: 0rem;
  }
  .lagacy-top .containersub {
    margin-right: 0px;
    float: right;
    width: 88%;
    max-width: 100%;
  }
  .img-slider-legacy {
    overflow-x: clip !important;
    width: 638px;
    max-width: 100%;
    float: right;
    overflow-y: visible;
  }  
  .swiper-slide-container {
    width: 90%;
    max-width: 100%;
    transition: all .6s ease-in;
  }  
  .swiper-slide-container img{
    width: 553px;
    max-width: 100%;
  }
  .mainland-our-value h2{
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 112px;
    text-transform: uppercase;
  }
  .mainland-our-value::after{
    content: "";
    background: url(../mainland-img/value-image-32.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: -6px;
    top: 7rem;
    width: 992px;
    max-width: 100%;
    height: 73px;
  }
  .mainland-our-value{
    background:url(../mainland-img/main-land-value-bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .nav-tabs-main-land .nav-link{
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    text-transform: uppercase;
  }
  .nav-tabs-main-land .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #EAE8DA;
    background-color: transparent;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 20px;
  }
  .nav-tabs-main-land .tab-content p{
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .nav-tabs-main-land .nav-pills {
    justify-content: space-between;
    display: flex;
    margin: 100px 0px 112px;
  }
  .marquee-bg{
    background:url(../mainland-img/Frame-about-min-bg.png) no-repeat;
    background-size: cover;
    background-position:center center;
    height: 100vh;
  }
  .marquee-bg h1{
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%;
    text-transform: uppercase;
  }
  .marquee-h1{
    position: absolute;
    bottom: 84px;
  }
  .main-cheafs{
    background: #EAE8DA;
  }
  .main-cheafs .card{
    background: transparent;
    border: 0px;
    border-radius: 0px;
  }
  .main-cheafs h1{
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 112px; /* 112.069px */
    text-transform: uppercase;
    margin-bottom: 80px;
  }
  .main-cheafs .card h5{
    color: #8B1E18;
    font-family:'Marcellus';
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%; /* 33.621px */
    text-transform: uppercase;
    margin-bottom: 24px;
    margin-top: 32px;
  }
  .main-cheafs .card p{
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%; /* 22.414px */
    text-transform: capitalize;
  }
  .main-cheafs .card-img-detaisl-chief{
    width: 582px;
    max-width: 100%;
    margin: auto;
  }
  .diya-lamp-img{
    position: absolute;
    top: 35rem;
    z-index: 1;
    left: 4rem;
    width: 369px;
    height: 206px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  @keyframes dip {
    0% {
      left: 10%;
    }
    50% {
      left: 12%;
      transform: translateX(-4%);
    }
    100% {
      left: 10%;
    }
  }
  /*the container must be positioned relative:*/
.custom-select {
  position: relative;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: DodgerBlue;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.select-selected{
  width: 529px;
  height: 69px;
  border: 1px solid #231F20 !important;
  background-color: transparent;
  color: #231F20;
  font-family: 'Marcellus';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 150.391%;
  text-transform: uppercase;
  margin: auto;
  max-width: 100%;
  position: relative;
}
.select-selected:after {
  content: "";
  position: absolute;
  top: 26px;
  right: 23px;
  background: url(../mainland-img/select-icon.svg) no-repeat;
  background-position: center center;
  background-size: cover;
  border: 0px;
  width: 22px;
  height: 13px;
  transition: all .3s ease-in;
}
.select-selected.select-arrow-active:after {
  width: 22px;
  height: 13px;
  top: 26px;
  right: 23px;
  transform: rotate(180deg);
}
.select-items{
  width: 527px;
  padding: 0px 0px;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  border-radius: 20px;
  background: #EAE8DA;
  box-shadow: 0px 4px 40px 0px rgba(40, 40, 40, 0.15);
  margin: auto;
  max-width: 100%;
}
.from-select-outlet .custom-select{
  width: 529px;
  max-width: 100%;
  margin: auto;
}
.select-items div {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #231F20;
    padding: 12px 0px;
}
.select-items div:last-child {
  border-bottom: 0px solid #231F20;
}
.div-custom .btn-red{
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #AF2921;
  border-radius: 0px;
  color: #EAE8DA;
  font-family: 'Marcellus';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  text-transform: uppercase;
  width: 183px;
  max-width: 100%;
}
.div-custom{
  display: flex;
  width: 770px;
  margin: auto;
  max-width: 100%;
  position: relative;
}
.div-custom::before {
  content: "";
  background: url(../mainland-img/cricle-icon.svg) no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: -6.5rem;
  top: 0px;
  height: 70px;
  width: 70px;
}
.div-custom::after {
  content: "";
  background: url(../mainland-img/cricle-icon.svg) no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  right: -6.5rem;
  top: 0px;
  height: 70px;
  width: 70px;
}
.section-from-select{
  overflow: visible;
}
.section-from-select {
  overflow: visible;
  padding: 4rem 0;
}
  /* -----------------------------footer--------------------------- */
  ::placeholder {
    color: #EAE8DA !important;
  }
  .img-footer-scroll-top{
    display: none;
  }
  .mainland-china-footer{
    background: #231F20;
    text-align: center;
    padding: 4rem 0;
  }
  .footer-mainlogo img{
    width: 271px;
    max-width:100%;
    object-fit: cover;
  }
  .footer-scond-title p{
    color: #B7946A;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0px;
  }
  .footer-scond-title p a{
    color: #B7946A;
  }
  .footer-third-title p{
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 24px;

  }
  .footer-third-title .form-control{
    width: 461px;
    height: 46px;
    flex-shrink: 0;
    border: 1px solid #EAE8DA;
    border-radius: 0px;
    background: transparent;
    color: #EAE8DA;
    text-align: left;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 127%;
    text-transform: capitalize;
    margin: auto;
    max-width: 100%;
  }
  .social-media-box a {
    margin: 0px 6px 0px 6px;
  }
  .footer-scond-title{
    margin: 80px 0px 80px;
  }
  .gold-btn .btn{
    border: 1px solid #B7946A;
    border-radius: 0px;
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    width: 249px;
    height: 54px;
    max-width: 100%;
    position: relative;
    margin: 59px 0px 84px;
  }
  .social-media-box{
    width: 130px;
    margin: auto;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
  } 
  .gold-btn .btn::after {
    content: "";
    background: #B7946A;
    position: absolute;
    right: 28px;
    top: 19px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
  }
  .gold-btn .btn::before {
    content: "";
    background: #B7946A;
    position: absolute;
    left: 28px;
    top: 19px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
  }
  .order-now-modal-city ul li {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 20px;
  }
  .order-now-modal-city h4{
    color: #F7F4EA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 42px;
  }
  .order-now-modal-city h5{
    font-family: 'Marcellus';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
    color: #EAE8DA;
    margin-bottom: 22px;
  }
  .order-now-modal-city li{
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  .audio-mp{
    visibility: hidden;
  }
  .valume-icon-audio{
    position: absolute;
    right: 40px;
    bottom: 40px;
    cursor: pointer;
    background:url(../mainland-img/volume-2.svg);
  }
  .btn-audio{
    position: fixed;
    z-index: 1099999;
    right: 40px;
    background:url(../mainland-img/volume.svg) no-repeat;
    width: 22px;
    height: 22px;
    bottom: 40px;
    box-shadow: none;
    background-size: contain
 }
  .btn-audio.playing::after{
    content: "";
    position: absolute;
    right: -8px;
    background: url(../mainland-img/wave.svg) no-repeat;
    width: 19px;
    height: 18px;
    bottom: 1px;
    box-shadow: none;
    background-size: contain;
 }
 .btn-audio:focus {
    box-shadow:none; 
 }
  .select-items {
    max-width: 100%;
    height: 152px;
    max-height: 355px;
    overflow-y: scroll;
 }
 .modal-title-hp h5{
    color: #F7F4EA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 57px;
    margin-bottom: 32px;
}
.modal-title-hp p{
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}