/*
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.1778647274
Updated: 2026-05-13 04:41:14
saffron- WP
*/
  

 
body{  background:#fff;     overflow-x: hidden; }
body:not(.home) {    }
h1, h2, h3, h4, h5, h6 ,.main-heading span,
.menu-right-sec a,.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,.heor-marks.heor-marks span,.t-list a span,.conver-content h3 a{font-family: "Cormorant Garamond", sans-serif;
  -webkit-text-size-adjust: none;	font-weight:900;line-height: normal;  margin: 0;    color:#0b0b0b;	letter-spacing:0; 
font-size: 48px;line-height: 48px;    } 
a,p,ul li,button, li a,span,div,input,button,textarea ,body,
.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .header-footer-group table td , body, button, input, select, textarea,
input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button {font-family: "Mona Sans", sans-serif;
	letter-spacing:0.05px;	outline:0;	-webkit-text-size-adjust: none; 	font-weight:normal;  }

body a {    text-decoration: none ; color:#121212}
a:hover {  color:#f28c28 }
a{    transition: all 0.6s cubic-bezier(.25,1,.35,1) 0s;  cursor: pointer;  font-family: "Mona Sans", sans-serif;     font-size: 15px;}
 
input,button.textarea {  outline:none;}
:focus-visible {    outline: none !important;}
:focus-within {    outline: none !important;}
a:hover, a:focus,.woo-mini-cart-footer a.button  {  text-decoration: none !important; }
:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 16px;
	-webkit-text-size-adjust: none; 
    --btn-bg: #f28c28;
	 --btn-bg-hover: #0f0f0f;
	--main-color:#f28c28;
 
 
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {    -webkit-appearance: none;     margin: 0;  }

*{	-webkit-text-size-adjust: none; } 

ul, ol ,.header-titles .site-logo,ul.primary-menu , li,.header-titles,ul.social-icons li{  margin: 0;   list-style: none;  }

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="number"], input[type="search"], input[type="tel"], body textarea,select {  border-radius: 0;  letter-spacing: normal;   width: 100%; font-size: 14px;
       background:#fff;   padding: 14px 0;   color: #010101;  border:0;   border-bottom:solid 1px  #1c1a17; 	height:auto;    line-height: normal;    }

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#282828;font-size: 14px; }
input::placeholder, textarea::placeholder { color: #282828;font-size: 14px; }
 input[type="search"]:focus {  outline: none;  }
 
.theme-btn   {   margin-top: 24px;    position: relative;    z-index: 2; }

body button,body .button,body  input[type="button"],body input[type="submit"],a.cfs-hyperlink {      background-color:  var( --btn-bg);
    color: #fff;        border: 1px solid var( --btn-bg);     font-size: 14px;    padding: 12px 25px;    text-decoration: none !important;
    width: auto;    border-radius:0;         font-weight: 500;    position: relative;  transition: all 1s cubic-bezier(.25,1,.35,1) 0s;   display: inline-block;      text-transform: uppercase;letter-spacing:0.5px; } 
a.cfs-hyperlink  span  ,.blog .more-link span {  font-size:14px;font-weight: 500;position: relative;  transition: 0.2s ease-out;   }
body input[type="submit"]:hover ,body button[type="submit"]:hover { border-color:#050607;   background: #050607;    color:#FFF }

.cfs-hyperlink:hover,.blog .more-link:hover,body .button:hover{ border-color: var( --btn-bg-hover);   background:transparent; 	color:var( --btn-bg-hover);   }
.acf-link:hover span {color: #fff;}  

.cky-policy {
  color: #f28c28 !important;
  font-weight: bold;
	text-decoration: none !important;
}
.cky-btn.cky-btn-reject {
  color: #f28c28 !important;
  border-color: #f28c28 !important;
}
.cky-btn.cky-btn-accept {
  background-color: #f28c28 !important;
  border-color: #f28c28 !important;
}
.container {   margin: auto;     width: 100%;    max-width: 1600px;  box-sizing: border-box;     padding: 0px 0;  }
.col-left,.col-right {  width:48%;  }
a {  text-decoration: none; }
.center,.cnt { text-align:center; }

p,p.desc, p, p.desc,  section.privacy-top p, section.privacy-top li  {  font-size: 15px;    color:  #0f1f22; margin: 0;    margin-bottom: 0;
    font-weight: 400;    line-height: 23px; font-family: "Mona Sans", sans-serif; }
.r-radius{border-radius:10px;}
.disp-flex {  display: flex;  justify-content: space-between;  align-items: center;    flex-wrap: wrap;   row-gap: 22px; }
.flex-str { align-items: stretch;}
.main-heading {   font-size: 48px;      color: #000;    margin: 0;   margin-bottom: 25px;   position: relative; font-weight:800;
font-style: Regular; line-height: 48px;letter-spacing: 0px;vertical-align: middle;}
 
.main-heading span { color:#f28c28;
 
	font-weight: 800;
	font-size: 48px;
	line-height: 48px;    font-style: italic;

} 
.main-heading2 { 	font-size: 40px;
	line-height: 40px;

} 
.color-w { color:#fff; }
.color-d { color:#000; }
.bg-l {background:#fdfaf5;} 
.bg-d { background:#f28c28;} 
 
.padt-0 { padding-top:0; }
.padd0 {  padding:0;  }  
 
.mt-55{margin-top:50px; } 
.section, section {  padding:6rem 0px;   position:relative;  }  
.img-full {      width: 100%;height: 100%;    object-fit: cover;  }
.p-relative {  position:relative; }

  

/* Common CSS END */




/* Header CSS Start */

#site-header {
  background: transparent;
  width: 100%;
  z-index: 50;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: solid 1px #ffffff21;
	    background-color: rgb(21 21 21 / 0%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(4px);
}
body:not(.home) #site-header:after {
    content: '';
    background: url('https://saffronhaveli.nl/wp-content/uploads/2026/05/saf-feature1.jpg');
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    
}
.menu-left, .right-sec {
  width: 40%;
}
body:not(.enable-search-modal) .header-titles-wrapper {
  width: 20%;
  justify-content: center;
}
.header-inner { padding:10px 0 10px;    width: 100%;      max-width: 1600px;    position: relative;
    z-index: 2;  }
.site-logo img {           max-height: 10rem;  transition: 0.2s linear;   }
header#site-header.sticky {    background: #050607;  }
.sticky .site-logo img {  max-height:5.3rem;  }



.header-navigation-wrapper {    } 
ul.primary-menu, .header-titles-wrapper{    margin: 0;    }
 
.primary-menu a {    color: #ffffffde !important;    text-decoration: none !important;    padding: 0px 0;   
    font-size: 16px;    font-weight:500;    position: relative;    text-transform: uppercase;     transition: 0.1s linear;letter-spacing: 0.6px;  }

.primary-menu ul a {     font-size: 15px;    padding: 0.5rem 2rem; color:#000 !important;  }
ul.primary-menu {  display: flex;    flex-wrap: wrap;    justify-content: left;  }
.primary-menu > li {    text-transform: uppercase;   letter-spacing: 0.2px;  text-decoration: none;  }
  .primary-menu > li:first-child {
    margin-left: 0;
}
.primary-menu > li > .icon {  color: #fff !important;   top: 8px;  }
.primary-menu .icon::before {    height: 0.7rem;    width: 0.2rem;  }
.primary-menu .icon::after {    height: 0.2rem;    width: 0.7rem;  }
.primary-menu ul {   background: #fff !important;    box-shadow: 0 0 5px #ca172d29;   }
body:not(.overlay-header) .primary-menu > li > ul:after { border-bottom-color: #fff !important; }
   
ul.primary-menu li a::after {    content: "";    position: absolute;    left: 0;  right:0;  bottom:-6px;    width: 0;
    height: 2px;    background:#f28c28;  transition: 0.3s ease; border-radius:100px;margin: auto;border-radius:100px; opacity:0; }

ul.primary-menu li a:hover, ul.primary-menu li.current-menu-item a { color: #fff !important;     }
.primary-menu .current-menu-item a::after,.primary-menu a:hover:after { opacity:1;width:100%;   }
ul.social-icons a {    border: 0;    border-radius: 0;    background: transparent;    padding: 0;    width: auto;    height: auto; }
 


 .right-sec {       column-gap: 25px; justify-content: flex-end; }

.right-sec  a {    font-family: "Poppins", sans-serif;  color:#fff;    font-size: 15px; }
.right-sec a:hover {  background:transparent; border-color: #fff;  color:#fff; }
.right-sec a.top-link:hover {     letter-spacing: 0.8px;}




.owl-stage-outer {    overflow: hidden;  transition: 0.2s ease;  }
.owl-item {    display: inline-block;    vertical-align: top;  }
.owl-nav.disabled,.owl-dots.disabled ,button.close-nav-toggle .toggle-text,.otgs-development-site-front-end { display: none; }
.owl-dots {   margin-top: 16px;  }
.owl-nav {  text-align: center;  margin: 10px 0 0;  }

.owl-nav {
    position: absolute;
    right: 0;
    top: 0;
}
.owl-nav button {      padding: 0;     width:38px; height:38px; max-height: none;     border-radius: 100px;   margin: 0 5px;  
	transition: 0.2s;     border: solid 1px #dddddd;    padding: 0;   
  background-size: 50%;  padding: 0;  padding: 0;  
	  background-color: #fff;   top: 48%; }

.owl-nav button:hover {   transform: scale(1.05);  }
.owl-nav  button.owl-prev {  transform: rotate(180deg);  -webkit-transform: rotate(180deg);    }
.owl-nav button i {  color: #202020; font-weight: 600; }
 
 .owl-dots  button {      padding: 0;     width:6px; height:6px; max-height: none;     border-radius: 100px; margin: 0 2px;  
	transition: 0.2s;     border: 0;    padding: 0;    background: #0a0a0a;        top: 48%;}

.owl-nav  button.owl-next {   } 
 button.owl-dot.active {  background: #d62828; transform:scale(1.08); }

.sub-header.featured-banner {    width: 100%;  position: relative;  background-size: cover !important;   
	background-position: 50% 50% !important;    color: #fff;    padding:130px 0 27px;    overflow: hidden;  
	transition: background-position 0.6s ease;        height: auto;
    background: var( --btn-bg)!important;  }

.sub-header.featured-banner:hover {    background-position: center 20%; }

.sub-header.featured-banner::before {   }
 
.sub-header.featured-banner h1 {      z-index: 4;    color: #fff;    bottom: 10%;    left: 0;    right: 0;
    margin: 0;    display: block;    text-align: center;    font-size: 31px;    margin-right: auto;
    text-shadow: 0 7px 5px #00000042;  }
 .breadcrumb {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}
.breadcrumb-links {      align-items: center;  color: #fff;    display: flex;    column-gap: 10px;       position: relative;
    z-index: 2;
    font-size: 14px;   }
.breadcrumb-links a {
    color: #fff;
}.breadcrumb-links i {
    font-size: 10px;
}
/* sidebar menu */
 
 .header-inner .toggle {  padding: 0;   width: auto;  top: auto;          bottom: auto; }	
.header-toggles {        margin-right: 0;    }

.nav-toggle div {    width:73%;    height: 100%;         text-align: center;    display: flex;    justify-content: center;
       flex-direction: column;    row-gap:5px;    padding: 0 3px;    transition: 0.2s;        align-items: flex-end; }
	
.nav-toggle div span {  width: 100%;    height: 2px;    background-color:#fff;    display: block;    border-radius: 0;
    transition: all 0.3s ease;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    position: relative;  } 

 

.nav-toggle div span:nth-child(2){ width:90%; }
.nav-toggle:hover div span:nth-child(2) {    width: 100%;  }
.nav-toggle:hover  .toggle-inner .toggle-text {    transform: translateX(-57px);    opacity: 0; }
.grecaptcha-badge {     visibility: hidden; }




.menu-modal-inner {  background:#4E7550;  max-width: 60%;  position: relative;  
        transition: 0.4s ease-out;   position: fixed;  height: 100%;  left: auto;  right: 0;       transform: translateX(0);   }
.active .menu-modal-inner.modal-inner {
    transform: translateX(0);
}
    .menu-modal .menu-wrapper {
        padding: 40px;
        text-align: center;        width: 100%;
    }
.menu-top-title {
    margin-bottom: 55px;
}
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {  font-size: 40px;   font-weight: 600;   color:#F4F5E1;		
	padding: 16px 0;      letter-spacing: normal;         line-height:100% ;    font-family: 'Saira', sans-serif; ;}	
	
	.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle { }

	.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a,
	.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {  text-decoration: none;    font-weight: 500;   }	
	
	.menu-wrapper .menu-item {    position: relative;    border: 0; }
	.modal-menu {  left:0; width: 100%; } 
	.modal-menu ul.sub-menu li a {    font-size: 14px;    padding: 5px;    font-weight: 400; }	
	
	.modal-menu a:focus, .modal-menu .ancestor-wrapper a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a,
	.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {    }	
	.menu-modal.active {    background: rgb(0 0 0 / 71%);  }
	.menu-modal.active ul.modal-menu,.menu-modal.active .menu-bottom  img  {   opacity: 1;     } 
	.modal-menu ul.sub-menu {    background: #f1f1f1;    padding: 10px; }	
 
 
	.header-inner .toggle  ,button.close-nav-toggle{        position: static;
        border: solid 2px #fff;   padding: 0;
           width: 42px;
    height: 42px;   justify-content: center; }
 
 
 
   /* .active.nav-toggle div span {  height: 3px;  background: #fff;    transform-origin: center;   }
    .active.nav-toggle div span:first-child {    transform: rotate(44deg) translate(-4px, 7px);   }
    .active.nav-toggle div span:last-child {    width: 100%;    transform: rotate(132deg)  translate(0px, 10px); }*/


	.scroll-heading span.word{     margin-right: 6px;     }
    .word{
      display:inline-block;
      opacity:0;
      transform:translateY(0);
      margin-right:7px;    
    }
.revel-box {opacity:0;}


/* Header CSS END */

.abut-sec .cfs-hyperlink {
    background: #fff;    color: #000;
}
.abut-sec .cfs-hyperlink:hover {    background: #000;    color: #fff; border-color:#000;}


/* Services */
.home-sec1 p.cnt {
    max-width: 30%;
    margin: 33px auto auto;
    font-size: 16px;
}
.boxex {
    padding: 35px;
    width: 25%;
    text-align: left;
    align-items: stretch;
    border-right: solid  1px #eae3d5;  
}
.boxex.box1, .boxex.box4 {
    background: #f28c28;
}
.boxes {
    border: solid  1px #eae3d5;
    border-radius: 10px;
    align-items: stretch;  overflow: hidden;
}

.boxex .main-heading {
    font-size: 26px;
    margin:10px 0 3px;
}
.boxex p {     color: #575357;}
.boxex:last-child {
    border: 0;
}
.boxex.box1 .main-heading, .boxex.box4  .main-heading { color:#fff;} 
.boxex.box1 p, .boxex.box4 p { color:#ffffffed}
/* about section */

.abut-sec .col-left, .abut-sec .col-right {
    width: 50%;position:relative; overflow:hidden;
}
.abut-sec .col-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 60px;
}
.abut-sec  .main-heading span { color:#fff;}
/* menu section */
section.menu-section {
    background: #fdfaf5;
}
.menu-section .theme-btn {
    margin-top: 0;
}
.tab-buttons {
    margin: 9px 0 48px;
}
.tab-btn {    background: transparent;    padding:11px 20px;    font-size: 14px;  border-radius:40px;  cursor: pointer;    border: solid 1px #050607; color: #050607; text-transform: capitalize;    margin-bottom: 5px}
 
.tab-btn.active ,.tab-btn:hover{    background:#f28c28;    color: #fff; border-color:#f28c28;}

.menu-grid {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1%;
    row-gap: 20px;
    margin-top: 40px;
}

.menu-card {
    pv: inherit;
    border-radius: 10px;
    border: solid 1px #e7dece;
    width: 24%;
    overflow: hidden;
    background: #fff;
}

.menu-card img {
    width: 100%;
}

.card-content {
    padding: 20px;
    /* background: #fff; */
}

.card-content h3.menu-title {
    font-size: 20px;
    margin: 0  0 8px;
    line-height: normal;
}

.card-content p {
    color: #7a777b;
    font-size: 13px;
    line-height: 20px;    min-height: 40px;
}p.menu-desc.menu-desc_nl {
    font-weight: 600;    color: #f28c28;
}

span.tag {
    background: transparent;
    font-size: 11px;
    border-radius: 7px;
    padding: 7px 10px;
    border: solid 1px #1b1b1b;
    color: #1b1b1b; cursor:pointer;
}
span.tag.pickup {
       background: #1b1b1b;
    color: #fff;
}
.tags {
    margin: 10px 0;
}

.card-content .price {
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 21px;
    font-weight: 600;
}

/* Catring sec */
.catringsec { background: url(imgs/bg-image.jpg)  center ;    background-size: cover;}
.top-row  p {     color: #ffffffe8;
    max-width: 40%;}
/* feature1*/

.catbox {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    width: 49%;
    border: solid  2px #fff;    box-shadow: inset 0 0 5px #ccc;
}

.catbox.b2,.catbox.b3 {
    background: #f28c28;
}
 
.catbox h3 {
    font-size: 28px;
    color: #1c1a17;
    margin: 13px 0 2px;
}
.catbox.b2 h3 ,.catbox.b3 h3 { color:#fff;}
.catbox.b2 p ,.catbox.b3 p ,.catbox.b2 a ,.catbox.b3 a { color:#ffffffed;}
.catbox  a{     display: inline-block;
    margin-top: 20px;
    font-weight: 500;
    text-transform: capitalize;position: relative;
    color: #282828;}
.catbox a:after {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    bottom: -4px;
    left: 0;
    display: block;
    background: #282828;transition: all 0.6s cubic-bezier(.25, 1, .35, 1) 0s;
}
.catbox a:hover:after {  width:100%;}
.catbox.b2 a:after ,.catbox.b3 a:after { background: #fff;}


.cat-bottom-box {
    border-top: solid 1px #ffffff36;
    margin-top: 50px;
    padding-top: 40px;    align-items: flex-start;
}.cat-bottom-box h6 {
    font-style: italic;
    font-size: 35px;
    width: 24%;
    text-transform: none;
}
.cat-bottom-box .theme-btn {
   
}
.cat-bottom-box .theme-btn a {
       background: #fff;
    border-color: #fff;
    color: #050505;
}
.cat-bottom-box .theme-btn a:hover {   background: #050505;
    border-color: #050505;
    color: #fff; }
/* Review section */
.reviw-sec .container {     position: relative;}
.reviews {
    margin-top: 60px;
}
 .owl-stage {
    display: flex;
    align-items: stretch;
}
.testimonial { color: #0b0b0b;
  border-radius: 7px;
  border: solid 1px #f5f1ea;
  padding: 30px;
     height: 100%;
  position: relative; }

.review-icon  i { font-size:12px;}
 
.review-content {
    min-height: 100px;
    margin-bottom: 0;
    margin-top: 20px;
}
.testimonial p {     margin: 0;
    line-height: 1.6;
    font-size: 18px;
    color: #0b0b0b;    font-style: italic;
    font-weight: 500;
    letter-spacing: normal;      min-height: 140px;   font-family: "Cormorant Garamond", sans-serif;}
 
h6.review-title {
       font-size: 15px;    
    text-transform: capitalize;
      line-height: normal;
    font-weight: 600;    font-family: "Mona Sans", sans-serif;
}
.owl-item:nth-child(odd) .testimonial {
    background: #f28c28;
}
.owl-item:nth-child(odd) i {color:#ffffffed;}
.owl-item:nth-child(odd) h6.review-title { color:#fff }
.owl-item:nth-child(odd) p {color:#ffffffed;}
/* Section gallery */

section.gallery-sec {
        overflow: hidden;
}
.gallery-sec:after {
    content: '';
    width: 100%;
    height: 60%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fdfaf5;
}
.gallery-sec   .container { }
.order-sec {
    margin-bottom: 50px;    position: relative;    z-index: 1;    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.gallery-sec  .gal-img  { position: relative;    z-index: 1;}
.imggal {
    width: 24%;    overflow: hidden;
    position: relative;
}
.gallery-sec .cfs-hyperlink:last-child {
    background: transparent; color:var( --btn-bg);    margin-left: 30px;
}
.gallery-sec .cfs-hyperlink:last-child:hover {  background: #000;color:#fff; border-color:#000;}


/* Footer */

 
.footer-top-hidden #site-footer {   margin-top: 2rem;     }
#site-footer {     background: #1b1b1b;  color: #fff;  padding: 60px 0 0; clear: both;  display: block;  } 

.main-footer > .container{ display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 0; justify-content: space-between;
	align-items: flex-start; max-width: 1600px;    padding: 0px;   }
 
.widget {  margin-top: 1rem;  }
.footer-sec-four.third {   }
.footer-sec-four {    width: 22%; }
.footer-sec-four.first {
    padding-right: 4em;
    width: 40%;
 
} .footer-sec-four.first p {
    line-height: 35px;
}
.footer-sec-four.second {
    width: 16%;
}

ul.menu {  display:flex;    flex-wrap: wrap;  }
ul.menu li { width:48%;    }
.footer-sec-four ul.menu   {  }
.main-footer .widget h3 {
    font-size: 27px;
    color: #f28c28;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0px;
   
    letter-spacing: 1.5px;
}

.main-footer .widget ul li {  border: 0;  margin: 0;  padding: 0 0 20px;   font-size: 15px;	color: #666;text-transform: inherit;  list-style: none;    position: relative; }
.main-footer  .widget ul li a, .main-footer  p, .main-footer  .widget ul li {  font-size: 15px;  color: #ffffffcc;  text-transform: inherit; 	font-weight: 500;      }
.main-footer  .widget ul li a{ position: relative;  }
.main-footer .widget ul li i {    color: #ffffffc4;    position: absolute;    left: 0;    font-size: 19px;    font-weight: 900;     top: 3px;}
.footer-sec-four.first  ul li {      margin: 5px 0;}
.main-footer .widget .addres li,.main-footer  .footer-sec-four.fourth  li {      padding-left: 35px;   }
.footer-sec-four.third ul li {  }
.main-footer .footer-sec-four.fourth li {    margin-bottom: 10px;	padding-top: 0;}
.main-footer .widget .addres li a:after,.main-footer .foot-social li a:after,.main-footer .addres li:after ,.main-footer ul.foot-social  li:after{ display:none;}
.main-footer .widget .addres li a {padding-left:0;} 
ul.foot-social li a i:hover{  color:#fff;   }
.main-footer .widget ul li a,.footer-sec-four.last ul li { padding-left: 20px;  position: relative;   color: #ffffffc4;    text-decoration: none; }
 .main-footer .widget ul li a::after, .footer-sec-four.last ul li:after {position: absolute;  left: 0;   top: 2px;      transition: 0.3s ease; font-size: 15px; border-radius:100px;  content: "\f105";
     font: normal normal normal 14px/1 FontAwesome;
          font-size: 15px  } 

.main-footer .widget ul li a:hover::after ,.footer-sec-four.third ul li:hover:after,.main-footer .widget ul li.current_page_item a:after {  width:5px;  ;     }
footer.main-footer .footer-addres li {
    padding-left: 30px;
    /* display: block; */
}
footer.main-footer .footer-addres li img {    position: absolute;
    left: 0;
    top: 4px;
}
footer.main-footer .footer-addres li  a:after{display:none;}
footer.main-footer .footer-addres li  a{padding:0;}

.main-footer .widget ul li.current_page_item a,
.main-footer .widget ul li a:hover  {  color: #f28c28 !important;   }

.footer-sec-four.third ul li:after { top:14px;}
 
#site-footer a {  transition: 0.3s cubic-bezier(0.95, 0.54, 0.25, 1); }
#site-footer a:hover {    text-decoration: none;    color: #f28c28;   }
 ul.foot-social {    display: flex;	    column-gap: 20px;    margin-top: 20px;  margin-bottom: 0;  }
 
.main-footer   ul.foot-social {   margin-top: 10px;    margin-left: 0;    column-gap: 15px;  width: auto;   }
.main-footer ul.foot-social li {    padding-left: 0;  }
.main-footer  ul.foot-social li a {    border: 0;    border-radius: 0;      padding: 0;    width: auto;  
	height: auto;     display: block;     width: 31px;    height: 31px;    background: #f28c28;   
	border-radius: 0;    text-align: center;    display: inline-block;    padding: 0;     line-height: 27px; }
 
.main-footer  ul.foot-social a  i {     font-size: 12px;    position: static;      color: #efefef;     font-weight: 100;  }
.main-footer  ul.foot-social a:hover { background: transparent;}

.fooeter-copyright {        text-align: center;  position: relative;  width: 100%;  margin-top: 50px;  
	padding: 20px 0;  border-top: solid 1px #ffffff21     }

.fooeter-copyright .container {    display: flex;     align-items: center;      justify-content: center;  }
.fooeter-copyright p {  font-weight: 500; color: #fff;   margin-bottom: 0;     text-transform: uppercase;    }
.fooeter-copyright a {  color:#fff;   font-weight: 500;   font-size: 15px;      }
.fooeter-copyright a:hover { color:#f28c28 !important}

a.arrow-top {  padding: 4px 2.5px;  color: #301e1e;  border-radius: 2px;  position: fixed;  bottom: 15px;  right: 15px;
    margin: auto;    z-index: 2;    opacity: 0;     box-shadow: 0 0 5px #a7a7a7;  	width: 50px;    height: 50px; 
	display: flex;    align-items: center;    justify-content: center; box-shadow: 0 0 0 #ffffffc9;
	     transition: 0.3s linear;     background: #fff;    border-radius: 18px;     border: solid 1px #301e1e; }

a.arrow-top.show-top i {    transform:translateY(0);}
a.arrow-top i {    max-width: 100%;    position: relative;       transition: 0.4s linear;   transform:translateY(10px);     }
a.arrow-top.show-top {  opacity: 1;  }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px #6b994d;
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 #6b994d;
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 #6b994d;
    box-shadow: 0 0 0 0 #6b994d;
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}


@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px #6b994d;
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 #6b994d;
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 #6b994d;
    box-shadow: 0 0 0 0 #6b994d;
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

/* Footer CSS END */


/* About page */
section.about-top {
     
}
.about-top   .container{
  
}
 .about-top .col-right{
 width:100%;
}
.about-top .col-right {
    
}
.abt-topsec {
    display: flex;
    justify-content: space-between;
}
.abt-topsec p {
       width: 47%;
   
}
.abt-imgs1 {
    margin-top: 40px;
}

.abt-imgs1-box1 {
    width: 49%;    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.abt-imgs1-box1:before  , .imggal:before,.abut-sec .col-left:before ,.cat-left.col-left:before,.abt-imgs1-box1 div:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 0%;
    background: #1f1917;
    opacity: 0;
    z-index: 1;
    transition: all .8s ease;
}

.abt-imgs1-box1:after, .imggal:after,.abut-sec .col-left:after ,.cat-left.col-left:after,.abt-imgs1-box1 div:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0%;
    height: 0%;
    background: #1f1917;
    opacity: 0;
    z-index: 1;
    transition: all .8s ease;
}
.abt-imgs1-box1:hover:before, .imggal:hover:before ,.abut-sec .col-left:hover:after,.cat-left.col-left:hover:after,.abt-imgs1-box1 div:hover:after{
width: 100%;
  height: 100%;
  opacity: .6;
  transition: all .8s ease;
}
.abt-imgs1-box1:hover:after,.imggal:hover:after,.abut-sec .col-left:hover:before,.cat-left.col-left:hover:before,.abt-imgs1-box1 div:hover:before{

width: 100%;
  height: 100%;
  opacity: .15;
  transition: all .8s ease;
}
.abt-imgs1-box1.disp-flex:before,.abt-imgs1-box1.disp-flex:after{  display:none;}

.abt-imgs1-box1.disp-flex{
   align-items: stretch;
}
.about-top .container {
    align-items: stretch;
}
.abt-imgs1-box1 div {
    width: 48%;
    align-items: stretch;overflow:hidden
}

.abt-imgs1  img {
    border-radius: 10px;
}

section.about-bot {
     background: #fdfaf5;
}
.abt-services.disp-flex {
    margin-top: 40px;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
}.serv-box { 
    
    width: 23%;  
}.serv-box h4 {
    font-size: 19px;
    color: #0f172b;
    font-weight: 600;
    margin: 10px 0 0;
    font-family: "Mona Sans", sans-serif;
}
/* catering page */
section.catering-bottom{ background: #fff;    padding-bottom: 0; }
 .catering-bottom .container {
    max-width: 100%;
}
.catform.col-right,.cat-left.col-left { width:50%;} 
.catform.col-right {
    padding:60px 40px;
}
.cat-left img {     position: absolute;
    left: 0;
    top: 0;
    height: 100%;}
.catform  .wpcf7-form {   display: flex;    flex-wrap: wrap;  }
.cater1 {    padding: 30px 0 0;    background: #fff;    width: 100%;  }
.cater1.submit {
    padding-top: 15px;
}
p.cathead {   font-weight: 600;   margin-bottom: 20px;  }
.cater1 .column p {  font-size: 15px;   }
.cntrl {    display: flex;    justify-content: space-between;flex-wrap: wrap;  }
.column {    width: 32%;  }
.cater1.one12last.submit {    padding-top: 0;    margin: 0;    border: 0;     padding: 0;  }
.cater1.cater12 p.cathead { color:#000; }
.cater1.cater12 .column p { color:#0b0b0b; }
.cater1.cater12 input,.cater1.cater12 textarea {  min-height: 40px; border:0}
.cater1.one12last.submit {    padding-top: 0;    display: flex;    justify-content: center;    align-items: center;   padding-top: 20px; }
span.cattect {    letter-spacing: normal;    font-size: 14px;    font-weight: 500;  }
.catform input{ padding:9px 0}
.cater1.one12last.submit input[type="submit"]{width:100%;    text-transform: capitalize;}
.cater1.one12last.submit input[type="submit"]:hover { background:transparent;  }
.column.one11.full.textarea.one11last {    width: 100%;   margin-top: 15px;    }

.wpcf7 form.invalid .wpcf7-response-output {       font-weight: 500;     font-size: 15px;  }
.wpcf7-not-valid-tip {   font-size: 13px;  font-weight: 600;  }


/* Information Page CSS Start */


.inform-left ul.menu {   display: block; }
.inform-left ul.menu li {  width: auto;  }
 
.information-page .container {      align-items: flex-start;
    display: flex;
    margin-bottom: 40px;
    flex-wrap: wrap;  }
.inform-left {   width: 100%;   display: inline-block;     position: sticky; float: left; top:74px;     background: #fff;
    border-bottom: solid 1px #cbcbcb45;
    padding-bottom: 15px; }
ul#menu-information {
    margin-left: 0px;
    list-style: none;
    margin-bottom: 0;
    /* background: #5f1c14; */
    display: flex;
    flex-wrap: wrap;
   
   
}
ul#menu-information li {     width: auto;  }
ul#menu-information li { margin-left: 0px;     padding: 10px 4px;   background: transparent;  list-style: none;   margin-top: 0;  }

.info-sidebar ul li a {     color: #050607;
    text-transform: capitalize;
    text-decoration: none;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    background: #fff;
    display: block;
    padding: 11px  15px;
    border-radius: 100px;
    text-align: center;
    border: solid 1px #050607;  }
.info-sidebar ul li a:hover {     border-color: var( --btn-bg);color:var( --btn-bg)}
.inform-right { display: inline-block; width: 100%;   margin-bottom: 60px; float: right;}

.info-content h3, .info-content h2 { font-size: 26px;     margin: 20px 0px 14px 0px;   color: #000000; line-height: 30px; 
	letter-spacing: 0;   font-weight: 600;  }

 .info-content p, .info-content li { font-size: 14px; letter-spacing: 0.2px; line-height: 1.8; 
	font-weight: 500;   color: #282828;   }

th, td {    font-size: 14px;    font-weight: 600;  }
  
table {   margin-top: 0;  }
.info-content a {     border-bottom: double;}
.info-content ul {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    row-gap: 10px;
    column-gap: 10px;
 
}

.info-content ul  li {
    background: #fdf3e4;
    padding: 5px  15px;
    border-radius: 5px;
    list-style: disc;
    list-style-position: inside;
}


/* contact */
 
section.contact-top {      background-size: cover !important;  } 
.contact-main {
    
  
    margin: auto;
} 
.contact-main .main-heading {
    font-size: 22px;
    line-height: normal;
    font-weight: 600;
    font-family: 'Mona sans';
    text-align: center;
}
  
.form-box input, .form-boxinput[type="email"], .form-box textarea {    width: 100%;         border-radius: 0;    background: transparent;   
	font-weight:500 }
 
.form-box  form {    display: flex;    flex-wrap: wrap; row-gap:15px;  column-gap:15px;  justify-content: space-between;  }
 
.form-box .column.one-second  { width:32%}
 
.wpcf7-not-valid-tip {     font-size: 14px;    font-weight: 500;    letter-spacing: normal; }
.form-btn ,.form-box  .column.one {    width: 100%; }
.form-btn  .wpcf7-submit{    padding: 17px 25px; }

 section.contact-top2 {
    background: #fdfaf5;
}

.top2-box-left {
    width: 50%;
}

.top2-box-right {
    width: 45%;
}

.top2-box-right  iframe {
    width: 100%;
    height: 700px;       filter: brightness(70%) contrast(150%) saturate(0%) blur(0px) hue-rotate(121deg);
}
ul.addres {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact-top2 .addres li h6 {
    font-size: 30px;
    text-transform: capitalize;
    margin-bottom: 6px;
}
.contact-top2 .addres i {
    display:block;
  font-size: 30px; margin-bottom:5px;    color: #f28c28;
}.contact-top2 .addres p, .contact-top2 .addres a, .contact-top2 .addres {
    font-size: 16px;
}
 
.contact-top2 .addres li {
    margin: 10px 0;
    width: 48%;
   
}
.contact-top2 .addres li, .contact-top2 .addres li a { color: #222; }
.contact-top2 .addres li a:hover { color:#f28c28}
/* common */


/* Common Page CSS Start */
.common-page p,.common-page  li{  white-space: break-spaces; }

.common-page p,.common-page  li,.common-page  address,.common-page table td,.common-page table th,.common-page {       font-size: 15px;   font-weight: 400;   
	line-height: 26px;  color: #0b0b0b; }
.common-page h2,.common-page h3,.common-page h4,.common-page h5{color:#0b0b0b;font-weight:500;line-height: normal;}
.common-page table th { font-weight:600;    white-space: normal;}
.common-page h2 { font-size: 25px; margin: 15px 0 5px; color:#0b0b0b;}
.common-page h3 {  font-size: 23px; margin: 15px 0 5px; color:#0b0b0b;}
.common-page h4 {  font-size: 21px; margin: 15px 0 5px; color:#0b0b0b;}
.common-page h5 {  font-size: 18px; margin: 15px 0 5px; color:#0b0b0b;}
.common-page h6 {    font-size: 14px; margin: 15px 0 5px; color:#0b0b0b; }

.common-page ul {     margin: 18px; }
.common-page  li {   list-style: disc; }
.common-page  li {    list-style: none;  }


/* Menu page */
section.menu-top-sec {
    padding-bottom: 0;
}
.heading-sec {
    border-top: solid  1px #0b0b0b;
    border-bottom: solid  1px #0b0b0b;
    padding: 20px 0;
}
.heading-sec p {
    width: 100%;
    text-align: right;
}
.zn-mnu-contentent {
    margin-top: 30px;
}

.price.dish_classic ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
    column-gap: 3%;
}

h4.itemTitle {
    font-size: 22px;    max-width: 80%;
    line-height: normal;
}

.price ul li {
    width: 31%;
   
}

.price-itemRight {
  
}

.itemPrice {
    position: absolute;
    right: 10px;
    top: 2px;
    font-weight: 500;
    font-size: 16px;
}

.price-itemMain {
    position: relative;    margin-bottom: 17px;
}

.price.dish_classic ul p {
    font-size: 14px;
    line-height: normal;letter-spacing: 0.3px
}

.price.dish_classic ul p.desc_nl {
    font-style: italic;
    margin-top: 5px;    color: #f28c28;
    font-weight: 500;
}.mnu_img {
    display: none;
}

section.contentValign:nth-child(odd) {
    background: #1b1b1b;
}
section.contentValign:nth-child(odd)  .heading-sec { border-top-color:#ffffff70; border-bottom-color:#ffffff70; }

section.contentValign:nth-child(odd) .itemTitle  ,section.contentValign:nth-child(odd) h3.item-title {color:#fff; }
section.contentValign:nth-child(odd)  .itemPrice  { color:#ffffffb0; }

section.contentValign:nth-child(odd)  p {color:#ffffffb0; }