/*
Theme Name: Caverta Custom Theme
Author: Nishant Kumar
Description: Custom WordPress Theme converted from HTML template
Version: 1.0
*/

:root {  
	--body-font: Work Sans, sans-serif;
	--body-color: #252525;
	--body-background: #ffffff;   
	--body-font-size: 16px;   
	--body-line-height: 1.5;
	--headings-font: Lora, serif;
	--headings-color: #252525; 
	--primary-color: #487537;
	--extra-color1: #E1EDF0;
	--extra-color2: #19303E;
	--menu-normal-color: #ffffff;
	--menu-hover-color: #ffcb31;
	--submenu-background-color: #9fc4ce;
	--submenu-normal-color: #252525;	
	--submenu-hover-color: #ffffff;
	--footer-background-color: #000000;
	--footer-color: #999999;
	--footer-title-color: #ffffff;
	--headings-h1-size: 54px;
	--headings-h2-size: 48px;
	--headings-h3-size: 36px;
	--headings-h4-size: 32px;
	--headings-h5-size: 24px;
	--headings-h6-size: 16px;
}
.hero-video-section{
    display:flex;
    min-height:500px;
    width:100%;
    overflow:hidden;
    background:#071f18;
	padding-top:40px;
}

/* LEFT SIDE */
.hero-left{
    width:50%;
    background:linear-gradient(
        90deg,
        #fff 0%,
        #fff 100%
    );
    padding:90px 70px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
}

.top-subtitle{
    color:#ffcb31;
    font-size:20px;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:25px;
    display:block;
}

.hero-left h1{
    color:#487537;
    font-size:65px;
    line-height:1.1;
    font-weight:500;
    margin:0 0 25px;
    font-family:serif;
}

.hero-left h1 em{
    font-style:italic;
    font-weight:300;
    color:#111;
}

.hero-left p{
    color:#487537;
    max-width:420px;
    line-height:1.8;
    font-size:15px;
    margin-bottom:40px;
	padding-bottom:10px;
}

.hero-buttons{
    display:flex;
    gap:15px;
}

.hero-buttons a{
    text-decoration:none;
    padding:14px 28px;
    border-radius:6px;
    font-size:14px;
    transition:0.3s ease;
    display:inline-block;
}

.btn-primary{
    background:#ffcb31;
    color:#000;
}

.btn-primary:hover{
    background:#000;
}

.btn-secondary{
    border:1px solid rgba(255,255,255,0.3);
    color:#fff;
}

.btn-secondary:hover{
    background:#fff;
    color:#000;
}

/* RIGHT SIDE VIDEO */
.hero-right{
    width:50%;
    position:relative;
    overflow:hidden;
}

.hero-right video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
	
}

.video-overlay{
    position:absolute;
    inset:0;
  
}

/* MOBILE */
@media(max-width:991px){

    .hero-video-section{
        flex-direction:column;
        min-height:auto;
    }

    .hero-left,
    .hero-right{
        width:100%;
    }

    .hero-left{
        padding:60px 25px 40px;
        text-align:center;
        order:2;
    }

    .hero-right{
        height:420px;
        order:1;
    }

    .hero-left h1{
        font-size:42px;
        line-height:1.2;
    }

    .hero-left p{
        font-size:16px;
        max-width:100%;
    }

    .hero-buttons{
        justify-content:center;
    }
}

/* EXTRA SMALL MOBILE */

@media(max-width:575px){

    .hero-left{
        padding:50px 20px 35px;
    }

    .hero-left h1{
        font-size:34px;
    }

    .hero-left p{
        font-size:15px;
        line-height:1.7;
    }

    .hero-buttons{
        flex-direction:column;
        gap:12px;
    }

    .hero-buttons a{
        width:100%;
        text-align:center;
    }

    .hero-right{
        height:320px;
    }

    .top-subtitle{
        font-size:12px;
        letter-spacing:1px;
    }
}
.page-content{
	padding-top: 20px;
	
}

.why-us-section{
    background:#487537;
    padding:10px 20px;
}

.why-us-container{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
}

.why-box{
    position:relative;
    padding-left:25px;
}

.why-box::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:2px;
    height:100%;
    background:#ffcb31;
}

.icon{
    display:block;
    color:#ffcb31;
    font-size:18px;
    margin-bottom:18px;
}

.why-box h3{
    color:#ffffff;
    font-size:20px;
    margin-bottom:15px;
    font-weight:600;
}

.why-box p{
    color:#b8c9c2;
    font-size:15px;
    line-height:1.8;
    margin:0;
}

/* Tablet */
@media(max-width:992px){
    .why-us-container{
        grid-template-columns:repeat(2,1fr);
    }
}

/* Mobile */
@media(max-width:767px){
    .why-us-container{
        grid-template-columns:1fr;
        gap:30px;
    }

    .why-us-section{
        padding:40px 20px;
    }
}
.dining-options-section{
    background:#fff;
    padding:20px 
}

.dining-container{
    max-width:100%;
    margin:10px;
}

/* HEADING */
.section-heading{
    margin-bottom:50px;
}

.section-heading span{
    font-size:11px;
    letter-spacing:4px;
    color:#487537;
    text-transform:uppercase;
    display:block;
    margin-bottom:20px;
}

.section-heading h2{
    font-size:52px;
    color:#222;
    margin:0 0 20px;
    font-family:serif;
    font-weight:500;
}

.section-heading p{
    max-width:850px;
    color:#777;
    line-height:1.8;
    font-size:15px;
}

/* GRID */
.dining-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

/* CARD */
.dining-card{
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    border:1px solid #e5e0d9;
    transition:0.3s ease;
}

.dining-card:hover{
    transform:translateY(-5px);
}

.card-image{
    height:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:0px;
}

.card-image span{
    color:rgba(255,255,255,0.7);
    font-size:12px;
    line-height:1.6;
    font-style:italic;
}

.green-bg{
    background:#667f72;
}

.brown-bg{
    background:#84715b;
}

.purple-bg{
    background:#785b91;
}

.blue-bg{
    background:#647b92;
}

/* CONTENT */
.card-content{
    padding:30px;
}

.card-content small{
    display:block;
    letter-spacing:3px;
    font-size:11px;
    color:#777;
    margin-bottom:18px;
}

.card-content h3{
    font-size:30px;
    margin:0 0 18px;
    color:#222;
    font-family:serif;
    font-weight:500;
}

.timing{
    color:#487537;
    font-size:13px;
    margin-bottom:18px;
    font-weight:600;
}

.card-content p{
    color:#666;
    font-size:14px;
    line-height:1.8;
    margin-bottom:25px;
}

.card-content a{
    color:#487537;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
}

.card-content a:hover{
    color:#222;
}

/* TABLET */
@media(max-width:1100px){

    .dining-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* =========================
   LARGE LAPTOP
========================= */

@media (max-width:1200px){

    .dining-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .card-content h3{
        font-size:32px;
    }

    .section-heading h2{
        font-size:42px;
    }
}

/* =========================
   TABLET
========================= */

@media (max-width:991px){

    .dining-options-section{
        padding:60px 20px;
    }

    .section-heading{
        margin-bottom:40px;
    }

    .section-heading h2{
        font-size:36px;
    }

    .dining-grid{
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .card-content{
        padding:25px;
    }

    .card-content h3{
        font-size:28px;
    }
}

/* =========================
   MOBILE
========================= */

@media (max-width:767px){

    .dining-container{
        width:100% !important;
        max-width:100% !important;
        padding:0 15px !important;
    }

    .dining-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        width:100% !important;
    }

    .dining-card{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
    }

    .card-image{
        width:100% !important;
    }

    .card-image img{
        width:100% !important;
        height:auto !important;
        display:block;
        
        object-fit:cover;
    }
}

/* =========================
   SMALL MOBILE
========================= */

@media (max-width:480px){

    .section-heading h2{
        font-size:26px;
    }

    .card-image img{
        height:220px;
    }

    .card-content{
        padding:18px;
    }

    .card-content h3{
        font-size:24px;
    }

    .card-content p{
        font-size:13px;
    }
}
html,
body{
    overflow-x:hidden !important;
}

*{
    box-sizing:border-box;
}

img{
    max-width:100%;
}
.our-story-section{
   background: #fff;
    padding: 60px 10px;
    padding-bottom: 60px;
}

.story-container{
    max-width:1300px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:80px;
}

/* LEFT */
.story-left{
    width:50%;
}

.story-label{
    display:block;
    color:#487537;
    font-size:11px;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:25px;
}

.quote-box{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:25px;
}

.quote-line{
    width:3px;
    height:70px;
    background:#22b48d;
    margin-top:5px;
}

.quote-box h2{
    font-size:42px;
    color:#4a4a4a;
    font-family:serif;
    font-weight:400;
    line-height:1.4;
    margin:0;
}

.quote-box h2 em{
    font-style:italic;
    font-weight:300;
}

.bottom-label{
    color:#487537;
    font-size:11px;
    letter-spacing:4px;
    text-transform:uppercase;
}

/* RIGHT */
.story-right{
    width:45%;
}

.story-right p{
    color:#666;
    line-height:1.9;
    font-size:15px;
    margin-bottom:25px;
}

.story-right a{
    color:#487537;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
}

.story-right a:hover{
    color:#222;
}

/* =========================
   TABLET RESPONSIVE
========================= */

@media(max-width:991px){

    .story-container{
        flex-direction:column;
        gap:50px;
        padding:0 25px;
    }

    .story-left,
    .story-right{
        width:100%;
    }

    .quote-box h2{
        font-size:38px;
    }

    .quote-line{
        min-height:100px;
    }

    .story-right p{
        font-size:17px;
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */

@media(max-width:575px){

    .our-story-section{
        padding:70px 0;
    }

    .story-container{
        padding:0 20px;
        gap:40px;
    }

    .quote-box{
        gap:16px;
    }

    .quote-line{
        width:3px;
        min-height:80px;
    }

    .quote-box h2{
        font-size:28px;
        line-height:1.3;
    }

    .story-right p{
        font-size:15px;
        line-height:1.8;
        margin-bottom:22px;
    }

    .story-right a{
        font-size:15px;
    }

    .story-label,
    .bottom-label{
        font-size:11px;
        letter-spacing:1.5px;
    }
}
/*************************************

1. MAIN STYLES

 ************************************/


/* RESET STYLES */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal }
address{font-style:italic;}
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:'';}
strong,b { font-weight: bold; }
em, cite { font-style: italic; }
cite { display: block; }
strike, del {text-decoration: line-through;}
sup {font-size: 11px;position: relative;vertical-align: top;top: 5px;}
sub {	bottom: 5px;	font-size: 11px;	position: relative;	vertical-align: bottom;}
.italic { font-style: italic;}
button,input,select,textarea { font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
.no-margin{margin:0px !important;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.column-clear{clear:both;}

 .wp-caption { max-width: 100%; }

 .sticky { position: relative; }
 .wp-caption-text, .gallery-caption{color: #555555;
font-size: 12px;
text-align:center;
margin-top:24px;
font-style:italic;
font-weight:300;}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
 .bypostauthor .comment-body { border-bottom: 1px solid #f2f2f2; }
 .screen-reader-text { clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	}
	
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	display: block;
	top: 5px;
	left: 5px;
	width: auto;
	height: auto;
	padding: 1em 1.5em;
	font-size:0.8em;
	line-height: normal;
	color: #21759b;
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	text-decoration: none;
	z-index: 100000; /* Above WP toolbar */
}

 .alignright {
     display: block;
     float: right;
     margin: 4px 0 0 24px;
 }

 .alignleft {
     display: block;
     float: left;
     margin: 4px 24px 0 0;
 }

 .aligncenter {
     display: block;
     clear: both;
     margin: 24px auto;
 }
 
 pre {
    margin-bottom: 24px;
    overflow: auto;
    padding: 10px;
    white-space: pre-wrap;
}
pre, code{
  background:#f0f0f0;
  color: #333;
  font-family: "Courier New", Courier, monospace;
   padding:10;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html{-webkit-font-smoothing:antialiased;}


body{-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling:touch;
text-rendering: optimizeLegibility;
font-family: var(--body-font);
background:var(--body-background);
color:var(--body-color);
font-size: var(--body-font-size);
line-height:var(--body-line-height);
overflow-x:hidden;
}
.widgettitle, #respond h3 { font-family:var(--body-font); }
h1, h2, h3, h4, h5, h6, blockquote, .logo-txt{ font-family:var(--headings-font); }
h1, h2, h3, h4, h5, h6 {
	color: var(--headings-color);
	font-weight: 400;
	line-height:1.5em;
}

h1{
	font-size: var(--headings-h1-size);
}

h2{
	font-size:var(--headings-h2-size);
}

h3{
	font-size:var(--headings-h3-size);
	}
h4{
	font-size:var(--headings-h4-size);
}
h5{
	font-size:var(--headings-h5-size);
	}
h6{
	font-size:var(--headings-h6-size);
	}

a{color:var(--headings-color);}

p a{color:var(--primary-color);
	border-bottom: 1px solid var(--primary-color);
	}
a:hover, p a:hover{color:var(--primary-color);text-decoration:none;
border:none;}
a:active,a:focus{outline: none;
text-decoration:none;}

ul, ol {margin: 0 0 16px 24px;}	
	 
.alignc{text-align:center;}
.alignr{text-align:right;}
.none{display:none;}

blockquote{font-size:2rem;
line-height:1.6em;
text-align: center;
font-style:italic;
color: var(--headings-color);
position:relative;
border:none;
margin:36px 0;
padding:0 32px;}

blockquote:before {
    display: block;
	font-family: "Font Awesome 5 Free";
    content: "\f10d";
    line-height: 1;
    font-size: 24px;
	font-style:normal;
	font-weight:900;
    position: absolute;
    left: 0;
    top: 0px;
}

blockquote cite{
	color: #999999;
	font-size: 12px; 
	font-style: normal; 
	font-weight:300;
	text-transform:uppercase;
}
blockquote cite{line-height:1;
margin-top:16px;}

p,ul,ol{ margin-bottom: 24px; }

/* definition lists */
dl dt {
  margin-bottom: 0;
}
dl dd {
  margin-left: 16px;
  margin-bottom: 24px;
}

/* tables */
table {border: 1px solid #e5e5e5;
   font-size: 16px;
width: 100%;
  text-align: center;
  margin-bottom: 24px;
  border-collapse:collapse;
  table-layout: fixed;}
table caption { margin-bottom: 24px;
text-align:center;}
table th, table td {border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
text-align:center;
padding:12px;}
table th { font-weight:bold;}

div p:last-of-type{margin-bottom:30px;}


a, .view-more, #submit, #submit-contact, .white-btn, .post-password-form input[type="submit"], .gallery-post .gallery-view, .menu-title-section:before {

-webkit-backface-visibility: hidden;
-webkit-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -moz-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -o-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -ms-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   
}

/*************************************

2. HEADER

************************************/



/*** menu large screens ***/

.menu-nav{margin:0; font-size:0;
text-align:center;}
.menu-nav li{display:inline-block;
position: relative;
margin-left:24px;
font-size:13px;
font-weight:500;
letter-spacing:0.15em;
text-transform:uppercase;
}
.menu-nav li:first-child{margin-left:0px;}

.menu-nav li a{color:var(--menu-normal-color);
padding:24px 0;
display:block;}
.menu-nav li a:before{position: absolute;
display: block;
bottom: 20px;
left: 50%;
width: 0;
border-top: 1px solid var(--menu-normal-color);
content: '';

-webkit-backface-visibility: hidden;
-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -moz-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -o-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -ms-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}

.menu-nav li a:hover, .menu-nav > li:hover > a, .menu-nav > li.current-menu-item > a{background:none;
color:var(--menu-hover-color);}
.menu-nav > li:hover > a:before, .menu-nav li.current-menu-item > a:before{
left:0;
width:100%;	
border-color:var(--menu-hover-color);
}

.menu-nav ul {display: none;
margin: 0;
padding:12px 0;
width: 180px;
position: absolute;
top: 67px;
left: 50%;
margin-left:-90px;
background:var(--submenu-background-color);
z-index:5;
}

.menu-nav ul:before{content: '';
position:absolute;
left:50%;
top:-6px;
margin-left:-10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent var(--primary-color) transparent;
}

.menu-nav ul li {display:block;
text-align:center;
background:none;
margin:0;
font-size:13px;
font-weight:400;
text-transform:none;
letter-spacing: 0.05em;
}
.menu-nav ul li > a{display:block;
  padding: 5px 16px;
  color:var(--submenu-normal-color);
}

.menu-nav ul li a:hover, .menu-nav li:hover ul li a:hover {text-decoration:none;
  color:var(--submenu-hover-color);}
.menu-nav li:hover > ul{ display: block;}
.menu-nav li ul ul { left: 100%; top: -12px; 
margin:0;}
.menu-nav li ul ul:before, .menu-nav li ul a:before{display:none;}

.menu-nav .edge > ul{
	left: auto;
	right: 0;
}

.menu-nav li ul .edge ul {
    left: auto;
    top: -12px;
    margin: 0;
    right: 100%;
}

/*** end menu large screens ***/

/*** menu mobile ***/

.nav-button-holder{display:none;}
.nav-button{background:none;
border:none;
cursor:pointer;
padding-bottom:15px;
vertical-align:middle;
}

.icon-bar, .icon-bar1, .icon-bar2{display: block;
    height: 2px;
    width: 25px;
	background:#ffffff;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	
} 
.icon-bar1, .icon-bar2{width:18px;}

.icon-bar:before, .icon-bar:after  {
   background:#ffffff;
    content: "";
    height: 100%;
    left: 4px;
    position: absolute;
    bottom: -6px;
	right:0;

}
.icon-bar:after { bottom: -12px;
left:8px;
top: auto; }

.nav-button:hover .icon-bar:before, .nav-button:hover .icon-bar:after{ left:0;}

.icon-bar, .icon-bar1, .icon-bar2, .nav-button .icon-bar:before, .nav-button .icon-bar:after { -webkit-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;}

.menu-mobile{font-size:0;
margin:0 auto;
margin-left:0;
padding-left:48px;
}

.menu-mobile li{font-size:16px;
font-weight:600;
text-transform: uppercase;
letter-spacing:0.1em;
padding-top:24px;
list-style:none;
}

.menu-mobile li a{color:#999999;
display: block;
line-height:1;}
.menu-mobile li a:hover, .menu-mobile li a:focus{background:none;}
.menu-mobile li:hover > a, .menu-mobile li.current-menu-item > a{color:#ffffff;}

.menu-mobile > li.menu-item-has-children > a:after {
    content: "\f107";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    margin-left: 7px;
    margin-right: 0;
	font-size:12px;
	font-weight:900;
	vertical-align: middle;
	
	-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
  transition: all 0.3s;
}

.menu-mobile > li.menu-item-has-children.menu-open > a:after{content: "\f106";}

.menu-mobile ul{margin-left:0px;}
.menu-mobile > li > ul{display:none;}  
.menu-mobile > li.menu-open > ul{display:block;}  
.menu-mobile ul li{font-size:16px;
font-weight:400;
padding-top:16px;
text-transform:none;
padding-left:8px;
letter-spacing:1px;
display:block;}

.menu-contact{margin-top:72px;
padding-left:48px;
color:#999999;}
.menu-contact ul{list-style:none;
margin-left:0;
margin-bottom:0;}
.mobile-phone{font-size:24px;
margin:16px 0;}
.menu-contact .social-media{margin-top:48px;
padding-bottom:48px;}

.mobile-btn {
    margin-bottom: 24px;
}

/*** end menu mobile ***/


/***** MODAL WINDOW ******/

body.has-active-menu { overflow: hidden; }

.menu-mask{position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;}
.menu-mask.is-active{width:100%;
height:100%;
opacity:0.9;}
  
.mobile-menu-holder{ position: fixed;
  z-index: 1050;
  top: 0;
  left: 0;
  overflow-x: hidden;
  width: 350px;
  height: 100%;
  background: #252525;
  opacity: 0;
  padding:0 30px;
  
-webkit-transform: translateX(-400px);
-ms-transform: translateX(-400px);
transform: translateX(-400px);

  -webkit-backface-visibility: hidden;
-webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -moz-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -o-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -ms-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
 }
.mobile-menu-holder.is-active{ opacity: 1;

-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);

 }

.modal-menu-container{position:relative;}

.exit-mobile{cursor: pointer;
padding: 7px 1px;
display: inline-block;
margin-top:32px;
}  
.icon-bar1{top:2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.icon-bar2{-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);}

/***** END MODAL WINDOW ******/

.logo img{
    width:auto;
    max-width:300px;
    height:auto;
    display:block;
	padding-left:40px;
}

.logo-1,
.btn-header,
.social-btn-top1,
.social-btn-top6{
	flex: 1 1 0;
}

.btn-header{text-align:right;}

/** Header 1 **/
.headerHolder{display:flex;
align-items:center;
justify-content:center;
padding-left:30px;
padding-right:30px;
margin-top:0px;

left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
background: #487537;
}

.nav-holder-1{text-align:center; padding-right:60px;}

.logo-txt{font-size:36px;}
.logo-txt a{color:#ffffff;}

.social-btn-top1 {
    display: flex;
    align-items: center;
}

.btn-header1 {
    margin-left: 16px;
    flex: 0 1 auto;
}

.social-media1 {
    flex: 1 1 0;
    text-align: right;
}

/** Header 2 **/

.nav-holder-2{flex: 1 1 0;}
.nav-holder-2 .menu-nav{text-align:left;}

.menu-nav-2 ul{left:0;
margin-left:0;}
.menu-nav-2 ul:before{left:16px;
margin-left:0;}
.menu-nav-2 ul li{text-align:left;}

/** Header 3 **/
.nav-button-holder-3{display:block;
flex: 1 1 0;}



/** Header 4 **/

.top-header{
	padding: 8px 30px;
	background: var(--primary-color);
	color: #ffffff;
}

#header-4{
	top: 16px;
}

.headerHolder4,
.headerHolder5 {  
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.header-4,
.header-5{
	display: flex;
	align-items: center;
	 padding-left: 30px;
    padding-right: 30px;
}

.nav-holder-4{
	flex: 1 1 0;
	text-align: right;
}

.menu-nav-4{
	text-align: right;
}

.top-header {
    display: flex;
    align-items: center;
}

.top-header .social-media li{
	font-size: 12px;
}

.top-header a,
.top-header .social-media a,
.header5-left a{
	color: #ffffff;
}

.top-header a:hover,
.header5-left a:hover{
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.binfo{
	flex: 1 1 0;
}

.binfo ul {
    font-size: 0;
    margin: 0;
}

.binfo ul li {
    color: #fff;
    display: inline-block;
    margin-right: 28px;
    font-size: 12px;
    position: relative;
}

.binfo ul li i {
    margin-right: 8px;
}

/** Header 5 **/

.headerHolder5{
	padding-top: 4px;
}

.header5-left ul li {
    display: block;
	margin-bottom: 4px;
}

.header5-left ul li:last-child {
	margin-bottom: 0;
}

.headerHolder5.nav-fixed-top .header-5{
	display: none;
}

/* Header 6 */

.social-btn-top6 {
    display: flex;
    align-items: center;
}

.binfo6 {
    text-align: right;
    color: #fff;
}

.binfo6 ul li {
    font-size: 16px;
    margin-right: 0;
}

.header-7 {
    margin-top: 16px;
}

.nav-holder-7 {
    padding-left: 72px;
}

.nav-fixed-top,
.headerHolder5.nav-fixed-top { position: fixed;
	top:0;
    right: 0;
    left: 0;
    z-index: 1030;
	background: #487537;
	margin-top: 0;
}

#header-4.nav-fixed-top{
	top:0;
}

.header-3.nav-fixed-top{
	padding-top: 8px;
	padding-bottom: 8px;
}

.social-media, .footer-social{list-style:none;
margin:0;
font-size:0;
}
.social-media li, .footer-social li{display:inline-block;
font-size:14px;
margin-left:12px;}

.social-media li a{color:#999999;}
.social-media li:first-child, .footer-social li:first-child{margin-left:0;}

.social-media1 li a {
    color: #fff;
}

.social-black li a {
    color: var(--headings-color);
}

a.social-twitter:hover{color:#29C5F6 !important;}
a.social-facebook:hover{color:#6788CE !important;}
a.social-gplus:hover{color:#E75C3C !important;}
a.social-linkedin:hover{color:#3A9BDC !important;}
a.social-pinterest:hover{color:#FE4445 !important;}
a.social-tripadvisor:hover{color:#00AF87 !important;}
a.social-youtube:hover{color:#E34040 !important;}
a.social-vimeo:hover{color:#44BBFF !important;}
a.social-instagram:hover{color:#AA8062 !important;}
a.social-dribbble:hover{color:#ED4F8C !important;}
a.social-skype:hover{color:#24B4F0 !important;}


/*************************************

3. HOME

************************************/

/* SLIDER */
.slider-container{position:relative;
height:500px;
margin-bottom:108px;
}
.slider-container2{
	position:relative;
	margin-bottom:108px;
}
.slider-item-box-bkg{height:500px;
}
.slider-img{background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
	width:100%;
}
.slider-img:before{content:'';

background:rgba(0,0,0,0.3);
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.slider-caption{
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    text-align: center;
    color: #fff;
    padding: 0 54px;
    z-index: 2;

    transform: translateY(-50%);
}

/* DARK OVERLAY FOR READABLE TEXT */
.slider-post{
    position: relative;
}

.slider-post::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.25);
    z-index: 1;
}

/* TEXT AREA */
.slider-text{
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: auto;
}

/* TOP TEXT */
.intro-txt{
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 3px;
    color: #f7d046;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.7);
}

.intro-txt p{
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.03em;
}

/* MAIN TITLE */
.slider-caption h2{
    font-size: 108px;
    letter-spacing: 0.03em;
    color: #ffffff;
    line-height: 1;
    margin: 16px 0 25px;
    font-weight: 700;
    text-shadow: 0 5px 25px rgba(0,0,0,0.9);
}

/* DESCRIPTION */
.hero-text{
    color: #fff;
    font-size: 22px;
    line-height: 1.8;
    font-weight: 500;
    text-shadow: 0 3px 12px rgba(0,0,0,0.9);
}

/* BUTTON */
.slider-caption .slider-btn{
    display: inline-block;
    margin-top: 40px;
    padding: 16px 38px;
    background: #f7d046;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    transition: 0.3s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}

.slider-caption .slider-btn:hover{
    background: #fff;
    color: #000;
    transform: translateY(-3px);
}

/* MOBILE */
@media(max-width:768px){

    .slider-caption{
        padding: 0 20px;
    }

    .slider-caption h2{
        font-size: 58px;
    }

    .hero-text{
        font-size: 17px;
        line-height: 1.6;
    }

    .intro-txt{
        font-size: 16px;
    }

    .slider-caption .slider-btn{
        padding: 14px 28px;
        font-size: 14px;
    }
}

/* END SLIDER */

/* BKG VIDEO */

.video-container{
	position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100vh;
overflow: hidden;
z-index: 1;
}

.video-container:before {
	content: '';
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
}	

.video-container video{
	position: absolute;
left: 50%;
width: auto;
height: auto;
top: 50%;
min-width: 125%;
min-height: 125%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

/* END BKG VIDEO */

/* HEADER PAGES */
/* =========================
   TABLET
========================= */

@media(max-width:991px){

    .topSingleBkg{
        height:300px;
    }

    .single-post-title{
        font-size:52px;
    }
}

/* =========================
   MOBILE
========================= */

@media(max-width:575px){

    .topSingleBkg{
        height:350px !important;
    }

    .inner-desc{
        padding:0 15px;
    }

    .single-post-title{
        font-size:34px;
        line-height:1.2;
        letter-spacing:1px;
		padding:40px;
    }
}
.topSingleBkg{width:100%;
height:500px;
display:block;
overflow:hidden;
position:relative;
margin-bottom:18px;
}
.single-post-title{color:#ffffff;
font-size:108px;
letter-spacing:0.03em;}
.post-subtitle{color:#ffffff;
text-transform:uppercase;
opacity:0.9;}

.item-img{background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
	width:100%;
}

.item-img:before{content:'';
background:rgba(0,0,0,0.4);
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}

.inner-desc{ position: absolute;
    z-index: 4;
	text-align: center;
	padding:0 15px;
    width: 100%;
	top:50%;
	left:auto;
		-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
    transform:translate(0, -50%);
}

.inner-desc h1{line-height:1;
margin-bottom: -70px;
}

.inner-desc .post-meta li{color: #ffffff;
font-size:16px;
font-weight:400;
letter-spacing:0;
opacity: 0.9;}

.inner-desc .meta-categ a {
    color: #ffffff;
}

/* END HEADER PAGES */

.home-section{margin-bottom:30px; margin-top:20px;}
.home-section-b54{margin-bottom:54px;}
.parallax, .no-parallax  {
  background-repeat: repeat;
  background-position: center center !important;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.parallax{position:relative;
padding-top:108px;
padding-bottom:108px;
color: #ffffff;}
.parallax h2, .parallax h3, .parallax h4{color:#ffffff;}
.parallax:before {content: '';
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Parallax Backgrounds */

#home-content-2, #home-content-25, #home-content-33{background-image:url('images/home/parallax-bkg1.jpg');}
#home-content-4, #home-content-94, #home-content-115{background-image:url('images/home/parallax-2.jpg');}
#home-content-6, #home-content-27, #home-content-102, #home-content-104{background-image:url('images/home/testibg.png'); padding-top:30px; padding-bottom: 10px; }

#home-content-102{
	padding-top:81px;
padding-bottom:57px;
}

.section-bkg{padding-top:108px;
padding-bottom:108px;
background:var(--primary-color);}

.home-title{margin-bottom:48px;}
.width60{width:60%;
margin-left:auto;
margin-right:auto;}

.menuTab{margin:0;
margin-top:48px;
border:none;
justify-content:center;}
.menuTab .nav-item{font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;}
.menuTab .nav-link.active {
    color: var(--primary-color);
    background-color: none;
    border: none;
}
.menuTab .nav-link { border: none; 
padding:16px 24px;}


.menutab-6{
	display: flex;
	margin-top: 48px;
}

.menutab-6 .menuTab.nav{
	display: block;
}

.menutab-6 .menuTab{
	text-align: center;
	width: 25%;
	margin-top: 16px;
}

#menuTabContent {margin-bottom: -24px;}

.image-text{position:relative;
text-align:center;}
.title-holder{position:absolute;
top:50%;
	left:50%;
		-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.col-bkg{display:flex;
align-items:center;
background:#f5f5f5;
padding-top:24px;
padding-bottom:24px;}


/* Home Video */
.section-bkg-v1{
	background: #252525;
	margin-bottom: 0;
}

.video-intro{
	color:#ffffff;
	font-size: 24px;
}

.bkg-image-holder{
	display: flex;
}

.bkg-image{
	width: 100%;
	position:relative;
	    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.icon-holder2 i{
	font-size: 54px;
	color: var(--primary-color);
	margin-bottom: 24px;
}

.home-section-v6{
	margin-bottom: -108px;
}

/* HOME 8 */

.home-section-82{
	padding-right: 15px;
padding-left: 15px;
}

.home-section-82 .menu-img-v3 {
	width: 70%;
}

.col-c5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
	
	position: relative;
padding-right: 15px;
padding-left: 15px;
}

.img-bkg-color{
	background: var(--extra-color1);
	padding: 108px 0;
	text-align: center;
}

.img-bkg-color img{
	width: 50%;
}

/* HOME 10 */

.step-menu{
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid var(--headings-color);
}

.step-menu h2{
	font-size: 20px;
	font-weight: 700;
}

.step-menu-price{
	font-size: 32px;
	font-weight: 700;
	text-align: right;
}

.step-menu-img-holder{
	height: 400px;
	position: relative;
	text-align: center;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: transform 1s cubic-bezier(.3,1,.35,1) 0s;
-moz-transition: transform 1s cubic-bezier(.3,1,.35,1) 0s;
-o-transition: transform 1s cubic-bezier(.3,1,.35,1) 0s;
-ms-transition: transform 1s cubic-bezier(.3,1,.35,1) 0s;
transition: transform 1s cubic-bezier(.3,1,.35,1) 0s;
}

.step-menu-img-holder:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.step-menu-img{
height: 100%;
display: flex;
align-items: center;
justify-content: center;

background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}

.step-menu-img h3{
	color: #ffffff;
}

.step-menu-img a{
	position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.home-section-106{
	margin-bottom: -108px;
}

.section-106-left{
	background: var(--extra-color2);
}

/* HOME 11 */

.background-img-overlay{
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
	
	background-position: center center;
background-repeat: no-repeat;
background-size: auto;
opacity: 0.3;
}

.background-img-overlay-tl{
	background-position: top left;
}

.background-img-overlay-br{
	background-position: bottom right;
}

.bkg-rotate45{
	-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.section-111-2{
	padding: 32px 15px;
	position: relative;
}


/*************************************

4. MENU

************************************/


.food-menu{margin:0; font-size:0;
list-style:none;
margin-top:32px;}
.food-menu li{font-size:16px;
margin-bottom:24px;
padding-bottom:24px;
border-bottom:1px dotted #999999;}
.food-menu li h4,
.food-menu-v2 li h4{font-size: 16px;
padding-right: 80px;
position: relative;
margin-bottom: 8px;
font-weight: 700;
letter-spacing: 0.03em;}

.menu-price {position: absolute;
    top: 0;
    right: 0;
}
.menu-text {font-size: 14px;
    font-style: italic;
}

.menu-2cols {
display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 54px;
}

.menu-3cols {
display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 54px;
}

.food-menu li{-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;}

/* menu accordion */

.our-menu{padding:0;
margin:0;
margin-top:24px;}
.our-menu li{list-style:none;}
.our-menu li:last-child{margin-bottom:0px;}
.menu-title-section{font-size: 28px;
font-weight:700;
border-bottom: 1px solid var(--headings-color);
letter-spacing: .05em;
padding: 24px;
text-transform:uppercase;
cursor:pointer;
}
.menu-title-section:before {
    content: "\f067";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
	font-weight:700;
	font-size:14px;
    margin-right: 16px;
	vertical-align: middle;
}
.menu-title-section a{color:var(--headings-color);}
.menu-title-section.active, .menu-title-section:hover{color:var(--primary-color);}
.menu-title-section.active:before{ content: "\f068";
color:var(--primary-color);}
.menu-title-section.active a, .menu-title-section:hover a, .menu-title-section:hover:before{color:var(--primary-color);}

.menu-section{padding:0 24px 24px 24px;}


/* end menu accordion */

.image-container{background-repeat: no-repeat;
background-size: cover;
padding: 15px 15px 15px 15px;
text-align:center;}

/* menu with images */

.menu-img-holder{
	display: flex;
	margin-bottom: 48px;
	align-items: center;
}

.menu-img-holder2{
	display: block;
	text-align: center;
}

.menu-img{
	margin-right: 16px;
	width: 25%;
}

.menu-img-holder2 .menu-img{
	width: 120px;
	margin: 0 auto 16px auto;
}

.menu-img img {
    border-radius: 99em;
}

.menu-img-content{
	width: 75%;
}

.menu-img-holder2 .menu-img-content{
	width: auto;
}

.menu-img-title{
	font-size: 20px;
font-weight: 700;
margin-bottom: 8px;
}

.menu-img-desc span {
    display: block;
    margin-top: 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
}

.menu-category{
	margin-bottom: 48px;
	border-bottom: 1px solid var(--headings-color);
	text-align: center;
}

/* menu v2 */

.food-menu-v2{
	text-align: center;
	font-size: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 0;
}

.food-menu-v2:last-child {
    margin-bottom: -32px;
}

.menu-v2-2cols li{
	width: 50%;
	padding-left: 15px;
padding-right: 15px;
margin-bottom: 32px;
}

.menu-v2-3cols li{
	width: 33.333%;
	padding-left: 15px;
padding-right: 15px;
margin-bottom: 32px;
}

.menu-v2-1col li {
	width: 100%;
	padding-left: 0;
padding-right: 0;
margin-bottom: 32px;
}

.food-menu-v2 li h4{
	padding-right: 0;
}

.menu-v2-price {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .03em;
	margin-top: 8px;
}

/* menu with images v3 */

.menu-img-holder-v3{
	padding: 50px 30px 50px 30px;
	margin-bottom: 30px;
	background: var(--extra-color1);
	text-align: center;
	
	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform 1s cubic-bezier(.3,1,.35,1) 0s;
    -moz-transition: transform 1s cubic-bezier(.3,1,.35,1) 0s;
    -o-transition: transform 1s cubic-bezier(.3,1,.35,1) 0s;
    -ms-transition: transform 1s cubic-bezier(.3,1,.35,1) 0s;
    transition: transform 1s cubic-bezier(.3,1,.35,1) 0s;
}

.menu-img-holder-v3:hover {
    -webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

.menu-img-v3 {
    width: 50%;
    margin: 0 auto 16px auto;
}

.menu-img-v3 img{
	border-radius: 99em; 
}

.menu-price3 {
	font-size: 18px;
    margin-top: 24px;
    font-weight: 700;
    display: block;
    color: var(--headings-color);
}

.menu-11-bkg,
.menu-12-bkg{
	background-color: var(--extra-color1);
	padding: 54px 15px 54px 15px;
	height: 100%;
}

.menu-12-bkg{
	height: auto;
}

.menu-section-12-1{
	margin-top: -108px;
}

/*************************************

5. PAGES

************************************/

.page-holder h1, .page-holder h2{margin-bottom:48px;}
.page-holder h3, .page-holder h4, .page-holder h5, .page-holder h6{margin-bottom:24px;}

/** GALLERY **/

.gallery-container-fs{padding: 0 20px;}

.gallery-holder{display:flex;
flex-wrap:wrap;
margin:0 -10px -20px -10px;
}
.gallery-post{width: 33.33%;
height: 400px;
display: block;
overflow: hidden;
position: relative;
margin-bottom:20px;
padding:0 10px;
}

.gallery-post a{
position: relative;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}

.gallery-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
	
	-webkit-backface-visibility: hidden;
-webkit-transition: all 3s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -moz-transition: all 3s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -o-transition: all 3s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -ms-transition: all 3s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   transition: all 3s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}
.gallery-post:hover .gallery-img{
transform:scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
}

.gallery-img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}

.gallery-desc{
    position: absolute;
    z-index: 4;
    text-align: center;
    padding: 0 15px;
    width: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gallery-view{color:#ffffff;
font-size:36px;
opacity:0;
-ms-transform: translateY(30px);
-webkit-transform: translateY(30px);
transform:translateY(30px);}

.gallery-post:hover .gallery-view{opacity:1;
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform:translateY(0px);}

.gallery-4cols .gallery-post{width:25%;}

/** TEAM **/

.team-member{margin-bottom:54px;}
.team-img{margin-bottom:24px;
text-align:center;}
.team-img img{margin:0 auto;}
.team-title{font-size:24px;
margin-bottom:0px;}
.team-desc{text-align:center;}
.team-desc .smalltitle{font-size:14px;
letter-spacing:0;
margin-bottom:24px;}


/** RESERVATION **/

.reserve-holder{margin-top:48px;}
.reserve-holder .comm-field, .contact-holder .comm-field{ margin-bottom:24px; }

/** CONTACT **/

.contact-icon{font-size: 24px;
padding: 32px;
color:var(--primary-color);
border: 2px solid var(--primary-color);
border-radius: 50%;
display:inline-block;
text-align:center;
line-height:1;
}

.contact3-info{
    margin-top: -108px;
    margin-bottom: 72px;
    padding: 48px 0px 48px 0px;
	color: #ffffff;
	background-color: var(--headings-color);
}

.contact3-info .widgettitle{
	color: #ffffff;
}

.contact4-box{
	background-color: var(--headings-color);
	padding: 32px;
	color: #ffffff;
}

.contact4-box .social-media{
	margin-top: 32px;
}

.contact4-box .social-media li a{
	color: var(--primary-color);
}

/** About Us **/
========================= */

@media(max-width:991px){

    .aboutme-24{
        padding:70px 0;
    }

    .aboutme-24 h2{
        font-size:40px;
    }

    .mobile-margin-b32{
        margin-bottom:30px;
    }

    .mobile-alignl{
        text-align:center;
    }
}

/* =========================
   MOBILE
========================= */

@media(max-width:575px){

    .aboutme-24{
        padding:60px 0;
        text-align:center;
    }

    .aboutme-24 .container{
        padding:0 20px;
    }

    .aboutme-24 .smalltitle{
        font-size:12px;
        letter-spacing:1px;
    }

    .aboutme-24 h2{
        font-size:30px;
        line-height:1.3;
    }

    .mobile-margin-b32{
        margin-bottom:25px;
    }

    .mobile-alignl{
        text-align:center;
    }

    .view-more{
        width:100%;
        max-width:260px;
        text-align:center;
        padding:14px 20px;
        font-size:14px;
    }
}
.aboutme-21{
	margin-top: -70px;
}

.aboutme-24{
	background-color: var(--extra-color2);
	padding: 72px 0;

}

.about-us-3{
	margin-bottom: 36px;
}

.icon-box-holder{
	display: flex;
}

.icon-box-img{
	flex: 0 0 auto;
	color: var(--primary-color);
	font-size: 28px;
	margin-right: 16px;
}	

.icon-box-content{
	flex: 1 1 0;
}

/** Pricing **/

.price-box{
	background: #f7f8fa;
	padding: 54px;
	text-align: center;
}
.price-title{
font-size: 24px;
font-weight: 800;
}

.price-amount{ font-size: 72px; }
.price-features{ list-style: none;
margin: 48px 0;}
.price-features li{
	margin-bottom: 16px;
}
.price-features li:last-child{
	margin-bottom: none;
}

.font24{
	font-size: 24px;
}

/** FAQ **/

.faq-section-3{
	padding: 81px 0;
	background: #f7f8fa;
	margin-bottom: -108px;
}

.testimonial-content{
	font-style: italic;
	margin-bottom: 24px;
}

.testimonial-job{
	font-size: .85em;
}

/* testimonials 2 */

.testimonial-2{
	padding: 32px;
	background: #ffffff;
	color: var(--body-color);
	text-align: center;
}

.testimonial-text2{
	font-style: italic;
}

.testimonial-img-holder2{
	display: flex;
	align-items: center;
	margin-top: 24px;
	justify-content: center;
}

.testimonial-img2{
	width: 70px;
	margin-right: 16px;
}

.testimonial-img2 img{
	border-radius: 99em;
}

.img-round{
    -webkit-mask-image: url('images/icons/circle.svg' );
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
	
	mask-image: url('images/icons/circle.svg' );
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}


/*************************************

6. BLOG

************************************/

.posts-holder{padding-right:35px;}
.posts-holder-push-right{order:2;
padding-right:0;
padding-left:35px;}

.blog-item{margin-bottom:72px;}
.home-blog-grid .blog-item { margin-bottom: 0; }

.blog-item .post-image img, .blog-item .list-image{-webkit-backface-visibility: hidden;
-webkit-transition: all 3s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -moz-transition: all 3s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -o-transition: all 3s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -ms-transition: all 3s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   transition: all 3s cubic-bezier(0.25, 1, 0.35, 1) 0s;}
.blog-item:hover .post-image img, .blog-item:hover .list-image{
transform:scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
}

.post-image{margin-bottom:24px;
overflow:hidden;}

.article-title{font-size:36px;
margin:8px 0 24px 0;}

.post-meta{margin:0;
font-size:0;
list-style:none;
}
.post-meta li{display:inline-block;
font-size:12px;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #999999;}

.meta-categ a{color: #999999;}
.meta-categ a:hover{color: var(--primary-color);}

.meta-categ:before{display: inline-block;
width: 10px;
height: 2px;
margin: 0 8px;
content: '';
vertical-align: middle;
background: var(--primary-color);}

.post-meta li.meta-sticky{background:var(--primary-color);
padding:3px 8px;
margin-left:8px;
color:#ffffff;
text-transform:uppercase;}

.post-holder .view-more{margin-top:36px;}

/*** BLOG GRID ***/

.blog-item-2col-grid .article-title{font-size:32px;}
.blog-item-3col-grid .article-title{font-size:28px;}

/*** END BLOG GRID ***/

/*** BLOG LIST ***/

.blog-item-1col-list{display:flex;
align-items:center;}
.blog-item-1col-list .post-image{width:40%;
height: 400px;
overflow:hidden;
margin-bottom:0;}

.blog-item .list-image{
background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	width:100%;
	height:100%;
	
}

.blog-item-1col-list .post-holder{width:60%;
padding-left:36px;
margin-top:0;}
.blog-item-1col-list .article-title{font-size:32px;}
.blog-item-1col-list .post-holder-noimg{width:100%;
padding:0;
}
.blog-item-1col-list:last-child { margin-bottom: 0; }

/*** END BLOG LIST ***/

.author-single-page{margin-top:72px;}
.author-avatar{display: block;
    float: left;
}
.author-avatar img{border-radius:99em;}
.author-content{margin-left:130px;}
.author-single-page h4{font-size: 24px;
    font-weight: 500;
    margin-bottom: 8px;}
.author-content .social-media{margin-top:8px;}

.meta-nav-holder{margin-top:72px;
align-items:center;}
.meta-nav{padding:0 15px;}
.meta-nav .widgettitle{margin-bottom: 4px;
font-size:11px;}
.meta-nav a{display:block;
color:var(--headings-color);}
.meta-nav a:hover{color:var(--primary-color);}
.meta-nav-subtitle{font-size: 16px;
    font-style: italic;
}
.pn-holder{display:flex;
align-items:center;}
.pn-img{width: 80px;
height: 0;
flex: 0 0 auto;
margin-right: 15px;
overflow: hidden;
border-radius: 99em;
position: relative;
padding-bottom: 80px;}
.pn-img img{object-fit: cover;
    object-position: center top;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
}

.pn-desc h3{font-size:18px;}

.meta-nav-right .pn-holder{justify-content:flex-end;
text-align:right;}
.meta-nav-right .pn-img{margin-left:15px;
margin-right:0px;}

.comm-title .widgettitle, .comment-reply-title{margin-top:72px;}

.output2{margin-top:24px;
border:1px solid #ff0000;
padding:7px;
color:#ff0000;}

.antispam{ display:none;}

.comm-send{margin-top:36px;}

/**** COMMENTS STYLES*****/
.commentlist { margin: 0 }
.commentlist > li { list-style: none; margin: 0;
margin-top:24px;}
.commentlist > li ul.children li{ list-style: none;}
.children li.depth-2 { margin: 0 0 0px 63px }
.children li.depth-3 { margin: 0 0 0px 63px }
.children li.depth-4 { margin: 0 0 0px 63px }
.children li.depth-5 { margin: 0 0 0px 63px }
.children li.depth-6 { margin: 0 0 0px 63px }
.children li.depth-7 { margin: 0 0 0px 63px }
.children li.depth-8 { margin: 0 0 0px 63px }
.children li.depth-9 { margin: 0 0 0px 63px }
.children li.depth-10 { margin: 0 0 0px 63px }
.comment-body {margin-bottom: 32px;}
.comment-details{ position: relative; margin-left: 72px }
.comment-avatar{ position: absolute; left: -72px; top:0 }
.comment-avatar img{ display: block;
border-radius:50%;}

.comment-author .author a, .comment-author .author a:visited {border:none;}
.comment-author span, .comment-author .author a{color:var(--headings-color);
font-size:18px;
margin-right:10px;
font-style:normal;}
.comment-author .author a:hover{}
.comment-content p:last-child{ margin: 0; }
.comment-author span.comment-date { font-size: 12px; font-weight: normal;
font-style:italic;
color:#999999;}
.comment-text { margin-top: 16px; }
.reply{margin-top:8px;}
.comment-reply-link{font-size: 14px;
letter-spacing: 0.05em;
font-weight: 400;
color: var(--headings-color);
text-transform: lowercase;
padding-bottom: 4px;
border-bottom:1px solid var(--headings-color);
}
#cancel-comment-reply-link{font-size:11px;}
.commentlist .children { margin: 0 }
#comments_wrap { margin-top: 16px }
#cancel-comment-reply { float: right; margin-top: 16px; }
.comment-reply-title small{display:block;
margin-bottom:8px;}

.pingback .comment-details { margin-left: 0; }
.pingback .comment-avatar {display:none; }

input::-ms-clear {display: none;}

@-ms-viewport{width:auto;}

/**** END COMMENTS STYLES*****/


/* SIDEBAR */
aside ul, footer ul, .widget_recent_entries ul{margin:0;
padding:0;
list-style:none;}

aside > ul > li{margin-top:36px;}
aside > ul > li:first-child{margin-top:0;}

aside .screen-reader-text, .foo-block .screen-reader-text {display:none;}

aside table, aside table caption, .foo-block table, .foo-block table caption{margin-bottom:0;}
aside table caption, .foo-block table caption{padding-bottom:0;}

.widgettitle, .smalltitle, .comment-reply-title{color:var(--headings-color);
font-weight: 500;
font-size: 16px;
letter-spacing: 0.15em;
margin-bottom:32px;
text-transform:uppercase;
}

.icon-title{margin-bottom:24px;}

.smalltitle{color:var(--primary-color);
position:relative;
padding:0 16px;
display:inline-block;}
.smalltitle:before, .smalltitle:after{content:'';
position:absolute;
width:10px;
height:2px;
background:var(--primary-color);
left:0;
top:50%;
transform:translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.smalltitle:after{left:auto;
right:0;}

aside .instagram-pics, footer .instagram-pics{text-align:center;}
aside .instagram-pics li, footer .instagram-pics li{display:inline-block;margin:0px 7px 7px 0px;}
aside .instagram-pics li img, footer .instagram-pics li img{width:80px;height:80px;}	

.textwidget img{display: block;
    height: auto;
    max-width: 100%;}
.textwidget select { width: 100%; }

.search-string{padding:12px;
width:100%;
border:1px solid #e0e0e0;
}

.tagcloud a, .tags-single-page a{
    display: inline-block;
    font-size: 11px !important;
    color: var(--headings-color);
    background: #f2f2f2;
    padding: 6px 12px;
    text-align: center;
    margin: 0 3px 7px 0;}

.tagcloud a:hover, .tags-single-page a:hover{
background:var(--primary-color);
color:#ffffff;
text-decoration:none;}

.tags-single-page{margin-top:36px;}

.widget ul li, .widget_recent_entries li, .widget_archive li, .widget_categories li{margin-bottom: 16px;
line-height: 1.4;}
.widget_categories ul.children, .widget_pages ul.children, .widget_nav_menu .sub-menu{padding-top:16px;
margin-left:16px;}
.widget_recent_entries li:last-child, .widget_archive li:last-child, .widget_categories li:last-child{margin-bottom:none;}

aside table th, .foo-block table th, aside table td, .foo-block table td{ padding:8px;}

/* END SIDEBAR */


/*************************************

7. FOOTER

************************************/

footer{padding:81px 0 32px 0;
margin-top:30px;
background:var(--footer-background-color);}

footer, footer a, .footer-social li a{color:var(--footer-color);}

.foo-block, .widget-footer{margin-bottom:36px;}
.foo-block .widgettitle{ color:var(--footer-title-color); }

.copyright{margin-top:18px;
display:flex;}

.footer-copy{font-size:12px;
letter-spacing:1px;
flex:1 1 auto;}

.footer-social{text-align:right;}

/*************************************

8. BACKGROUND IMAGES

************************************/

/* Home Slider */
.slide-1{background-image:url('https://nilanktech.net/test/athidhi/wp-content/uploads/2026/05/DSC09662.jpg');}
.slide-2{background-image:url('https://nilanktech.net/test/athidhi/wp-content/uploads/2026/05/restuorant.jpg');}
.slide-3{background-image:url('https://nilanktech.net/test/athidhi/wp-content/uploads/2026/05/DSC02787.jpeg');}


/* Top Pages Image */
.top-menu-1col, .top-menu-2col, .top-menu-3col, .top-menu-acc, .top-menu-5{background-image:url('images/pages-top/menu-img.jpg');}
.top-reservation{background-image:url('images/pages-top/reservation-page.jpg');}
.top-blog-classic, .top-blog-list, .top-blog-grid-2cols, .top-blog-grid-3cols, .top-blog-single-page{background-image:url('images/pages-top/blog-img.jpg');}
.top-team-2cols, .top-team-3cols, .top-team-4cols{background-image:url('images/pages-top/team-page.jpg');}
.top-gallery-3cols, .top-gallery-3cols-fs, .top-gallery-4cols, .top-gallery-4cols-fs{background-image:url('images/pages-top/reservation-page.jpg');}
.top-contact{background-image:url('images/pages-top/contact-us.jpg');}

.topPageCustomH{height:450px;}

/** Gallery Images **/
.gallery-img1{background-image:url(images/blog/blog9.jpg);}
.gallery-img2{background-image:url(images/blog/blog2.jpg);}
.gallery-img3{background-image:url(images/blog/blog4.jpg);}
.gallery-img4{background-image:url(images/blog/gal-12.jpg);}
.gallery-img5{background-image:url(images/blog/blog7.jpg);}
.gallery-img6{background-image:url(images/blog/blog8.jpg);}
.gallery-img7{background-image:url(images/blog/blog5.jpg);}
.gallery-img8{background-image:url(images/blog/blog6.jpg);}
.gallery-img9{background-image:url(images/blog/blog11.jpg);}
.gallery-img10{background-image:url(images/blog/blog3.jpg);}
.gallery-img11{background-image:url(images/blog/gal-10.jpg);}
.gallery-img12{background-image:url(images/blog/gal-11.jpg);}

/* Menu 5 Page */

.menu5-img1{background-image: url('images/home/small-img3.jpg');}
.menu5-img2{background-image: url('images/home/small-img2.jpg');}
.menu5-img3{background-image: url('images/home/small-img1.jpg');}
.menu5-img4{background-image: url('images/home/small-img3.jpg');}

/* Blog List Page */
.list-image1{background-image:url('images/blog/blog9.jpg');}
.list-image2{background-image:url('images/blog/blog8.jpg');}
.list-image3{background-image:url('images/blog/blog11.jpg');}
.list-image4{background-image:url('images/blog/blog2.jpg');}
.list-image5{background-image:url('images/blog/blog4.jpg');}
.list-image6{background-image:url('images/blog/blog7.jpg');}
.list-image7{background-image:url('images/blog/blog3.jpg');}
.list-image8{background-image:url('images/blog/blog5.jpg');}
.list-image9{background-image:url('images/blog/blog6.jpg');}


/*************************************

9. OTHER

************************************/

.page-home{padding-left:15px;
padding-right:15px;}
.hometitle{font-size:36px;}
.white{color:#ffffff;}
.white:before, .white:after{background:#ffffff;}

.single-post-content img, .custom-page-template img{ 
    }
.single-post-content h1, .single-post-content h2, .single-post-content h3, .single-post-content h4, .single-post-content h5, .single-post-content h6{margin-bottom:12px;}	

/* comments + contact fields */
.comm-field, .contact-field, #msg-contact {width:100%;
padding:16px;
border:none;
background: #f2f2f2;
margin-bottom:8px;
}
.post-password-form label input{padding:12px;
border:none;
background: #f2f2f2;
margin-left:8px;
}

.form-submit{text-align:right;}
.form-submit{margin-bottom:0px;}

.comm-title-2 .section-title{margin-top:28px;}

.contact-field{margin-bottom:24px;}

#submit{padding:16px 24px;}

.submit{margin-top:24px;}

.view-more, #submit, .white-btn, #submit-contact{font-size: 13px;
    letter-spacing: 0.15em;
	font-weight:600;
	display:inline-block;
	color:#ffffff;
	border:2px solid var(--primary-color);
 text-transform: uppercase;
padding:16px 24px;
background:var(--primary-color);
cursor:pointer;
}

.view-more:hover, #submit:hover, #submit-contact:hover{color:var(--primary-color);
border:2px solid;
background:none;
}

.white-btn{background:none;
color:#ffffff;
	border:2px solid #ffffff;}

.white-btn:hover{color:var(--headings-color);
	border:2px solid #ffffff;
	background:#ffffff;}

.btn-header	.view-more{color:var(--headings-color);
background:#ffcb31
;
border-color:#ffffff;
margin-top:0;}
.btn-header	.view-more:hover{background:none;
border-color:#ffffff;
color:#ffffff;}

.slider-btn{font-size: 13px;
    letter-spacing: 0.15em;
	font-weight:600;
	display:inline-block;
	color:#ffffff;
	text-transform: uppercase;
	border-bottom:2px solid #ffffff;
	padding-bottom: 4px;}
.slider-btn:hover{border-bottom:2px solid var(--primary-color);}	


/*** PREV-NEXT PAGE NAVIGATION ***/

.prev-next{}
.prev-next, .page-links{text-align:center;
font-size:0;}
.page-numbers, .nav-page a, .page-links a, .post-password-form input[type="submit"]{color:#ffffff;
border: 2px solid var(--primary-color);
background: var(--primary-color);
padding: 8px 16px;
margin: 0 8px;
font-size:13px;
font-weight:600;
text-transform:uppercase;
text-decoration:none;
display:inline-block;
letter-spacing: 0.15em;
} 

.current-page, .page-numbers:hover, .nav-page a:hover, .page-links a:hover, .post-password-form input[type="submit"]:hover{color:var(--primary-color);
background:none !important;
border: 2px solid;}

.page-links{margin-top:32px;}
.page-links a, .post-password-form input[type="submit"]{margin:0;
margin-right:12px;
padding: 12px 24px;}

.post-password-form input[type="submit"]{ vertical-align: top;
margin-left: 8px;
cursor:pointer;}

.topPage404{height:450px;}
.error-404{text-align:center;}


/*flexible embeds*/
.video-widget {
	position: relative;
	padding: 0;
	padding-bottom: 56.25%; /* 16:9 ratio*/
	height: 100%;
	overflow: hidden;
}

.gmaps {
	position: relative;
	padding: 0;
	height: 600px;
	overflow: hidden;
}
.gmaps iframe{border:none;}

.gmaps-contact{height:300px;}

.gmaps-contact3{
	height: 350px;
	margin-bottom: -108px;
}

.gmaps-contact4{
	height: 350px;
	margin-top: -108px;
	margin-bottom: 108px;
}

.gmaps-homevideo{height:720px;}

.video-widget iframe, .gmaps iframe {
	position: absolute;
	top: auto;
	left: 0;
	width: 100%;
	height: 100%;
}

.scrollup{display:none;}
.scrollup i {
width:30px;
height:30px;
position: fixed;
background:var(--headings-color);
color:#ffffff;
border-radius: 50%;
bottom: 20px;
right: 20px;
text-align: center;
padding-top:6px;
cursor: pointer;
z-index: 110;
}

.nf-text{margin:24px 0;}


/* Owl Carousel Default Nav */
.owl-carousel{ cursor: -webkit-grab; cursor: -moz-grab; }
.owl-carousel.owl-grab{cursor: -webkit-grabbing; cursor: -moz-grabbing;}

  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 5px; }

.owl-theme .owl-dots {
    position: absolute;
    right: 0;
	left:0;
    text-align: center;
    bottom: 0px;
    z-index: 100;
    width: auto;
    z-index: 20;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
  .owl-theme .owl-dots .owl-dot {
  margin:0px 8px;
    zoom: 1;
    display: inline-block; }
    .owl-theme .owl-dots .owl-dot span {
      width: 7px;
      height: 7px;
      background: #ffffff;
      display: block;
       border-radius: 99em; 
	   opacity: 0.8;
	   
	  -webkit-backface-visibility: visible; 
	   -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -moz-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -o-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -ms-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	   
	   }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #ffffff;
	  opacity: 1;
	   -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
	  transform: scale(1.8);
	   }
	   
.testimonial-slider .owl-dots{position:relative;}

.testimonial-info{color:#ffffff;}
.testimonial-info h4{font-size:28px;
font-style:italic;
color:#ffffff;
text-align:center;
margin-bottom:48px;}
.testimonial-info div{text-align:center;
font-style:normal;
font-size:14px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
padding-top:16px;
position:relative;}
.testimonial-info div:before {
    background: #ffffff;
    content: "";
    position: absolute;
    height: 1px;
    left:50%;
    top: 0px;
    width: 50px;
	margin-left:-25px;
}
.testimonial-info span{text-align:center;
font-style:normal;
font-size:12px;
display:block;}

.fs-bkgcolor .testimonial-desc, .fs-bkgcolor .testimonial-info span, .parallax-content .testimonial-desc, .parallax-content .testimonial-info span{ color:#ffffff; }
.fs-bkgcolor .testimonial-info h5, .fs-bkgcolor h4, .parallax-content .testimonial-info h5, .parallax-content h4{color:#ffffff;}
.fs-bkgcolor .testimonial-info h5:before, .fs-bkgcolor .testimonial-slider .owl-dots .owl-dot span, .fs-bkgcolor .testimonial-slider .owl-dots .owl-dot.active span, .parallax-content .testimonial-info h5:before, .parallax-content .testimonial-slider .owl-dots .owl-dot span, .parallax-content .testimonial-slider .owl-dots .owl-dot.active span {background: #ffffff;}

#testimonial-black .testimonial-info,
#testimonial-black .testimonial-info h4{
	color: var(--headings-color);
}

#testimonial-black .owl-dots .owl-dot span,
#testimonial-black .owl-dots .owl-dot.active span,
#testimonial-black .owl-dots .owl-dot:hover span{
	background: var(--headings-color);
}

/*************************************

MAGNIFIC POPUP

************************************/	

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.9; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
	
/*************************************

END MAGNIFIC POPUP

************************************/

.padding-lr32{padding-left: 32px; 
padding-right: 32px;}

.padding-tb54{padding-top:54px;padding-bottom:54px;}
.padding-tb48{padding-top:48px;padding-bottom:48px;}
.padding-tb32{padding-top:32px;padding-bottom:32px;}
.padding-tb24{padding-top:24px;padding-bottom:24px;}
.padding-tb81{padding-top:81px;padding-bottom:81px;}
.padding-tb108{padding-top:108px;padding-bottom:108px;}
.margin-tb54{margin:54px 0;}
.margin-tb36{margin:36px 0;}
.margin-tb24{margin:24px 0;}
.margin-t54{margin-top:54px;}
.margin-t36{margin-top:36px;}
.margin-t32{margin-top:32px;}
.margin-t24{margin-top:24px;}
.margin-t16{margin-top:16px;}
.margin-b108{margin-bottom:108px;}
.margin-b72{margin-bottom:72px;}
.margin-b54{margin-bottom:54px;}
.margin-b48{margin-bottom:48px;}
.margin-b36{margin-bottom:36px;}
.margin-b32{margin-bottom:32px;}
.margin-b24{margin-bottom:24px;}
.margin-b16{margin-bottom:16px;}
.margin-none{margin:0;}
.padding-none{padding:0;}
.img-center{margin:0 auto;}	

.margin-l54{margin-left:54px;}
.margin-r54{margin-right:54px;}

.margin-tn-30{ margin-top: -30px; }

/* Placeholder text color */

::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: var(--headings-color);
}

:-moz-placeholder { /* Firefox 18- */
  color: var(--headings-color);
}

::-moz-placeholder { /* Firefox 19+ */
  color: var(--headings-color);
}

:-ms-input-placeholder { /* IE 10+ */
  color: var(--headings-color);
}

::-ms-input-placeholder { /* Edge */
  color: var(--headings-color);
}

:placeholder-shown { /* Standard one last! */
  color: var(--headings-color);
}

/* ELEMENTOR */

.elementor-widget-heading .elementor-heading-title{line-height:1.5em;}
.icon-circle .elementor-icon {color:var(--primary-color);
border-color:var(--primary-color);}

.elementor-widget-tabs .elementor-tabs-wrapper{text-align:center;}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title { display: inline; }
.elementor-widget-tabs .elementor-tab-content{padding:15px;}
.elementor-widget-tabs .elementor-tab-title:hover, .elementor-widget-tabs .elementor-tab-title.elementor-active{color:var(--primary-color);}

.elementor-accordion .elementor-accordion-item, .elementor-accordion .elementor-tab-content{border:none;}
.elementor-accordion .elementor-tab-title{font-size:28px;
border-bottom: 1px solid var(--headings-color);
letter-spacing: 0.05em;
padding: 30px 20px;}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon{display:inline-block;
font-size:16px;}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left{float:none;}
.elementor-accordion .elementor-tab-title:hover, .elementor-accordion .elementor-tab-title.elementor-active{color:var(--primary-color);}


/*************************************

MEDIA QUERIES

************************************/
@media (min-width: 768px) { .container, .elementor-section.elementor-section-boxed > .elementor-container{ max-width: 708px; } }
@media (min-width: 992px) { .container, .elementor-section.elementor-section-boxed > .elementor-container{ max-width: 930px; } }
@media (min-width: 1024px) { .container, .elementor-section.elementor-section-boxed > .elementor-container{ max-width: 960px; } }
@media (min-width: 1200px) { 

.container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1140px; }

.parallax{ background-attachment: fixed !important;}

 }
@media (min-width: 1500px) {
	
.container, .elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}

.inner-desc{ position: absolute;
    z-index: 4;
	text-align: center;
	padding:0 15px;
    width: 60%;
	top:50%;
	left:50%;
		-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

}


@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
	
/* menu */

.nav-holder,
.header5-left{display:none;}
.nav-button-holder {display:block;}

.headerHolder5.nav-fixed-top .header-5{
	display: flex;
}
	
.headerHolder,
.header-5{padding: 15px;
}

.logo{flex: 1 1 auto;
text-align:right;}

.btn-header{display:none;}
.header-1 .nav-button-holder{
	flex: 1 1 0;
}

.logo{
	text-align: center;
}

/* end menu */

.menu-v2-3cols li{
		width: 50%;
	}

.col-c5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.order1 { order: 1; }
.order2 { order: 2; }

.bkg-image,
.gmaps-homevideo{
	height: 400px;
}

.menutab-6{
	display: block;
}

.menutab-6 .menuTab.nav{
	display: flex;
}

.menutab-6 .menuTab{
	text-align: center;
	width: auto;
	margin-top: 0;
}

.margin-l54{margin-left:0;}
.margin-r54{margin-right:0;}
.margin-tn-30{ margin-top: 0; }

}


@media (min-width: 768px) and (max-width: 979px) { 


.blog-item-1col-list {display: block;}
.blog-item-1col-list .post-image {width: 100%;
height: 300px;
margin-bottom: 24px;}
.blog-item-1col-list .post-holder { width: 100%;
padding-left: 0;}

.gallery-post, .gallery-4cols .gallery-post{width: 50%;
height: 300px;}

.width60{width:100%;
margin-left:0;
margin-right:0;}

}

@media (max-width: 767px) {
	
.container { max-width: 100%; }	

h1{font-size:1.7em;}	
h2{font-size:28px;}
h3{font-size:1.4em;}
h4{font-size:1.3em;}
h5{font-size:1.1em;}
h6{font-size:1.0em;}
blockquote { font-size: 1.2rem; }

.header-1 .nav-button-holder,
.nav-button-holder-7 {
    flex: 1 1 0;
}


#header-4{
	top: 24px;
}

.slider-caption h2, .single-post-title{font-size:54px;}

.inner-desc h1{word-wrap: break-word;}

.width60{width:100%;
margin-left:0;
margin-right:0;}
.icon-holder, .image-text{margin-bottom:48px;}

/* blog */

.posts-holder-push-right{order:0;}
.posts-holder,
.posts-holder-push-right,
.aboutme-21{
	padding-left:15px;
	padding-right:15px;
}
aside, .blog-post-single aside{margin-top:48px;}
.article-title, .blog-item-2col-grid .article-title, .blog-item-3col-grid .article-title, .blog-item-1col-list .article-title{font-size:28px;}

.blog-item-1col-list {display: block;}
.blog-item-1col-list .post-image {width: 100%;
height: 300px;
margin-bottom: 24px;}
.blog-item-1col-list .post-holder { width: 100%;
padding-left: 0;}

.home-blog-grid .blog-item { margin-bottom: 48px; }
.home-blog-grid .row .col-md-4:last-of-type .blog-item{margin-bottom: 0px;}

/* end blog */

.gallery-container-fs{padding: 0 15px;}
.gallery-post, .gallery-4cols .gallery-post{width: 100%;
height: 300px;}

.menu-2cols,
.menu-3cols {
grid-template-columns: repeat(1,1fr);
grid-column-gap: 0px;
}
	
.copyright{display:block;}
.footer-copy{margin-bottom:16px;}
.footer-social{text-align:left;}	

.testimonial-info { padding: 0 15px; }
.testimonial-info h4{ font-size: 24px; }

.meta-nav-right{margin-top:24px;}

.page-numbers{margin-bottom:24px;}

/* Home Sections*/



.margin-none{margin:0;}

.menuTab {justify-content: left;
    margin-left: -16px;
}
.menuTab .nav-link {padding:16px;}

/*comments*/
	.children { margin: 28px 0 0; }
	.children li.depth-2,
	.children li.depth-3,
	.children li.depth-4,
	.children li.depth-5,
	.children li.depth-6,
	.children li.depth-7,
	.children li.depth-8,
	.children li.depth-9,
	.children li.depth-10 { margin: 0 }

.mobile-margin-b24{ margin-bottom:24px;}
.mobile-margin-b32{ margin-bottom:32px;}
.mobile-margin-b48{ margin-bottom:48px;}
.mobile-margin-b54{margin-bottom:54px;}
.mobile-margin-b72{margin-bottom:72px;}
.mobile-padding-tb48{padding-top:48px;padding-bottom:48px;}

.mobile-alignc{text-align:center;}
.mobile-alignl{text-align:center;}

.mobile-order1 { order: 1; }
.mobile-order2 { order: 2; }

.step-menu-price{
	text-align: left;
	margin-top: 12px;
}

}

@media (max-width: 568px) {
	
	.page-links a{margin-bottom:16px;}
	
	.col-c5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
	
}

@media (max-width: 480px) {
	
	.post-password-form label input, .post-password-form input[type="submit"]{display:block;
margin-left:0;margin-top:8px;}

 }

   .food-menu li:nth-child(n+5) {
    display: none;
}

.view-more-wrap {
    text-align: center;
    margin-top: 30px;
}

.view-more-btn {
    background: #487537;
    color: #fff;
    padding: 10px 25px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 1px;
}

.view-more-btn:hover {
    background: #000;
}
/* ===== MOBILE RESPONSIVE CSS ===== */

@media (max-width: 991px) {

    .slider-container,
    .slider-post,
    .slider-img {
        height: 90vh;
    }

    .slider-caption {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        padding: 0 25px;
        z-index: 2;
    }

    .slider-text {
        max-width: 100%;
        text-align: center;
    }

    .intro-txt {
        font-size: 14px;
        letter-spacing: 3px;
        margin-bottom: 10px;
    }

    .slider-text h2 {
        font-size: 42px;
        line-height: 1.1;
        margin-bottom: 15px;
    }

    .hero-text {
        font-size: 16px !important;
        line-height: 1.7;
        margin-bottom: 20px;
        padding: 0 10px;
    }

    .slider-btn {
        display: inline-block;
        padding: 12px 28px;
        font-size: 14px;
    }

    .slider-img {
        background-position: center center;
        background-size: cover;
    }
}


/* ===== SMALL MOBILE DEVICES ===== */

@media (max-width: 576px) {

    .slider-container,
    .slider-post,
    .slider-img {
        height: 80vh;
    }

    .slider-caption {
        padding: 0 18px;
    }

    .intro-txt {
        font-size: 12px;
        letter-spacing: 2px;
    }

    .slider-text h2 {
        font-size: 32px;
    }

    .hero-text {
        font-size: 14px !important;
        line-height: 1.6;
    }

    .slider-btn {
        padding: 10px 22px;
        font-size: 13px;
    }
}
/* Header ke niche banner spacing */



/* Mobile responsive */
@media (max-width: 768px) {
    
    .slider-container {
        margin-top: 80px;
    }

}
/* Mobile me header background black */

@media (max-width: 768px) {

    header,
    .site-header,
    .main-header {
        background: #487537 !important;
    }


/* ===== PREMIUM TESTIMONIAL SLIDER FIX ===== */

/* Same Height for all slides */
.testimonial-slider .owl-stage {
    display: flex;
}

.testimonial-slider .owl-item {
    display: flex;
    height: auto;
}

.testimonial-info {
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    border-radius: 20px;

    padding: 40px 35px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    width: 100%;
    min-height: 380px; /* same height */

    transition: all 0.3s ease;
}

/* Hover Effect */
.testimonial-info:hover {
    transform: translateY(-5px);
}

/* Text */
.testimonial-desc {
    font-size: 18px;
    line-height: 1.9;

    display: -webkit-box;
    -webkit-line-clamp: 8;   /* max lines */
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;
}

/* Client Name */
.testimonial-info div {
    margin-top: 25px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

/* Section spacing */
#home-content-6 {
    overflow: hidden;
}
}
/* ===== MOBILE ===== */

@media (max-width: 768px) {

    .testimonial-info {
        min-height: 320px;
        padding: 28px 22px;
        border-radius: 16px;
    }

    .testimonial-desc {
        font-size: 15px;
        line-height: 1.8;

        -webkit-line-clamp: 7;
    }

    .testimonial-info div {
        font-size: 17px;
        margin-top: 18px;
    }

}

/* ===== SMALL MOBILE ===== */

@media (max-width: 576px) {

    .testimonial-info {
        min-height: 290px;
        padding: 22px 18px;
    }

    .testimonial-desc {
        font-size: 14px;
        line-height: 1.7;

        -webkit-line-clamp: 6;
    }

}
@media (max-width:768px){

    #home-content-6
    {
    	height: 680px;
        /*min-height: 400px;*/
        padding: 70px 0;
    }

}
/* ===== FOOTER MOBILE RESPONSIVE CSS ===== */

@media (max-width: 768px) {

    footer {
        padding: 70px 0 25px;
    }

    .footer-widgets .row {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    footer .col-md-3 {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .foo-block {
        padding: 0 10px;
    }

    .foo-block img {
        max-width: 150px;
        margin: 0 auto 15px;
        display: block;
    }

    .widgettitle {
        margin-bottom: 18px;
    }

    .widgettitle span {
        font-size: 22px;
        line-height: 1.3;
    }

    .textwidget p,
    .textwidget li,
    .textwidget a {
        font-size: 15px;
        line-height: 1.9;
    }

    .textwidget ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .textwidget ul li {
        margin-bottom: 10px;
    }

    /* Copyright Section */
    .copyright {
        margin-top: 40px;
        padding-top: 25px;

        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 18px;
    }

    .footer-copy p {
        font-size: 14px;
        line-height: 1.7;
    }

    /* Social Icons */
    .footer-social {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;

        padding: 0;
        margin: 0;
        list-style: none;
        flex-wrap: wrap;
    }

    .footer-social li a {
        width: 42px;
        height: 42px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;
        font-size: 15px;
    }

}


/* ===== SMALL MOBILE ===== */

@media (max-width: 576px) {

    footer {
        padding: 60px 0 20px;
    }

    .widgettitle span {
        font-size: 20px;
    }

    .textwidget p,
    .textwidget li,
    .textwidget a {
        font-size: 14px;
        line-height: 1.8;
    }

    .footer-social li a {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

}
 * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

  

    /* main container to mimic the original layout but enhanced */
    .chef-section {
      max-width: 1400px;
      margin: 0 auto;
      padding: 60px 40px;
    }

    /* inner structure: replicates col-md-8 feel but fully responsive */
    .chef-content {
      max-width: 1100px;
      margin: 0 auto;
      background: #FFFFFFE6;   /* soft white with translucence, but solid elegant */
      border-radius: 32px;
      box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.02);
      padding: 48px 56px;
      transition: all 0.2s ease;
    }

    /* margin-l54 equivalent */
    .story-inner {
      width: 100%;
    }

    /* small title "Chef" — refined */
    .chef-label {
      font-size: 14px;
      letter-spacing: 3px;
      text-transform: uppercase;
      font-weight: 500;
      color: #487537;   /* warm terracotta / spice tone */
      margin-bottom: 16px;
      border-left: 3px solid #E7B348;
      padding-left: 14px;
      font-family: 'Inter', sans-serif;
    }

    /* main name heading */
    .chef-name {
      font-family: 'Cormorant Garamond', serif;
      font-size: 52px;
      font-weight: 600;
      color: #3A2A22;
      margin-bottom: 32px;
      letter-spacing: -0.3px;
      line-height: 1.2;
      border-bottom: 2px solid #F2E0C9;
      display: inline-block;
      padding-bottom: 8px;
    }

    /* contact row: phone, social, email — refined styling */
    .contact-row {
      display: flex;
      flex-wrap: wrap;
      gap: 32px;
      margin-bottom: 40px;
      border-bottom: 1px solid #F0E2D4;
      padding-bottom: 28px;
    }
    .contact-item {
      flex: 1;
      min-width: 160px;
    }
    .contact-item p {
      font-size: 15px;
      font-weight: 400;
      color: #6C4E3A;
      margin-bottom: 6px;
    }
    .contact-item b, .contact-item a {
      font-weight: 600;
      color: #487537;
      text-decoration: none;
      font-size: 16px;
      transition: color 0.2s;
    }
    .contact-item a:hover {
      color: #7F3E1A;
      text-decoration: underline;
    }
    /* social icons */
    .social-links {
      display: flex;
      gap: 20px;
      margin-top: 6px;
    }
    .social-links a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      background-color: #F7EDE3;
      border-radius: 50%;
      color: #487537;
      font-size: 18px;
      transition: all 0.25s;
      text-decoration: none;
    }
    .social-links a:hover {
      background-color: #E1B88C;
      color: #2E241F;
      transform: translateY(-2px);
    }

    /* tagline / introductory quote */
    .chef-quote {
      font-family: 'Cormorant Garamond', serif;
      font-size: 24px;
      font-weight: 500;
      line-height: 1.4;
      color: #4F3627;
      margin-bottom: 40px;
      background: #FEF7EF;
      padding: 24px 28px;
      border-radius: 28px;
      border-left: 6px solid #E7B348;
      font-style: normal;
    }

    /* two column story layout */
    .story-columns {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      margin-top: 12px;
    }
    .story-col {
      flex: 1;
      min-width: 260px;
    }
    .story-col p {
      font-size: 16px;
      line-height: 1.6;
      color: #3A2C24;
      margin-bottom: 22px;
      font-weight: 400;
    }

    /* highlighting the "Athidhi Devo Bhava" phrase */
    .sanskrit-motto {
      font-weight: 600;
      color: #487537;
      background: linear-gradient(120deg, #FFF1E4, #FFF8F0);
      padding: 0 6px;
      display: inline-block;
      border-radius: 12px;
      font-style: italic;
    }

    /* responsiveness: tablet and mobile */
    @media (max-width: 900px) {
      .chef-section {
        padding: 40px 24px;
      }
      .chef-content {
        padding: 32px 28px;
      }
      .chef-name {
        font-size: 42px;
      }
      .chef-quote {
        font-size: 20px;
        padding: 20px;
      }
      .contact-row {
        flex-direction: column;
        gap: 20px;
      }
    }

    @media (max-width: 640px) {
      .chef-content {
        padding: 24px 18px;
      }
      .chef-name {
        font-size: 34px;
      }
      .story-columns {
        flex-direction: column;
        gap: 16px;
      }
      .chef-quote {
        font-size: 18px;
      }
      .contact-item {
        min-width: auto;
      }
    }

    /* decorative subtle spice border */
    .decor-top {
      width: 80px;
      height: 3px;
      background: #E5C5A3;
      margin-bottom: 10px;
      border-radius: 4px;
    }
    /* button/dish callout style optional but inspired */
    .dish-highlight {
      font-weight: 600;
      background: #FFF1E4;
      border-radius: 30px;
      padding: 0 6px;
      color: #487537;
      display: inline-block;
      white-space: nowrap;
    }
    @media (max-width: 480px) {
      .dish-highlight {
        white-space: normal;
      }
    }
    hr {
      border: none;
      border-top: 1px solid #F2E2D4;
      margin: 24px 0 12px;
    }
    small {
      font-size: 13px;
    }
/* TESTIMONIAL SECTION */
.guest-review-section{
    position:relative;
    padding:40px 0px;   
    background-image:url('https://nilanktech.net/test/athidhi/wp-content/uploads/2026/05/Food-image-size1500430.jpg.jpeg'); center center/cover no-repeat;
    overflow:hidden;
}

/* DARK OVERLAY */
.guest-review-section::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.55);
}

.review-wrapper{
    max-width:1000px;
    margin:auto;
    position:relative;
    z-index:2;
}

.review-heading{
    text-align:center;
    margin-bottom:25px;
}

.review-subtitle{
    color:#d4a437;
    font-size:14px;
    letter-spacing:3px;
    text-transform:uppercase;
    display:block;
    margin-bottom:10px;
    font-weight:600;
}

.review-title{
    color:#fff;
    font-size:58px;
    font-weight:400;
    margin:0;
    line-height:1.1;
    font-family:Georgia, serif;
}

/* TESTIMONIAL CARD */
.review-card{
    text-align:center;
    background:transparent;
    padding:10px 40px;
}

.review-text{
    color:#fff;
    font-size:22px;
    line-height:1.8;
    font-style:italic;
    font-family:Georgia, serif;
    margin-bottom:35px;
}

/* USER */
.review-user{
    position:relative;
    display:inline-block;
    padding-top:15px;
}

.review-user::before{
    content:'';
    width:70px;
    height:1px;
    background:#fff;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}

.review-user h4{
    color:#fff;
    font-size:18px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin:0;
    font-weight:700;
}


/* HIDE OWL DOTS */
.guest-review-slider .owl-dots{
    display:none !important;
}
.guest-review-slider .owl-dot span{
    width:10px;
    height:10px;
    background:#fff !important;
    opacity:0.5;
    border-radius:50%;
    margin:5px;
}

.guest-review-slider .owl-dot.active span{
    opacity:1;
    background:#d4a437 !important;
}

/* MOBILE */
@media(max-width:768px){

.guest-review-section{
    padding:30px 15px;
}

.review-title{
    font-size:38px;
}

.review-text{
    font-size:18px;
    line-height:1.7;
}

.review-card{
    padding:10px 10px;
}

}
body,
.elementor-page {
    font-family: 'Montserrat', sans-serif;
  
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
    font-family: 'Cormorant Garamond', serif !important;
   
}

/* Paragraph */
p,
.elementor-widget-text-editor {
    font-family: 'Montserrat', sans-serif;
    
}

/* Buttons */
.elementor-button,
button,
input[type="submit"] {
  
    font-family: 'Montserrat', sans-serif;
  
}





/* Navigation */
.elementor-nav-menu a {
    font-family: 'Montserrat', 
   
}
/* pdf butn */
	  .full-menu-pdf{
    background:#4f7f3a;
    color:#fff;
    border:none;
    border-radius:4px;
    padding:14px 35px;
    font-size:16px;
    font-weight:500;
    cursor:pointer;
    transition:0.3s ease;
}

.full-menu-pdf:hover{
    background:#3f6830;
}
/*  location secrtion */

		 .location-story-section{
    background:#fff;
    padding:100px 0;
    overflow:hidden;
}

.location-story-section .container{
    max-width:1300px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:70px;
    padding:0 30px;
}

/* LEFT MAP */
.location-map{
    flex:1;
}

.location-map img{
    border-radius: 20px;
    overflow: hidden;
    display: block;
    width: 100%;
}


/* RIGHT CONTENT */
.location-content{
    flex:1;
}

.sub-title{
    color:#2ea043;
    font-size:24px;
    letter-spacing:5px;
    text-transform:uppercase;
    display:block;
    margin-bottom:50px;
	text-align:center;
}

.location-content h2{
    font-size:58px;
    line-height:1.1;
    color:#1d1d1d;
    margin-bottom:30px;
    font-family: "Cormorant Garamond", serif;
    font-weight:500;
}

.location-content p{
    font-size:18px;
    line-height:1.9;
    color:#666;
    margin-bottom:40px;
}

.location-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.location-card{
    background:#fff;
    padding:25px;
    border-radius:20px;
    transition:0.4s ease;
    border-left:4px solid #e3dd28;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.location-card:hover{
    transform:translateY(-5px);
}

.location-card h4{
    font-size:24px;
    color:#1d1d1d;
    margin-bottom:10px;
    font-family: "Cormorant Garamond", serif;
}

.location-card p{
    font-size:15px;
    line-height:1.7;
    margin:0;
}

/* RESPONSIVE */
/* ===============================
   MOBILE RESPONSIVE CSS
================================= */

@media (max-width: 991px){

    .location-story-section{
        padding:70px 0;
    }

    .location-story-section .container{
        flex-direction:column;
        gap:50px;
        padding:0 20px;
    }

    /* MAP SECTION */
    .location-map,
    .location-content{
        width:100%;
    }

    .map-box{
        height:420px;
        border-radius:24px;
    }

    /* DOT POSITIONS TABLET */
    .dot1{
        top:60px;
        left:70px;
    }

    .dot2{
        top:160px;
        left:190px;
    }

    .dot3{
        top:270px;
        left:130px;
    }

    .dot4{
        top:320px;
        left:280px;
    }

    .location-dot span{
        font-size:14px;
        top:24px;
        left:-10px;
    }

    /* CONTENT */
    .sub-title{
        margin-bottom:35px;
        letter-spacing:3px;
        font-size:13px;
    }

    .location-content h2{
        font-size:42px;
        text-align:center;
    }

    .location-content p{
        font-size:16px;
        line-height:1.8;
        text-align:center;
    }

    .location-list{
        grid-template-columns:1fr 1fr;
        gap:18px;
    }

    .location-card{
        padding:22px;
    }

    .location-card h4{
        font-size:22px;
    }

}


/* ===============================
   MOBILE DEVICES
================================= */

@media (max-width: 767px){

    .location-story-section{
        padding:60px 0;
    }

    .location-story-section .container{
        padding:0 15px;
        gap:40px;
    }

    /* MAP */
    .map-box{
        height:340px;
        border-radius:20px;
    }

    .location-dot{
        width:14px;
        height:14px;
        border:3px solid #fff;
    }

    .location-dot span{
        font-size:12px;
        font-weight:600;
        top:20px;
        left:-8px;
    }

    /* MOBILE DOT POSITIONS */
    .dot1{
        top:45px;
        left:45px;
    }

    .dot2{
        top:125px;
        left:135px;
    }

    .dot3{
        top:215px;
        left:95px;
    }

    .dot4{
        top:255px;
        left:220px;
    }

    /* CONTENT */
    .sub-title{
        font-size:12px;
        letter-spacing:2px;
        margin-bottom:25px;
    }

    .location-content h2{
        font-size:34px;
        line-height:1.2;
        margin-bottom:20px;
    }

    .location-content p{
        font-size:15px;
        line-height:1.7;
        margin-bottom:25px;
    }

    /* CARDS */
    .location-list{
        grid-template-columns:1fr;
        gap:16px;
    }

    .location-card{
        padding:20px;
        border-radius:16px;
    }

    .location-card h4{
        font-size:20px;
        margin-bottom:8px;
    }

    .location-card p{
        font-size:14px;
        line-height:1.6;
    }

}


/* ===============================
   SMALL MOBILE
================================= */

@media (max-width: 480px){

    .map-box{
        height:300px;
    }

    .dot1{
        top:40px;
        left:35px;
    }

    .dot2{
        top:110px;
        left:110px;
    }

    .dot3{
        top:190px;
        left:75px;
    }

    .dot4{
        top:225px;
        left:185px;
    }

    .location-content h2{
        font-size:28px;
    }

    .location-card{
        padding:18px;
    }

}
/* new menu page */

:root {
  --cream: #ffcb31;
  --cream-deep: #F0E5CF;
  --ink: #241A14;
  --ink-soft: #5B4C3F;
  --hero-bg: #15100D;
  --hero-bg-2: #221710;
  --accent: #D9842B;
  --accent-deep: #487537;
  --gold: #C9A24B;
  --card: #FFFCF6;
  --line: rgba(36,26,20,0.12);
  --green: #5E8C4D;
  --blue: #4A7C9E;
  --rule: rgba(201,162,75,0.4);
}


h1, h2, h3 { font-family: 'Fraunces', serif; margin: 0; }
.italic-accent { font-style: italic; color: var(--accent); font-weight: 500; }
	
	.menu-banner{
    position: relative;
    height: 500px;
   background-image: url("https://nilanktech.net/test/athidhi/wp-content/uploads/2026/06/DSC09662.jpg"); center center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.menu-overlay{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
}

.menu-content{
    position: relative;
    z-index: 2;
    text-align: center;
}

.menu-content h1{
    color: #fff;
    font-size: 110px;
    font-family: "Times New Roman", serif;
    font-weight: 400;
    letter-spacing: 3px;
    margin: 0;
}

/* Tablet */
@media(max-width:768px){
    .menu-banner{
        height: 450px;
    }

    .menu-content h1{
        font-size: 70px;
    }
}

/* Mobile */
@media(max-width:480px){
    .menu-banner{
        height: 350px;
    }

    .menu-content h1{
        font-size: 50px;
    }
}

/* ---------- TOP BRAND BAR ---------- */
.brandbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 6vw;
  background: var(--hero-bg);
}
.brand {
  font-family: 'Fraunces', serif;
  color: var(--cream);
  font-size: 20px;
  letter-spacing: 0.08em;
  font-weight: 600;
}
.brand span { color: var(--gold); }
.brand-sub {
  color: rgba(247,239,224,0.55);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-top: 2px;
}

/* ---------- HERO ---------- */
.hero {
  position: relative;
  background: radial-gradient(ellipse 70% 60% at 18% 20%, rgba(217,132,43,0.30), transparent 60%),
              radial-gradient(ellipse 60% 50% at 85% 75%, rgba(181,84,28,0.28), transparent 60%),
              linear-gradient(160deg, var(--hero-bg) 0%, var(--hero-bg-2) 100%);
  padding: 64px 6vw 40px;
  overflow: hidden;
  border-bottom: 1px solid rgba(201,162,75,0.25);
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(201,162,75,0.35) 1.5px, transparent 1.6px);
  background-size: 26px 26px;
  opacity: 0.18;
  pointer-events: none;
}
.hero-motif {
  position: absolute;
  right: -60px;
  top: -60px;
  width: 360px;
  height: 360px;
  opacity: 0.16;
  pointer-events: none;
}
.hero-inner { position: relative; max-width: 900px; }
.eyebrow {
  color: var(--accent);
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 14px;
}
.hero h1 {
  color: var(--cream);
  font-size: clamp(40px, 6vw, 64px);
  font-weight: 440;
  line-height: 1.05;
  letter-spacing: -0.01em;
}
.hero p.lede {
  color: rgba(247,239,224,0.78);
  max-width: 620px;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 18px;
}
.legend {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 26px;
  margin-top: 26px;
}
.legend-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: rgba(247,239,224,0.85);
  letter-spacing: 0.01em;
}
.dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: none; }
.dot.veg { background: var(--green); }
.dot.vegan { background: #7FAF63; }
.dot.chicken { background: var(--accent); }
.dot.lamb { background: var(--accent-deep); }
.dot.prawns { background: var(--blue); }
.dot.fish { background: #5C9EBF; }
.dot.egg { background: var(--gold); }

.haalal-note {
  margin-top: 22px;
  font-size: 12px;
  color: rgba(247,239,224,0.55);
  border-top: 1px solid rgba(201,162,75,0.25);
  padding-top: 16px;
}

/* ---------- STICKY NAV ---------- */
.stickywrap {
  margin-top: 40px;
  position: sticky;
  top: 0;
  z-index: 40;
  background: var(--cream);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 2px 14px rgba(36,26,20,0.05);
}
.navrow {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 14px 6vw 10px;
  scrollbar-width: none;
}
.navrow::-webkit-scrollbar { display: none; }
.navtab {
  flex: none;
  background: none;
  border: none;
  font-family: 'Work Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-soft);
  padding: 8px 14px;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  transition: all .15s ease;
}
.navtab:hover { background: rgba(217,132,43,0.10); color: var(--ink); }
.navtab.active { background: var(--ink); color: var(--cream); }

.filterrow {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 4px 6vw 16px;
}
.filterlabel {
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-soft);
  font-weight: 600;
  margin-right: 6px;
}
.pill {
  border: 1.4px solid var(--line);
  background: var(--card);
  color: var(--ink);
  font-size: 12.5px;
  font-weight: 600;
  padding: 7px 14px;
  border-radius: 999px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all .15s ease;
}
.pill:hover { border-color: var(--accent); }
.pill.active {
  background: var(--accent-deep);
  border-color: var(--accent-deep);
  color: #fff;
}
.pill .dot { width: 7px; height: 7px; }

/* ---------- MAIN CONTENT ---------- */
main { max-width: 1080px; margin: 0 auto; padding: 0 6vw 80px; }

.section { padding-top: 52px; }
.section-head {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 6px;
}
.section-head h2 {
  font-size: 30px;
  font-weight: 440;
  color: var(--ink);
}
.section-rule {
  flex: 1;
  height: 1px;
  background: var(--rule);
}


.subcat {
  font-size: 12.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent-deep);
  font-weight: 700;
  margin: 28px 0 10px;
}

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 32px;
}
@media (max-width: 760px) {
  .grid { grid-template-columns: 1fr; }
}

.dish {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
}
.dish-main { flex: 1; min-width: 0; }
.dish-name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.dish-name {
  font-family: 'Fraunces', serif;
  font-size: 16.5px;
  font-weight: 500;
  color: var(--ink);
}
.dish-desc {
  font-size: 13px;
  color: var(--ink-soft);
  line-height: 1.45;
  margin-top: 3px;
}
.dish-price {
  font-family: 'Fraunces', serif;
  font-size: 16px;
  font-weight: 500;
  color: var(--accent-deep);
  white-space: nowrap;
  padding-top: 1px;
}
.tags { display: inline-flex; gap: 5px; align-items: center; }
.chili { color: var(--accent-deep); font-size: 11px; letter-spacing: -1px; }

.empty-msg {
  text-align: center;
  color: var(--ink-soft);
  font-size: 14px;
  padding: 50px 0;
  display: none;
}

/* ---------- DRINKS ---------- */
.drinkcat {
  margin-top: 30px;
}
.drinkcat h3 {
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent-deep);
  font-weight: 700;
  margin-bottom: 8px;
}

/* ---------- FOOTER ---------- */
footer {
  background: var(--hero-bg);
  color: rgba(247,239,224,0.7);
  padding: 40px 6vw;
  font-size: 12.5px;
  text-align: center;
  line-height: 1.7;
}
footer strong { color: var(--cream); }

@media (max-width: 480px) {
  .hero { padding: 48px 6vw 30px; }
  .section-head h2 { font-size: 24px; }
}


.menu-card {
      max-width: 100%;
      width: 100%;
      background: #ffffff;
      padding: 3.5rem 4rem;
      border-radius: 24px;
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.02);
      transition: all 0.2s ease;
      text-align: center;  /* centered like the image */
    }

    /* —— heading “Menu” —— */
    .menu-headline {
      font-family: 'Cormorant Garamond', serif;
      font-weight: 600;
      font-size: 3.8rem;
      letter-spacing: 0.02em;
      color: #1e1e1e;
      margin-bottom: 0.35rem;
      line-height: 1.1;
      text-align: center !important;
      width: 100%;
    
      /* subtle refinement: slightly tighter */
    }

    /* divider line – like the image’s minimal separator */
    .divider {
      width: 60px;
      height: 2px;
      background: #c9b9a8;
      margin: 0.5rem auto 1.5rem auto;
      border-radius: 4px;
      
    }

    /* description text – all the flavour */
    .menu-description {
      font-family:  Montserrat, sans-serif;
      font-weight: 400;
      font-size: 1.1rem;
      line-height: 1.7;
      color: #2d2d2d;
      max-width: 620px;
      margin: 0 auto;
      letter-spacing: -0.01em;
      word-spacing: 0.02em;
       text-align: 
       center !important;
       margin-left: auto !important;
       margin-right: auto !important;

    }

    /* subtle italic emphasis to match the image's "extraordinary" vibe */
    .menu-description em {
      font-style: italic;
      font-weight: 400;
      color: #1e1e1e;
    }

    /* optional small detail: a tiny "season" badge (just for atmosphere) */
    .season-tag {
      display: inline-block;
      margin-top: 1.75rem;
      font-family: 'Inter', sans-serif;
      font-size: 0.7rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: #b3a392;
      border: 1px solid #e2d9d0;
      padding: 0.3rem 1.2rem;
      border-radius: 40px;
      background: transparent;
      transition: 0.2s;
    }

    /* responsive finesse */
    @media (max-width: 600px) {
      .menu-card {
        padding: 2.5rem 1.8rem;
      }
      .menu-headline {
        font-size: 2.8rem;
      }
      .menu-description {
        font-size: 1rem;
        line-height: 1.6;
      }
      .divider {
        width: 48px;
      }
    }

    @media (max-width: 420px) {
      .menu-card {
        padding: 2rem 1.2rem;
      }
      .menu-headline {
        font-size: 2.4rem;
      }
      .menu-description {
        font-size: 0.95rem;
      }
    }

    /* —— optional hover effect to give it a touch of life —— */
    .menu-card:hover {
      box-shadow: 0 20px 48px rgba(0, 0, 0, 0.06), 0 6px 16px rgba(0, 0, 0, 0.02);
    }

.menu-download{
	margin-top: 0px;
    margin-left:200px;
    text-decoration:none;
    background:#487537;
    color:#fff;
    border:1px solid #487537;
    font-weight:600;
}

.menu-download:hover{
    background:#d8641f;
    color:#fff;
}

@media(max-width:768px){
    .menu-download{
        margin-left:0;
        width:100%;
        justify-content:center;
        margin-top:10px;
    }
}