:root {
             /*    Light shade of brown  or Akaroa */
             --color-1: #D7C4AF;
             /*    Darker Brown or Soya bean*/
             --color-2: #5F564E;
             /*    Hint of red */
             --color-3: #F9F7FC;
             /*    White */
             --color-4: #fff;
         }

         html,
         body {
             height: 100%;
             width: 100%;
             /*             overflow-x: hidden*/
         }

         body {
             font-family: 'Inter', sans-serif;
             font-weight: 500;
             font-size: 14px;
             line-height: 1.7
         }

         h1,
         h2,
         h3 {
             font-family: 'Lora', serif;
             font-weight: 400;
         }

         h1 {
             color: var(--color-2);
         }

         h2 {
             font-size: 42px;
             color: var(--color-2);
         }

         h3 {
             font-size: 24px;
         }

         p {
             color: var(--color-2);
         }

         .btn {
             font-size: 14px;
             padding: 10px 25px;
             box-sizing: border-box;
             border-radius: 0;
             height: 50px;
             line-height: 32px;
             font-family: 'Lora', serif;
             border-radius: 100px;
             text-transform: uppercase;
             font-weight: 600
         }

         .btn--1 {
             border: none;
             background: var(--color-1);
             color: var(--color-2);

         }

         .btn--1:hover {
             color: var(--color-4);
             background: var(--color-2);
         }

         @media screen and (max-width: 1200px) {
             h2 {
                 font-size: 36px;
             }
         }

         @media screen and (max-width: 576px) {
             h2 {
                 font-size: 30px;
             }
         }

         section {
             scroll-margin-top: 84px;
         }

         /* HEADER STARTS*/

         header .mobile-nav {
             display: none;
             position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             z-index: 999;
             box-shadow: 1px 1px 5px rgba(0, 0, 0, .1)
         }

         header nav.navbar.desktop-nav {
             padding: 46px 0;
             background-color: transparent !important;
             position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             z-index: 99;
         }

         header nav a.nav-link {
             font-family: 'Lora', serif;
             font-weight: 700;
             font-size: 14px;
             padding: 8px 24px !important;
             color: var(--color-2);
         }

         header nav a.nav-link:hover {
             color: var(--color-1);
         }

         header nav.desktop-nav a.nav-link:first-child {
             padding-left: 0 !important
         }

         header nav.desktop-nav a.nav-link:last-child {
             padding-right: 0 !important
         }

         header img.logo-img {
             width: 210px;
         }

         header.fixed-header nav.navbar.desktop-nav {
             background-color: #fff !important;
             padding: 15px 0;
             box-shadow: 1px 1px 10px rgba(0, 0, 0, .1)
         }

         @media screen and (max-width: 991px) {

             header nav.navbar.bg-light.mobile-nav {
                 background-color: #fff !important;
                 display: block;
                 padding: 20px 0px;
             }

             header nav.navbar.bg-light.mobile-nav .container-lg {
                 padding: 0 30px;
             }

             header nav.navbar.bg-light.mobile-nav .navbar-nav {
                 text-align: center
             }

             header nav .navbar-brand {
                 margin-left: 0
             }

             header nav.navbar.bg-light.mobile-nav button.navbar-toggler {
                 border: 1px solid #000;
                 display: flex;
                 flex-direction: column;
                 padding: 10px 12px;
             }

             header nav.navbar.bg-light.mobile-nav button.navbar-toggler span {
                 height: 2px;
                 width: 28px;
                 display: inline-block;
                 background-color: #000;
                 border-radius: 4px;
             }

             header nav.navbar.bg-light.mobile-nav button.navbar-toggler span:nth-child(2) {
                 margin: 7px 0
             }

             header nav.navbar.bg-light.mobile-nav img {
                 width: 200px;
             }

             header .navbar.desktop-nav {
                 display: none
             }
         }

         @media screen and (max-width: 576px) {
             header nav.navbar.bg-light.mobile-nav .container-lg {
                 /*                 padding: 0 15px;*/
             }
         }


         /* HEADER ENDS */
         section.hero {
             margin-top: 136px;
         }

         section.hero img.hero-logo {
             width: 124px;
         }

         section.hero h1 {
             font-size: 54px;
             line-height: 1
         }

         section.hero h1 span {
             font-size: 20px;
             display: block;
             margin-top: 20px;
         }

         section.hero h1 span img {
             padding-left: 5px;
         }

         section.hero .hero-img-box {
             position: relative
         }

         section.hero .hero-img-box:before {
             position: absolute;
             content: '';
             top: 0;
             left: -60px;
             width: 188px;
             height: 100%;
             background: linear-gradient(180deg, #F6F4F3 0%, rgba(246, 244, 243, 0) 100%);
             z-index: -1
         }

         section.hero p.hero-para {
             margin: 20px 0 35px;
             opacity: .6;
             /*             max-width: 460px;*/
             max-width: 410px;
             line-height: 1.5;
         }

         section.hero .hero-info .container {
             position: relative
         }

         section.hero .hero-info .container:before {
             position: absolute;
             content: '';
             top: -136px;
             left: -30px;
             width: 188px;
             height: calc(100% + 112px);
             background: linear-gradient(180deg, #F6F4F3 0%, rgba(246, 244, 243, 0) 100%);
             z-index: -1
         }

         section.hero .features-wrapper {
             padding: 38px 0;
             background: #F6F4F3;
         }

         section.hero .features-wrapper .features-container {
             display: flex;
             justify-content: space-between;
             align-items: center;
         }

         section.hero .features-wrapper p {
             margin-bottom: 0;
             font-family: 'Lora', serif;
             font-weight: 500;
             font-size: 18px;
         }

         section.hero .features-wrapper span.divider {
             height: 1px;
             width: 55px;
             background-color: var(--color-1);
         }


         @media screen and (max-width: 1400px) {
             section.hero .features-wrapper p {
                 font-size: 16px;
             }
         }

         @media screen and (max-width: 1200px) {
             section.hero h1 {
                 font-size: 42px;
             }

             section.hero .features-wrapper p {
                 font-size: 14px;
             }

             section.hero .features-wrapper span.divider {
                 width: 35px;
             }
         }

         @media screen and (max-width: 991px) {
             section.hero {
                 text-align: center
             }

             section.hero h1 {
                 margin: 0 auto
             }

             section.hero p.hero-para {
                 max-width: none
             }

             section.hero .btn {
                 margin: 0 auto 75px auto;
             }

             section.hero .hero-info .container:before {
                 height: 30%;
             }

             section.hero .hero-img-box img {
                 max-width: 500px;
             }

             section.hero .hero-img-box:before {
                 left: 40px;
             }

             section.hero .features-wrapper .features-container {
                 flex-direction: column
             }

             section.hero .features-wrapper p {
                 font-size: 16px;
             }

             section.hero .features-wrapper span.divider {
                 margin: 7px 0
             }
         }

         @media screen and (max-width: 576px) {
             section.hero h1 {
                 font-size: 36px;
             }

             section.hero .hero-img-box img {
                 max-width: 100%;
             }

             section.hero .hero-img-box:before {
                 left: 0;
                 width: 120px;
             }
         }


         /*QUALITY DINING*/
         /*QUALITY DINING*/
         /*QUALITY DINING*/


         section.quality-dining {
             position: relative
         }


         section.quality-dining:before {
             position: absolute;
             content: '';
             bottom: 0;
             left: 44%;
             width: 395px;
             height: 490px;
             background: linear-gradient(to top, #F6F4F3 0%, rgba(246, 244, 243, 0) 100%);
             z-index: -1;
         }



         section.quality-dining .dining-img-box {
             padding: 100px 0 150px;
             padding-right: 65px;
             position: relative;
         }

         section.quality-dining .dining-img-box:before {
             position: absolute;
             content: '';
             bottom: 0;
             left: -85%;
             /*             width: 25%;*/
             width: 100%;
             height: 390px;
             background: linear-gradient(180deg, #F6F4F3 0%, rgba(246, 244, 243, 0) 100%);
             z-index: -1;
         }

         section.quality-dining .dining-img-box img:first-child {
             width: 347px;
             display: block;
             margin-left: auto
         }

         section.quality-dining .dining-img-box img:last-child {
             width: 313px;
             margin-top: -210px;
         }

         section.quality-dining .dining-info-box {
             margin-left: 175px;
         }

         section.quality-dining .dining-info-box h2 {
             max-width: 505px;
             margin-bottom: 25px;
         }

         section.quality-dining .dining-info-box p {
             max-width: 375px;
             font-size: 14px;
         }

         @media screen and (max-width: 1600px) {
             section.quality-dining:before {
                 left: 41%;
             }
         }

         @media screen and (max-width: 1400px) {
             section.quality-dining .dining-info-box {
                 margin-left: 85px;
             }
         }

         @media screen and (max-width: 1200px) {
             section.quality-dining .dining-info-box {
                 margin-left: 50px;
             }

             section.quality-dining .dining-img-box {
                 padding-right: 0
             }

             section.quality-dining .dining-img-box img:first-child {
                 width: 290px;
             }

             section.quality-dining .dining-img-box img:last-child {
                 width: 250px;
                 margin-top: -150px;
             }

             section.quality-dining:before {
                 width: 290px;
                 left: 44%;
             }
         }

         @media screen and (max-width: 991px) {

             section.quality-dining .dining-img-box {
                 padding-bottom: 100px;
             }

             section.quality-dining .dining-img-box img:first-child {
                 width: 60%;
             }

             section.quality-dining .dining-img-box img:last-child {
                 width: 60%;
                 margin-top: -200px;
             }

             section.quality-dining .dining-info-box {
                 margin-left: 0;
                 padding-bottom: 84px;
                 text-align: center
             }

             section.quality-dining .dining-info-box h2 {
                 max-width: none;
             }

             section.quality-dining .dining-info-box p {
                 max-width: none
             }
         }

         @media screen and (max-width: 576px) {
             section.quality-dining .dining-img-box {
                 padding: 75px 0
             }

             section.quality-dining .dining-info-box {
                 padding-bottom: 59px;
             }

             section.quality-dining .dining-img-box img:last-child {
                 margin-top: -120px;
             }

             section.quality-dining:before {
                 width: 50%;
                 right: 0px;
                 left: auto;
             }
         }


         /*FLAVOUR*/
         /*FLAVOUR*/
         /*FLAVOUR*/


         section.flavour {
             background-image: url(images/texture.jpg);
             background-repeat: repeat;
             background-size: cover;
         }

         section.flavour h2 {
             margin-bottom: 30px;
         }

         section.flavour h2,
         section.flavour p {
             color: #fff;
         }

         section.flavour p {
             opacity: .8
         }

         section.flavour .flavour-img-box {
             margin-top: -120px;

         }

         section.flavour .flavour-img-box img:first-child {
             display: block;
             margin-left: auto;
             width: 600px;
             /*             margin-top: -120px;*/
         }

         section.flavour .flavour-img-box img:last-child {
             width: 400px;
             margin-top: -110px;
             margin-bottom: -90px;
         }

         section.flavour .flavour-info-box {
             padding: 100px 0;
         }

         section.flavour .flavour-info-box h2 {
             max-width: 480px;
         }

         section.flavour .flavour-info-box p {
             max-width: 450px;
         }

         section.flavour .flavour-info-box .btn {
             margin-top: 20px;
         }

         @media screen and (max-width: 1400px) {
             section.flavour .flavour-img-box img:first-child {
                 max-width: 550px;
             }

             section.flavour .flavour-img-box img:last-child {
                 margin-top: -70px;
             }
         }

         @media screen and (max-width: 1200px) {
             section.flavour .flavour-info-box {
                 text-align: center;
                 margin-bottom: 75px;
             }

             section.flavour .flavour-img-box img:first-child {
                 max-width: 550px;
             }

             section.flavour .flavour-img-box img:last-child {
                 margin-top: -70px;
             }

             section.flavour .flavour-info-box h2,
             section.flavour .flavour-info-box p {
                 max-width: none
             }
         }

         @media screen and (max-width: 576px) {
             section.flavour .flavour-info-box {
                 padding-top: 75px;
             }

             section.flavour .flavour-img-box img:first-child {
                 max-width: 83%;
                 position: relative;
                 /*   right: -25px;*/
                 right: 0px;
             }

             section.flavour .flavour-img-box img:last-child {
                 max-width: 75%;
                 margin-top: -30px;
                 margin-bottom: -65px;
             }
         }


         /*TAILOR MADE*/
         /*TAILOR MADE*/
         /*TAILOR MADE*/

         section.tailor-made {
             padding: 160px 0 100px;
         }

         section.tailor-made h2 {
             margin-bottom: 65px;
             text-align: center
         }

         section.tailor-made .tailor-made-carousel {
             position: relative;
             /*             padding: 0 60px;*/
             padding: 0 70px;
             padding: 0 50px;
         }

         section.tailor-made .owl-nav {
             display: flex !important;
             position: absolute;
             width: 100%;
             top: 50%;
             left: 0;
             transform: translateY(-50%);
             justify-content: space-between;
             pointer-events: none;
         }

         section.tailor-made .owl-nav button.owl-prev {
             background: url(images/arrow-left.png) no-repeat;
             background-size: contain;
             position: relative;
             left: -45px;
         }

         section.tailor-made .owl-nav button.owl-next {
             background: url(images/arrow-right.png) no-repeat;
             background-size: contain;
             right: -45px;
             position: relative
         }

         section.tailor-made .owl-nav button:hover {
             opacity: .7
         }

         section.tailor-made .owl-nav i {
             font-size: 74px;
             color: #A08151;
             opacity: .2;
             opacity: 0;
         }

         section.tailor-made .owl-nav button {
             pointer-events: all
         }


         section.tailor-made p.carousel-desc {
             max-width: 445px;
             margin: 50px auto 0;
             text-align: center
         }

         section.tailor-made {}

         @media screen and (max-width: 991px) {
             section.tailor-made .tailor-made-carousel {
                 /*                 padding: 0 15px;*/
                 padding: 0 70px;
             }

             section.tailor-made .owl-nav i {
                 font-size: 42px;
             }

             section.tailor-made .owl-nav button.owl-prev {
                 left: 20px;
             }

             section.tailor-made .owl-nav button.owl-next {
                 right: 20px;
             }
         }

         @media screen and (max-width: 576px) {
             section.tailor-made {
                 padding-top: 120px;
             }

             section.tailor-made h2 {
                 margin-bottom: 40px;
             }

             section.tailor-made p.carousel-desc {
                 margin-top: 0px;
             }

             section.tailor-made .tailor-made-carousel {
                 padding: 0 50px;
             }

             section.tailor-made .owl-nav button.owl-prev {
                 left: 5px;
             }

             section.tailor-made .owl-nav button.owl-next {
                 right: 5px;
             }
         }

         /*TESTIMONIALS*/
         /*TESTIMONIALS*/
         /*TESTIMONIALS*/
         /*TESTIMONIALS*/

         section.testimonials {
             padding: 75px 0 100px 0;
         }

         section.testimonials h2 {
             text-align: center;
             margin-bottom: 85px;
         }

         section.testimonials .testimonials-wrapper {
             margin-right: 50px;
         }

         section.testimonials .testimonial-box {
             padding: 20px 20px;
             background-color: #F6F4F3;
         }

         section.testimonials .testimonial-box p.reviewer {
             font-size: 18px;
             color: #D7C4AF;
             font-family: 'Lora', serif;
             position: relative;
             padding-left: 30px;
         }

         section.testimonials .testimonial-box p.reviewer:before {
             position: absolute;
             content: '';
             top: 50%;
             transform: translateY(-50%);
             left: 0;
             width: 24px;
             height: 1px;
             background-color: #D7C4AF
         }

         section.testimonials .testimonial-box-1 {
             max-width: 435px;
             margin-bottom: 35px;
         }

         section.testimonials .testimonial-box-2 {
             max-width: 340px;
             margin-left: auto;
             margin-bottom: 25px;
         }

         section.testimonials .testimonial-box-3 {
             position: relative;
             max-width: 360px;
             margin: 0 auto;
         }

         section.testimonials .testimonial-box-3:before {
             position: absolute;
             content: '';
             bottom: 100px;
             right: 75%;
             width: 256px;
             height: 326px;
             background: linear-gradient(180deg, #F6F4F3 0%, rgba(246, 244, 243, 0) 100%);
             /*             background-color: aqua;*/
             z-index: -1
         }

         section.testimonials .testimonial-box h3 {}

         section.testimonials .testimonial-img-box {
             position: relative
         }

         section.testimonials .testimonial-img-box img {
             width: 100%;
         }

         section.testimonials .testimonial-img-box:after {
             position: absolute;
             content: '';
             top: -85px;
             right: 0;
             width: 283px;
             height: 388px;
             background: linear-gradient(180deg, #F6F4F3 0%, rgba(246, 244, 243, 0) 100%);
             z-index: -1
         }


         @media screen and (max-width:991px) {
             section.testimonials {
                 padding: 50px 0 0;
             }

             section.testimonials .testimonial-img-box {
                 margin-top: 200px;
                 text-align: center
             }

             section.testimonials .testimonial-img-box img {
                 max-width: 500px;
                 margin: 0 auto;
             }

             section.testimonials .testimonials-wrapper {
                 margin-right: 0
             }
         }

         @media screen and (max-width:576px) {
             section.testimonials {
                 padding-top: 0
             }

             section.testimonials .testimonial-img-box:after {
                 top: -55px;
             }

             section.testimonials h2 {
                 margin-bottom: 60px;
             }

             section.testimonials .testimonial-box h3 {
                 font-size: 22px;
             }

             section.testimonials .testimonial-img-box {
                 margin-top: 140px;
             }

             section.testimonials .testimonial-box-3:before {
                 display: none
             }
         }

         /*CONTACT*/
         /*CONTACT*/
         /*CONTACT*/

         section.contact {
             padding: 100px 0;
         }

         section.contact h2 {
             margin-bottom: 75px;
         }

         section.contact form .btn {
             margin-top: 40px;
         }

         section.contact form ::placeholder {
             color: var(--color-2);
             opacity: .4
         }

         section.contact form label {
             font-family: 'Lora', serif;
             font-size: 16px;
         }

         section.contact form input,
         section.contact form textarea {
             background-color: #F6F4F3;
             border: 1px solid #F6F4F3 !important;
             border-radius: 0;
             border: none;
             font-size: 16px;
             padding: 15px 15px;
         }

         section.contact form input:focus,
         section.contact form textarea:focus {
             outline: none !important;
             box-shadow: none;
             border: 1px solid var(--color-2) !important;

         }

         section.contact .contact-info {
             display: flex;
             align-items: center
         }

         section.contact .contact-info .contact-email {
             padding-left: 35px;
         }

         section.contact .contact-info .contact-email a {
             font-size: 16px;
             color: #000;
             text-decoration: none
         }

         section.contact .contact-wrapper {
             position: relative;
             margin-right: 50px;
         }

         section.contact .contact-wrapper:after {
             position: absolute;
             content: '';
             top: 0;
             right: 85px;
             width: 283px;
             height: 388px;
             background: linear-gradient(180deg, #F6F4F3 0%, rgba(246, 244, 243, 0) 100%);
             z-index: -1;
         }

         @media screen and (max-width: 991px) {
             section.contact h2 {
                 text-align: center
             }

             section.contact .contact-wrapper {
                 margin-bottom: 100px;
                 margin-right: 0
             }

             section.contact .contact-wrapper:after {
                 width: 200px;
                 top: 75px;
                 height: 250px;
             }

             section.contact .contact-info {
                 justify-content: center
             }
         }

         @media screen and (max-width:576px) {
             section.contact {
                 padding-top: 75px;
                 padding-bottom: 75px;
             }

             section.contact .contact-info img {
                 width: 100px;
             }

             section.contact .contact-info h3 {
                 font-size: 22px;
             }

             section.contact .contact-info .contact-email a {
                 font-size: 14px;
             }

             section.contact .contact-info .contact-email {
                 padding-left: 20px;
             }

             section.contact .contact-wrapper {
                 margin-bottom: 75px;
             }

             section.contact .contact-wrapper:after {
                 right: 20px;
                 width: 150px;
                 height: 130px;
             }
         }

         /*FOOTER*/
         /*FOOTER*/
         /*FOOTER*/

         footer {}

         footer .copyright {
             padding: 33px 0;
             background: url(images/texture.jpg) no-repeat center center;
             background-size: cover;
             text-align: center;
         }

         footer .copyright p {
             color: #fff;
             margin-bottom: 0;
             font-size: 16px;
             text-align: center;
             font-family: 'Lora', serif
         }

         @media screen and (max-width: 576px) {
             footer .copyright {
                 padding: 20px 0;
             }
         }