/* Theme css */

:root{
    --theme-background-color:#000000;
    --theme-primary:#11790F!important;
    --header-dark-color:#FDC759;
    --color-primary:#FDC759;
    --svg-dark: #000000;
    --svg-ly: #C0B01A;
    --btn-custom-font:'yeager-bold';
}

::-webkit-scrollbar {
    width: 14px
}

::-webkit-scrollbar-track {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 1px rgba(139, 139, 139, 0.3)
}

::-webkit-scrollbar-thumb {
    background-color: #323232
}

*{
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

@keyframes mymove {
  from {left: -300px;}
  to {left: 120%;}
}

/* Fonts */

  @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');



body {
    font-family: 'DM Sans', sans-serif;
    font-weight: normal;
	font-style: normal;
	color: #ffffff;
    background: var(--theme-background-color) url(../img/bharath-pattren-3.jpg) repeat;
    background-attachment: fixed;
	font-size: 16px;
}

.f-cursive{
    font-family: 'Allison', cursive;
}

h1, h2, h3, h4, h5{
    font-family: 'Forum';
    font-weight: normal;
}

h1{ font-size: 70px; line-height: 1 }
h2{ font-size: 60px; line-height: 1 }
h3{ font-size: 50px; line-height: 1 }
h4{ font-size: 40px; line-height: 1 }
h5{ font-size: 30px; line-height: 1 }

p{
    font-size: 14px;
    font-weight: 400
}

.lead{
    font-size: 18px
}

.fw-bold{ font-weight: 500!important }
.fw-bolder{ font-weight: 700!important }

a{
    color: #2E662D;
    text-decoration: none;
}



.btn{
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 15px 40px;
    border-radius: 6px;
    text-align: center;
    border: solid 2px;
    overflow: hidden;
}

.btn:hover{
    transform:scale(1.05);
    overflow: hidden;
}

.btn:hover::before{
    content: '';
    width: 300px;
    height: 140px;
    opacity: .35;
    position: absolute;
    z-index: 9;
    left: 0;
    top: -20px;
    transform: rotate(-45deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    z-index: -10;
    animation: mymove 1s;
    animation-iteration-count: infinite;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 70%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 70%);
    background: linear-gradient(180deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.btn-primary{
    background: #262626;
    background: -webkit-linear-gradient(90deg, rgba(30, 30, 30, 1) 0%, rgb(57, 57, 57) 65%, rgba(30, 30, 30, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(30, 30, 30, 1) 0%, rgba(57, 57, 57, 1) 65%, rgba(30, 30, 30, 1) 100%);
    background: linear-gradient(90deg, rgba(30, 30, 30, 1) 0%, rgba(57, 57, 57, 1) 65%, rgba(30, 30, 30, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1E1E1E", endColorstr="#393939", GradientType=1);
    border-color: #FDC759!important;
    color: #FDC759;
}

.btn-primary:hover{
    color: #ffb622;
    background: #262626;
    background: -webkit-linear-gradient(66deg, rgba(38, 38, 38, 1) 0%, rgba(102, 102, 102, 1) 45%, rgba(74, 74, 74, 1) 100%);
    background: -moz-linear-gradient(66deg, rgba(38, 38, 38, 1) 0%, rgba(102, 102, 102, 1) 45%, rgba(74, 74, 74, 1) 100%);
    background: linear-gradient(66deg, rgba(38, 38, 38, 1) 0%, rgba(102, 102, 102, 1) 45%, rgba(74, 74, 74, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626", endColorstr="#4A4A4A", GradientType=0);
}

.btn-secondary{
    background-color: #ffffff;
    border-color: #FDC759;
    color: #000000!important
}

.btn-secondary:hover,
.btn-secondary:focus{
    background-color: #FDC759;
}

.btn-custom{
    background: #FFD835;
    color: #2E662D
}

.btn-custom:hover{
    color: #D82121
}

.btn-light{
    color: #532918
}

.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0;
}

.btn-icon .icon{
    position: relative;
    width: 24px!important;
    height: 24px;
    background-position: bottom;
    margin: 0 30px 0 30px;
    transition: all 0.3s ease;
}

.btn-wrapper{
    display: flex;
    justify-content: center;
    gap:10px 40px
}

.btn-wrapper.align-left{
    justify-content: flex-start
}

hr.dark{
    opacity: 1;
}

.section-title,
.section-heading{
    font-weight: normal
}

.bg-primary{
    background-color: var(--theme-primary);
}

.bg-noise{
    position: relative
}

.bg-noise::before{
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/noise-dark.png) repeat-y 0 0;
    mix-blend-mode: soft-light;
}

.text-primary{ color: var(--color-primary)!important }
.text-secondary{ color: #2E662D!important }

.content-block{
    position: relative;
    z-index: 2;
}


.sticky-block{
    position: fixed;
    z-index: 98;
}

.book-reservation{
    bottom: 30%;
    right: 0;
}


.book-reservation a{
    width: 160px;
    white-space: normal;
    color: #ffffff;
    display: block;
    background: #1E0E09;
    border: 3px solid #FFB800;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #ffffff;
    padding: 10px 20px;
    margin: 5px 0
}


.book-reservation a:hover{
    background-color: #641800;
    color: #ffffff
}

/* Header */

header.header{
    position: relative;
    background-color: #ffffff;
    z-index: 9;
    height: 100px;
}

header.header-default{
    background: #fff;
    padding:  0
}

header.header-transparent{
    background: transparent
}

header.header-fixed{
    position: fixed
}


header.header .patteen-dots{
    position: absolute;
    content: '';
    width: 100%;
    height: 26px;
    background: url(../img/pattren-green.svg) repeat-x;
    bottom: -15px;
}

header.header-fixed{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
}

header.sticky {
  position: fixed!important;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
    background: #fff;
    box-shadow: 0px 5px 40px 0px rgba(0,0,0,.3);
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
}
header.sticky.nav-out {
  transform: translate3d(0, -100%, 0);
    box-shadow: none;
}

header.header-dark{
    background-color: var(--header-dark-color);
}

header.header-dark,
header.header-dark a{
    color: #ffffff
}

header a{
    text-decoration: none
}

header .header-wrapper{
    width: 1000px;
    margin: 0 auto;
    background: url(../img/header-nav-bg.svg) no-repeat;
    background-size: cover;
    font-weight:700;
    font-size: 18px;
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding: 0 30px;
}

header .header-top-start,
header .header-top-end{
    
}


header .header-top-start,
header .header-top-end{
    display: flex;
    align-items: center;
    flex: 1;
    flex-grow: 100;
    height: 60px;
    margin: 20px 0;
}

header .header-top-end{
    justify-content: flex-end;
}


header .header-top-middle{
    display: inline-flex;
    align-items: center;
    flex: 2;
    text-align: center
}

header .header-top ul.blocks{
    display: flex;
    justify-content: flex-end;
}

header .header-top ul.blocks li:not(:last-child){
    margin-right: 40px;
}
header .header-top ul.blocks li a span{
    margin-left: 10px
}
header .header-left{
    display: flex;
    align-items: center;
}
header .hamburger-icon{
    margin-right: 10px; 
}

header .contact-info{
    display: flex;
    flex-direction: column;
}

header .contact-info .icon{
    display: none;
}

header .contact-info .phone-number{
    font-size: 30px;
    font-weight:700;
}

header .lang-select .btn{
    padding: 0px;
    font-size: 20px;
    display: flex;
    align-items: center;
}

header .lang-select  .selected-lang{
    margin: 0 0 0 10px
}

header .logo{
    display: block;
    margin:  0;
}

header .logo img{
    width: 170px;
}

header .social-block{
    width: auto;
    float: right;   
}

header .social-block .nav{
    margin: 5px 0 0 0
}

/*
header.sticky .logo a{
    width: 279px;
    height: 44px;
    background: url(../img/logo/excessguru-logo.png) no-repeat center;
    background-size: 100%;
    display: block;
}
header.sticky .logo img{
    display: none
}
*/

header .nav-icons{
    position: relative;
    display: flex;
    align-self: center
}

header .nav-icon .icon{
    width: 56px;
    height: 56px;
    border-radius: 100%;
    padding: 0
}

header.sticky .main-menu-area{
    display: none
}

header .main-menu-area .top-right-icons{
    display: flex;
    align-self: center;
}

header .main-menu-area .top-right-icons .icon{
    font-size: 18px;
    line-height: initial;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .main-menu-area .top-right-icons .icon .lnr{
    font-weight: bold
}

header .main-menu-area .top-right-icons .icon:hover span{
    background: #ea1b35
}

header .main-menu-area .top-right-icons .menu-icon{
    display: flex;
    align-self: center;
}



.welcome-message span a {
	color: #08237e;
}

header .social-nav a:not(:last-child){
    margin-right: 20px;
}

.header .cta-nav{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header .cta-nav .primary-contact{
    margin: 0 0 0 20px
}

.header .cta-nav .primary-contact a{
    display: flex;
    align-items: center;
    position: relative;
    background: #FFEBEB;
    border-radius: 30px;
    font-size: 11px;
    text-transform: uppercase;
    color: #6B4E4E;
    padding: 8px 40px 8px 14px;
}


.header .cta-nav .primary-contact .icon{
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #D82121;
    width: 30px;
    height: 30px;
    border-radius: 30px
}

.header .cta-nav .primary-contact .icon i{
    color: #ffffff
}



/* main menu */

header .main-menu-area{
    padding: 0;
    margin: 20px 0 0 0
}

header .main-menu-area .main-menu{
    display: flex;
    align-self: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 20px
}

header .main-menu-area .main-menu nav{
    align-self: center;
}

header .main-menu ul{
    display: flex;
    margin: 0 0 0 10px
}

header .main-menu ul li {
    position: relative;
    width: auto;
    text-align: center;
    display: flex;
    align-self: center;
    padding: 0 ;
}

header .main-menu ul li:not(:last-child){
    margin-right: 10px;
}


header .main-menu li a{
    position: relative;
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px;
    display: flex;
    color: #FDC759;
}


header .main-menu ul li a:hover{
    color: #ffdc97
}

header .main-menu ul li a:before {
	content: '';
	position: absolute;
	height: 0px;
	width: 0px;
	left: calc(50% - 4px);;
	bottom: -8px;
	margin: 0 auto;
	background: transparent; 
    border: solid 2px transparent;
	transition: width .1s;
    -ms-transition: width .1s;
    -webkit-transition: width .1s;
}


header .main-menu ul li a.active:before {
	width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #FDC759;
	transition: width .3s;
    -ms-transition: width .3s;
    -webkit-transition: width .3s;
}

.header .btn-book-table{
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #11790F;
}


.header .btn-book-table:hover{
    color: #D82121
}


header.sticky{
    padding:  0
}

header.sticky::after{
    display: none
}

header.sticky .logo img{
    width: 200px
}


header .social-icons a:not(:last-child){
    margin-right: 20px
}

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

header .our-brands .brand-logo{
    text-align: center
}

header .our-brands .brand-logo span{
    font-size: 12px;
    display: block
}

header .our-brands .divider{
    width: 1px;
    height: 70px;
    background-color: rgba(0,0,0,.2);
    margin: 0 30px;
}


header.sticky .main-menu li a.btn-primary{
    border-color: transparent;
    color: #ffffff
}

header .main-menu li a.btn-primary:hover,
header.sticky .main-menu li a.btn-primary:hover{
    border-color: transparent!important;
    color: #ffffff
}
/*

.header-default .menu-icon .menu-tigger span{
    background: #000000!important
}

header.sticky .menu-icon .menu-tigger span{
    background: #000000!important
}
*/

.main-menu ul li a>div{
    align-self: center
}



/* submenu */
.main-menu ul li ul.submenu {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	width: 200px;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
	text-align: left;
}
.main-menu ul li:hover ul.submenu{
	opacity: 1;
	visibility: visible;
}
.main-menu ul li ul.submenu li {
	display: block;
	margin: 0;
	border-bottom: 1px solid #f2f2;
}
.main-menu ul li ul.submenu li:last-child {
	border:0;
}
.main-menu ul li ul.submenu li a {
	padding: 15px 20px;
	color: #444;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 15px;
}
.main-menu ul li ul.submenu li:hover > a {
	color: #007BFF;
}
.main-menu ul li ul.submenu li .submenu {
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
}
.main-menu ul li ul.submenu li:hover > ul.submenu{
	opacity: 1;
	visibility: visible;
}
.quote-btn {
	margin-top: 12px;
	text-align: right;
}
.menu-area {
	margin-bottom: -74px;
	position: relative;
	z-index: 99;
}

.header .menu-icon .menu-tigger,
.header .header-top-end .primary-number{
    padding: 6px 8px;
    width: 33px;
    height: 33px;
}

.header .menu-icon .menu-tigger{
    background: transparent;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    align-items: center;
    justify-content: center
}

 .header.sticky .header-top-end .primary-number{
    background-color: transparent;
    border-color: transparent;
}


.header .menu-icon .menu-tigger span,
.header-dark .menu-icon .menu-tigger span {
	height:2px;
	width: 18px;
	background: #e0f6e0;
	display: block;
	margin-bottom: 2px;
	transition: .3s;
    margin:3px 0;
}

.header-dark .menu-icon .menu-tigger span{
    background: #FDC759;
}

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

.header .header-top-end .primary-number .lnr{
    font-weight: bold
}

.menu-icon{
	cursor: pointer;
}
.menu-icon:hover span{
	opacity: 0.8
}
/*
.menu-icon .menu-tigger span:last-child{
	margin: 0;
}
*/
.menu-icon .menu-tigger span:nth-child(2){
	width: 14px;
}
.mobile-menu-two.mean-container  a.meanmenu-reveal {
	margin-top: -56px;
}

.user-dropdown-menu{
    width: 300px;
}
.user-dropdown-menu .dd-account-info{
    padding: 15px  25px 0 25px
}

header.header-dark .dropdown-menu .dropdown-item{
    color: black
}

/* offcanvas-menu */

.hamburger-menu{
    position: relative;
}

.offcanvas-overly {
	position: fixed;
	background: rgba(0, 0, 0,0.9);
	top: 0;
	right: 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
    opacity: 0;
}
.offcanvas-overly.active{
    width: 94vw;
    height: 100vh;
	opacity: 1;
	visibility: visible;
    overflow: hidden;
}

.offcanvas-menu {
	position: fixed;
	top: 0;
	left: -360px;
	z-index: -1;
	background: #FDC759 url(../img/pattren-ornamental.png) repeat-x bottom left;
    color: #000;
	padding: 20px 0;
	width: 100%;
    max-width: 380px;
    height: 100vh;
    overflow-y: scroll;
	transition: .5s;
	transform: translateX(-400px);
    opacity: 0;
}




.offcanvas-menu.active{
    left: 0;
    opacity: 1;
    z-index: 999;
	transform: translateX(0)
}

.offcanvas-menu.active .menu-close{
    position: absolute;
    top: 40px;
    right: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #393939;
    border-radius: 40px;
}

.offcanvas-menu .menu-close i {
	font-size:18px;
	color: #535353;
	transition: .3s;
	cursor: pointer;
}
.offcanvas-menu .menu-close:hover i{
	color: #000000
}

.offcanvas-menu a{
    color: #000;
}

.offcanvas-menu a:hover{
    color: #fff;
}

.body-overflow{
    height: 100%;
    overflow: hidden;
}


.offcanvas-menu .brand{
    display: flex;
    justify-content: center;
    padding: 10px 30px 20px 30px;
}

.offcanvas-menu .brand img{
    width: 98%;
    mix-blend-mode: difference;
}

.offcanvas-menu .our-brands{
    display: flex;
    justify-content: space-evenly;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0
}

.offcanvas-menu .our-brands  .brand-logo{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.offcanvas-menu .our-brands  .brand-logo:first-child{
    border-right: 1px solid rgba(0,0,0,1);
    padding-right: 40px;
}

.offcanvas-menu .our-brands  .brand-logo img{
    height: 40px;
    margin-bottom: 8px
}

.offcanvas-menu .our-brands  .brand-logo span{
    font-size: 12px
}

.offcanvas-menu h6{
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin: 0 0 5px 0;
}

.offcanvas-menu .reach-us{
    background: #ffffff;
    margin: 20px;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}


.offcanvas-menu .reach-us .info-col:not(:last-child){
    margin: 0 0 15px 0;
    border-bottom: solid 1px #dcdcdc;
    padding-bottom: 15px;
}


.offcanvas-menu .reach-us .info-col a{
    font-size: 16px;
    color: #000000;
}

.offcanvas-menu .getintouch{
    padding: 30px 0;
    border-top: 1px solid rgba(0,0,0,1);
}


.offcanvas-menu ul {
    display: grid;
        grid-template-columns: 1fr;
        background: #fff;
        margin: 20px;
        border-radius: 20px;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
        overflow: hidden;
}
.offcanvas-menu ul li a {
    font-size: 16px;
    font-weight: 500;
    background: transparent;
    color: #464646;
    border-bottom: solid 1px #dcdcdc;
    padding: 16px 30px;
    display: block;
    line-height: 1;
}

.offcanvas-menu ul li:hover a{
    background: #ffffff;
    background: -webkit-linear-gradient(80deg, rgba(255, 255, 255, 1) 0%, rgba(255, 248, 232, 1) 100%);
    background: -moz-linear-gradient(80deg, rgba(255, 255, 255, 1) 0%, rgba(255, 248, 232, 1) 100%);
    background: linear-gradient(80deg, rgba(255, 255, 255, 1) 0%, rgba(255, 248, 232, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFF8E8", GradientType=0);
    color: #000000;
}

.offcanvas-menu ul li a.active{
    background: #fff0d3 url(../img/icon-next-dark.svg) no-repeat 284px center;
    color: #000000;
    font-weight: 700;
    background-size: 24px;
}


.offcanvas-menu .social-nav{
    background: #000000;
    margin: 0 20px;
    padding: 20px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.offcanvas-menu .social-nav a{
    margin: 0 10px;
}

.social .nav-link{
    width: 33px;
    height: 33px;
    background: #FFCB65;
    border: 1px solid #5F3600;
    box-sizing: border-box;
    border-radius: 100%;
    font-size: 18px;
    display: flex;
    justify-content: center;
    margin: 0 5px 0 0;
}

.social .nav-link:hover{
    background: #BD6D24;
    border: 1px solid #BD6D24;
    color: #fff;
}


.side-social {
	margin-top: 30px;
}
.side-social a:hover{
	color: #ea1b35;
}

.offcanvas-menu .site-links{
    display: none;
    padding:20px 40px
}

.offcanvas-menu .site-links a{
    font-size: 13px;
    display: block;
    margin-bottom: 10px
}

.offcanvas-menu .site-links a:hover{
    color: #000000;
    text-decoration: underline
}

.hero{
    position: relative;
    background: #ffffff;
    color: #000000;
}

.hero::before{
    position: absolute;
    z-index: 6;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    background:#FDC759 url(../img/pattren-ornamental.png) repeat-x bottom left;
}

.hero .hero-content{
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 40px 30px;
    z-index: 7;
    text-align: center
}

.hero .brand-slogan{
    max-width: 800px;
    margin: auto;
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 60px
}

.hero .heading{
    font-size: 60px;
    font-weight: 700;
}

.hero .heading span{
    display: block
}

.hero .hero-img img{
    width: 100%;
    margin-bottom: -260px;
}




.inner-hero{
      width: 100%;
    position: relative;
    background:#FDC759;
    color: #000000;
    padding: 50px 0 60px 0
}

.inner-hero::before{
    position: absolute;
    content: '';
    bottom: 0;
    width: 100%;
    height: 36px;
    background: #FDC759 url(../img/pattren-ornamental.png) repeat left 0px;
    background-size: 1000px;
}


.no-divider::after{
    display: none
}

.inner-hero .hero-content{
    position: relative;
    z-index: 3;
    text-align: center
}

.inner-hero .heading{
    display: inline;
    font-size: 120px;
    color: #ffd835;
    letter-spacing: 40px;
    margin-left: 30px;
}

.inner-hero .tagline{
    font-size: 20px;
    font-weight: 300;
    margin: 5px 0 0 0;
}

.inner-hero .hero-content .divider{
    margin: 30px 0;
 }

/* Home Banner */

.home-main-slider{
    width: 100%;
    background: url(../img/main-banner-frame.svg) no-repeat;
    background-size: contain;
    padding: 40px 60px;
    min-height: 450px;
}

.home-main-slider .image:after{
    height: 300px;
    bottom: 0;
    top: inherit;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.home-main-slider .silde-content{
    width: 100%
}

.home-main-slider .banner-item{
    position: relative;
    display: flex;
}

/* .home-main-slider .banner-item::before{
    position: absolute;
    z-index: 6;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 370px;
    background: linear-gradient(180deg, rgba(38, 27, 4, 0.80) 2.4%, rgba(58, 38, 0, 0.80) 19.9%, rgba(58, 38, 0, 0.80) 31.9%, rgba(153, 120, 58, 0.80) 57.4%, rgba(153, 120, 58, 0.00) 96.9%);
} */

/* .home-main-slider .banner-content{
    position: absolute;
    z-index: 7;
    top: 0;
    left: 20%;
    right: 20%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 100px 20px 20px;
} */


.home-main-slider .banner-img{
    flex: 1 70%;
    overflow: hidden
}

.home-main-slider .banner-img .show-sm{
    display: none
}

.home-main-slider .banner-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 75%;
    padding-right: 100px;
}

.home-main-slider .banner-content .heading{
    font-size: 54px;
}

.home-main-slider .banner-content .heading span{
    display: inline-flex
}

.home-main-slider .banner-content p.sub-heading{
    font-size: 18px;
    font-weight: 400
}

.home-main-slider .silde-content .silde-content-inner{
    width: 100%;
    padding: 40px 80px 60px 80px;
    text-transform: uppercase;
    text-align: center
}

/* CSS */
.button {
  
  
  transition: .3s linear, color 0s, background-color 0s;
  outline-offset: .6em;
  font-size: 18px;
  font-family: var(--btn-custom-font);    
  border: 0;
  min-width: 280px;
  padding:22px 20px;
  text-align: center;
    
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}



.button-1:hover,
.button-1:focus-visible{
  --_p: 0px;
    color: var(--color-1);
  outline-color: var(--color-1);
  outline-offset: .05em;
}

.button-2:hover,
.button-2:focus-visible{
  --_p: 0px;
    color: var(--color-2);
  outline-color: var(--color-2);
  outline-offset: .05em;
}

.button-3:hover,
.button-3:focus-visible{
  --_p: 0px;
    color: var(--color-3);
  outline-color: var(--color-3);
  outline-offset: .05em;
}



.home-main-slider .silde-content h1{
    font-weight:700;
    font-size: 40px;
    text-shadow: none
}

.home-main-slider .silde-content p.sub-heading{
    font-size: 30px;
}

.home-main-slider .silde-content .btn{
    font-weight:700;
    font-size: 18px;
    text-transform: uppercase;
    color: #3a3a3a;
    padding: 20px 40px
}

.home-main-slider .silde-content .btn i.icon{
    font-size: 30px;
}

.home-main-slider .owl-carousel{
    position: relative
}

.home-main-slider.slider-1 .slider-controls{
    top: 58%;
}


.home-main-slider .owl-stage-outer{
    border-radius: 100px;
    z-index: 99;
}

.home-main-slider .owl-carousel .owl-nav,
.case-histories .owl-carousel .owl-nav{
    position: absolute;
    top: 42%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100px;
    padding: 0;
    overflow: visible
}

.home-main-slider .owl-carousel .owl-nav .owl-prev,
.home-main-slider .owl-carousel .owl-nav .owl-next{
    width: 60px;
    height: 60px;
    padding: 0!important;
    background-size: contain!important;
}

.home-main-slider .owl-carousel .owl-nav .owl-prev{
    background: url(../img/carousel-control-prev.svg) no-repeat;
    left: -85px 
}
.home-main-slider .owl-carousel .owl-nav .owl-next{
    background: url(../img/carousel-control-next.svg) no-repeat;
    right: -85px;
}

.home-main-slider .owl-carousel .owl-nav [class*=owl-]::before{
    display: none;
}

.home-main-slider .owl-carousel .owl-dots{
    position: absolute;
    bottom: 60px;
    width: 100%;
}

.home-main-slider .owl-theme .owl-dots .owl-dot.active span{
    background: #FFD835
}

.home-main-slider .owl-dots .owl-dot.active span:before{
    border-color: #fff;
}

/* Sections */

.section-overlay{
    position: relative
}

.section-overlay::before{
    position: absolute;
    content: '';
    top: -40px;
    width: 100%;
    height: 100px;
    background: url(../img/bg-divider-dark.svg) no-repeat;
}

.section-title{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

hgroup.title{
    position: relative
    
}

hgroup.title .divider{
    margin: 0 0 25px 0
}


hgroup.title .divider.dark svg{
    stroke:var(--svg-dark)
}

hgroup.title .divider.dark svg ellipse{
    fill:var(--svg-dark)
}

hgroup.title .divider.dark svg path{
    stroke:var(--svg-dark);
    column-fill: var(--svg-dark)
}


hgroup.title .divider.ly svg{
    stroke:var(--svg-ly)
}

hgroup.title .divider.ly svg ellipse{
    fill:var(--svg-ly)
}

hgroup.title .divider.ly svg path{
    stroke:var(--svg-ly);
    column-fill: var(--svg-ly)
}

.section .container{
    position: relative;
    z-index: 2
}

.section-title .section-title-text{
    font-weight:700;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 40px 0 0
}

.section-title h1.section-title-text{
    font-size: 30px;
}
.section-title h2.section-title-text{
    font-size: 26px;
}
.section-title h3.section-title-text{
    font-size: 20px;
}

.section-title .section-title-border{
    width: 40%;
    height: 15px;
    background: #000;
}



/* List & Nav */

.nav-lg-3col{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 40px;
}

.nav-border a{
    border-bottom: solid 1px #d3d3d3;
}

.nav-border a:hover,
.nav-border a:focus{
    border-bottom-color: #6a6a6a;
}


/* Inner Banner */
.inner-banner{
    min-height: 400px;
    background: #000;
    color: #fff;
    display: flex;
    align-content: center;
    text-align: center;
    
}

.inner-banner .inner-banner-content{
    width: 90%;
    margin: auto;
}
.inner-banner h1{
    font-size: 40px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0
}

.inner-banner p.lead{
    line-height: 1.6
}

/* Home page styles */


.home-body{
    padding: 60px 0 0 0;
}

.home-body .hb-wrapper{
    background-color: rgba(0,0,0,0.5);
    border-radius: 20px;
    max-width: 1200px;
    min-height: 400px;
    margin: 0 auto;
    padding: 60px;
}

.banner-overlay{
    margin: -180px 0 0 0;
    position: relative;
    z-index: 1
}

.section{
    position: relative;
}

.section:not(:last-child){
    margin-bottom: 100px;
}

.section .section-head{
    margin-bottom: 0;
}

.section:has(.section-body) .section-head{
    padding-bottom: 60px;
    margin-bottom: 0;
}

.section .head-icon{
    width: 170px;
    height: 170px;
    margin: 0 auto;
    position: absolute;
    top: -125px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.section .head-icon img{
    width: 100%;
}

.section .section-head .head-title{
    color: var(--color-primary);
}

.section .section-head .head-tagline{
    font-size: 24px;
    line-height: 1.2;
    color: #9b8964;
    margin: 20px 0 0 0;
}

.section .section-body{
    padding: 0 60px;
}

.section .section-body .body-wrapper{
    max-width: 1200px;
    margin: 0 auto;
}

.section .special-card{
    min-height: 400px;
}

.section .special-card:has(.card-visual){
    border: solid 6px #FDC759;
    border-radius: 10px;
}

.section .special-card:has(.card-visual) .frame-section{
    margin-top: -80px;
}

.section .special-card:has(.card-visual) .frame-section .section-container{
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.section .section-footer{
    text-align: center;
    padding: 0;
    margin: 50px 0;
}

.frame-section{
    padding-top: 60px;
}

.frame-section .section-container{
    position: relative;
    background: #000000;
    border: solid 6px #FDC759;
    border-radius: 10px;
}

/*.frame-section .section-container::before{*/
/*    position: absolute;*/
/*    top: -60px;*/
/*    left: 50%;*/
/*    content: '';*/
/*    width: 305px;*/
/*    height: 60px;*/
/*    background: url(../img/frame-top-shape.svg) no-repeat;*/
/*    background-size: cover;*/
/*    transform: translate(-50%, 0%);*/
    
/*}*/

.frame-section .section-head{
    padding: 50px 60px 0 60px;
    text-align: center;
}


.frame-section-plane .section-container{
    /*background-color: #1F1503;*/
    border:none
}

/*.frame-section-plane .section-container::before{*/
/*    background: url(../img/frame-top-shape-2.svg) no-repeat;*/
/*}*/

.frame-section .card-visual.fixed-height{
    height: 240px;
    overflow: hidden;
}

.frame-section .card-visual img{
    width: 100%;
}


.featured-flavours{
    padding: 0 60px;
}

.featured-flavours .ff-item{
    position: relative;
}

.featured-flavours .ff-item:hover .ff-name{
    color: var(--color-primary);
    transform: scale(1.05) translateY(2px);
}

.featured-flavours .ff-item .ff-name{
    display: table;
    margin: 0 auto;
    text-align: center;
    padding:10px 30px;
    border: solid 2px rgba(255,255,255,0.2);
    border-radius: 16px;
    font-size: 16px;
    color: #8F8F8F;
}

.featured-flavours .ff-item .ff-visual{
    margin: 30px 0 0 0;
}

.featured-items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
    text-align: center;
}


.f-item .item-visual{
    border: solid 6px rgba(255, 226, 166,0.2);
    border-radius: 20px;
    margin: 0 0 20px 0;
    overflow: hidden;
}

.f-item .item-visual img{
    width: 100%;
}

.f-item .item-name{
    color:#FDC759
}

.indian-foods{
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.indian-foods .food-items{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

.indian-foods .food-items .f-item{
    position: relative;
    border-radius: 40px;
    border: solid 6px rgba(255, 226, 166,0.2);
    overflow: hidden;
}

.indian-foods .f-item .item-visual{
    margin: 0;
    border: none;
}

.indian-foods .food-items .item-content{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(180deg, rgba(255, 200, 96, 0.92) 0%, rgba(153, 120, 58, 0.92) 26.73%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
    display: flex;
    justify-content: center;
    align-items: center;
}

.indian-foods .food-items .f-item .item-name{
    font-size: 20px;
    color: #ffffff;
}

.reservation-block{
    background: #D82121;
    color: #fff;
    padding: 40px 50px;
    margin: 40px 0 0 0;
    border-radius: 30px
}

.reservation-block a{
    color: #fff;
}

.reservation-block a .icon{
    margin-left: 10px;
}


.reservation-block .status{
    margin: 5px 0;
    border-radius: 60px;
    font-size: 13px;
    line-height: 14px;
    display: inline-flex;
    padding: 5px 10px;
    margin: 0 0 15px 0
}

.reservation-block .status.open{
    background: #fff;
    color: #000
}

section.menu .heading span,
section.experts .heading span{
    display: block
}



.featured-menu{
    background: #ffffff;
    padding:140px 0 100px 0;
    color: #2E662D
}

.featured-menu .menu-photos{
    position: sticky;
    top: 100px
}

.featured-menu .menu-list{
    margin: 30px 0 0 0
}

.featured-menu .menu-list li{
    background: #E9F6E9;
    padding: 30px
}

.featured-menu .menu-list li:not(:last-child){
    padding-bottom: 20px;
    margin-bottom: 30px
}

.featured-menu .menu-list .category-title,
.featured-menu .menu-list .pack-price{
    font-size: 24px;
    font-weight: 800
}


.featured-menu .menu-list .pack-price{
    text-align: right
}

.featured-menu .category-sub-heading{
    font-size: 13px;
    margin: 0 0 30px 0
}

section.menu{
    padding:0 0 80px 0 
}

section.menu .section{
    padding: 0;
}

.featured-menu .menu-list .food-category{
    display: flex;
    flex-wrap: wrap;
    gap:20px
}

.featured-menu .menu-list .food-category li{
    width: calc(50% - 20px);
    padding: 0
}

.featured-menu .menu-list .food-category li:not(:last-child){
    border: none;
    margin-bottom: 5px
        
}

.featured-menu .menu-list .food-category .food-category-items-list{
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.featured-menu .menu-list .food-category .items-title{
    font-size: 14px;
    font-weight: 700
}


.featured-menu .menu-list .food-category .food-category-items-list span{
    position: relative
}

/*
.featured-menu .menu-list .food-category .food-category-items-list span::after{
    position: relative;
    content: '.';
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    padding: 0 10px;
}
*/

.featured-menu .menu-list .food-category .food-category-items-list span:last-child::after{
    display: none
}

.menu .menu-brief{
    display: flex;

}

.menu-brief .content-block{
    flex-grow: 3;
    margin: 0;
    padding: 50px 80px;
    text-align: center
}

.menu-brief .content-block .title{
    margin: 0 0 40px 0
}


.catering-brief{
    position: relative;
    background: url(../img/yellow-shape.svg) no-repeat center center;
    background-size: 120%;
    padding: 120px 0 60px 0;
    margin-bottom: 80px;
    height: 740px;
    color: #2E662D
}

.catering-brief .container{
    position: relative
}

/*
.catering-brief .frame{
    width: 100%;
    height: 100%;
    background: url(../img/frame.png) no-repeat center;
    background-size: contain;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
*/

.catering-brief .brief-content{
    position: relative;
    z-index: 2;
    width: 70%;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    text-align: center
}

.catering-brief .brief-content .lead{
    font-size: 18px
}

.catering-services{
    text-align: center
}

.catering-services .primary-services{
    display: flex;
    justify-content: space-between;
    margin:60px 0
}


.catering-services .primary-services .card{
    width: 30%;
    background: #E3FFE3;
    padding: 15px;
    border: none;
    border-radius: 0;
    overflow: hidden
}

.catering-services .primary-services .card .card-img-overlay{
    top: inherit;
}

.catering-services .primary-services .card .card-title{
    font-size: 16px;
    font-weight: 700;
    color: #2E662D;
    padding: 15px 0 0 0
}

.location-gallery{
    position: relative;
}

.location-gallery .content-overlay{
    
}

.location-gallery .location-name{
    margin: 60px 0 0 0
}
.location-gallery .location-name a{
    color: #fff
}

.location-gallery .image-wrapper img{
    width: 100%
}

.categories{
    position: relative;
}

.categories::before{
    position: absolute;
    bottom: 0;
    content: '';
    width: 100%;
    height: 70%;
    background: orange
}


.categories .content-block{
    margin: 0
}

.categories .categories-list{
    list-style: none;
    padding:  40px 0;
    display: grid;
    grid-template-columns: 18% 18% 18% 18% 18%;
    grid-column-gap: 2.5%;
    transition: all 2s;
}


.categories .categories-list li{
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    border: solid 6px #781a1a;
}


.categories .categories-list .image-wrapper{
    overflow: hidden
}

.categories .categories-list .image-wrapper img{
    width: 100%;
    overflow: hidden
}

.categories .categories-list a:hover .image-wrapper  img{
    transform: scale(1.2)
}

.categories .categories-list .content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #3e0505
}

.categories .categories-list a .heading{
    position: relative;
    display: block;
    font-family: 'yeager-bold';
    font-size: 16px;
    color: #ffffff;
    padding: 15px
}

.categories .categories-list .content .heading span{
    display: block;
    text-align: center
}




.categories .categories-list a:hover .heading{
    color: #FFD835
}

.categories .list-small{
    grid-template-columns: 18% 18% 18% 18% 18%;
    grid-column-gap: 2.5%;
    grid-row-gap: 30px
}


.main-inner .catering-services{
    padding: 60px 0
}

.main-inner .catering-services{
    color: #ffffff
}

.catering-gallery{
    max-width: 1200px;
    margin: 0 auto;
}

.catering-gallery img{
    width: 100%;
}

.hw-menu .menu-content-wrapper {
    position: relative;
}


.hw-menu .nav-menu {
    position: sticky;
    z-index: 90;
    top: 0;
    background: #1F1503;
    border-bottom: solid 1px #2E2514;
    display: flex;
    justify-content: center;
    overflow-x: scroll;
}

.hw-menu .nav-fixed {
    width: 100%;
    box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, .3);
}

.menu-ul ul {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    flex-wrap: unset;
    width: 100%;
    flex: 100%;
}


.nav-menu li{
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
}
.nav-menu li a{
    position: relative;
	border-bottom: 2px solid transparent;
	/*font-size: 22px;*/
	font-size: 16px;
	line-height:18px;
    font-weight: 400;
    white-space: nowrap;
    color: #424242;
    position: relative;
    align-items: baseline;
    /* background: #ccc; */
    height: 100%;
    align-items: center;
    padding: 15px 0;
    display: inline-flex;
     overflow: hidden;
    
}
/*.nav-menu li a:hover{*/
/*    background-color: transparent;*/
/*    color: #008479;*/
/*	border-bottom: 2px solid #008479;*/
/*}*/

.nav-menu li:first-child::before {
    display: none;
}

.nav-menu li:before{
    content: '';
    position: absolute;
    height: 50%;
    width: 1px;
    border-right:solid 1px #FFC860;
    left: 0;
    top: 25%;
    margin: 0 auto;
}

.nav-menu li a{
    color: #ffffff;
}
.nav-menu li a:hover {
    color: #FFC860;
}

.nav-menu li a.active {
    color: #ffffff;
    border-bottom-color:#FFC860;
}


.nav-menu li:last-child:after{
    background: none;
}
.nav-menu li a:hover,.nav-menu li a:focus{
    background: transparent!important;
}
.nav-menu li a:hover:before, .nav-menu li a.active:before{
    width: 100%;
    background: #f06522;
    height: 4px;
    transition: width .2s;
    -webkit-transition: width .2s;
}

.navbar-nav>li:hover>.dropdown-menu {
    display: block;
    padding: 0px;
}
.nav-menu li .dropdown-menu li a{
    padding: 15px 8px;
}
.nav-menu li.active a::after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0d9335;
}


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

.menu .menu-section .section-title{
    justify-content: center;
    color: #FDC759;
}

.menu .menu-items{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}


.menu .menu-item {
position: relative;
background-color: #302005;
border-radius: 20px;
overflow: hidden;
}

.menu .menu-item .menu-item-row{
        display: flex;
    justify-content: space-between;
   padding-top: 20px;
   padding-bottom:20px; 
    align-items: stretch;
}

.menu .menu-img {
padding-right: 20px;
padding-left:20px; 
align-items: stretch;

}

.menu .menu-img img {
width: 100%;
height: 100%;
border-radius: 5px;
display:block;
object-fit: cover;
}

.menu .menu-text {
padding-right: 20px;
flex-direction: column;
}

.menu .menu-text h3{
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px 0;
    line-height: 1em;               /* Line height */
  height: calc(1em * 2);          /* 3 lines tall */
  overflow: hidden;                 /* Hide overflow */
  display: -webkit-box;
  line-clamp: 2;            /* Max 3 lines */
  -webkit-box-orient: vertical;
}

.heading-row{
     display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.menu .menu-text h3 .title {
  flex: 1;                
  word-break: break-word; 
  
}

.menu .menu-text strong{
    font-size: 15px;
    font-weight: 400;
    margin-left: 5px;
    color: #FFC860;
    margin-top: 2px;
    white-space: nowrap;
}

.menu .menu-text p{
    color: rgba(255,255,255,0.6);
    line-height: 1.5em;               /* Line height */
  height: calc(1.5em * 3);          /* 3 lines tall */
  overflow: hidden;                 /* Hide overflow */
  display: -webkit-box;
  line-clamp: 3;            /* Max 3 lines */
  -webkit-box-orient: vertical;
}

.catering .testimonials{
    border-top: dotted 2px rgba(255,255,255,0.2);
    padding: 60px 0;
    margin: 60px 0 0 0;
}

.full-menu .reservation-info{
    position: sticky;
    top: 140px;
}

.full-menu .categories::before{
    display: none
}



.full-menu .category-details{
    position: relative;
    z-index: 2;
    padding:50px 0;
}

.full-menu .category-details .cat-head .title{
    margin: 0 0 50px 0
}

.full-menu .category-details .cat-head .title .title-text{
    position: relative;
    font-size: 80px;
    color: #ffd835;
}

.full-menu .category-list{
    color: #fff
}

.full-menu .category-list li:not(:last-child){
    margin-bottom: 70px
}

.full-menu .category-list .category-menu{
    position: relative;
    display: flex;
}

.full-menu .category-list .category-menu .title{
    position: relative;
    color: #ffffff;
    margin: 0 0 20px 0
}

.full-menu .category-list .category-menu .menu-thumb{
    position: relative;
    flex: 2;
    margin: 0 60px 0 0;
}

.full-menu .category-list .category-menu .menu-thumb .thumb-visual{
    position: sticky;
    top: 80px
}

.full-menu .category-list .category-menu .menu-thumb img{
    max-width: 360px;
    border: solid 6px #781a1a;
    border-radius: 30px;
    overflow: hidden
}

.full-menu .category-list .category-menu .menu-content{
    flex: 1;
}

.full-menu .category-list .category-menu .menu-content .collection:not(:last-child){
    margin-bottom: 50px
}

.full-menu .category-list .category-menu .list-item{
    display: flex
}

.full-menu .category-list .category-menu .list-item:not(:last-child){
    margin-bottom: 10px
}

.full-menu .category-list .category-menu .list-item{
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color:#ffd9bf;
    font-weight: 500;
    padding: 0 0 5px 0;
    border-bottom: solid 1px rgba(108,88,88,0.2)
}

.full-menu .category-list .category-menu .list-item .item-price{
    width: 200px;
    text-align: right
}

.full-menu .category-list .category-menu .list-item  .qty-price{
    width: 200px;
    display: flex;
    justify-content: flex-end
}

.full-menu .category-list .category-menu .list-item  .qty-price-label{
    width: 100%;
    text-align: right;
    display: block;
}

.full-menu .category-list .category-menu .list-item  .qty-price-label span{
    width: 100px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.full-menu .category-list .category-menu .list-item  .qty-price span{
    width: 100px
}

.full-menu .category-list .category-menu .item-des{
    display: block;
    font-size: 13px;
    line-height: 20px;
     font-weight: 400;
    color: rgba(255,255,255,0.5);
    margin: 8px 0 0 0;
}

section.bbq-menu{
    padding-bottom: 140px
}

.catering-brief-card{
    border: none;
    border-radius: 0;
    margin: 60px 0
}

.catering-brief-card .card-body{
    background: #EFD6B0;
    text-align: center;
    padding: 60px 80px
}


.catering-menu-list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 80px
}

.catering-menu-list .item-type span{
    position: relative;
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    margin: 0 0 0 40px
}

.catering-menu-list .item-type span::before{
    position: absolute;
    top: 8px;
    left: -20px;
    content: '';
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 10px;
}

.catering-menu-list .item-type span.veg::before{
    background-color: #1A6C31
}

.catering-menu-list .item-type span.nv::before{
    background-color: #7B2929
}

section.experts{
    background: #251d00!important;
    color: #C0B01A;
    padding: 80px 0
}

.experts .experts-brief{
    display: flex;

}

.experts-brief .content-block{
    flex-grow: 3;
    margin: 0;
    padding: 50px 80px;
    text-align: center
}

.history-tjs{
    margin: 80px 0 0 0;
}

.history-tjs .image-carousel{
    margin-right: 60px
}

.services-brief .lead{
    font-size: 26px;
    font-weight:700;
}

.services-brief .nav{
    margin: 40px 0 80px 0
}

.services-brief .content-block p{
    font-weight:700;
}

.services-brief .nav .nav-link,
.services .nav .nav-link{
    font-size: 20px;
    font-weight:700;
    padding-left: 0
}

.gallery{
    margin: 60px 0
}


.gallery .owl-dots{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px
}

.owl-theme .owl-dots .owl-dot.active span{
    background: #ffffff
}

.owl-theme .owl-dots .owl-dot.active span:before{
    border-color: #ffffff
}


.services .nav .nav-link.active{
    border-bottom-color: #6a6a6a;
}



.contact{
    max-width: 1100px;
    margin: 0 auto;
    background-color: #FDC759;
    padding: 40px 0 60px 0
}

.contact ul.info-list{
    margin: 0 0 0 30px;
    font-size: 20px;
    color: #000000;
}

.contact ul.info-list li{
    padding: 30px 0;
}

.contact ul.info-list li:not(:last-child){
    border-bottom: solid 1px #000000;
}

.contact .enquiry-number{
    color: #000000;
}

.contact .enquiry-number h4{
    display: flex;
    justify-content: space-between;
}

.contact ul.info-list li .icon-first{
    padding: 15px 40px;
}

.contact ul.info-list li .icon-first .icon{
    margin: 0 16px 0 0;
}


/* slider dots */
.slider-active .slick-dots li {
  display: inline-block;
}
.slider-active .slick-dots {
    display: none;
  text-align: center;
  position: absolute;
  bottom: 25px;
  right: 0;
  left: 0;
}
.slider-active.second-slider .slick-dots li button {
  text-indent: -9999px;
  padding: 0;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  margin: 0 5px;
  border:1px solid #fff;
  background: none;
}
.slider-active .slick-dots li button {
  text-indent: -9999px;
  padding: 0;
  height: 3px;
  width: 25px;
  border: 0;
  margin: 0 3px;
  background: #fff;
}
.slider-active .slick-dots li.slick-active button {
  background: #007bff;
}
.slider-active.second-slider .slick-dots li.slick-active button {
  background: #ffffff;
}



/* slick default dots */
.dot-style .slick-dots li {
  display: inline-block;
}
.dot-style .slick-dots {
	text-align: center;
	margin-top: 40px;
}
.dot-style .slick-dots li button {
	text-indent: -9999px;
	padding: 0;
	height: 5px;
	width: 20px;
	border: 0;
	margin: 0 3px;
	background: #bfbfbf;
	transition: .3s;
}
.dot-style .slick-dots li.slick-active button {
  background: #007bff;
  width: 35px;
}

/* section title 
.section-title h2 {
	font-size: 36px;
	font-weight: 400;
	display: inline-block;
}
.section-title span {
	background: #007bff;
	height: 3px;
	width: 100px;
	display: inline-block;
}
.section-title h4 {
	font-size: 30px;
	font-weight: 500;
	color: #828282;
}
.section-title p {
	font-size: 18px;
	line-height: 32px;
	margin: 0;
}

*/

/* Testimonial */

.listedin{
    border-right: solid 1px #d9d9d9;
}

.listedin .listedin-logos{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center
}

.listedin .listedin-logos a:not(:last-child){
    margin-bottom: 40px
}

.section-testimonial{
    padding: 40px 0;
}

.testimonials,
.single-testimonials{
    position: relative;
}




.testimonials .review-site-logo img{
    width: auto;
    margin-bottom: 30px
}

.testimonials .review-heading{
    color: #1ba99e;
    font-weight: 600;
    margin-bottom: 20px
}

.testimonials .card{
    position: relative;
    border-radius: 0px;
    padding: 10px 40px 40px;
    /* background: url(../img/feedback-bg.svg) no-repeat;
    background-size: contain; */
    background-color: #000000;
    border: solid 4px #FDC759;
    border-radius: 14px;
    text-align: center;
}

.testimonials .card::before {
    position: absolute;
    top: -20px;
    left: 50%;
    content: '';
    width: 50%;
    height: 30px;
    background: url(../img/frame-top-shape-3.svg) no-repeat;
    background-size: contain;
    transform: translate(-50%, 0%);
}

.single-testimonials .card{
    border-radius: 0;
    border: none;
    padding-left: 80px;
    background: transparent
}

.testimonials .card .icon-quote{
    position: relative;
    width: 60px;
    height: 60px;
    margin: 10px auto 20px auto;
}

.testimonials .card .icon-quote,
.single-testimonials .card .icon-quote{
    width: 80px;
    height: 40px;
    border: solid 1px #dcdcdc;
    border-top-color: #ffffff;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    margin: -41px auto auto;
    position: relative;
}

.testimonials .card .icon-quote:after,
.single-testimonials .card .icon-quote:after{
    position: absolute;
    content: '';
    background: url(../img/icon-quote.svg) no-repeat center center;
    left: 0;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
}

.single-testimonials .card .icon-quote:after{
    color: #000;
    font-size: 120px;
}

.testimonials .owl-item{
    padding: 20px 0 0 0;
}

.testimonials .single-testimonial .rating{
    font-size: 18px;
    font-weight: 700;
    color: #FDC759;
}

.testimonials .single-testimonial .review-text {
    font-size: 16px;
    line-height: 1.4;
	margin:30px 0 0 0;
    height: 150px;
    overflow: hidden;
}


.controls-secondary .owl-stage-outer{
    z-index: 99;
}

.controls-secondary .owl-nav{
    overflow: visible;
}

.controls-secondary .owl-nav .owl-prev,
.controls-secondary .owl-nav .owl-next{
    width: 40px;
    height: 40px;
    padding: 0!important;
    background-size: contain!important;
}

.controls-secondary .owl-nav button.owl-prev,
.controls-secondary .owl-nav button.owl-prev:hover{
    background:transparent url(../img/carousel-control-rounded-prev.svg) no-repeat center center;
    left: -48px 
}
.controls-secondary .owl-nav button.owl-next,
.controls-secondary .owl-nav button.owl-next:hover{
    background:transparent url(../img/carousel-control-rounded-next.svg) no-repeat center center;
    right: -48px;
}

.controls-secondary .owl-nav .owl-prev:hover, 
.controls-secondary .owl-nav .owl-next:hover{
}

.controls-secondary .owl-nav [class*=owl-]::before{
    display: none;
}



.testimonials .user-info{
    position: relative;
    margin-top:15px; 
    padding-top: 40px
}

.testimonials .user-info:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    background: url(../img/element-floral-1.svg) no-repeat center;
    background-size: contain;
}

.trust-pilot-section{
    margin-top: 48px;
}


.testimonials .user-info span{
    font-size: 13px;
    color: #7e7e7e;
}

.testimonials .owl-dots{
    display: flex;
    flex-direction: column;
}

.primary-contact-info-card{
   border:solid 1px  #7c7c7c;
    float: right;
}

.primary-contact-info-card .title{
    font-weight:700;
}

.primary-contact-info-card .c-number{
    font-weight:700;
    font-size: 40px;
}

.primary-contact-info-card .c-email{
    font-size: 20px;
}



.primary-contact-info-card .btn{
    font-weight:700;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}


/* Case Studies */

.case-histories{
    border-top: solid 2px #e6e6e6;
}

.case-histories .nav-pills{
    border: none;
    margin: 60px 0 0 0
}
.case-histories .nav-pills .nav-link{
    font-size: 20px;
    font-weight:700; 
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 20px 40px;
}

.case-histories .nav-pills .nav-item:not(:last-child){
    border-right: solid 1px #e6e6e6;
}

.case-histories .nav-pills .nav-link.active{
    background-color: #e6e6e6;
    color: #000;
}

.case-histories .tab-content{
    background-color: #e6e6e6;
}

.case-histories .owl-item{
    width: 100%;
    height: auto;
}

.case-histories .owl-item:not(:first-child){
    visibility: collapse
}

.case-histories .owl-item.active{
    visibility: visible
}

.case-histories .owl-carousel .owl-nav [class*=owl-]{
    border-radius: 100%;
}

.case-histories-tabs .card{
    border: none;
    background-color: transparent;
    padding: 80px 0;
    min-height: 200px;
}

.case-histories .item-brief{
    width: 80%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.case-histories .item-brief .item-text{
    padding: 30px 0
}

.case-histories .item-brief .item-title{
    font-weight:700;
    text-transform: uppercase;
}

.case-histories .item-brief .item-short-brief{
    font-size: 16px;
}

.case-histories .item-brief .item-count{
    font-size: 100px;
    font-weight:700;
    border-right: solid 8px #2e2e2e;
    padding:80px 60px 80px 0;
    margin-right: 60px;
}

.our-team{
    margin-top: 60px;
}

.our-team .profile-thumb{
    display: flex;
    align-items: center
}

.our-team .profile-thumb figure img{
    width: 80px;
    margin-right: 30px
}

.our-team .profile-thumb{
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase
}

.our-team .profile-thumb figcaption{
    margin-right: 20px
}

.modal-backdrop.show{
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    opacity: 1;
}

.modal .modal-content{
    border-radius: 30px;
    border: solid 6px #FDC759;
}

.modal .btn-close{
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 9;
    padding: 8px;
    border: solid 1px #ccc;
    border-radius: 20px;
}

.profile-modal .modal-body{
    padding: 0;
}

.profile-wrapper{
    position: relative;
    display: flex;
    justify-content: space-between
}

.profile-wrapper .profile-image{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100%;
    margin-right: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.profile-wrapper .profile-image img{
    width: 600px;
}

.profile-wrapper .profile-content{
    width: calc(100vw - 600px);
    height: auto;
    padding:100px 80px 80px 80px;
    text-align: justify
}

.profile-wrapper .profile-content .name {
    text-transform: uppercase;
}

.profile-wrapper .profile-content p{
    font-size: 14px;
}


/* Footer */

.footer{
    position: relative;
    font-size: 14px;
    color: #ffffff;
    background: URL(../img/footer-pattren.png) repeat-x bottom left;
    margin: 80px 0 0 0;
    padding: 0 0 80px 0;
}

.footer::before{
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    width: 100%;
    height: 180px;
    background: #4A4A4A;
    background: -webkit-linear-gradient(180deg, rgba(74, 74, 74, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(74, 74, 74, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(180deg, rgba(74, 74, 74, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4A4A4A", endColorstr="#000000", GradientType=0);
}

.footer  a{
    color: #ffffff;
}

.footer .footer-main,
.footer .footer-bottom{
    max-width: 1100px;
    margin: 0 auto;
}

.footer .footer-main .nav{
    display: flex;
    flex-direction: column
}

.footer .footer-main .nav a{
    font-size: 12px;
    color: #ffffff;
    margin:5px 0;
}

.footer .footer-main .nav a:hover{
    color: #858585
}

.footer h6{
    font-size: 12px;
    color: #ffffff;
}

.footer .title{
    font-size: 26px;
    color:#FDC759;
    margin-bottom: 14px;
}

.footer .footer-main address,
.footer .footer-main .hours{
    font-size: 18px;
}

.footer .connect-brand{
    position: relative;
    text-align: center;
    padding: 0 80px;
}

.footer .connect-brand::before,
.footer .connect-brand::after{
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.5);
}

.footer .connect-brand::after{
    left: inherit;
    right: 0
}

.footer .connect-brand .brand-logo{
    max-width: 200px;
    margin: 0 auto 20px auto
}

.footer .connect-brand .brand-logo img{
    width: 100%
}

.footer .connect-brand .brand-info{
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 1px
}

.footer .reach-us{
    border-top: dotted 2px rgba(255,255,255,0.2);
    border-bottom: dotted 2px rgba(255,255,255,0.2);
    padding: 15px 0;
    margin:50px 0 50px 0;
}

.footer .reach-us .contact-info{
    display: flex;
    align-items: center;
    gap:40px
}

.footer .reach-us .contact-info a{
    display: flex;
    align-items: center;
}

.footer .reach-us .contact-info span{
    font-size: 20px;
    margin: 0 0 0 10px;
}

.footer  .social{
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footer  .social a{
    display: inline-block;
    margin: 0 5px
}

.footer  .social a:hover{
    opacity: 0.5
}

.footer .newsletter{
  position: relative;
}

.footer .newsletter h3{
  margin-bottom: 0;
}

.footer .newsletter .text{
  line-height: 1.5em;
  font-size: var(--font-14);
}

.footer .newsletter .text span{
  color: var(--text-color);
}

.footer .newsletter .newsletter-form{
  position: relative;
  margin-top: 10px;
}

.footer .newsletter .newsletter-form .form-group{
  position: relative;
  margin-bottom: 0;
  background: #1C1C1C;
  border: none;
}

.footer .newsletter .newsletter-form .form-group input[type="text"],
.footer .newsletter .newsletter-form input[type="email"],
.footer .newsletter .newsletter-form input[type="password"]{
    position: relative;
    display: block;
    height: 46px;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    line-height: 34px;
    font-weight: 400;
    padding: 10px 10px 10px 15px;
    background-color:#ffffff;
    border: none;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.footer .newsletter .newsletter-form .form-group input[type="text"]:focus,
.footer .newsletter .newsletter-form input[type="email"]:focus,
.footer .newsletter .newsletter-form input[type="password"]:focus{
  border-color: var(--main-color);
}

.footer .newsletter .newsletter-form .cta-btn{
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: 46px;
    padding: 0 15px;
    line-height: 30px;
    text-transform: uppercase;
    background: #262626;
    color: #ffffff;
    border: none;
}

.footer .nav-links{
    display: flex;
}

.footer .accept-payment-logos{
    margin: 40px 0 0 0
}

.footer .payment-logos{
    margin: 10px 0 0 0
}

.footer .footer-bottom{
    font-size: 12px;
    margin: 60px auto 0 auto;
}

.footer  .copy-rights{
    margin: 0 40px
}

.footer .brand-info{
    font-size: 13px;
    color: rgba(255,255,255,0.5);
}

.footer .brand-info p{
    margin: 0;
}

@media (max-width:960px){
    
    .footer-main .row{
        flex-direction:column;
    }
    
    .footer .connect-brand{
        margin:60px 0;
        padding:40px 0;
    }
    
    .footer .connect-brand::before, 
    .footer .connect-brand::after{
        width:100%;
        height:1px;
        top:0;
        left:0;
        right:inherit;
        
    }
    
    .footer .connect-brand::after{
        top:inherit;
        bottom:0;
    }
}

.copyright-area{
    border-top: 1px solid #085f9b;
}

.copyright p {
	color: #d5d5d5;
	margin: 0;
}


.scrollup{
    position: relative;
    width:40px;
    height:40px;			
    opacity:1;
    position:fixed;
    bottom: 100px;
    right: 40px;
    display:none;			
    background: #000000;
    color: #ffffff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    border-radius: 100%;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center
}

.scrollup:hover{
    background-color: #3a3a3a;
    color: #ffffff;
    opacity: 1;
    text-decoration: none
}


/* Other Pages */


.services .nav-services-list{
    margin-right: 60px;
    flex-direction: column
}




.contact .primary-contact{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 3px #000;
}


.sidenav .nav-section{
    background: #ffffff;
    padding: 20px;
    margin-bottom: 5px
}


.request-form{
    background: #fff;
    padding: 10px 20px
}

.request-form .form-title{
    color: #000000;
    margin-bottom: 30px;
}


.request-form .form-input{
    margin-bottom: 20px;
}

.request-form .form-control{
    background-color: #FFF9EE;
    border: solid 1px #DCDCDC;
    border-radius: 8px!important;
}

.request-form .form-control:hover,
.request-form .form-control:focus{
    box-shadow: none;
}

.request-form  .form-floating>.form-control:focus, 
.request-form  .form-floating>.form-control:not(:placeholder-shown){
    padding-top: 6px !important;
}

.requi 
{
   color: red;
   font-size:20px;
}