/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 3.0.1767154598
Updated: 2025-12-31 04:16:38

*/



/* Common CSS Start */
*{	-webkit-text-size-adjust: none; } 
.container {  max-width: 1260px;  padding: 0px 30px;  margin: auto; }
.disp-flex {  display: flex;   gap: 30px;   justify-content: space-between;   align-items: center; }
h1, h2, h3, h4, h5, h6 {  margin-top: 0;    letter-spacing: 0.2px;  margin-bottom: 14px;   }
p {  margin-bottom: 0;   line-height: 1.8 !important;   letter-spacing: 0.2px;  }
.theme-btn {  margin-top: 30px;  }
.cnt { text-align: center; }
section {  padding: 6rem 0;  }
.col-left, .col-right {  width: 50%;  }
.desc { font-size: 16px;  }
.main-heading {   font-size: 32px;    line-height: 1.3;    color: #c59d5f;    font-weight: 700;  }

.theme-btn a, .form-btn .wpcf7-submit, .cater1.submit input.wpcf7-submit {   background-color: #c59d5f;    padding: 10px 20px;  
	border-radius: 35px;    color: #fff;    text-decoration: none;    font-weight: 500;   font-size: 16px; }

.owl-item {  display: inline-block;  vertical-align: top;  }
li {  margin: 0;  list-style: none; }
ul {  margin-left: 0;  margin-bottom: 0;   }
.sub-head {    font-family: "Galada", cursive;    font-size: 30px;  }

p, a {
    text-decoration: none;
    font-family: "Roboto", sans-serif;
}
.menu-modal.active {   z-index: 9999; }

:focus-visible {    outline: none !important; }
:focus-within {    outline: none !important; }

.grecaptcha-badge {     visibility: hidden; }
body p {    -webkit-text-size-adjust: none; }

:root {
    --wp--preset--font-size--normal: 14px;
    --wp--preset--font-size--huge: 14px;
		-webkit-text-size-adjust: none; 
}

/* Common CSS END */


/* Toggle Menu Icon CSS Start */

.toggle.nav-toggle .toggle-text{  display: none; }
.toggle.nav-toggle svg{  display: none; }
.toggle.nav-toggle .toggle-icon{  position: relative;  width: 26px;  height: 18px;  display: inline-block;  }

.toggle.nav-toggle .toggle-icon::before{  content: "";  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 3px;
  background: #fff;  border-radius: 2px;   box-shadow:    0 7.5px 0 #fff,    0 15px 0 #fff;  }

.toggle.nav-toggle .toggle-icon::after, .toggle.nav-toggle .toggle-icon span{  display: none; }
span.toggle-text{   display: none; }
.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a{  color: #152238;
  font-size: 14px;  padding: 16px 14px;  letter-spacing: 0.2px;  }

/* Toggle Menu Icon CSS END */





/* Arrow To Top CSS Start  */

.back-to-top {  position: fixed;  bottom: 24px;  right: 24px;  height: 44px;  width: 44px;  border-radius: 50%; 	background: #ffffff;  color: #000000;  font-size: 22px;  text-decoration: none; 	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);  border: 1px solid #000; 
	display: flex;  align-items: center;  justify-content: center;  z-index: 999;    opacity: 0;  pointer-events: none; 
	transform: translateY(10px) scale(0.9);  transition:    opacity 0.3s ease,    transform 0.3s ease,  
		background 0.3s ease,    color 0.3s ease,    box-shadow 0.3s ease;  }

.back-to-top.show {  opacity: 1;  pointer-events: auto;  transform: translateY(0) scale(1); }

.back-to-top:hover {  background: #000000;  color: #ffffff;  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);  
	transform: translateY(-3px) scale(1.05); }

/* Arrow To Top CSS END  */




/* Header CSS Start */


.menu-left .right-btn a.cfs-hyperlink {    display: inline-flex;    align-items: center;    gap: 8px;  }

.menu-left .right-btn a.cfs-hyperlink::before {    content: "";    display: inline-block;    width: 18px;
    height: 18px;    background-image: url("https://neetudhaba.nl/wp-content/uploads/2026/01/reser.png");
    background-size: contain;    background-repeat: no-repeat;  }


.right-sec .right-btn a.cfs-hyperlink {    display: inline-flex;    align-items: center;    gap: 8px;  }

.right-sec .right-btn a.cfs-hyperlink::before {    content: "";    display: inline-block;    width: 18px;    height: 18px;
    background-image: url("https://neetudhaba.nl/wp-content/uploads/2026/01/scooter-1.png");    background-size: contain;
    background-repeat: no-repeat;  }


body.home #site-header{  background: rgba(0,0,0,0.6);  }
.t-right {  display: flex;  }
#site-header{  position: absolute;  top: 0;  left: 0;  right: 0;  width: 100%;  z-index: 9999;     background: rgb(0 0 0 / 0%);   }
.sub-header.featured-banner {   min-height: 200px;     background-size: cover !important;   }
#site-header ul, #site-header li{ list-style:none; margin:0; padding:0; }
#site-header a{ text-decoration:none; }
#site-header .container{  max-width:1200px;  margin:0 auto;  padding:0 18px; }
#site-header .top-bar{   border-bottom: 2px dashed #c8a260;  font-size:14px; }
#site-header .top-bar .to-bar-sec{  display:flex;  align-items:center;  justify-content:space-between;  min-height:40px; }
#site-header .top-bar .action{  display:flex;  align-items:center;  gap:14px;  }
#site-header .top-bar .action li{  display:flex;  align-items:center;  gap:10px;  color:#fff; }
#site-header .top-bar .action a{  color:#fff; }
#site-header .top-bar i{  color:#fff;  opacity:.9;  font-size:14px; }
#site-header .top-bar .social{  display:flex;  align-items:center;  gap:10px; }
img.sp-image {   margin-top: 0 !important; }

#site-header .top-bar .social a{  width:28px; height:28px;  display:flex;  align-items:center;  justify-content:center;  color:#fff;
  opacity:.9;  border-radius:50%;  }

#site-header .top-bar .social a:hover{  opacity:1;  background:rgba(255,255,255,.10);  }
#site-header .header-inner {  position:relative;    border-bottom:1px solid rgba(255,255,255,.08); }

#site-header .section-inner {  max-width: 1170px;  margin:0 auto;  padding: 34px 18px;  display:flex;  align-items:center;
  justify-content:space-between;  gap:14px;  width: 100%;      min-height: 130px;   }

#site-header .menu-left, #site-header .right-sec {    display: flex;    align-items: flex-end;    gap: 12px;
    min-width: 220px;    justify-content: space-between;  }

button.toggle.nav-toggle {  display: none;  }
.right-sec.disp-flex {  display: flex;    flex-direction: column;    align-items: flex-end;  }

#site-header .header-titles-wrapper {  position:absolute;  left:50%;  transform:translateX(-50%);  display:flex;
  align-items:center;  justify-content:center;  width:340px;  pointer-events:auto;  }

#site-header .site-logo img {  max-height:120px;  width:auto;  display:block;  }

#site-header .right-btn a{  display:inline-flex;  align-items: flex-end;  justify-content:center;  padding:10px 18px;
  border-radius:999px;  background:#c9a25a;    color:#fff;  font-weight:600;  font-size:14px;  letter-spacing:.2px;
  box-shadow:0 6px 16px rgba(0,0,0,.25);   border:1px solid rgba(255,255,255,.20);  }

#site-header .right-btn a:hover{  filter:brightness(1.05); }
#site-header .right-btn a i{ margin-right:8px; }
#site-header .header-nav{  background:#c9a25a;  border-top:1px solid rgba(255,255,255,.18);  }
#site-header .header-navigation-wrapper{  max-width:1200px;  margin:0 auto;  padding:0 18px; }
#site-header .primary-menu{  display:flex;  align-items:center;  justify-content:center;  gap:34px;  min-height:56px;  flex-wrap:wrap; }

#site-header .primary-menu > li > a {  color:#111;  font-weight:600;  font-size:15px;  padding:18px 0;  display:inline-block;  position:relative;  }

#site-header .primary-menu > li.current-menu-item > a, #site-header .primary-menu > li.current_page_item > a {  color:#fff; }

#site-header .primary-menu > li.current-menu-item > a:after,#site-header .primary-menu > li.current_page_item > a:after{  content:"";
  position:absolute;  left:0; right:0;  bottom:10px;  height:2px;  background:#fff;  opacity:.75;  }

#site-header .primary-menu > li > a:hover{  color:#fff; }

/* Header CSS END */


/* ================================
   SliderPro FULL WIDTH + CONTROLLED HEIGHT (Complete)
   Paste this AFTER SliderPro default CSS
================================ */

/* Base wrapper */
.home-slider {
  padding: 0;
  width: 100%;
  overflow: hidden;
}

/* -------------------------------
   1) Slider height (CONTROLLED)
-------------------------------- */
.home-slider,
.home-slider #slider-pro-1,
.home-slider .slider-pro,
.home-slider .sp-slides-container,
.home-slider .sp-mask,
.home-slider .sp-slides,
.home-slider .sp-slide,
.home-slider .sp-image-container {
  width: 100% !important;

  /* Desktop height */
  height: 80vh !important;         /* adjust 70vh–85vh if needed */
  min-height: 560px !important;    /* prevents too short */
  max-height: 850px !important;    /* prevents too tall */
}

/* Tablet */
@media (max-width: 1200px) {
  .home-slider,
  .home-slider #slider-pro-1,
  .home-slider .slider-pro,
  .home-slider .sp-mask,
  .home-slider .sp-slide,
  .home-slider .sp-image-container {    height: 70vh !important;    min-height: 330px !important;    max-height: 760px !important;   }
	
	.home-slider .slider-pro .sp-layer .hero-layer {  padding: 0rem 35px 35px 35px !important; }
	
}

/* Mobile */
@media (max-width: 768px) {
	
  .home-slider, .home-slider #slider-pro-1, .home-slider .slider-pro, .home-slider .sp-mask, .home-slider .sp-slide,
  .home-slider .sp-image-container {    height: 52vh !important;    min-height: 420px !important;    max-height: 640px !important;   }
	
}

.home-slider .sp-image-container {  overflow: hidden !important;  }

.home-slider .sp-image {  width: 100% !important;  height: 100% !important;  max-width: none !important;   max-height: none !important;
  margin-left: 0 !important;  margin-top: 0 !important;  object-fit: cover !important;   object-position: center center !important;
   display: block !important;  }

.home-slider .slider-pro .sp-slide .sp-layer {  top: 0 !important;  left: 0 !important;  right: 0 !important;  bottom: 0 !important;
  width: 100% !important;  height: 100% !important;  transform: none !important;  transform-origin: center !important;  }

.home-slider .slider-pro .sp-layer .hero-slide {  width: 100%;  height: 100%;  display: flex;  align-items: flex-start;
  max-width: 1260px;  padding: 0 30px;  margin: 0 auto;  flex-direction: column;  justify-content: center;  }

.home-slider .slider-pro .sp-layer .hero-layer {  position: relative;  z-index: 2;    padding: 16rem 35px 35px 35px !important;
  max-width: 750px;  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 14px;  }

/* Titles */
.home-slider .slider-pro .sp-layer .hero-title {  margin: 0;  font-size: 56px;  line-height: 1;  font-weight: 900;
  letter-spacing: 0.5px;  }

.home-slider .slider-pro .sp-layer .hero-subtitle {  margin: 0;  font-size: 24px;  line-height: 1.4;  font-weight: 700;  max-width: 520px;  }

/* Button */
.home-slider .slider-pro .sp-layer .hero-btn {  display: inline-flex;  align-items: center;  justify-content: center;
  padding: 12px 26px;  background: #b30000;  color: #ffffff;  text-decoration: none;   font-size: 15px;  font-weight: 800;
  text-transform: uppercase;  letter-spacing: 0.4px;  border-radius: 3px;  box-shadow: 0 8px 18px rgba(0,0,0,0.25);  }

.home-slider .slider-pro .sp-layer .hero-btn:hover {  background: #cc0000; }

/* Badges */
.home-slider .slider-pro .sp-layer .hero-badges {  margin-top: 6px;  display: flex;  align-items: center;  gap: 12px; }
.home-slider .slider-pro .sp-layer .hero-badges img {  height: 32px;  width: auto;  display: block; }

/* Slide color overrides */
.slide-1 .hero-title { color: #f5ff2c; }
.slide-2 .hero-title { color: #78fd3d; }

.slide-2 .hero-subtitle { color: #78fd3d; }
.slide-1 .hero-subtitle { color: #f7f7f7; }

.hero-tagline { color: #f7f7f7; }

/* Slide 3 styling */
.home-slider .slider-pro .sp-layer .hero-slide.slide-3 .hero-title {  color: #c8a260;  line-height: 1;  letter-spacing: 0; 
	font-style: italic;   text-shadow: 0 8px 22px rgba(0,0,0,0.35);  }

.home-slider .slider-pro .sp-layer .hero-slide.slide-3 .hero-subtitle {  color: #f7f7f7;  font-style: italic;  }
.home-slider .slider-pro .sp-layer .hero-slide.slide-3 .hero-btn:hover {  background: #e3a05c;  }
.home-slider .slider-pro .sp-layer .hero-slide.slide-3::before {  background: transparent; }

/* Slide 4 */
.hero-slide.slide-4 { padding-top: 0 !important; }
.home-slider .slider-pro .sp-layer .hero-slide.slide-4 {  align-items: center;    padding-top: 16rem !important;  }
.home-slider .slider-pro .sp-layer .hero-slide.slide-4 .hero-layer.hero-split {  width: 100%;  max-width: 1260px;
  padding: 0 30px !important; display: flex;  align-items: center;  justify-content: space-between;  gap: 24px;  flex-direction: row; }

.home-slider .slider-pro .sp-layer .hero-slide.slide-4 .hero-left {  width: 58%;  display: flex;  flex-direction: column;
  align-items: center;  justify-content: center;   gap: 18px;  }

.home-slider .slider-pro .sp-layer .hero-slide.slide-4 .hero-logo img {  max-width: 130px;  height: auto;  display: block;  margin: auto; }

.home-slider .slider-pro .sp-layer .hero-slide.slide-4 .hero-topline {  margin: 0;  width: 100%;  display: flex;  align-items: center;
  gap: 18px;  color: #ffffff;   font-size: 28px;    font-weight: 800;   letter-spacing: 1px;   text-transform: uppercase; }

.home-slider .slider-pro .sp-layer .hero-slide.slide-4 .hero-topline .line {  flex: 1;  height: 2px;  background: rgba(255,255,255,0.9); }
.home-slider .slider-pro .sp-layer .hero-slide.slide-4 .hero-title {  color: #e74c4c;  font-style: italic; }

.home-slider .slider-pro .sp-layer .hero-slide.slide-4 .hero-right {  width: 42%;  display: flex;  justify-content: center;
  align-items: center;  }

.home-slider .slider-pro .sp-layer .hero-slide.slide-4 .hero-hand {  max-width: 220px;  width: 100%;  height: auto;  display: block; }
.home-slider .slider-pro .sp-layer .hero-slide.slide-4::before {  background: transparent; }

/* Mobile typography */

@media (max-width: 768px) { 
	
	.home-slider .slider-pro .sp-layer .hero-title {   font-size: 38px;   }
	.home-slider .slider-pro .sp-layer .hero-subtitle {    font-size: 18px;   }
	.home-slider .slider-pro .sp-layer .hero-slide.slide-4 .hero-layer.hero-split {  flex-direction: column;   gap: 16px;  }
 	.home-slider .slider-pro .sp-layer .hero-slide.slide-4 .hero-left,
	.home-slider .slider-pro .sp-layer .hero-slide.slide-4 .hero-right {    width: 100%;   }
	.home-slider .slider-pro .sp-layer .hero-slide.slide-4 .hero-hand {    max-width: 180px;  }
	
}




/* Home About Section CSS Start */

.service-grid {	display: flex;	flex-wrap: wrap;	gap: 30px;  }

.service-item {	background: #1c1c1c;	border-radius: 6px;  	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease; 	width: calc(50% - 15px);  }

.service-item a {	display: block;	padding: 40px 30px;	text-decoration: none;	color: #ffffff;	height: 100%;  }
.service-icon {  margin-bottom: 20px;   }
.service-icon img {    width: 45px;    height: auto;    margin: auto;    max-height: 40px;    object-fit: contain;  }
.service-title {	font-size: 20px;	font-weight: 600;	color: #d9a441;	margin-bottom: 15px;  }
.service-text {	font-size: 14px;	line-height: 1.6;	color: #e0e0e0;	margin: 0; }
.service-item:hover {	transform: translateY(-6px);	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);  }
.service-item:hover .service-title { color: #f2b94b; }

/* Home About Section CSS END */






/* Reservation Section CSS Start */

.home-reserv .col-left {   background: url(https://neetudhaba.nl/wp-content/uploads/2026/01/reservat-1.png);   padding: 40px;  }
.home-reserv {  background: #000;  }
.open {  border: 1px solid #c59d5f;    margin: 10px;  color: #fff;  }
.home-reserv .container.disp-flex{  display:flex;  align-items:stretch;  }
.home-reserv .col-left, .home-reserv .col-right{  display:flex;  flex-direction:column; }
.home-reserv .fork-form {  flex:1;  display:flex; }
.home-reserv .fork-form iframe{ width:100%;  height:100%;  min-height:100%;   border:none;  }
.home-reserv .textwidget {  background-color: #181818;   padding: 2px 0;   }
.open .main-heading {  color: #c59d5f;   text-align: center;  font-size: 26px;  width: 100%;      padding-top: 60px;  }
.happy > div {  width: 48%;     text-align: center;   }
.happy {  display: flex;  justify-content: space-between;  padding: 28px 10px 48px 10px;  color: #c59d5f;  }
.call .main-heading {   margin-bottom: 0;   padding-top: 0;  }
.happy h5 {  font-size: 16px;   text-align: center;   }
.call .btn a {  color: #fff;   text-decoration: none;   font-family: "Roboto", sans-serif;  }

.call {  border-top: 1px solid #c59d5f;  padding-top: 40px;  display: flex;   flex-wrap: wrap;    justify-content: center;
    row-gap: 10px;    column-gap: 50px;  padding-bottom: 40px;   }

/* Reservation Section CSS END */






/* Home Menu Section CSS Start */

.tab {    display: none;  }
.tab.active {     display: flex !important;  flex-wrap: wrap;  }

.home-menu {   background: url(https://neetudhaba.nl/wp-content/uploads/2026/01/menu-1.png);    background-size: cover; 
	background-attachment: fixed;  }

.home-menu .col-full {  display: flex;     gap: 40px;  margin-top: 40px; }
.home-menu .main-heading span {  color: #c59d5f;  }
.menu-head {  width: 24%;    background: #fff; }
.menu-content {  width: 70%;  }
.home-menu .theme-btn {   display: flex;    justify-content: center;  }
.one {  color: #ccc;   margin-bottom: 6px;   font-size: 13px;  }
.second { color: #efca90;   font-size: 14px;  }
.price {  color: #fff;  font-size: 16px;  font-weight: 600;    float: right;   min-width: 70px;    text-align: right;  }
.tab {    display: flex;    flex-wrap: wrap;    gap: 30px;  }
.tab .menu-list {   width: 48%;   display: flex;    gap: 10px;  }
.home-menu .main-heading {  display: flex;   justify-content: center;    flex-direction: column;    color: #fff;  }

.menu-head {  width: 280px;    background: #fff;  border: 1px solid #e5e5e5;  display: block;     overflow: visible;  }

.menu-head .tab-button{  width: 100%;  display: block;  background: transparent;  border: 0;  padding: 18px 16px;  text-align: center;
  font-size: 15px;  letter-spacing: .5px;  cursor: pointer;  position: relative;  }

.menu-head .tab-button + .tab-button{  border-top: 1px solid #e5e5e5;  }
.menu-head .tab-button.active{  z-index: 2;  }

.menu-head .tab-button.active::after{  content: "";  position: absolute;  top: 50%;  right: -14px;    transform: translateY(-50%);
  width: 0;  height: 0;  border-top: 14px solid transparent;  border-bottom: 14px solid transparent;  border-left: 14px solid #ffffff;  }

.menu-head .tab-button.active::before{  content: "";  position: absolute;  top: 50%;  right: -13px;  transform: translateY(-50%);
  width: 0; height: 0;  border-top: 13px solid transparent;  border-bottom: 13px solid transparent;  border-left: 13px solid #fff;  }

.menu-head .tab-button:hover {    background: #c59d5f;    color: #fff;    text-decoration: none;  }

.menu-head button {   background: transparent;    color: #000;    border-bottom: 1px solid #191919;    width: 100%;    text-align: left;
    font-size: 16px;    padding-left: 16px;    line-height: 22px;    font-weight: 500; }

.tab h3 {    font-size: 16px;    color: #c59d5f;    width: 100%;    font-weight: bold;    line-height: 30px;
    border-bottom: 1px dashed #c59d5f;    margin-bottom: 6px;    letter-spacing: 1px;    margin-left: 0;  }

/* Home Menu Section CSS END */





/* Step Section CSS Start */

.home-step .col-btm {  display: flex;  justify-content: space-between;  position: relative;      align-items: flex-start;   }
.home-step .col-btm .bxx {  position: relative;  width: 30%;  text-align: center;  padding: 20px;  }

.home-step .col-btm .bxx:not(:last-child)::after {  content: "";  position: absolute;  top: 36%;  right: -48%;
  width: 80%;  border-top: 2px dashed #c9c9c9;  transform: translateY(-50%);  }

.home-step .col-btm .bxx img {  margin-bottom: 15px;     position: relative;    z-index: 2;  }
.home-step .sub-head {  color: #fff;  }

.home-step {   background: url(https://neetudhaba.nl/wp-content/uploads/2026/01/background-1.png);  background-size: cover;      background-attachment: fixed;  }

.home-step .col-btm {   margin-top: 50px;  }
.home-step img {  margin: auto;   margin-bottom: 30px;  }
.bxtext {  font-size: 14px;  }
.bxtext {  color: #f7f7f7;  }
.bxx {  width: 24%; }
.bxhead { font-weight: 600;   padding-bottom: 10px;     color: #c59d5f;   }

/* Step Section CSS END */






/* Home Payment Section CSS Start */

.bx {  width: 30%;  }
.bx img {  margin: auto;  max-width: 80px;  }
.py-text {  font-size: 14px; }
.py-head {  padding-top: 10px;    font-weight: 600;    color: #000000;  }
.home-payment .col-full {  display: flex;  align-items: flex-start;  }

/* Home Payment Section CSS END */






/* Gallery Section CSS Start */

.home-gall {  background: #1d1b20;  }
.home-gall .main-heading { color: #c59d5f; }
.home-gall .sub-head {  color: #fff; }
.home-gall .col-bottom {  margin-top: 30px; }
.home-gall .theme-btn {  display: flex;  justify-content: center;  }

/* Gallery Section CSS END */






/* Review Section CSS Start */

.home-review {   background: url(https://neetudhaba.nl/wp-content/uploads/2026/01/testi-1.png);    background-size: cover;  }
.owl-nav {    text-align: center;    margin-top: 30px; }
.owl-nav.disabled {    display: none;  }
.owl-item {  vertical-align: top;   display: inline-block;    vertical-align: middle;    padding: 20px;  padding: 20px 10px; }
.owl-stage-outer {    overflow: hidden; }
.home-review .owl-nav {  display:block !important; }
.home-review .custom-testimonials {   position:relative; }
.owl-dots {  display: none;  }

.home-review .owl-nav button{  position:absolute;  top:50%;  transform:translateY(-50%);  width:44px;  height:47px;  border-radius:50%;
  background:#c9a25a;   border:none;  display:flex;  align-items:center;  justify-content:center;  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.25);  transition:all .25s ease;  z-index:10;  }

.home-review .owl-nav button span{  font-size:28px;  line-height:1;  color:#fff;  }
.home-review .owl-prev{  left:-22px;  }
.home-review .owl-next{  right:-22px; }
.home-review .owl-nav button:hover{  background:#b8924c;  transform:translateY(-50%) scale(1.05);  }
.home-review .owl-nav button.disabled {  opacity:.4;  cursor:not-allowed;  }
.review-title {  text-align: center;   margin-top: 30px;  }
.testimonial {  max-width: 60%;   margin: auto; }
.review-content p {  text-align: center; }

/* Review Section CSS END */






/* Footer CSS Start */

#site-footer {   background: #141414;    padding-bottom: 0;  }
.main-footer .container {    display: flex;    gap: 30px;    justify-content: space-between;  }
.copyright-text p {  text-align: center;   color: #fff;   padding: 16px 0px;  font-size: 14px;  }
.footer-sec-four {  width: 30%; }
.footer-sec-four h3 {  font-size: 20px;  font-weight: 400;   color: #ffffff;  margin-bottom: 3rem;  }
.addres li {  display: flex;  align-items: center;  gap: 20px;   color: #ccc;    font-family: "Roboto", sans-serif;   font-size: 14px; }
.addres li img {   width: 20px;    object-fit: scale-down;  }
.menu li a {  color: #ccc;  font-weight: 400; }
.addres li a {  color: #ccc;  }
.menu li {  margin-bottom: 20px;  }
.third iframe {  max-height: 250px;  }
.fooeter-copyright {  background: #0a0a0a;  margin-top: 40px;  }
ul.foot-social {  display: flex;    gap: 20px; }
ul.foot-social li {  margin: 0;  }
.socialsfoadv.disp-flex {    display: flex;    justify-content: flex-start;  }
.first img {    max-height: 50px;    width: fit-content;      object-fit: contain;   }
.socialsfoadv.disp-flex {   display: flex;   justify-content: flex-start;    flex-direction: row;  }
.foot-social i {    background: #1c1c1b;  }
.our-link a {  color: #c9a25a;  }
.menu li.menu-item:last-child {  margin-bottom: 0;  }
.menu-footer-menu-container ul {  display: flex;  flex-wrap: wrap;   gap: 12px; }
.menu-footer-menu-container ul li {  width: 48%;  margin: 0;  }
.widget {  margin-top: 2rem; }

.foot-social a {    background: #1c1c1b;    width: 40px;    display: flex;    height: 40px;    align-items: center;
    justify-content: center;    color: #fff;    font-size: 14px;  }

/* Footer CSS END */




/* About Page CSS Start */

.about-page-1 {  background: #faedfd;  }
.col-left, .col-right {  width: 50%;  }
.about-page-4 {  padding: 0;  }
.about-page-2 {  padding-bottom: 0;  }
.about-page-6 {  padding-top: 0;  }

/* About Page CSS END */



/* Reservation Page CSS Start */

.fork-form .css-1m6imi6 {   background-color: rgb(255 255 255);  }
.res-title-left p {  text-align: center;  }
.res-title-left a {  color: #c9a25a;  font-weight: 600; }
.rese-box .main-heading {  text-align: center;  }
.rese-box {  margin-top: 40px;  }

/* Reservation Page CSS END */



/* Menu Page CSS Start */

section.menu-box.padt-0 {   display: flex;    flex-direction: column;    gap: 50px;  }
.menu-box {   background: #000; }
.menu-left-box {    width: 70%; }
.menu-right-box {  width: 30%; }
.wpb_wrapper > div {  margin-bottom: 15px; }

.menu-item-right.disp-flex {    display: flex;     margin-top: 40px;   flex-wrap: wrap;    justify-content: space-between;
	align-items: flex-start;  row-gap: 14px;   }

.menu-item-right .menu-box {    width: 48%;    display: flex;    justify-content: space-between;     border-bottom: 1px dashed #fff;
    padding-bottom: 10px;    margin-bottom: 10px;  }


.content h3 {    color: #fff;    font-size: 16px;      margin-bottom: 4px;   }
.section-menu {  display: flex;   align-items: center;   justify-content: space-between;  }
.section-menu2 .disp-flex, .section-menu4 .disp-flex {    display: flex;    flex-direction: row-reverse;    justify-content: flex-end;  }
.section-menu3 img {  max-height: 350px;  object-fit: cover;  }
.section-menu img.attachment-full {   border: 2px solid #fff;   border-radius: 14px;  }

.section-menu .main-heading {    color: #fff;    font-size: 20px;    line-height: 28px;
    background: url(https://neetudhaba.nl/wp-content/uploads/2026/01/point11.png);    background-position: center left;
    background-repeat: no-repeat;    padding: 10px 30px;    background-size: contain;    border-radius: 50px;  }

.menu-box .price {  color: #c59d5f;  }
.section-menu6 .menu-item-right {  margin-top: 40px;  }

.section-menu5 .disp-flex,.section-menu7 .disp-flex, .section-menu9 .disp-flex, .section-menu11 .disp-flex, .section-menu13 .disp-flex, .section-menu15 .disp-flex, .section-menu17 .disp-flex, .section-menu19 .disp-flex, .section-menu21 .disp-flex  {  display: flex;   flex-direction: row-reverse;   justify-content: flex-end;   }

/* Menu Page CSS END */




/* Contact Page CSS Start */

.contact-info {    display: flex;    justify-content: space-between;    align-items: flex-start;    gap: 30px;  }
.cnt-page-2 {  background-color: #FCFCFC; }
.cnt-page-2 .container {  display: flex;   gap: 30px;  }
.icon-circle img {  margin: auto;   height: 40px;   margin-bottom: 20px;  }
.contact-details {  font-size: 16px;  }
.contact-details a {  color: #191919;  text-decoration: none;  }
.cnt-page-1 {  padding-bottom: 30px;  }
.form-btn {  margin-top: 20px;  }
.form-half {  margin-bottom: 20px; }

.contact-item {   width: 20%;    text-align: center;    border: 2px solid #ccc;     padding: 20px;
    border-top: 3px solid #c69e5f;    margin-bottom: 20px !important;   min-height: 176px;    background: #faedfe;  }

.icon-circle {  width: 44px;  height: 44px;  border-radius: 50%;  background: #c9a25a;  display: flex;  align-items: center;
  justify-content: center;  color: #fff;  font-size: 18px;  }

.contact-item {  display: flex;  align-items: center;  gap: 14px;  flex-direction: column;  }
.contact-details a {  color: inherit;   text-decoration: none;  }

/* Contact Page CSS END */




/* Catering Page CSS Start */

.catform {  background: #eee;  padding: 70px 50px; }
.catring-top {  padding-bottom: 0;  }
.catring-top p {  text-align: center;  }
.catring-top p a {  color: #c9a25a;   font-weight: 600; }
.catering-bottom {  padding-top: 30px;  }
.cntrl .column {  width: 31%;  }
.cathead {  color: #c9a25a;   font-weight: 600;    border-bottom: 1px solid #c9a25a;    margin-bottom: 20px;  }
.cater12, .cater13 {  padding-top: 30px;  }
.cntrl {  display: flex;   gap: 30px;   justify-content: space-between;   flex-wrap: wrap;  }
.cntrl .one11last {  width: 100%;  }
.cater1.one12last.submit {  margin-top: 30px;  }

/* Catering Page CSS END */



/* Gallery Page CSS Start */

.gallery {  display: block;  margin: 0px;  width: 100%;  }

/* Gallery Page CSS END */





/* Vacature Page CSS Start */

.sim-page p { font-size: 14px; color: #303030; }
.cmmon-conent {  margin: 40px 0px;  }
.bgsd li {  color: #626262;  font-size: 14px;  margin-bottom: 10px;  display: flex; }
.bgsd li span {  min-width: 28px;  }
.sim-page h2,.sim-page h4 {  font-size: 22px;  font-weight: 600;  margin-bottom: 4px;  color: #161922;   }
.sim-page h4 {  margin-top: 30px;  }
.sim-page {  background-color: #FCFCFC;  }
.loc-box li {  font-size: 16px;  margin-bottom: 20px;  }
.loc-box li a {    color: #C9A256;    font-weight: 600; }

.bgsd {  padding: 30px 20px;   border-radius: 14px;    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);    margin-bottom: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;    position: relative;  min-height: 330px;      background: #fff;  }

/* Vacature Page CSS END */





@media screen and (max-device-width: 767px) and (orientation: portrait) {

	.home-slider .slider-pro .sp-layer .hero-layer {  padding: 0rem !important;   }
	body.home #site-header {  position: relative;  }
	.sub-header.featured-banner {  min-height: 250px; }
	#site-header .top-bar .to-bar-sec {  flex-direction: row;  flex-wrap: wrap; }
	li#custom_html-3 {  width: 48%;  }
	#site-header .top-bar .to-bar-sec {  align-items: center;  justify-content: center;  }
	#site-header .top-bar .social {  align-items: center;  justify-content: center; }
	
	
	.sl-sec { height: 400px; }
	.sp-mask {  height: 400px !important; }
	.sp-image-container {  height: 400px !important; }
	.sp-image-container .sp-image { height: 100% !important;  width: 100% !important; object-fit: cover !important; margin: 0px !important; }
	#slider-pro-1 .sp-slide .sp-layer {   height: 400px !important;  }
	#site-header .header-titles-wrapper {          margin-bottom: -14rem;   }
	body.home #site-header {   min-height: 240px !important;   }
	#site-header .section-inner {  padding: 14px 18px 34px 18px;   border: none;  }
	
	.disp-flex, .contact-info, .cnt-page-2 .container {  flex-direction: column;  }
	.col-left, .col-right, .contact-item  {  width: 100%;  }
	.about-page-3, .about-page-4, .about-page-5 {   padding: 20px 0px;  }
	.main-footer .container {   flex-direction: column;  }
	.footer-sec-four {  width: 100%;  }
	.third iframe {   width: 100% ! important;  }
	.copyright-text p {   display: flex;   flex-direction: column;   align-items: center;  }
	.about-page-5 .disp-flex,.about-page-3 .disp-flex {  display: flex;  flex-direction: column-reverse;  }
	.service-grid,.happy {  flex-direction: column;      gap: 30px;  }
	.service-item {  width: 100%;  }
	.home-reserv .col-left {   padding: 30px 20px;  }
	.happy > div, .menu-content, .tab .menu-list {   width: 100%;  }
	.happy {   padding: 14px 10px 36px 10px;  }
	
	.home-menu .col-full {   flex-direction: column;  }
	.menu-head, .bx {  width: 100%;  }
	.testimonial {    max-width: 100%;    margin: auto;    background: #fff;    padding: 30px;  }
	.fooeter-copyright {   margin-top: 0px;  }
	.cntrl {   flex-direction: column;  }
	.cntrl .column {  width: 100%;  }
	
	#slider-pro-1 .sp-layer .hero-slide.slide-4 .hero-layer.hero-split {   flex-direction: column;  }
	#slider-pro-1 .sp-layer .hero-slide.slide-4 .hero-right {   display: none;  }
	#slider-pro-1 .sp-layer .hero-slide.slide-4 .hero-left {   width: 100%;  }

	.section-menu5 .disp-flex, .section-menu7 .disp-flex, .section-menu9 .disp-flex, .section-menu11 .disp-flex,
	.section-menu13 .disp-flex, .section-menu15 .disp-flex, .section-menu17 .disp-flex, .section-menu19 .disp-flex,
	.section-menu21 .disp-flex {  flex-direction: column;  }
	
}



@media only screen and (max-width : 991px) {
	
	body.home #site-header {  position: relative; }
	
	.home-slider .slider-pro .sp-layer .hero-slide.slide-4 {   padding-top: 0rem !important;  }
	.slide-4 .hero-split {  margin-top: -10rem !important;  }
	
	.main-heading {  font-size: 22px;  }
	#site-header .site-logo img {  max-height: 80px; }
	#site-header .section-inner {  margin-top: -15px;    }
	.open .main-heading {  font-size: 20px;  }
	.content h3 {   font-size: 14px;   }
	.price {  font-size: 16px;  }
	.sub-head {   font-size: 20px;  }
	.home-step .col-btm .bxx img {   max-width: 100px;    padding: 0;  max-height: 90px;  }
	.review-content p {   font-size: 14px;  }
	.footer-sec-four h3 {   margin-bottom: 2rem;  }
	.home-review .owl-nav {  display: none;  }
	.home-review {  padding-bottom: 0;  }
	#slider-pro-1 .sp-layer .hero-subtitle {  font-size: 14px;  }
	#slider-pro-1 .sp-layer .hero-title {  font-size: 30px;  }
	#slider-pro-1 .sp-layer .hero-btn {  padding: 10px 18px;  font-size: 12px;   font-weight: 600;  }
	#slider-pro-1 .sp-layer .hero-layer {  padding: 0px;  }
	.hero-tagline {  font-size: 14px;  }
	.sp-button {  width: 10px;  height: 10px; }
	.home-abt .col-left, .home-abt .col-right {  width: 100%;  }
	.desc,p,a, li {  font-size: 14px; }
	#site-header .menu-left, #site-header .right-sec {  min-width: fit-content;  }
	#site-header .header-titles-wrapper {  padding: 0;   width: 100%;   }	
	
	.menu-item-right .menu-box, .menu-left-box {   width: 100%;  }
	.section-menu {   flex-direction: column;  }
	.menu-right-box img {   max-height: 250px;    width: 100%;    object-fit: cover;  }
	.menu-right-box {   width: 100%;  }
	.section-menu1 .menu-right-box {  padding: 0;  }
	.menu-right-box {   width: 100%;  }
	.section-menu .disp-flex {  gap: 30px;  }
	section.menu-box.padt-0 {display: flex;flex-direction: column;gap: 40px;  }
	.section-menu1 .disp-flex {display: flex;flex-direction: column-reverse;width: 100%;}
	.section-menu2 .disp-flex, .section-menu4 .disp-flex {  display: flex;  flex-direction: column;  width: 100%;  }
	.catform {   padding: 40px 30px;  }	
	.cntrl {  gap: 10px;  }	
	.theme-btn a, .form-btn .wpcf7-submit, .cater1.submit input.wpcf7-submit {  padding: 8px 16px;  font-size: 14px;  }
	.loc-box li {    font-size: 14px; }
	section {  padding: 4rem 0;  }
	.home-abt .disp-flex {    flex-direction: column;  }
	.home-reserv .col-left {   padding: 10px;  }
	.happy h5 {  font-size: 12px;  }
	.happy {  padding: 10px 10px 28px 10px;  }
	.tab .menu-list {  width: 100%;  }
	.menu-head .tab-button {  padding: 10px 16px;  font-size: 14px;  }
	.menu-content .tab {  gap: 18px;  }
	.hero-slide.slide-4 {   padding-top: 0rem !important;  }
	
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"],input[type="number"],  input[type="tel"],  textarea {  font-size: 14px;  padding: 1rem 1.2rem;  }
	
	button.toggle.nav-toggle {  display: block;  }
	#site-header .menu-left, #site-header .right-sec {  top: 20px;  }
	#site-header .right-sec {  right: 20px;  }
	body.home #site-header {background: #000;min-height: 200px;}
	#site-header .top-bar .to-bar-sec {  gap: 12px;  }
	#site-header .header-nav {  border: none;  }
	#site-header .section-inner {  padding: 14px 18px 34px 18px;   border: none;  }

	.section-menu .disp-flex {   flex-direction: column; width: 100%;   }
	.menu-box .content {  flex-direction: column;  }
	
}




@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){  

	
	.home-slider .slider-pro .sp-layer .hero-layer {  padding: 0rem 35px 35px 35px !important;  }
	.sl-sec { height: 600px; }
	.sp-mask {  height: 600px !important; }
	.sp-image-container {  height: 600px !important; }
	.sp-image-container .sp-image { height: 100% !important;  width: 100% !important; 
		object-fit: cover !important;  margin: 0px !important;  }
	
	#slider-pro-1 .sp-slide .sp-layer {   height: 600px !important;  }
	.testimonial {  max-width: 80%;  }
	.contact-item {   width: 30%; }
	.contact-info {  justify-content: center; flex-wrap: wrap;  }
	#site-header .header-titles-wrapper {  margin-top: 10rem;  }

}



@media (max-width: 768px) {
  
	.home-step .col-btm .bxx {  width: 100%;  }
    .home-step .col-btm .bxx::after {  display: none;   padding: 0;  }
	
}



@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){ 

	.menu-item-right .menu-box {  width: 100%;  }
	.catring-top p {   font-size: 14px;  }
	.main-heading {  font-size: 24px;  }
	.sl-sec { height: 600px; }
	.sp-mask {  height: 600px !important; }
	.sp-image-container {  height: 600px !important; }
	.sp-image-container .sp-image { height: 100% !important;  width: 100% !important; object-fit: cover !important; margin: 0px !important; }
	#slider-pro-1 .sp-slide .sp-layer {   height: 600px !important;  }	
	#slider-pro-1 .sp-layer .hero-title {  font-size: 36px;  }
	#slider-pro-1 .sp-layer .hero-subtitle {  font-size: 18px; }
	.tab .menu-list {  width: 47%; }
	.home-step .col-btm .bxx img {  max-height: 120px;  }
	.contact-item {   width: 30%; }
	.contact-info {  justify-content: center; flex-wrap: wrap;  }
}


@media screen and (max-width: 991px) and (orientation: landscape) {


	.home-slider .slider-pro .sp-layer .hero-layer {  padding: 0rem 35px 35px 35px !important;  }
	#site-header .header-titles-wrapper {    width: 100%;    max-width: 100%;    margin-top: 10rem; }
	
	.sl-sec { height: 400px; }
	.sp-mask {  height: 400px !important; }
	.sp-image-container {  height: 400px !important; }
	.sp-image-container .sp-image { height: 100% !important;  width: 100% !important; object-fit: cover !important; margin: 0px !important; }
	#slider-pro-1 .sp-slide .sp-layer {   height: 400px !important;  }	
	
}


@media (min-width: 1025px) and (max-width: 1600px) {

	.sl-sec { height: 700px; }
	.sp-mask {  height: 700px !important; }
	.sp-image-container {  height: 700px !important; }
	.sp-image-container .sp-image { height: 100% !important;  width: 100% !important;  object-fit: cover !important;  }	
	
}