:root {

    --color-light: #fff;

    --color-theme: #FFB22F;

    --color-background: #1D1C1C;

    --font-primary: 'Merriweather', serif;

    --font-secondary: 'Poppins', sans-serif;

}





body {

    font-family: var(--font-primary);

    font-size: 1rem;

    line-height: 1.5;

    color: #ffb972;

    background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url("../images/background.png");

}



ul,

li {

    margin: 0;

    padding: 0;

    list-style: none;

}



a {

    text-decoration: none;

}





/*Header START*/



.header {

    position: absolute;

    top: 0;

    left: 0;

    background-color: #00000030;

    z-index: 99;

    width: 100%;

}



.header-logo {

    margin-bottom: 10px;

}



.logo {

    border-radius: 5px;

    width: 120px;

    height: auto;

}



.header .nav {

    margin: 0;

    padding: 0;

}



.header .nav .nav-links {

    display: flex;

    justify-content: center;

    align-items: center;

}



.header .nav .nav-links li {

    position: relative;

}



.header .header-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    margin: 0;

    padding: 20px 0;

}



a.link {

    font-size: 14px;

    font-family: var(--font-primary);

    color: var(--color-light);

    padding: 5px 18px;

    transition: 0.3s;

    margin: 2px;

    font-weight: 600;

    transition: 0.5s;

}



a.link:hover {

    color: var(--color-theme);

}



ul.dopdown-box {

    visibility: hidden;

    background-color: var(--color-background);

    position: absolute;

    top: 28px;

    left: 44px;

    padding: 20px;

    border-radius: 10px;

    z-index: 99;

}



.nav-links li:hover > ul.dopdown-box {

    visibility: visible;

}



/*Header END*/



/*Banner START*/

.banner {

    width: 100%;

}



.owl-carousel {

    width: 100%;

    position: relative;

}



.owl-carousel .item {

    width: 100%;

}



.owl-carousel .item img {

    width: 100%;

    height: 600px;

    object-fit: cover;

}



.owl-nav {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    right: 0;

    padding: 0 10%;

}



.owl-carousel .owl-nav button.owl-next,

.owl-carousel .owl-nav button.owl-prev,

.owl-carousel button.owl-dot {

    font-size: 50px;

    color: var(--color-light);

}



.owl-nav button.owl-prev {

    padding-left: 100px;

}





.owl-dots {

    display: none;

}



.owl-nav button.owl-next {

    padding-right: 100px;

}



/*Banner END*/





/*Dish START*/



section.content-dish .title {

    color: var(--color-theme);

}



section.content-dish .text-box {

    background-color: var(--color-background);

    color: var(--color-light);

    padding: 20px;

}



section.content-dish {

    display: flex;

    justify-content: center;

}



.content-dish .dish-img {

    padding: 0;

    width: 100%;

    height: 533px;

}





.content-dish .text-div {

    background-color: transparent;

    color: var(--color-light);

    width: 100%;

    padding: 20px;

}



.content-dish .inner {

    border: 5px solid var(--color-theme);

    padding: 50px;

}



.btn.btn-border {

    color: var(--color-light);

    border: 2px solid var(--color-theme);

    transition: all 0.5s;

}



.btn.btn-border:hover {

    background-color: var(--color-theme);

    color: var(--color-background);

}



.content-dish .dish-img .img-fluid {

    display: inline-block;

    height: 100%;

    width: 100%;

    object-fit: cover;

}



/*Dish END*/



/*Big Image START*/

.big-image {

    width: 100%;

    height: 500px;

}



.big-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

/*Big Image END*/



/*Footer START*/



.footer-content {

    display: flex;

    justify-content: center;

    flex-direction: column;

    padding: 30px 0;

}





nav.footer-nav .nav-links {

    display: flex;

    justify-content: center;

    align-items: center;

}





.footer-content .social-icons a {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background-color: var(--color-light);

    margin: 5px;

}



.footer-content .social-icons a i.bi {

    color: var(--color-background);

    transition: 0.5s;

}



.footer-content .social-icons a:hover i.bi {

    color: var(--color-theme);

}





/*-----------6.9.2023---------------*/



.footer h5 {

    color:#FFB22F;

}



.footer p {

    color: #d5d3d3;

    font-size: 15px;

    margin-top: 18px;

}



.footer ul li {

    color:#d5d3d3;

    padding:7px 0;

}



.footer ul.social-icons li {

    padding: 4px 14px 4px 0;

    color: #d5d3d3;

    display: inline-block;

}



.footer ul.social-icons li i {

    width: 35px;

    display: inline-block;

    height: 35px;

    background: #ffb22f;

    line-height: 35px;

    text-align: center;

    color: #242424;

    border-radius: 50%;

    border:1px solid #ffb22f;

    transition: 0.5s ease-in-out;

}



.footer ul.social-icons li:hover i {

    background: transparent;

    border:1px solid #ffb22f;

    color:#ffb22f;

    transition: 0.5s ease-in-out;

}



/*Footer END*/



/*--------Sticky Header------------*/

.header.sticky {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 99;

    background: #000;

    transition: 0.5s ease;

}





/*--------Tooltip-------------*/



.toolTip{

    position: relative;

    transition: all 0.3s ease 0s;

    letter-spacing: 1px;

    text-align: center;

    font-size: 12px;

}

.toolTip:hover,

.toolTip:focus{

    color: #fff;

    outline: none;

}

.toolTip:before ,

.toolTip:after{

    content: attr(data-tip);

    color: #fff;

    background: rgba(0,0,0,0.5);

    font-size: 12px;

    font-weight: 500;

    width: 125px; 

    padding: 5px 10px;

    white-space: normal;

    opacity: 0;

    visibility: hidden;

    transition: all 0.3s ease-in-out;

}

.toolTip:after{

    content: '';

    background: linear-gradient(to right bottom,transparent 50%, #FFB22F 50%);

    height: 10px;

    width: 10px;

    padding: 0;

}

.toolTip:hover:before,

.toolTip:hover:after{

    opacity: 1;

    visibility: visible;

}

.toolTip.top:before,

.toolTip.top:after{

    border-bottom: 3px solid #FFB22F;

    transform: translateX(-50%) rotateY(90deg);

    position: absolute;

    left: 50%;

    bottom: 140%;

}

.toolTip.top:after{

    border: none;

    transform: translateX(-50%) rotate(45deg) rotateY(90deg);

    bottom: 130%;

}

.toolTip.top:hover:before{ transform: translateX(-50%) rotateY(0); }

.toolTip.top:hover:after{ transform: translateX(-50%) rotate(45deg) rotateY(0); }





/*---------Page Header----------*/



.page-header {

  background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("../images/header-banner.jpg") no-repeat center;

  background-size: cover;

  padding: 200px 0px 70px;

  position: relative;

}



.page-header h1 {

    font-size: 48px;

    font-weight: 700;

    letter-spacing:1px;

    color:#EEECED;

}



.page-header ul li {

  font-size: 18px;

  color:#EEECED;

}



.page-header ul li a {

  color:#FFB22F;

}



.page-header .divider {

  width: 100px;

  height: 4px;

  background-color:#EEECED;

}





/*----------Commonsec---------------*/



.commonsecty ul {

    text-align: center;

}



.commonsecty ul li {

    display: inline-block;

    margin-right: 14px;

}





/*---------Button Design------------*/





.readmrebtn {

  box-sizing: border-box;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  background-color: transparent;

  border: 2px solid #FFB22F;

  border-radius: 0.6em;

  color: #FFB22F;

  cursor: pointer;

  display: flex;

  align-self: center;

  font-size: 14px;

  padding: 10px 18px;

  text-decoration: none;

  text-align: center;

  text-transform: uppercase;

  font-weight: 700;

  display: inline-block;;

}



.readmrebtn:hover, .readmrebtn:focus {

  color: #fff;

  outline: 0;

}





.fifth {

  border-color: #FFB22F;

  border-radius: 0;

  color:#FFB22F;

  position: relative;

  overflow: hidden;

  z-index: 1;

  transition: color 0.4s ease-in-out;

}



.fifth:after {

  content: "";

  position: absolute;

  display: block;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 0;

  height: 100%;

  background: #FFB22F;

  z-index: -1;

  transition: width 0.4s ease-in-out;

}



.fifth:hover {

  color: #333;

}



.fifth:hover:after {

  width: 110%;

}



/*--------accordionsect-----------*/



.accordion-item{

    border: 1px solid #999 !important;

}



.accrdnsect .accordion-button {

    background:#ffb22f;

    color:#444;

    font-weight: 600;

}



.accrdnsect .accordion-button:focus{

    box-shadow: none !important;

}



.accrdnsect .accordion-button:not(.collapsed) {

    background:#ffb22f;

    color:#444;

    font-weight: 600;

}



/*.bgsec2 {

    background:#f3f3f3;

}

*/



.accordion-button::after {

    background-image: none !important;

    line-height: 18px;

    font-family: 'FontAwesome';

    content: '\f106';

    font-size: 22px;

    color:#444;

}



.accordion-button:not(.collapsed)::after {

    right: 26px;

    position: absolute;

    color:#444;

}





/*------------header button-------------*/



.header a.readmrebtn {

    padding: 8px 28px !important;
	border:0;

}

.vitacartspan {
position: absolute;
    top: 0px;
    right: 5px;
    width: 20px;
    background: #ffb22f;
    height: 20px;
    color: #000;
    border-radius: 50%;
}

.header a.readmrebtn i {

    font-size: 18px;

}



.header-logo{

    transition: all 5s ease;

}



.header-logo h4 {

    display:none;

    transition: all 5s ease;

}



.header-logo:hover img {

     display: none;

     transition: all 5s ease;

}



.header-logo:hover h4 {

    display: block;

    color:#ffb22f;

    line-height: 90px;

    font-size: 26px;

    transition: all 5s ease;

}




/*Store page Tab CSS*/
.commonsecty .nav-tabs {
    margin-bottom: 30px;
    border: none;
}

.commonsecty  div#nav-tab button {
    margin: 0 7px;
}

.commonsecty  .tab-content-item{
    text-align: center;
}

.commonsecty  .tab-content-item h5 {
    color: #FFB22F;
    font-size: 20px;
    margin: 12px 0 10px 0
}

/*Sohail Raja  */
.woocommerce-product-details__short-description p{
	color :#ebe9eb;
}
 .entry-summary h1.entry-title{
	color: #FFB22F!important;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
	color : #fff !important;
}

.product_meta a {
 color : #fff !important;	
}
.product_meta span{
	color: #fff !important;
}

.woocommerce div.product .woocommerce-tabs .panel{
	color: #fff;
}
.related h2{
	color: #fff;
}
.woocommerce #reviews h2 {
	color:  #FFB22F !important;
	
}
.related h2{
	color: #FFB22F !important;
}
.related h2.woocommerce-loop-product__title{
	color: #fff !important;
	font-size:22px;
}
.woocommerce-Tabs-panel h2{
	color:  #FFB22F;
}
 .stars span a{
	color: #FFB22F;
}
.woocommerce ul.products li.product .button {
	background-color: #FFB22F;
	color: #fff;
}

.woocommerce #review_form #respond .form-submit input{
	background-color: #FFB22F; 
	color: #fff;
}

.woocommerce div.product form.cart .button{
	background-color: #FFB22F;
	color: #fff;
	
}

.woocommerce table.shop_table th{
	border: 1px solid #fff;
	color: #fff;
}
.woocommerce table.shop_table td{
	border: 1px solid #fff;
	color: #fff;
}
.woocommerce .cart-collaterals .cart_totals h2{

	color: #fff;
}

.woocommerce .cart .button {
	background-color: #FFB22F;
	color: #fff;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button{
	color: #fff;
}
.woocommerce-cart table.cart td a{
	
	color: #fff;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
	background-color: #FFB22F !important;
	color: #fff;
}

/* .woocommerce .shop_table{
	border: 1px solid #fff;
}*/
.woocommerce-cart .cart-collaterals .cart_totals table{
	border: 1px solid #fff;
}

.woocommerce .col2-set, .woocommerce-page .col2-set {
    width: 100%;
	color: #FFB22F;
    background-color: rgb(255 255 255 / 31%);
    padding: 23px;
}

.woocommerce form .form-row input.input-text {
	height:38px !important;
}

.woocommerce form .form-row textarea {
	height:120px !important;
}

 .woocommerce-page #payment #place_order {
   
    background-color: #FFB22F;
}

/*Store page Tab CSS END*/

/*---------Reservation Page----------------*/

.page-template-reservations .rtb-booking-form legend {
	color:#fff;
	padding:0;
}

.page-template-reservations .rtb-booking-form label {
	color:#fff;
	padding:6px 0;
}

.page-template-reservations .rtb-booking-form input {
	max-width:100% !important;
	height:40px;
}

.page-template-reservations textarea {
	max-width:100% !important;
}

.page-template-reservations select {
	width:100%;
	height:40px;
}

.page-template-reservations form{
	padding: 30px !important;
    border: 3px solid #ffb22f !important;
	border-radius:15px;
}

.page-template-reservations .rtb-form-footer {
	text-align:center !important;
}

.rtb-form-submit {
	margin:0 !important;
}

.page-template-reservations .add-message a {
	color:#fff !important;
}
 
.page-template-reservations button {
	background: #ffb22f;
    border: 0;
    width: 190px;
    height: 40px;
}

/*--------My Account----------*/

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 68%;
}

nav.woocommerce-MyAccount-navigation ul {
    list-style-type: none;
    padding-left: 0;
    max-width: 200px;
    font-size: 17px;
    line-height: 26px;
}

nav.woocommerce-MyAccount-navigation ul li {
    padding: 8px 20px;
    background-color: rgb(0, 0, 0);
    border-bottom: 1px solid rgb(255 255 255 / 36%);
    font-size: 15px;
    width: 200px;
    text-align: left;
    display: block;
}

nav.woocommerce-MyAccount-navigation ul a {
	color:#fff;
}

nav.woocommerce-MyAccount-navigation ul li.is-active {
    background-color: #fdb900;
}

nav.woocommerce-MyAccount-navigation ul a li.is-active {
	color:#000;
}

nav.woocommerce-MyAccount-navigation ul li.is-active:after {
    content: "";
    height: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-left: 14px solid #fdb900;
    border-bottom: 20px solid transparent;
    float: right;
    margin-right: -34px;
    margin-top: -7px;
}


nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after {
    content: "";
    height: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-left: 14px solid #fdb900;
    border-bottom: 20px solid transparent;
    float: right;
    margin-right: -34px;
    margin-top: -7px;
}

nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
    background-color: #fdb900;
}

nav.woocommerce-MyAccount-navigation ul a li:not(.is-active):hover {
	color:#000;
}

.woocommerce-MyAccount-content p {
	color:#fff;
}
.woocommerce-MyAccount-content p a {
	color:#fdb900;
}

.woocommerce-MyAccount-content {
	padding: 25px;
    background: rgb(255 255 255 / 10%);
}

.woocommerce-EditAccountForm fieldset legend {
	color:#fdb900;
}

.woocommerce-account .woocommerce-EditAccountForm p:last-child {
    text-align: center !important;
}

.woocommerce-account .woocommerce form .form-row label {
    text-align: left;
    margin-bottom: 8px;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type=submit] {
    color: #000;
    background-color: #fdb900;
    font-weight: 500 !important;
    padding: 14px 30px !important;
    text-transform: capitalize;
}

.woocommerce-MyAccount-content .addresses .title .edit {
    background: #fdb900 !important;
    color: #000;
    width: 45px;
    text-align: center;
}

.woocommerce-account .addresses .title h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}

nav.woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom:0;
}

.woocommerce-MyAccount-content form h3 {
	    color: #ffb22f;
}

.header .nav .nav-links li a {
	color: #fff;
}


/* akash */

.header .nav .stellarnav {
	background: transparent;
	width: auto;
}
.header .nav .stellarnav .nav-links .menu-item a {
	padding: 20px 20px;
	font-size: 14px;
}

.commonsecty {
		padding-top: 15px !important;
	}
	.commonsecty .woocommerce-products-header .woocommerce-products-header__title {
		color: #fff;
	}
	.commonsecty .woocommerce-result-count {
		color: #fff;
	}
	.commonsecty .woocommerce-loop-product__title {
		color: #b3af54;
	}
.commonsecty .woocommerce-ordering .orderby {
	padding: 10px;
}




@media only screen and (max-width: 769px) {
	.header .nav .stellarnav .menu-toggle {
	font-size: 0;
}
.header .nav {
	width: 100%;
	justify-content: space-between;
}
	.banner .owl-carousel .item img {
    height: 400px;
}
	.content-dish .inner {
    padding: 15px;
}
	.content-dish .inner .content {
		font-size: 14px;
	}
	.commonsecty div#nav-tab button {
    margin: 0 2px;
}
	.page-header h1 {
    font-size: 36px;
}
	.header .nav .stellarnav .nav-links .menu-item a {
		text-align: left;
	}
	.header .nav .stellarnav .nav-links .close-menu {
		font-size: 0;
	}
	.big-image {
		height: auto;
	}
	.commonsecty .nav-tabs {
		overflow: auto;
  		white-space: nowrap;
		flex-wrap: nowrap;
		display: block;
	}
	.commonsecty .nav-tabs .readmrebtn {
		overflow: visible;
	}
	.commonsecty .woocommerce-ordering .orderby {
	width: 100%;
}
.commonsecty .woocommerce-ordering {
	width: 100%;
}
	.woocommerce div.product .woocommerce-tabs ul.tabs {
		width: 100%;
    display: flex;
		padding-left: 0 !important;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li {
		    width: 100%;
	}
	.commonsecty {
    padding-bottom: 0 !important;
}
	body {
    background-size: cover;
}
}

@media only screen and (max-width: 575px) {
	.banner .owl-carousel .item img {
    height: 300px;
}
	.header .header-content {
		position: relative;
	}
	.header .header-content .header-logo {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.header .header-content .header-logo .logo {
    width: 90px;
}
	.content-dish .dish-img {
    height: auto;
}
	.commonsecty div#nav-tab button {
    margin-bottom: 5px;
}
	.page-header {
    padding: 100px 0px 70px;
}
}
/* akash */
/* sonali */

#exampleModal img{
	width: 100%;
}
#exampleModal .modal-header{
	border: none;
	text-align: center;
	position: relative;
	padding:0;
}
#exampleModal .modal-body{
padding:0;
padding-left: 15px;}
#exampleModal h2{
	margin: auto;
	font-size: 40px;
	text-align: center;
}
#exampleModal .modal-content{
	background: #000;
}
#exampleModal .modal-header .btn-close {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    position: absolute;
    left: 25px;
	top: 20px;
	font-size: 12px;
	z-index: 9;
	padding: 3px;
}