body{ background: #1e3b75; color:#fff; font-size:17px;  font-family: "Jost", sans-serif; overflow-x: hidden;} 
html { scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6,p,ul{ margin: 0; padding:0; }
li{ list-style: none; }
a:hover{ text-decoration:none; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.btn-orange{ background: #d9a719;color: #fff;padding: 10px 15px;font-weight: 400;border-radius: 30px; transition: all 0.5s;}
.btn-orange:hover{ color: #000; background:#fff; }
.btn-transparent{ background: transparent;color: #fff;padding: 10px 15px;font-weight: 400;border-radius: 30px; transition: all 0.5s; border: 1px solid #fff;}
.btn-transparent:hover{ color:#fff; background: #d9a719; border: 1px solid transparent; }
.title-large-cap{ font-size: 40px; text-transform: uppercase; font-weight: 300;}
.title-large{ font-size:48px; text-transform: capitalize; }
.title-medium{ font-size:38px; text-transform: capitalize; color: #d9a719;}
.text-orange{ color: #d9a719; text-transform: uppercase; font-size: 17px;font-weight: 400; }
.title-orange{ color: #d9a719; }
.ptb-100{ padding: 100px 0; }
.pt-50{ padding-top:50px; }
.ptb-70{ padding: 70px 0; }
.ptb-50{ padding:50px 0; }
.pb-70{ padding-bottom:70px; }
.p-0{ padding:0; }
.p-50{ padding: 50px; }
.d-flex{ display: flex; flex-direction:column;  justify-content: center; align-items: center; }
.btn-orange:hover {color: #000 !important; box-shadow: none !important; text-decoration: none !important;}
header .top-header { background: #d9a719; padding: 7px 0; font-size: 15px;}
header .top-header p{ display:inline-block; }
header .top-header p i { padding-right: 5px;}
header .top-header p a{ color:#fff; }
header .top-header ul{ display:inline-block; }
header .top-header ul li { display: inline-block;list-style: none; padding: 0 5px;}
header .top-header ul li a{ color:#fff; }
header .bottom-header { padding: 15px 0;}
header .navbar-light .navbar-brand{ color:#fff; margin-right: 0 !important;margin-left: 27px;}
header .navbar{ padding: 0; }
header .navbar-light .navbar-nav .nav-link{ color:#fff !important; padding: 0 20px;margin-right: 18px;}
header .navbar-light .navbar-nav .nav-link:hover{ color:#d9a719 !important; transition: all 0.5s; }
header .navbar-expand-lg .navbar-collapse {flex-direction: column; align-items: end;}
header .navbar-brand:hover{ color:#fff !important; }
header .navbar-brand span {font-size: 22px;letter-spacing: 2px; font-weight: 500;}
header .navbar-brand img{     width: 259px; margin-top: -10px; }
header .bottom-header .dropdown .btn{ color:#fff; padding: 0 20px; margin-right: 18px}
header .bottom-header .dropdown .btn:hover{  color:#d9a719; transition: all 0.5s; }
header .bottom-header .dropdown .btn:focus{ box-shadow:none; }
header .bottom-header .navbar-expand-lg .navbar-nav .dropdown-menu{ background-color: #d9a719; color:#fff; padding: 20px 0;}
header .bottom-header .dropdown-item { color:#fff; padding: 10px 15px;}
header .bottom-header .dropdown-item:hover{ background:#fff; color: #000; }
header .bottom-header .btn-orange { margin-left: 25px;margin-right:35px; }
.banner{ text-align:center;  background: url(../new-images/rer-stripes.png) no-repeat center;background-size: cover;}
.banner .carousel .w-100{ border-radius: 230px; border: 2px solid #c6c3c3; height: 440px; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.banner .carousel-inner{ width:85%;margin: 0 auto; }
.banner .carousel-inner h3{ margin:6px 0 50px;}
.banner .carousel-indicators{ bottom: -70px; }
.banner .carousel-indicators li { width:100px; }
.twoboxes h4{ padding: 11px 0px; }
.twoboxes ul li{color: rgb(219, 219, 219);text-align: justify; }
.twoboxes ul li strong {color: #fff;}
.twoboxes img{ border-radius:20px; }
.twoboxes .pos-img img{ position:absolute; top:0; left:0; z-index: -2; padding: 0 15px; border-radius: 40px;}
.twoboxes .p-div { background: #1e3b75;  width: 75%; padding: 45px; border-top-right-radius: 20px;border-bottom-right-radius: 20px; margin-top: -15px;}
.twoboxes p{ line-height: 31px; margin-bottom: 30px; color:#ffffff; font-weight:300; text-align: justify; }
.twoboxes .special-text{font-weight: 600;}
.twoboxes .p-div svg{ width: 30px; padding-left: 10px; fill:#fff; }
.twoboxes .p-div a:hover svg{ fill: #000; }
.brand-story-title {font-size: 69px;color: #d9a719;text-align: center;}
.about-us {padding: 80px 30px;color: #fff; text-align: justify;max-width: 1100px;margin: auto;}
.about-us .container {max-width: 1200px;margin: 0 auto;}
.about-us .text-content h2 { font-size: 32px;font-weight: 700; margin-bottom: 20px;}
.about-us .text-content p {color: rgb(219, 219, 219); font-size: 19px; margin-bottom: 15px;}
.about-us .text-content blockquote { font-size: 18px; color: #d9a719;border-left: 4px solid #d9a719; padding-left: 15px; margin: 15px 0;}
.about-us .image-content img { width: 100%;}
.about-us .image-grid { padding: 0px;}
.about-us .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));background: #0e274f; border-left: 4px solid #d9a719;}
.about-us .grid-container img {width: 100%; height: auto;object-fit: cover; display: block;}
.about-us .grid-container img:hover { transform: scale(1.05); box-shadow: 0 6px 18px rgba(0,0,0,0.2);}
.vm-section {max-width: 900px;margin: auto;}
.vm-section img {width: 200px;height: 200px;object-fit: cover;border-radius: 50%; border: 4px solid #d9a719; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.vm-section .text-center { text-align: center;}
.vm-section blockquote { font-size: 28px; border-left: 4px solid #d9a719; padding-left: 15px; margin: 15px 0;}
.two-blocks .special-text{font-size: 22px; font-weight: 600;}
.two-blocks  svg{ width: 30px; padding-left: 10px; fill:#fff; }
.two-blocks a{ display:inline-block; }
.two-blocks h4 { padding: 10px 0 20px;}
.two-blocks p{ margin-bottom: 18px; line-height: 31px;color:#ffffff;font-weight: 300;text-align: justify; }
.two-blocks p strong{ font-size:20px; font-weight:500; }
.two-blocks .btn-orange{ margin: 20px 0; }
.two-blocks  a:hover svg{ fill: #000; }
.two-blocks img{ width: 450px; animation: rotation 18s infinite linear;}
@keyframes rotation {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
.single-block-large h4{ font-weight: 400; margin:10px 155px 30px; line-height: 70px; font-size: 54px; }
.single-block-large img{ height: 55px; border-radius: 30px; width: 170px; margin-top: -12px;object-fit: cover; }
.single-block-large .dark-green { background: #0e274f; padding: 65px; border-radius: 30px;}
.single-block-large .dark-green .form-control{ background-color:#1e3b75; border-color: #0e274f;height: 52px; border-radius: 20px; color: #ffff; font-weight: 300;}
.single-block-large .dark-green .form-control:focus, .single-block-large .dark-green .form-control:focus-visible{ box-shadow:none; outline: none; }
.single-block-large .dark-green  option { background: #0e274f;}
.single-block-large .dark-green input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1);  }
.single-block-large .dark-green  .btn-orange{ max-width: 200px;margin: auto;margin-top: 30px !important;border-radius: 50px;display:block; line-height: 52px; 
    height: 52px; padding: 0;text-align: center;transition: none !important; }
.two-slider .text-love{padding: 55px 0px;}
.two-slider svg{ fill: #c19147; width: 45px;padding-right: 10px; }
.two-slider ul li{ list-style:none; margin: 15px 0; }
.two-slider h4 { padding: 10px 0 20px;}
.two-slider p { line-height: 31px; color: #fff;font-weight: 300;text-align: justify;}
.two-slider .btn-orange{ margin-top: 20px; display: inline-block; }
.two-slider .slide-container{max-width: 1120px;width: 100%;padding: 40px 0;}
.two-slider .slide-content{ margin: 0 40px;overflow: hidden;border-radius: 25px;}
.two-slider .card{ border-radius: 25px; background-color: transparent; position: relative;}
.two-slider .card::after{content: "";background:rgb(14 39 79 / 67%);position: absolute; width: 100%; height: 100%; top: 0; left: 0;border-radius: 20px;}
.two-slider .card:hover span{display: block;}
.two-slider .image-content,
.two-slider .card-content{display: flex; flex-direction: column; align-items: center;}
.two-slider .image-content{position: relative;}
.two-slider .card-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);z-index: 99;}
.two-slider .card-content svg{width: 70px !important;}
.two-slider .card-content h5 {font-size: 27px; margin-top: 30px; width: 200px;text-align: center;}
.two-slider .card-content span {display: none;transition: all 0.5s ease-out;margin-top: 20px;}
.two-slider .card-content span svg { width: 67px !important; fill: #fff;transform: rotate(-30deg);border-radius: 50%; background: #d9a719; padding: 15px;}
.two-slider .overlay{position: absolute;left: 0;top: 0;height: 100%; width: 100%; background-color: #4070F4;border-radius: 25px 25px 0 25px;}
.two-slider .overlay::before,
.two-slider .overlay::after{content: ''; position: absolute;right: 0;bottom: -40px; height: 40px; width: 40px;background-color: #4070F4;}
.two-slider .overlay::after{ border-radius: 0 25px 0 0;background-color: #FFF;}
.two-slider .card-img{border-radius: 20px;}
.two-slider .card-image{position: relative;height: 150px; width: 150px;border-radius: 50%; background: #FFF;padding: 3px;}
.two-slider .card-image .card-img{height: 100%;width: 100%;object-fit: cover; border-radius: 50%; border: 4px solid #4070F4;}
.two-slider .name{font-size: 18px;font-weight: 500;color: #333;}
.two-slider .description{font-size: 14px;color: #707070;text-align: center;}
.two-slider .button{border: none; font-size: 16px;color: #FFF;padding: 8px 16px; background-color: #4070F4;border-radius: 6px;margin: 14px;cursor: pointer;
  transition: all 0.3s ease;}
.two-slider .button:hover{ background: #265DF2;}
.two-slider .swiper-navBtn{color: #6E93f7;transition: color 0.3s ease;}
.two-slider .swiper-navBtn:hover{ color: #4070F4;}
.two-slider .swiper-navBtn::before,
.two-slider .swiper-navBtn::after{ font-size: 38px;}
.two-slider .swiper-button-next{ right: 0;}
.two-slider .swiper-button-prev{ left: 0;}
.two-slider .swiper-pagination-bullet{ background-color: #d9a719; opacity: 1;}
.two-slider .swiper-pagination-bullet-active{background-color: #d9a719;}
.food-quality svg{ fill: #c19147; width: 45px;padding-right: 10px; }
.food-quality ul li{ list-style:none; margin: 15px 0; }
.food-quality .food-box { background: #0e274f; padding: 1rem; box-shadow: 0 4px 12px rgba(0,0,0,0.1);border-radius: 10px;  display: grid;
      grid-template-columns: repeat(2, 1fr);  gap: 1rem; border-left: 5px solid #d9a719;}
.food-quality .food-box img { width: 100%; height: 150px;  object-fit: cover; border-radius: 8px; transition: transform 0.3s ease; }
.food-quality .food-box img:hover {transform: scale(1.05); }
.logo-scroll .slider { padding: 20px 0; }
.logo-scroll .img-block { animation: scroll 20s linear infinite; width: 268px; text-align: center; }
.logo-scroll img { width: 80px;height: 80px; border-radius: 50%;}
.logo-scroll .img-block h3{ display:inline-block; font-size:22px; font-style:italic; padding-left:4px; text-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.logo-scroll .slide-track {width: 100%; display: flex;gap: 3em; overflow: hidden;}
.logo-scroll .slider { margin-top: 70px; background-color: #d9a719;}
@keyframes scroll {0% {transform: translateX(0);} 100% {transform: translatex(-1000%)}}
.video-banner img{ width: 100%; height: auto; object-fit: cover; display: block;}
.video-banner{ position:relative; height: 400px;}
.video-banner::after{ content:""; position:absolute; top:0; left:0; background: rgb(14 39 79 / 64%); width:100%; height:100%; }
.video-banner img{ width: 100%; height: 400px; object-fit: cover;}
.video-banner .video-content {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); width: 100%;z-index: 2;}
.video-banner .video-content .carousel-inner{ width:100%; text-align:center;  min-height: 255px; }
.video-banner .video-content  .carousel-control-prev-icon, .video-banner .video-content  .carousel-control-next-icon { background-image: none; }
.video-banner .video-content .carousel-inner h1{ font-weight:300; width: 67%; font-size: 35px; margin: 0px auto 30px; line-height: 55px;}
.timings{ position:relative; }
.timings .main-div::after{ content:""; background:rgb(14 39 79 / 59%); width: 100%; height: 100%; position:absolute; top:0; left:0; border-radius: 20px;}
.timings .main-div{ position:relative;}
.timings .main-div img{border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.timings .main-div .timings-pos{ position:absolute;top: 50%;left: 40px;transform: translate(0, -50%); z-index: 2; }
.timings ul li{ list-style:none; font-size: 20px; font-weight: 600;}
.three-blocks video{ width:100%;border-radius: 20px; }
.three-blocks img{ border-radius: 20px; width:100%; }
.three-blocks p{line-height: 31px; color: #fff;font-weight: 300;text-align: justify; margin: 20px 0;}
.three-blocks p strong{font-weight: 600;font-size: 20px;}
.weekend-section .row {display: flex;align-items: center; flex-wrap: wrap;  }
.weekend-section .text-content {padding: 20px;padding-left: 30px;display: flex;flex-direction: column; justify-content: center; height: 100%;
   padding-top: 39px;border-left: 4px solid #d9a719;background-color: #0e274f;}
.weekend-section img {width: 100%; height: auto; display: block;}
.weekend-section .text-content h2 { color: #fff; font-size: 41px;text-align: justify;margin-bottom: 20px;}
.weekend-section .text-content p {font-size: 18px;color: #cdd3e4;margin-bottom: 20px;}
.weekend-section .text-content .highlight { font-weight: bold; color: white;}
.weekend-section .text-content .italic { font-style: italic; color: #d9a719;}
.menu-card .left-images { display: flex;flex-direction: column;align-items: center; gap: 20px;padding: 50px 0px 110px;}
.menu-card .left-images img {width: 626px;; height: auto;}
.menu-card .italic { font-style: italic; color: #d9a719 !important;}
.menu-card h3{ font-weight:400; margin-bottom: 30px; font-size:40px; }
.menu-card .nav-pills{ justify-content: center;  padding-bottom: 35px; }
.menu-card .nav-pills .nav-link {color: #fff; border-radius: 28px;border: 1px solid #364d4c;margin: 0 10px; transition: all 0.5s;}
.menu-card .nav-pills .nav-link.active { background: #d9a719; color: #fff;  }
.menu-card .menu-small-cards{ border:1px solid #d9a719;  margin-bottom: 30px; padding: 15px; border-radius: 20px; transition: all 0.5s ease;}
.menu-card .menu-small-cards h4{ color:#dbdbdb; font-weight:400; position: relative; z-index: 2;}
.menu-card .menu-small-cards p{ color:#dbdbdb; font-weight:300;     margin: 15px 0 0; position: relative; z-index: 2; }
.menu-small-cards span { float: right; font-weight: 500;}
.menu-card .menu-small-cards.background { background-repeat: no-repeat;background-position: center; background-size: cover; position: relative;}
.menu-card .menu-small-cards.background::after {content: "";position: absolute;top: 0;left: 0; background: rgba(0,0,0,0.7); width: 100%;
  height: 100%; border-radius: 20px;}
.menu-card .menu-small-cards.lemonade { background-image: url(../new-images/lemonade-bg.jpg); }
.menu-card .menu-small-cards.melon-chill { background-image: url(../new-images/melon-chill.jpg); }
.menu-card .menu-small-cards.seol { background-image: url(../new-images/seol.jpg); }
.menu-card .menu-small-cards.k-spice { background-image: url(../new-images/k-spice.jpg); }
.menu-card .menu-small-cards.hawana { background-image: url(../new-images/hawana-heat.jpg); }
.menu-card .menu-small-cards.berry { background-image: url(../new-images/berry.jpg); }
.menu-card .menu-small-cards.creamy { background-image: url(../new-images/creamy.jpg); }
.menu-card .menu-small-cards.spicy-tequila { background-image: url(../new-images/spicy-tequila.jpg); }
.reach-us p { line-height: 31px;color: #dbdbdb; }
.reach-us  h4{ margin-bottom: 15px; }
.reach-us i { background: #d9a719;width: 60px; height: 60px;line-height: 60px;text-align: center; border-radius: 50%;font-size: 30px;}
.reach-us a{ color:#fff; line-height: 31px;color: #dbdbdb; }
.reach-us a:hover{color: #d9a719;}
.reach-us .bor-blk { padding:40px;}
.testimonials { padding-bottom: 150px; }
.testimonials .dark-colored{ margin-top:70px; }
.testimonials ul li{ display: inline-block;  }
.testimonials ul li i{ background: none; color:#d9a719; font-size: 18px;     height: auto; width: auto; } 
.testimonials .dark-colored { background: #0e274f; border-radius: 20px;padding: 30px 30px 0; border:1px solid #364d4c;}
.testimonials .dark-colored  .dc-inner{ position:relative; top:-90px; }
.testimonials .dark-colored img{ border-radius: 50%; width: 100px;}
.testimonials h4 { margin: 20px 0 10px;}
.testimonials p{ line-height:27px; margin: 20px 0 0; color: #dbdbdb; font-weight: 300; }
.testimonials .carousel-indicators{ bottom: -70px; }
.testimonials .carousel-inner {overflow: visible;}
.testimonials .dc-inner {position: relative;top: -90px; }
.youtube-shorts-section {padding: 40px 0 70px; overflow: hidden;}
.youtube-shorts-section .swiper { width: 100%; margin: 0 auto; padding-bottom: 40px;  overflow: hidden;}
.youtube-shorts-section .video-wrapper,
.youtube-shorts-section .video-container iframe { position: relative; width: 100%; aspect-ratio: 9 / 16; border-radius: 12px; overflow: hidden;}
.youtube-shorts-section .video-wrapper img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; display: block;}
.youtube-shorts-section .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 48px;
  color: red; display: flex; align-items: center;
  justify-content: center; transition: 0.3s ease;}
.youtube-shorts-section .play-icon:hover {transform: translate(-50%, -50%) scale(1.1);}
.youtube-shorts-section .video-container { display: none; position: relative;}
.youtube-shorts-section .swiper-button-next,
.youtube-shorts-section .swiper-button-prev {width: 40px;height: 40px; background: rgba(14, 48, 79,0.9);color: #d9a719; border-radius: 50%;
 box-shadow: 0 0 10px rgba(255, 215, 0, 0.5); transition: all 0.3s ease;}
.youtube-shorts-section .swiper-button-next::after,
.youtube-shorts-section .swiper-button-prev::after { font-size: 16px; font-weight: bold;}
.youtube-shorts-section .swiper-button-next,
.youtube-shorts-section .swiper-button-prev { top: 50%; transform: translateY(-50%);}
@media (max-width: 992px) { .youtube-shorts-section .swiper {width: 95%; }}
@media (max-width: 768px) {
  .youtube-shorts-section .play-icon { font-size: 36px; }
  .youtube-shorts-section .swiper-button-next,
  .youtube-shorts-section .swiper-button-prev { width: 30px;height: 30px;}
  .youtube-shorts-section .swiper-button-next::after,
  .youtube-shorts-section .swiper-button-prev::after { font-size: 16px;}
  .youtube-shorts-section .swiper-wrapper img{width: 100%;}
}
footer{ background:#0e274f; }
footer .navbar-brand span { font-size: 22px;letter-spacing: 2px; font-weight: 500;}
footer .navbar-brand img { width: 100%;margin-top: -10px;}
footer .top-footer{ border-bottom: 1px solid #364d4c; }
footer .top-footer a{ color:#fff; margin-bottom: 15px; display: block;transition: all 0.5s ease; }
footer .top-footer a:hover{ color:#d9a719 }
footer .top-footer ul li{ list-style:none; color: #dbdbdb;font-weight: 300;}
footer .top-footer h5{ margin-bottom: 20px; }
footer .top-footer p{ font-weight:300; color: #dbdbdb;}
footer .top-footer #socialicons ul li { display: inline-block;}
footer .top-footer #socialicons ul li  a{ color: #0e274f;background: #fff; width: 40px; border-radius: 50%; height: 40px;line-height: 40px; text-align: center; margin: 0 2px;
 transition: all 0.5s ease;}
footer .form-control{ height: 50px; background: transparent; border: 1px solid #364d4c; color: #fff; margin:20px 0; }
footer .btn-orange{ border: transparent; }
footer .top-footer #socialicons ul li  a:hover { color:#fff; background: #d9a719;}
footer .top-footer #socialicons  p{ font-size: 20px;font-weight: 500; color: #fff; display: inline-block; }
footer .bottom-footer{ padding:15px 0; }
footer .top-footer .gp { padding: 0 20px;}
footer .top-footer  .gbor{ border-left: 1px solid #364d4c;border-right: 1px solid #364d4c; }
footer .bottom-footer img{ width: 150px; float: right; }
.inner-banner{ background: url( ../new-images/triple-layer-club-sandwich.png) no-repeat center 0; background-size: cover; 
  position:relative; text-align: center;}
.inner-banner::after{ content:""; position: absolute; width:100%; height:100%; top:0; left:0; background: rgb(14 39 79 / 64%); }
.inner-banner h3{ font-size: 50px; }
.inner-banner .breadcrumb{ background: transparent;     display: inline-block; }
.inner-banner-content{ z-index: 2; position: relative; }
.inner-banner .breadcrumb li { display: inline-block; font-size: 19px;}
.inner-banner .breadcrumb-item a{ color:#fff; opacity: 0.8; }
.inner-banner .breadcrumb-item.active{ opacity: 4; color:#d9a719; }
.two-blocks-bodered{ line-height: 31px; margin-bottom: 30px; color: rgb(219, 219, 219);  font-weight: 300; text-align: justify; }
.two-blocks-bodered .dark-colored-blk { background: #0e274f; padding: 50px 70px; border-radius: 20px; border: 1px solid #d9a719;text-align: center;}
.two-blocks-bodered .dark-colored-blk h4{ font-size:35px; margin: 10px 0; }
.two-blocks-bodered .dark-green { background: #0e274f;border-radius: 30px; margin-top: 45px;}
.two-blocks-bodered  .dark-green .form-control { background: transparent; height: 52px; color: rgb(219, 219, 219); font-weight: 300; border-color: rgb(54, 77, 76);
    border-radius: 15px;}
.two-blocks-bodered .dark-green .form-control:focus, .single-block-large .dark-green .form-control:focus-visible{ box-shadow:none; outline: none; }
.two-blocks-bodered .dark-green  option { background: #0e274f;}
.two-blocks-bodered .dark-green input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1);  }
.two-blocks-bodered .dark-green  .btn-orange{ margin-top:20px; display:inline-block; }
.two-blocks-bodered .image-blk { height:100%; }
.two-blocks-bodered .image-blk img{ width: 100%; border-radius:20px; object-fit: cover; height: 100%; }
.two-blocks-bodered .d-flex { min-height: 510px;}
.image-swipper { text-align: center;}
.image-swipper swiper-container { width: 100%; height: 100%; margin-top: 30px;}
.image-swipper swiper-slide { text-align: center; font-size: 18px; background: transparent; display: flex;justify-content: center;align-items: center;}
.image-swipper swiper-slide img { display: block; width: 100%; height: 100%;  object-fit: cover; border-radius: 20px; }
.cocktail-banner{ background: url( ../new-images/berry.jpg) no-repeat center 0; background-size: cover; }
.entire-menu-banner{ background: url( ../new-images/cafe.jpeg) no-repeat center 0; background-size: cover;  }
.slider-overlay { text-align: center; }
.slider-overlay .container .side-info {margin: 20px 0;}
.slider-overlay .container .side-info span {text-transform: uppercase;letter-spacing: 1.5px; font-size: 16px; color: #717171;}
.slider-overlay .container .side-info h1 {text-transform: capitalize;letter-spacing: 0.8px;font-family: "Roboto", sans-serif; font-weight: 900; font-size: 56px;
  background-color: #005baa; background-image: linear-gradient(45deg, #005baa, #000000); background-size: 100%; background-repeat: repeat; background-clip: text;
  -webkit-background-clip: text;-webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent;}
.slider-overlay .container .side-info hr {display: block; background: #005baa; height: 4px; width: 20%; margin: 18px 0;}
.slider-overlay .container a { display: inline-block; text-decoration: none; text-transform: uppercase; color: #717171;font-weight: 500; background: #fff;
  border-radius: 50px;border: 2px solid #c2c2c2; padding: 8px 16px; margin-top: 20px; transition: 0.3s ease-in-out;}
.slider-overlay .container a:hover { border: 2px solid #005baa; color: #005baa;}
.slider-overlay .container .swiper { width: 100%;}
.slider-overlay .swiper-pagination-bullet,.slider-overlay .swiper-pagination-bullet-active { background: #fff;}
.slider-overlay .swiper-pagination { bottom: 20px !important;}
.slider-overlay .swiper-slide { width: 300px; display: flex; flex-direction: column; justify-content: end; align-items: self-start;}
.slider-overlay p{ line-height: 31px; color: #dbdbdb; font-weight: 300; text-align: center; margin: 20px 0; }
.slider-overlay .swiper-slide h2 {color: #fff;font-family: "Roboto", sans-serif;font-weight: 400; font-size: 22px;line-height: 1.4; margin-bottom: 10px;
  padding: 0 0 0 24px;text-transform: uppercase;}
.slider-overlay .swiper-slide p {color: #dadada; font-family: "Roboto", sans-serif;font-weight: 300;padding: 0 24px;font-size: 12px; display: -webkit-box;
  -webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}
.slider-overlay .swiper-slide a {margin: 20px 25px 50px !important; padding: 8px 16px !important; font-size: 14px; border: none;}
.slider-overlay .swiper-slide a:hover {border: none;}
.slider-overlay .swiper-slide div { display: none; opacity: 0; padding-bottom: 10px;}
.slider-overlay .swiper-slide-active div {display: block; opacity: 1;}
.swiper-wrapper img{ width:100%;  border: none; border-radius: 30px; }
.shaped-block .l-img img{ border:1px solid #d9a719; border-top-left-radius: 50%;border-top-right-radius: 50%;height: 100%; object-fit: cover;}
.shaped-block .inpad { padding: 0 35px;}
.products{ text-align:center; }
.products .prod-border { border: 1px solid #0e274f;}
.products img{ width: 100%; margin-bottom: 15px; }
.products span{ color:#ffa41d;  }
.products h4{ margin: 15px 0; }
.products .btn-transparent{ display:inline-block; margin: 15px 0 20px;}
.food-banner{ background: url(../new-images/home-slider-1.jpg) no-repeat center 0; background-size: cover; }
.our-menu img{ width: 100%; border-radius:20px; }
.our-menu  h4 span{background-color: transparent; display: inline-block; height: 1px;  margin: 13px 10px;  margin-left: 15px;  opacity: 1; max-width: 100%; vertical-align: top;width: 30%; border-top: 1px dashed currentColor;}
.our-menu .light-colored-bg{ background:#0e274f; border-radius: 20px;margin-top: 25px;}
.our-menu h4{ color: #dbdbdb;font-weight: 300;font-size: 19px; line-height: 25px; margin-bottom: 20px; transition: all 0.5s ease; }
.our-menu h4.active, .our-menu h4:hover{ color:#d9a719; }
.our-menu h4 p{ display: inline-block; float: right; }
.our-menu  .dark-green {padding: 25px 0; text-align: center; background: none; margin-top:0;}
.our-menu  .dark-green .btn-orange{ display:block; }
.contact-details{ text-align:center; }
.contact-details h5{ font-size: 30px; margin-bottom: 20px; color: #dbdbdb; font-weight: 400; }
.contact-details .p-0{ height: 300px; }
.contact-details ul li{ list-style:none; color: #dbdbdb; font-weight: 300; margin-bottom: 10px; }
.contact-details .contact-details-bg{ background: url(../new-images/good-freinds-img-1.jpg) no-repeat center 0; background-size: cover; padding: 20px; height:  300px; position: relative;}
.contact-details .contact-details-bg:after{ content:""; background:rgb(14 39 79 / 64%); position: absolute; width:100%; height:100%; top:0; left:0; }
.contact-details iframe{ width: 100%; height: 100%; }
.contact-details h5, .contact-details li{ position:relative; z-index: 2; }
.cards-wrapper img{ width: 100%; border-radius: 20px; }
.cards-wrapper p{ line-height: 31px; color: #dbdbdb; font-weight: 300; }
.cards-wrapper span{ color: #dbdbdb; margin-top: 20px;display: block; font-weight: 300;}
.cards-wrapper h3{ font-size:20px;  color: #dbdbdb; margin: 15px 0;}
.cards-wrapper .btn-transparent{ display:inline-block; margin: 10px 0 40px; }
.blog-detail-container {max-width: 990px;margin: 0 auto;background-color: #0e274f;color: #fff; border-radius: 12px;margin-top: 40px;}
.blog-banner { width: 100%;height: auto;border-radius: 0px; margin-bottom: 20px;}
.blog-content{padding: 25px;}
.blog-date { color: #dbdbdb; font-size: 0.9rem;  margin-bottom: 10px;}
.blog-title {  font-size: 2rem; font-weight: bold; margin-bottom: 20px; color: #dbdbdb;}
.blog-paragraph { font-size: 1.1rem; line-height: 1.7; margin-bottom: 20px;color: #dbdbdb;text-align: justify;}
.get-in-touch p{line-height: 31px; color: #dbdbdb; font-weight: 300; border-bottom: 1px solid #364d4c; padding-bottom: 9px; }
.get-in-touch h3{ color: #dbdbdb; font-size: 22px; }
.get-in-touch ul{ margin-top: 15px; }
.get-in-touch ul li{ list-style: none; line-height: 31px; color: #dbdbdb;font-weight: 300;    font-size: 15px;}
.get-in-touch ul li i{ padding-right: 10px; }
.get-in-touch ul li a{ color:#dbdbdb; }
.get-in-touch ul li a:hover{color: #d9a719;}
.get-in-touch .dark-bg{ background: #0e274f;border-radius: 20px; }
.get-in-touch  form{ padding: 40px 30px; }
.get-in-touch  .form-control{ background:#1e3b75; border-color:#112f55c2; height: 50px; margin-bottom: 15px; color: #6c7572;}
.get-in-touch  .form-control:focus{ box-shadow: none; }
.menu-card .accordion .card-body{ background:#0e274f; font-weight: 300; color: #dbdbdb; }
.menu-card .accordion  .card { border:none; background: transparent; border:  1px solid #364d4c; border-radius: 20px !important; margin-bottom: 20px;}
.menu-card .accordion .btn-link{ color:#dbdbdb; font-size: 21px;   font-weight: 400; text-align: left;}
.menu-card .accordion>.card:not(:first-of-type):not(:last-of-type) { border-bottom: 1px solid #364d4c; }
.menu-card .accordion .btn-link:hover, .menu-card .accordion .btn-link:focus { text-decoration: none; }
.menu-card .card-header { background:#112f55c2;}
.image-gallery{ text-align:center; }
.image-gallery img{ width: 100%; border-radius: 20px; }
.image-gallery a{margin-bottom: 30px; position:relative; display: block;    transition: all 0.5s ease;}
.image-gallery a i{ display: none; color: #fff; position:relative; z-index: 2; font-size: 35px; }
.image-gallery a:hover i{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.image-gallery a:hover::after{ content:""; width: 100%; height: 100%; background: rgba(192,147,66, 0.7); position:absolute; top:0; left:0;    transition: all 0.5s ease; border-radius: 20px; }
.image-gallery p{  width:  70%; margin: 0 auto; line-height: 31px; color: #dbdbdb; font-weight: 300;}
.products-details ul li{ display: inline-block; }
.products-details ul li i{ color: #d9a719; }
.products-details .qty-div input { height: 47px; border-radius: 20px; padding: 15px; width: 100px; background: transparent; border: 1px solid #606666; color: #dbdbdb;}
.products-details h5{ margin-top: 20px; }
.products-details p{ margin: 20px 0;  }
.shop-tabs p{ color: #dbdbdb; font-weight: 300; }
.shop-tabs li {color: #dbdbdb; font-weight: 300; margin-bottom:20px; }
.shop-tabs li i{ color: #d9a719; padding-right: 10px; font-size: 11px; }
.shop-tabs li  span{ float: right; font-weight: 600; color: #fff;}
.shop-tabs .nav-pills .nav-link{ font-weight:600; border:none; border-radius: 0;font-size: 20px;     margin-bottom: -1.5px;}
.shop-tabs .nav-pills .nav-link.active{ background: none; color: #d9a719;border-bottom: 3px solid #d9a719;  border-radius: 0; }
.shop-tabs .nav-pills {    border-bottom: 1px solid #ccc; padding-bottom: 0;margin-bottom: 50px !important; }
.shop-tabs .nav-pills li{ margin-bottom:0; }
.shop-tabs .tab-pane  ul{ padding: 0 20px; display: inline-block; }
.shop-tabs span ul li{ display: inline-block; }
.shop-tabs .review-person{ border: 1px solid  #364d4c;    padding: 20px; border-radius: 20px;}
.shop-tabs .review-person ul li i{ color: #ffac16; font-size: 15px; padding-right:0; }
.shop-tabs .review-person span ul { float: right; }
.shop-tabs .tab-content ul{ display:block; }
.shop-tabs .tab-content ul span{ float: right; }
.shop-tabs .review-form{ padding: 40px 0; }
.shop-tabs .review-form .form-control{ background: #193331; border: 1px solid #364d4c; height: 50px; margin-bottom: 20px; }
.shop-tabs .review-form p{ margin: 20px 0; }
.shop-tabs .review-form h5{ color:#dbdbdb; font-size: 18px; }
.shop-tabs .review-form ul{ float: none; padding: 0;}
.shop-tabs .review-form ul li{ display:inline-block; }
.shop-tabs .review-form ul li i{ color:#dbdbdb; opacity: 0.7;     padding-right: 0; }
@media screen and (max-width:991px) {
  header .top-header{ display: none;  }
  .navbar-light .navbar-toggler{color: rgba(0, 0, 0, 1);  border-color: rgba(0, 0, 0, 1); background: #bc953d;}
  .navbar-light .navbar-toggler:focus{ outline:none; }
  header .navbar-light .navbar-nav .nav-link{ padding: 10px 20px; }
  header .bottom-header .btn-orange {margin-left: 0; margin-top: 30px; display: block; text-align: center;}
  .banner .carousel .w-100{ height: 100%; }
  .navbar {justify-content: center !important;}
  .navbar .navbar-brand{margin-left: 0 !important;}
}
@media (min-width: 800px) {
  .slider-overlay .container {display: flex; align-items: center;}
  .slider-overlay .container .side-info { margin-bottom: 20px; }
}
@media screen and (max-width:700px) {
    body{font-size: 14px;}
    .text-orange {font-size: 11px;}
    .banner .carousel-indicators li{width: 22px;}
    .banner .carousel-inner h3 {margin: 6px 0 12px;font-size: 13px;}
    .banner .carousel .w-100{height: 100px; border-radius: 46px; border: 1px solid #c6c3c3; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px;
        object-fit: cover; max-width: 250px;   margin:auto;}
    .brand-story-title {font-size: 44px;}
    .title-large-cap{font-size: 23px;}
    .title-large { font-size: 26px;}
    .twoboxes{ text-align:center; }
    .twoboxes p{font-size: 14px;margin-bottom: 0px;}
    .ptb-100 { padding: 50px 0;}
    .two-blocks{ padding-top:0; text-align: center;}
    .two-blocks p{font-size: 14px}
    .two-blocks p strong{font-size:14px; }
    .twoboxes .special-text{margin-bottom: 30px;}
    .two-slider .text-love { padding: 0px;}
    .three-blocks p strong { font-size: 16px;}
    .two-blocks .special-text { font-size: 17px;}
    .twoboxes .p-div{ width:100%; padding: 0px 0 19px; margin-top: 0; }
    .twoboxes .pos-img img{ display:none; }
    .two-blocks img{ width:70%; margin: 0 auto;margin-bottom: 30px;display: block; }
    .single-block-large h4{     margin: 10px 0 30px; line-height: 34px; font-size: 27px; }
    .single-block-large img{     width: 33px; height: 33px; }
    .single-block-large .dark-green{padding: 25px;}
    .single-block-large .dark-green .form-control{ margin-bottom:15px; }
    .two-slider{ padding-top:0; }
    .logo-scroll .slider{ margin-top:0; }
    .video-banner .video-content .carousel-inner h1{ width: 100%; font-size: 15px;  line-height: 30px; max-width: 270px; }
    .video-banner i{font-size: 29px;}
    .video-banner .video-content .carousel-inner{ min-height:auto; }
    .video-banner img{ width: 100%; height: 350px; object-fit: cover;}
    .timings .main-div{ text-align:center; }
    .timings .main-div p{  margin: 10px 21px 18px !important; font-size: 14px; text-align: justify;}
    .timings .main-div img{ border-radius:20px; }
    .timings .main-div .timings-pos{ left:0; }
    .weekend-section img{display: none;}
    .timings.ptb-70 .d-flex{ padding: 20px !important; border-radius:20px; margin-top:50px;     border-right: 3px solid #d9a719 !important;}
    .weekend-section .text-content h2{font-size: 27px;}
    .weekend-section .text-content p { font-size: 16px;}
    .weekend-section .text-content .highlight { font-weight: 500;}
    .weekend-section .text-content{border-left: 3px solid #d9a719;}
    .about-us .title-large{margin:10px 0 37px !important;}
    .about-us .text-content p{font-size: 14px;}
    .about-us { padding: 40px 0px 15px;}
    .vm-section .text-center{padding-bottom:30px;padding-top:30px; }
    .vm-section {padding: 0px !important;}
    .vm-section .Vision {font-size: 25px !important;}
    .twoboxes ul li strong{font-weight: 500;}
    .vm-section blockquote { font-size: 17px; border-left: 2px solid #d9a719;}
    .vm-section img { width: 150px; height: 150px; border: 2px solid #d9a719;}
    .about-us .text-content blockquote { font-size: 15px;border-left: 2px solid #d9a719;}
    .about-us .grid-container img{display: none;}
    .about-us .text-content .fontp{font-size: 17px !important;}
    .timings{ padding: 40px 0 0; }
    .three-blocks .btn-orange{ margin-bottom:40px;display: inline-block; }
    .three-blocks img{ margin-bottom: 20px; }
    .food-quality .row { justify-content: center; }
    .food-quality .food-box { width: 100%; margin: 0 auto;  grid-template-columns: 1fr 1fr;border-left: 3px solid #d9a719;}
    .food-quality ul{width: 90%; margin: 0 auto;  grid-template-columns: 1fr 1fr;text-align: justify;}
    .food-quality .btn-orange{margin-bottom: 30px;}
    .ptb-70 { padding: 30px 0;}
    .timings ul li{ font-size: 16px; }
    .timings{ font-size: 23px; margin: 0 !important; }
    .menu-card .tab-content .tab-pane .col-sm-5 img{  width: 230px !important;  margin: 0 auto 30px; display: block;  }
    .menu-card .menu-small-cards h4{ font-size:19px; }
    .tab-content .left-images{display: none;}
    .testimonials .dark-colored{   padding: 15px 15px 0; margin-top: 0; margin-bottom: 20px; }
    .testimonials .dark-colored .dc-inner{ top:0; }
    .testimonials .carousel-indicators { bottom: -35px;}
    footer .top-footer #socialicons{ margin: 25px 0;}
    .btn-orange{ font-size: 16px; }
    .menu-card .nav-pills .nav-link{ margin: 8px 8px 0px;font-size: 14px; }
    .video-banner .btn-orange{ display:none; }
    .image-swipper swiper-slide img{width: 81px;}
    .about-us .text-content h2{font-size: 26px;}
    .single-block-large .dark-green .form-control{ width: 100%; }
    .single-block-large .dark-green  .btn-orange{ max-width: 150px;margin: auto;}
    footer .top-footer .col-6{ margin:30px 0; }
    footer .top-footer .gp{  margin: 0px 20px;} 
    footer .top-footer a{ margin-bottom:10px; }
    footer .bottom-footer img {width: 30%;float: none; margin-top: 10px;}
    footer .bottom-footer { text-align: center; }
    footer .bottom-footer {padding: 25px 0;}
    .inner-banner1 h3{font-size: 34px;}
    .inner-banner h3 {font-size: 34px;}
    .inner-banner .breadcrumb{ padding:0; }
    .swiper-wrapper img{    width: 87%;}
    .slider-overlay p{ line-height:27px; }
    .shaped-block { padding: 0 0;}
    .shaped-block .inpad { padding: 0;}
    .shaped-block .l-img{ margin-bottom:30px;  }
    .products { padding: 50px 15px;}
    .products h5 { font-size: 16px; margin-bottom: 8px; }
    .products h4.title-large { font-size: 22px !important; margin-bottom: 25px !important;}
    .products .prod-border { padding: 15px; margin-bottom: 20px; border-radius: 10px;  }
    .products img { height: auto; max-height: 200px;object-fit: contain;margin-bottom: 10px;border-radius: 6px;}
    .products span { font-size: 14px;}
    .products h4 { font-size: 16px; margin: 10px 0;}
    .products p { font-size: 14px; margin-bottom: 10px;}
    .products .btn-transparent {font-size: 14px; padding: 8px 16px;}
    .contact-details{ padding-top:0; }
    .our-menu.ptb-50{ padding:0; }
    .title-medium{ font-size: 23px; }
    .our-menu{ text-align: center; }
    .our-menu .light-colored-bg{ text-align:left; padding: 20px;   margin-bottom: 30px; }
    .two-blocks-bodered .dark-green .form-control{ margin-bottom: 15px; }
    .our-menu h4 span{ width: 7%; }
    .two-blocks-bodered .dark-green .form-control{ text-align: left; }
    .our-menu h4{ font-size: 17px; }
    .shaped-block{ text-align: center; }
    .menu-card .menu-small-cards.background{ text-align: left; }
    .get-in-touch form{     margin-top: 30px; }
    .get-in-touch { text-align: center; }
    .two-blocks-bodered .dark-colored-blk{ padding: 25px; margin:30px 0; }
    .two-blocks-bodered .dark-colored-blk h4{ font-size:27px; }
    .single-block-large .ptb-50{ padding-bottom: 0; }
    .single-block-large svg{ width: 55px !important; margin-bottom: 15px; }
    .single-block-large .col-6 h4{ margin-top:0; }
    .single-block-large .col-6 p{ margin-bottom:35px; }
    .twoboxes .pos-img { margin-top: 35px;}
    .image-gallery p{ width: 100%; padding: 0 15px; }
    .products-details {text-align: left; padding:  50px 0;}
    .shop-tabs .tab-pane ul{     padding: 20px 0 0; }
    .shop-tabs .review-person span ul {  float: none;}
    .review-person .col-1{ display:none; }
    .shop-tabs span ul li{ margin-bottom:0; }
    .menu-card .accordion .btn-link{font-size: 16px;}
    .two-slider .slide-content{ margin: 0 10px; }
    .two-slider .swiper-navBtn{ display: none;}
    .slider-overlay .container .side-info h1 {font-size: 46px;}
    .slider-overlay .container .side-info p {font-size: 14px;}
    .reach-us .text-orange { font-size: 15px;}
    .reach-us h4 {font-size: 21px;margin-bottom: 10px;}
    .reach-us h3 {font-size: 27px;margin-bottom: 0px !important;}
    .reach-us .bor-blk {padding: 20px;border: none !important; margin: 0 !important;}
    .reach-us .row > div[class*="col-"] {padding: 0 15px;margin-bottom: 0px;}
    .reach-us i {width: 45px;height: 45px;line-height: 45px; font-size: 22px;margin-bottom: 10px;}
    .reach-us p,.reach-us a { font-size: 15px; line-height: 24px;}
    .reach-us .row { flex-direction: column;}
    .reach-us .col-sm-6 {width: 100%; flex: 0 0 100%; max-width: 100%;}
    .map-container{height: 400px !important;min-height: 400px !important;}  
}
.map-container {border: 2px solid #d9a719; height: 300px; overflow: hidden; position: relative; flex-shrink: 0;min-height: 300px;}
.map-container iframe {width: 100%;height: 100%;display: block; position: absolute; top: 0;left: 0; border: 0;}
.custom-map{border: 2px solid #d9a719 !important;}