:root{
   --white-color: #ffffff;
   --semi-white: #fef6f0;
   --black-color: #000000;
   --body-color: #393430;
   --red-color: #8b2801;
   --footer-bg: #1E1E1E;
   --header-font: 'Playfair Display', serif;
   --body-font: 'Open Sans Condensed';
   --body-gradient: linear-gradient(45deg, #931D1D 0%, #530909 100%);
}
body{
   font-family: var(--body-font);
   font-weight: 400;
   background-color: var(--semi-white);
   color: var(--body-color);
   font-size: 21px;
   line-height: 1.33;
}
a{
   display: inline-block;
   text-decoration: none;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
}
img{
   max-width: 100%;
   height: auto;
}
ul{
   list-style-type: none;
   padding: 0;
   margin: 0;
}
h1, h2, h3 {
   line-height: 1.33;
   font-family: var(--header-font);
   font-weight: 700;
}
h1{
   font-size: 60px;
}
h2{
   font-size: 48px;
}
h3 {
   font-size: 40px;
}
h4, h5, h6 {
   font-family: var(--body-font);
   line-height: 1.33;
}
h4 {
   font-size: 28px;
}
h5{
   font-size: 21px;
}
h6{
   font-size: 16px;
   font-weight: 400;
}
p:last-child{
   margin-bottom: 0;
}
.container{
   max-width: 1304px;
}
.div-845{
   max-width: 845px;
   margin: 0 auto;
}
.div-880{
   max-width: 880px;
   margin: 0 auto;
}
.custom-gutter{
   --bs-gutter-x: 32px;
}
/* Header Area */
.headroom {
   will-change: transform;
   -webkit-transition: -webkit-transform 200ms linear;
   transition: -webkit-transform 200ms linear;
   transition: transform 200ms linear;
   transition: transform 200ms linear, -webkit-transform 200ms linear;
}
.headroom--pinned {
   -webkit-transform: translateY(0%);
   transform: translateY(0%);
}
.headroom--unpinned {
   -webkit-transform: translateY(-100%);
   transform: translateY(-100%);
}
a.logo {
   max-width: 214px;
}
.nav-menu ul, .footer-nav ul {
   text-align: center;
   width: 100%;
}
.nav-menu ul li, .footer-nav ul li {
   display: inline-block;
   margin: 0 12px;
   position: relative;
}
.nav-menu ul li a, .footer-nav ul li a {
   color: var(--semi-white);
   font-size: 16px;
   padding: 4px;
   line-height: 1.5;
   text-transform: uppercase;
}
.nav-menu ul li ul {
   display: none;
   position: absolute;
   left: 0;
   width: 150px;
   top: 25px;
}
.nav-menu ul li:after, .nav-menu ul li.menu-item-type-custom.current_page_item:after{
   content: "";
   width: 24px;
   height: 2px;
   background-color: var(--semi-white);
   position: absolute;
   left: 50%;
   bottom: -10px;
   opacity: 0;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
}
.nav-menu ul li:hover:after, .nav-menu ul li.menu-item-type-custom.current_page_item:hover:after, .nav-menu ul li.current_page_item:after {
   bottom: -4px;
   opacity: 1;
}
header.header-area {
   padding: 24px 0;
   background: var(--body-gradient);
}
.page-template-home-template .headroom--top, .page-template-catering-template .headroom--top{
   background: transparent;
}
.header-call a {
   padding: 12px 16px 12px 38px;
   color: var(--semi-white);
   font-weight: 700;
   font-size: 16px;
   background: url(../img/call.svg) no-repeat center left 8px;
}
.banner-area{
   background: var(--body-gradient);
   padding-top: 96px;
   padding-bottom: 69px;
}
.banner-content {
   max-width: 450px;
   padding-top: 60px;
   color: var(--semi-white);
}
.banner-content h1 {
   margin-bottom: 16px;
}
.banner-content a.kabul-btn {
   margin-top: 47px;
}
.kabul-btn {
   padding: 16px 24px;
   border: 1px solid var(--red-color);
   color: var(--red-color);
   margin-top: 24px;
   font-weight: bold;
}
.kabul-btn.white-btn {
   border: 1px solid var(--white-color);
   background-color: var(--white-color);
}
.banner-thumb {
   margin-bottom: -217px;
   text-align: end;
   box-shadow: 0px 32px 64px 0px rgba(57, 52, 48, 0.20);
}
.kabul-since {
   background-color: var(--body-color);
   color: var(--semi-white);
}
.kabul-map {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   max-width: 50%;
   padding: 24px 56px 24px 32px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background-image: url(../img/arrow_right_alt.png);
   background-repeat: no-repeat;
   background-position: center right 50px;
}
h4.since-year {
   font-family: var(--header-font);
   font-weight: 700;
   margin-left: 24px;
   margin-right: 32px;
}
.banner-bottom-content{
   height: 100%;
}
.banner-bottom-content img {
   max-width: 656px;
   -o-object-fit: cover;
   object-fit: cover;
   height: 100%;
   width: auto;
}
.banner-bottom-right {
   padding: 48px 56px;
   background-color: var(--white-color);
   box-shadow: 0px 16px 48px 0px rgba(57, 52, 48, 0.25);
   height: 100%;
}
.banner-bottom-right h3 {
   margin-bottom: 24px;
}
/* Home-Catering-Area */
section.home-catering-area {
   padding-top: 100px;
   padding-bottom: 112px;
}
section.home-catering-area h2 {
   text-align: center;
   margin-bottom: 48px;
}
.catering-max {
   max-width: 1059px;
   margin: 0 auto;
}
.single-hm-catering h5 {
   font-weight: 700;
   margin-bottom: 24px;
}
.single-hm-catering p {
   font-size: 28px;
}
/* Quality-Food */
.quality-food-image{
   position: relative;
}
.food-content {
   position: absolute;
   max-width: 630px;
   left: 0;
   bottom: 0;
   padding: 48px;
   background: rgba(255, 255, 255, 0.70);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
}
.food-content h3 {
   margin-bottom: 0;
}
/* About-Us */
section.about-us{
   padding: 96px 0;
   background: -webkit-linear-gradient(19deg, #931D1D 50%, #530909 100%);
   background: linear-gradient(71deg, #931D1D 50%, #530909 100%);
   color: var(--semi-white);
}
.owner-chef {
   position: relative;
   text-align: center;
}
.owner-info {
   position: absolute;
   top: 24px;
   background: rgba(57, 52, 48, 0.80);
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   -webkit-backdrop-filter: blur(7.5px);
   backdrop-filter: blur(7.5px);
   width: 100%;
   max-width: 295px;
   right: 0;
   padding: 15px 26px;
}
.owner-bottom-info {
   bottom: 24px;
   left: 0;
   top: inherit;
}
.owner-info h4 {
   margin-bottom: 0;
}
.owner-details {
   max-width: 510px;
   margin: 0 auto;
}
.owner-details h5 {
   margin-bottom: 12px;
}
.owner-details h3 {
   margin-bottom: 16px;
}
.owner-details p {
   margin-bottom: 26px;
}
.owner-details a.kabul-btn {
   color: var(--semi-white);
   border: 1px solid;
   margin-right: 8px;
}
.owner-details a.kabul-btn:last-child{
   border: 1px solid transparent;
}
.owner-details a.kabul-btn:hover:last-child{
   border: 1px solid;
}
.testimonials-area{
   position: relative;
   margin-top: -406px 
}
section.testimonials-area h2 {
   color: var(--semi-white);
   margin-bottom: 56px;
}
.single-testimonial {
   background-image: url(../img/testimonial-bg-1.jpg);
   padding: 32px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   height: 100%;
}
.testimonial-flex {
   background-color: var(--white-color);
   padding: 32px;
   box-shadow: 4px 4px 16px 12px rgba(57, 52, 48, 0.25);
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.testimonial-content h4 {
   font-weight: 700;
   margin-bottom: 24px;
}
.testimonial-content p {
   font-size: 28px;
}
/* Service-Section */
section.service-section {
   text-align: center;
   padding: 72px 0;
   background-color: var(--semi-white);
}
.service-content {
   max-width: 622px;
   margin: 0 auto;
}
.service-content h5 {
   margin-bottom: 32px;
}
.service-content h2 {
   margin-bottom: 8px;
}
/* Footer-Section */
.footer-area{
   background-image: url(../img/footer-image.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding: 32px 0;
   color: var(--semi-white);
}
.footer-heading {
   margin-bottom: 32px;
}
.footer-heading h1 {
   font-size: 96px;
}
.footer-content-area {
   background-color: var(--footer-bg);
   padding: 48px 80px;
}
.footer-single-content:not(:last-child){
   padding-bottom: 16px;
}
.footer-single-content h6 {
   margin-bottom: 0;
}
.footer-single-content a {
   color: var(--semi-white);
   background: url(../img/footer-right-arrow.png) no-repeat center right 8px;
   padding-right: 45px;
   font-size: 28px;
   font-weight: 700;
}
.footer-information h6 {
   font-size: 14px;
   margin-bottom: 12px;
   color: var(--semi-white);
}
.footer-information a {
   color: var(--semi-white);
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 12px;
}
.footer-information p {
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 12px;
}
.footer-bottom {
   padding: 24px 80px;
   border-top: 1px solid rgba(254, 246, 240, 0.25);
   background-color: var(--footer-bg);
}
.social-icon a:not(:first-child) {
   margin-left: 12px;
}
.copyright-text p {
   font-size: 16px;
}
/* Catering Page */
section.catering-banner {
   background: var(--body-gradient);
   color: var(--semi-white);
   padding-top: 128px;
   padding-bottom: 422px;
}
section.catering-banner h1 {
   font-size: 64px;
   text-align: center;
}
section.catering-options .container {
   margin-top: -326px;
}
.catering-box{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.catering-box:nth-child(even){
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse;
}
.catering-content {
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
   padding: 46px 55px;
   text-align: center;
   background: #FFF;
   box-shadow: 0px 16px 48px 0px rgba(57, 52, 48, 0.25);
}
.catering-image {
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}
.catering-content h5 {
   margin-bottom: 24px;
}
.catering-content h3 {
   max-width: 415px;
   margin: 0 auto 24px;
}
.catering-content p {
   margin-bottom: 0;
   font-size: 28px;
}
a.kabul-btn.white-btn {
   border: 1px solid var(--red-color);
   background-color: var(--white-color);
}
.catering-image img{
   -o-object-fit: cover;
   object-fit: cover;
   height: 100%;
}
/* Specific Need */
section.specific-need{
   padding-top: 112px;
   padding-bottom: 72px;
}
section.specific-need .div-845 h3{
   text-align: center;
   margin-bottom: 56px;
}
/* Food tabs */
ul.nav.food-nav {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-bottom: 78px;
}
ul.nav.food-nav li {
   position: relative;
}
ul.nav.food-nav li a {
   padding: 8px;
   color: var(--body-color);
   position: relative;
   text-align: center;
}
ul.nav.food-nav li a:hover, ul.nav.food-nav li a.active {
   font-weight: 700;
}
ul.nav.food-nav li a:before {
   content: attr(aria-controls);
   font-weight: 700;
   display: block;
   overflow: hidden;
   visibility: hidden;
   height: 0;
}
ul.nav.food-nav li a:after{
   content: "";
   width: 32px;
   height: 2px;
   background-color: var(--red-color);
   position: absolute;
   left: 50%;
   bottom: -10px;
   opacity: 0;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
}
ul.nav.food-nav li a:hover:after, ul.nav.food-nav li a.active:after {
   bottom: -2px;
   opacity: 1;
}
.tab-pane:first-child .single-tab-content{
   border-bottom: 1px solid var(--red-color);
}
.single-tab-content {
   padding: 24px 24px 64px;
}
.single-tab-content h5 {
   margin-bottom: 0;
}
.single-tab-content h3 {
   margin-bottom: 0;
   font-family: var(--body-font);
   font-weight: 700;
}
.single-tab-content h6 {
   margin-bottom: 32px;
}
.tab-bottom-content {
   border-top: 1px solid var(--red-color);
   padding: 16px 0;
}
.tab-pane .div-845 p:not(:last-child) {
   margin-bottom: 32px;
}
.single-tab-content ul {
   list-style: disc;
   color: var(--black-color);
   padding-left: 32px;
}
/* Modal design */
.kabul-modal .modal-dialog {
   max-width: 624px;
}
.modal-details{
   padding: 32px;
   pointer-events: auto;
   width: 100%;
   background-color: var(--white-color);
}
.modal-details h3 {
   text-align: center;
   margin-bottom: 32px;
}
.form-field {
   margin-bottom: 12px;
   font-size: 16px;
}
.form-field label {
   padding: 0 16px;
   margin-bottom: 4px;
}
.form-field input, .form-field textarea, .form-field select {
   display: block;
   width: 100%;
   border: 1px solid #B4A89F;
   padding: 16px;
   line-height: 1.5;
}
.form-field .wpcf7-not-valid{
   border: 1px solid var(--red-color);
}
.form-field textarea {
   height: 96px;
   resize: none;
}
.form-field .kabul-btn{
   width: auto;
   background-color: transparent;
   padding: 8px 16px;
   border: 1px solid var(--red-color);
}
.form-field.form-btn, .form-field.form-btn p {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: end;
   position: relative;
}
#contactModal .form-field.form-btn{
	display: block;
}
form#quoteForm .form-field.form-btn {
	align-items: center;
	margin-bottom: 0;
}
form#quoteForm #step2 .form-field.form-btn {
	justify-content: space-between;
	margin-top: 24px;
}
div#w1d_message_check {
	color: #2f7c2f;
}
.submit-btns .kabul-btn {
	margin-top: 0;
}
button.modal-cancel.kabul-btn {
   margin-right: 16px;
   border-color: transparent;
}
button.modal-cancel.kabul-btn:hover {
   border-color: var(--red-color);
}
.step-names {
   margin-bottom: 12px;
}
.step-names p {
   font-weight: 700;
}
.step-names button {
   border: 0 solid;
   background-color: transparent;
   font-weight: 400;
   color: var(--body-color);
}
.step-names button#nextStep {
   margin-left: 16px;
}
.step-names button#prevStep {
   margin-right: 16px;
}
span.error, .form-field .wpcf7-not-valid-tip {
   color: var(--red-color);
   font-size: 14px;
   margin-top: 5px;
   display: inline-block;
   margin-left: 16px;
}
.modal-details .wpcf7-form .wpcf7-response-output {
   padding: 5px;
   margin: 30px 0 0;
   font-size: 18px;
   text-align: center;
   border-width: 1px;
}
.form-field span.wpcf7-spinner {
   position: absolute;
   left: 0;
   top: 35px;
}
/* Default Template */
section.inner-page {
   padding: 60px 0;
   margin-top: 97px;
}

/*Blog Style*/
.single-blog {
   background-color: var(--white-color);
   padding: 15px;
   box-shadow: 0px 16px 48px 0px rgba(57, 52, 48, 0.25);
   margin-bottom: 35px;
}
.single-blog h2 {
   color: var(--body-color);
   margin-bottom: 0px;
   text-transform: capitalize;
}
.single-blog img {
   margin-bottom: 20px;
}
.single-blog p a {
   color: var(--red-color);
   margin-left: 10px;
}
p.post-meta {
   font-size: 14px;
   color: #7a6c6c;
}
.single-blog p.post-meta a, .single-post p.post-meta a {
   margin-left: 0;
   color: #7a6c6c;
}