/* Css For Restaurant */

 /************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


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



 /*** 

====================================================================
  Reset
====================================================================

 ***/

 @import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');


 :root {

   --culinary-primary: #5d6b4f;
   --culinary-secondary: #d8bf86;
   --culinary-bg: #f9f6f1;
   --culinary-white: #ffffff;
   --culinary-dark: #1e1e1e;
   --culinary-text: #666666;
   --culinary-border: #e9e2d9;

   --culinary-radius: 22px;

   --culinary-shadow:
     0 20px 60px rgba(0, 0, 0, .08);

   --culinary-transition: .4s ease;

 }

 @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&family=El+Messiri:wght@400..700&family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Proza+Libre:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Quicksand:wght@300..700&family=Roboto+Flex:opsz,wght,XOPQ,XTRA,YOPQ,YTDE,YTFI,YTLC,YTUC@8..144,100..1000,96,468,79,-203,738,514,712&family=Roboto:ital,wght@0,100..900;1,100..900&family=Salsa&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap');



 * {
   margin: 0px;
   padding: 0px;
   border: none;
   outline: none;
 }

 body {
   font-size: 16px;
   color: #000;
   line-height: 28px;
   font-weight: 400;
   background: #fff;
   font-family: "El Messiri", sans-serif;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center top;
   -webkit-font-smoothing: antialiased;
 }

 .margin-left {
   margin-left: 25px;
 }

 @media (min-width:1200px) {
   .container {
     max-width: 1200px;
     padding: 0px 15px;
   }
 }

 .large-container {
   max-width: 1550px;
   padding: 0px 15px;
   margin: 0 auto;
 }

 .container-fluid {
   padding: 0px;
 }

 .auto-container {
   position: static;
   max-width: 1320px;
   padding: 0px 15px;
   margin: 0 auto;
 }

 .small-container {
   max-width: 680px;
   margin: 0 auto;
 }

 .boxed_wrapper {
   position: relative;
   margin: 0 auto;
   overflow: hidden !important;
   width: 100%;
   min-width: 300px;
 }


 a {
   text-decoration: none;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 a:hover {
   text-decoration: none;
   outline: none;
 }

 input,
 button,
 select,
 textarea {
   font-family: "El Messiri", sans-serif;
   font-weight: 400;
   font-size: 16px;
   background: transparent;
 }

 ::-webkit-input-placeholder {
   color: inherit;
 }

 ::-moz-input-placeholder {
   color: inherit;
 }

 ::-ms-input-placeholder {
   color: inherit;
 }

 ul,
 li {
   list-style: none;
   padding: 0px;
   margin: 0px;
 }

 input {
   transition: all 500ms ease;
 }

 button:focus,
 input:focus,
 textarea:focus {
   outline: none;
   box-shadow: none;
   transition: all 500ms ease;
 }

 p {
   position: relative;
   font-family: "El Messiri", sans-serif;
   color: #676767;
   font-weight: 400;
   margin: 0px;
   transition: all 500ms ease;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   position: relative;
   font-family: "El Messiri", sans-serif;
   font-weight: 400;
   color: #000000;
   margin: 0px;
   transition: all 500ms ease;
 }

 /* Preloader */

 .handle-preloader {
   align-items: center;
   -webkit-align-items: center;
   display: flex;
   display: -ms-flexbox;
   height: 100%;
   justify-content: center;
   -webkit-justify-content: center;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 9999999;
 }

 .preloader-close {
   position: fixed;
   z-index: 99999999;
   font-size: 26px;
   background: #fff;
   width: 40px;
   height: 40px;
   line-height: 36px;
   text-align: center;
   border-radius: 50%;
   cursor: pointer;
   right: 30px;
   top: 30px;
 }

 .handle-preloader .animation-preloader {
   position: absolute;
   z-index: 100;
 }

 .handle-preloader .animation-preloader .spinner {
   animation: spinner 1s infinite linear;
   border-radius: 50%;
   height: 150px;
   margin: 0 auto 45px auto;
   width: 150px;
 }

 .handle-preloader .animation-preloader .txt-loading {
   text-align: center;
   user-select: none;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:before {
   animation: letters-loading 4s infinite;
   content: attr(data-text-preloader);
   left: 0;
   opacity: 1;
   top: 0;
   position: absolute;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading {
   font-family: "El Messiri", sans-serif;
   font-weight: 400;
   letter-spacing: 10px;
   display: inline-block;
   position: relative;
   font-size: 70px;
   line-height: 70px;
   text-transform: uppercase;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
   animation-delay: 0.2s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
   animation-delay: 0.4s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
   animation-delay: 0.6s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
   animation-delay: 0.8s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
   animation-delay: 1s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
   animation-delay: 1.2s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
   animation-delay: 1.4s;
 }

 .handle-preloader .loader-section {
   background-color: #ffffff;
   height: 100%;
   position: fixed;
   top: 0;
   width: calc(50% + 1px);
 }

 .preloader .loaded .animation-preloader {
   opacity: 1;
   transition: 0.3s ease-out;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading {
   color: #ffffff;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:before {
   color: #ffffff;
 }

 .handle-preloader .animation-preloader .spinner {
   border: 3px solid #ffffff;
   border-top-color: rgba(255, 255, 255, 0.5);
 }

 /* Animación del preloader */
 @keyframes spinner {
   to {
     transform: rotateZ(360deg);
   }
 }

 @keyframes letters-loading {

   0%,
   75%,
   100% {
     opacity: 1;
     transform: rotateY(-90deg);
   }

   25%,
   50% {
     opacity: 1;
     transform: rotateY(0deg);
   }
 }

 @media screen and (max-width: 767px) {
   .handle-preloader .animation-preloader .spinner {
     height: 8em;
     width: 8em;
   }
 }

 @media screen and (max-width: 500px) {
   .handle-preloader .animation-preloader .spinner {
     height: 7em;
     width: 7em;
   }

   .handle-preloader .animation-preloader .txt-loading .letters-loading {
     font-size: 55px;
     letter-spacing: 10px;
   }
 }


 .centred {
   text-align: center;
 }

 .pull-left {
   float: left;
 }

 .pull-right {
   float: right;
 }


 figure {
   margin: 0px;
 }

 img {
   display: inline-block;
   max-width: 100%;
   height: auto;
   transition-delay: .1s;
   transition-timing-function: ease-in-out;
   transition-duration: .7s;
   transition-property: all;
 }

 /** button **/


 .theme-btn-one {
   position: relative;
   display: inline-block;
   overflow: hidden;
   vertical-align: middle;
   font-size: 18px;
   line-height: 23px;
   font-weight: 700;
   font-family: "El Messiri", sans-serif;
   color: #f4282a !important;
   text-align: center;
   padding: 19px 38px 18px 37px;
   text-transform: capitalize;
   z-index: 1;
   /* box-shadow: 0px 20px 40px rgba(197, 157, 95, 0.25); */
   border-radius: 150px;
   transition: all 500ms ease;
 }

 .theme-btn-one:before {
   position: absolute;
   content: '';
   width: 0%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: -1;
   background: #3d181f;
   transition: all 500ms ease;
 }

 .theme-btn-one:hover:before {
   width: 100%;
 }

 .theme-btn-two {
   position: relative;
   display: inline-block;
   overflow: hidden;
   vertical-align: middle;
   font-size: 18px;
   line-height: 23px;
   font-weight: 700;
   font-family: "El Messiri", sans-serif;
   color: #000;
   text-align: center;
   padding: 13px 33px 12px 34px;
   text-transform: capitalize;
   z-index: 1;
   border: 1px solid #E5E5E5;
   border-radius: 25px;
   transition: all 500ms ease;
 }

 .theme-btn-two:hover {
   color: #fff;
 }

 .pagination {
   position: relative;
   display: block;
 }

 .pagination li {
   position: relative;
   display: inline-block;
   margin-right: 10px;
 }

 .pagination li:last-child {
   margin: 0px !important;
 }

 .pagination li a {
   position: relative;
   display: inline-block;
   font-size: 18px;
   font-weight: 500;
   height: 60px;
   width: 60px;
   line-height: 60px;
   background: #ffffff;
   font-family: "El Messiri", sans-serif;
   border: 1px solid #E5E5E5;
   text-align: center;
   color: #000;
   z-index: 1;
   border-radius: 50%;
   transition: all 500ms ease;
 }

 .pagination li a:hover,
 .pagination li a.current {
   border-color: #fff;
   box-shadow: 0px 15px 40px 10px rgba(0, 0, 0, 0.1);
 }

 .sec-pad {
   padding: 111px 0px 120px 0px;
 }

 .mr-0 {
   margin: 0px !important;
 }

 /** scroll-to-top **/

 .scroll-to-top {
   position: fixed;
   right: 0px;
   bottom: 100px;
   transform: rotate(90deg);
   z-index: 99;
 }

 .scroll-to-top .visible {
   visibility: visible !important;
   opacity: 1 !important;
 }

 .scroll-to-top .scroll-top-inner {
   opacity: 1;
   visibility: hidden;
 }

 .scroll-to-top .scroll-top-inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
   -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
   transition: all cubic-bezier(.4, 0, .2, 1) .4s;
 }

 .scroll-to-top .scroll-bar {
   width: 50px;
   height: 2px;
   margin-right: 10px;
   position: relative;
 }

 .scroll-to-top .scroll-bar:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background-color: #f4244f;
   opacity: .3;
 }

 .scroll-to-top .scroll-bar .bar-inner {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   background-color: currentColor;
 }

 .scroll-to-top .scroll-bar-text {
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .scroll-to-top .scroll-bar-text:hover {
   transform: scale(1.1);
 }



 @-webkit-keyframes ripple {
   70% {
     -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
   }

   100% {
     -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
   }
 }

 @keyframes ripple {
   70% {
     -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
   }

   100% {
     -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
   }
 }



 .sec-title {
   position: relative;
   display: block;
 }

 .sec-title .sub-title {
   position: relative;
   display: block;
   font-size: 50px;
   line-height: 70px;
   font-family: "El Messiri", sans-serif;
   font-weight: 400;
   margin-bottom: 17px;
 }

 .sec-title h2 {
   position: relative;
   display: block;
   font-size: 45px;
   line-height: 64px;
   font-family: "El Messiri", sans-serif;
   font-weight: 700;
   color: #000;
   margin: 0px;
 }

 .sec-title h2 span {}

 .sec-title.light h2 {
   color: #fff;
 }





 /*** 

====================================================================
                        Home-Page-One
====================================================================

***/


 /** main-header **/

 .main-header {
   position: relative;
   left: 0px;
   top: 0px;
   right: 0px;
   z-index: 999;
   width: 100%;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .sticky-header {
   position: fixed;
   opacity: 1;
   visibility: hidden;
   left: 0px;
   top: 0px;
   width: 100%;
   z-index: 0;
   background-color: #fff;
   border-bottom: 1px solid rgba(0, 0, 0, 0.10);
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .fixed-header .sticky-header {
   z-index: 999;
   opacity: 1;
   visibility: visible;
   -ms-animation-name: fadeInDown;
   -moz-animation-name: fadeInDown;
   -op-animation-name: fadeInDown;
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
   -ms-animation-duration: 500ms;
   -moz-animation-duration: 500ms;
   -op-animation-duration: 500ms;
   -webkit-animation-duration: 500ms;
   animation-duration: 500ms;
   -ms-animation-timing-function: linear;
   -moz-animation-timing-function: linear;
   -op-animation-timing-function: linear;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -ms-animation-iteration-count: 1;
   -moz-animation-iteration-count: 1;
   -op-animation-iteration-count: 1;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   background-color: #fff;
 }


 /** header-top **/


 .header-top {
   position: relative;
   width: 100%;
   display: none;
   background: #3d181f;
 }

 .header-top .top-inner {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .header-top .top-inner .left-column {
   position: relative;
   display: flex;
   align-items: center;
 }

 .header-top .info li {
   position: relative;
   display: inline-block;
   float: left;
   font-size: 16px;
   line-height: 24px;
   color: #fff;
   font-weight: 500;
   margin-right: 25px;
   padding-left: 27px;
 }

 .header-top .info li:last-child {
   margin: 0px !important;
 }

 .header-top .info li i {
   position: absolute;
   left: 0px;
   top: 2px;
   font-size: 16px;
 }

 .header-top .info li a {
   display: inline-block;
   color: #fff;
 }

 .header-top .info li a:hover {}

 .header-top .top-inner .left-column .info {
   margin-right: 60px;
 }

 .header-top .social-links li {
   position: relative;
   display: inline-block;
   float: left;
   margin-right: 30px;
 }

 .header-top .social-links li:last-child {
   margin: 0px !important;
 }

 .header-top .social-links li a {
   font-size: 18px;
   color: #f6c79d;
 }

 .header-top .social-links li a:hover {}

 .header-top .social-links {
   position: relative;
 }

 .header-top .social-links:before {
   position: absolute;
   content: '';
   background: #f4282a;
   width: 1px;
   height: 30px;
   left: -30px;
   top: 0px;
 }

 .header-top .social-links:after {
   position: absolute;
   content: '';
   background: #f4282a;
   width: 1px;
   height: 30px;
   right: -30px;
   top: 0px;
 }

 .header-top .btn-box a {
   position: relative;
   display: inline-block;
   overflow: hidden;
   vertical-align: middle;
   font-size: 16px;
   line-height: 23px;
   font-family: "El Messiri", sans-serif;
   font-weight: 700;
   color: #fff;
   padding: 12px 24px;
   z-index: 1;
 }

 .header-top .btn-box a:hover {}

 .header-top .btn-box a:before {
   position: absolute;
   content: '';
   background: #fff;
   width: 0%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: -1;
   transition: all 500ms ease;
 }

 .header-top .btn-box a:hover:before {
   width: 100%;
 }

 /** header-lower **/

 .header-lower {
   position: relative;
   width: 100%;
   background: #fff;
 }


 .header-lower {
   position: relative;
   width: 100%;
 }

 .main-header .outer-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .main-header .logo-box {
   position: relative;
   float: left;
   padding: 5px 0px;
 }

 .main-header .logo-box .logo {
   max-width: 182px;
   width: 100%;
 }

 .main-header .logo-box .logo img {
   width: 100%;
   max-width: 130px;
 }

 .main-header .nav-right {
   position: relative;
   display: flex;
   align-items: center;
 }

 .main-header .nav-right li {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background: #FFFFFF;
   box-shadow: 0px 15px 40px 10px rgba(0, 0, 0, 0.07);
   border-radius: 50%;
   font-size: 20px;
   color: #000;
   cursor: pointer;
   margin-right: 20px;
   transition: all 500ms ease;
 }

 .main-header .nav-right li:last-child {
   margin: 0px !important;
 }

 .main-header .nav-right li:hover {
   color: #fff;
 }

 .main-header .nav-right li a {
   position: relative;
   display: inline-block;
   color: #000;
   width: 50px;
   height: 50px;
   line-height: 50px;
 }

 .main-header .nav-right li a:hover {
   color: #fff;
 }

 .main-header .nav-right li a span {
   position: absolute;
   top: -3px;
   right: 0px;
   font-size: 15px;
   color: #fff;
   font-family: 'Libre Baskerville', cursive;
   width: 20px;
   height: 20px;
   line-height: 20px;
   text-align: center;
   border-radius: 50%;
   transition: all 500ms ease;
 }

 .main-header .nav-right li a:hover span {
   background: #000;
 }



 /*** Search Popup ***/

 .search-popup {
   position: fixed;
   left: 0;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 99999;
   visibility: hidden;
   opacity: 1;
   overflow: auto;
   background: rgba(0, 0, 0, 0.80);
   padding-bottom: 200px;
   -webkit-transform: translateY(101%);
   -ms-transform: translateY(101%);
   transform: translateY(101%);
   transition: all 700ms ease;
   -moz-transition: all 700ms ease;
   -webkit-transition: all 700ms ease;
   -ms-transition: all 700ms ease;
   -o-transition: all 700ms ease;
 }

 .search-popup.popup-visible {
   -webkit-transform: translateY(0%);
   -ms-transform: translateY(0%);
   transform: translateY(0%);
   visibility: visible;
   opacity: 1;
 }

 .search-popup .popup-inner {
   width: 100%;
   background: #fff;
 }

 .search-popup .upper-box {
   position: relative;
   padding: 70px 70px;
 }

 .search-popup .upper-box .logo-box {
   max-width: 182px;
 }

 .search-popup .overlay-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   right: 0px;
   bottom: 0px;
   display: block;
 }

 .search-popup .close-search {
   position: relative;
   font-size: 22px;
   color: #141417;
   cursor: pointer;
   z-index: 5;
   top: 11px;
   transition: all 500ms ease;
 }

 .search-popup .close-search:hover {
   color: red;
 }

 .search-popup .search-form {
   position: relative;
   width: 100%;
   padding: 100px 0px 250px 0px;
 }

 .search-popup .search-form .form-group {
   position: relative;
   margin: 0px;
 }

 .search-popup .search-form fieldset input[type="search"] {
   position: relative;
   height: 90px;
   padding: 20px 0px;
   background: #ffffff;
   line-height: 30px;
   font-size: 20px;
   color: #808080;
   font-family: "El Messiri", sans-serif;
   border: none;
   font-weight: 400;
   border-radius: 0px;
   padding-right: 50px;
   border-bottom: 1px solid #e5e5e5;
 }

 .search-popup .search-form fieldset button[type="submit"] {
   position: absolute;
   top: 30px;
   right: 0px;
   font-size: 22px;
   color: #141417;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .search-popup .search-form fieldset input[type="search"]:focus {
   border-color: #141417;
 }

 .search-popup .form-control:focus {
   box-shadow: none !important;
 }


 /** main-menu **/

 .main-menu {
   float: left;
 }

 .main-menu .navbar-collapse {
   padding: 0px;
   display: block !important;
 }

 .main-menu .navigation {
   margin: 0px;
 }

 .main-menu .navigation>li {
   position: inherit;
   float: left;
   z-index: 2;
   margin: 0px 18px;
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .main-menu .navigation>li:last-child {
   margin-right: 0px !important;
 }

 .main-menu .navigation>li:first-child {
   margin-left: 0px !important;
 }

 .main-menu .navigation>li>a {
   position: relative;
   display: block;
   text-align: center;
   font-size: 18px;
   line-height: 30px;
   padding: 35px 0px;
   font-weight: 400;
   font-family: "El Messiri", sans-serif;
   opacity: 1;
   color: #141417;
   z-index: 1;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .main-menu .navigation>li.current>a,
 .main-menu .navigation>li:hover>a {}

 .main-menu .navigation>li>a:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 2px;
   left: 0px;
   bottom: 28px;
   transform: scale(0, 0);
   transition: all 500ms ease;
 }

 .main-menu .navigation>li.current>a:before,
 .main-menu .navigation>li:hover>a:before {
   transform: scale(1, 1);
 }

 .main-menu .navigation>li>ul,
 .main-menu .navigation>li>.megamenu {
   position: absolute;
   left: inherit;
   top: 100%;
   width: 230px;
   margin-top: 15px;
   z-index: 100;
   display: none;
   opacity: 1;
   visibility: hidden;
   border-radius: 0px;
   background-color: #000;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul.from-right {
   left: auto;
   right: 0px;
 }

 .main-menu .navigation>li>ul>li {
   position: relative;
   width: 100%;
 }

 .main-menu .navigation>li>ul>li>a,
 .main-menu .navigation>li>.megamenu li>a {
   position: relative;
   display: block;
   padding: 10px 30px;
   line-height: 24px;
   font-weight: 500;
   font-size: 15px;
   text-transform: capitalize;
   font-family: "El Messiri", sans-serif;
   color: #fff;
   text-align: left;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul>li>a {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .main-menu .navigation>li>.megamenu li>a {
   padding-left: 0px;
 }

 .main-menu .navigation>li>.megamenu h4 {
   display: block;
   font-size: 20px;
   line-height: 30px;
   color: #ffffff;
 }

 .main-menu .navigation>li>ul>li>a:hover,
 .main-menu .navigation>li>.megamenu li>a:hover {}

 .main-menu .navigation>li>ul>li:last-child>a,
 .main-menu .navigation>li>.megamenu li:last-child>a {
   border-bottom: none;
 }

 .main-menu .navigation>li>ul>li.dropdown>a:after {
   font-family: 'Font Awesome 5 Pro';
   content: "\f105";
   position: absolute;
   right: 20px;
   top: 10px;
   display: block;
   line-height: 24px;
   font-size: 16px;
   font-weight: 800;
   text-align: center;
   z-index: 5;
 }

 .main-menu .navigation>li>ul>li>ul {
   position: absolute;
   left: 100%;
   top: 0%;
   margin-top: 15px;
   width: 230px;
   z-index: 100;
   display: none;
   border-radius: 0px;
   background-color: #000;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul>li>ul.from-right {
   left: auto;
   right: 0px;
 }

 .main-menu .navigation>li>ul>li>ul>li {
   position: relative;
   width: 100%;
 }

 .main-menu .navigation>li>ul>li>ul>li:last-child {
   border-bottom: none;
 }

 .main-menu .navigation>li>ul>li>ul>li>a {
   position: relative;
   display: block;
   padding: 10px 30px;
   line-height: 24px;
   font-weight: 500;
   font-size: 15px;
   text-transform: capitalize;
   font-family: "El Messiri", sans-serif;
   color: #fff;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   text-align: left;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul>li>ul>li:last-child>a {
   border-bottom: none;
 }

 .main-menu .navigation>li>ul>li>ul>li>a:hover {}

 .main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
   font-family: 'Font Awesome 5 Pro';
   content: "\f105";
   position: absolute;
   right: 20px;
   top: 12px;
   display: block;
   line-height: 24px;
   font-size: 16px;
   font-weight: 900;
   z-index: 5;
 }

 .main-menu .navigation>li.dropdown:hover>ul,
 .main-menu .navigation>li.dropdown:hover>.megamenu {
   visibility: visible;
   opacity: 1;
   margin-top: 0px;
   top: 100%;
 }

 .main-menu .navigation li>ul>li.dropdown:hover>ul {
   visibility: visible;
   opacity: 1;
   top: 0%;
   margin-top: 0px;
 }

 .main-menu .navigation li.dropdown .dropdown-btn {
   position: absolute;
   right: -32px;
   top: 66px;
   width: 34px;
   height: 30px;
   text-align: center;
   font-size: 18px;
   line-height: 26px;
   color: #3b3b3b;
   cursor: pointer;
   display: none;
   z-index: 5;
   transition: all 500ms ease;
 }

 .main-menu .navigation li.current.dropdown .dropdown-btn,
 .main-menu .navigation li:hover .dropdown-btn {}

 .main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn {
   display: none;
 }

 .menu-area .mobile-nav-toggler {
   position: relative;
   float: right;
   font-size: 40px;
   line-height: 50px;
   cursor: pointer;
   color: #3786ff;
   display: none;
 }

 .menu-area .mobile-nav-toggler .icon-bar {
   position: relative;
   height: 2px;
   width: 30px;
   display: block;
   margin-bottom: 5px;
   background-color: #222;
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .menu-area .mobile-nav-toggler .icon-bar:last-child {
   margin-bottom: 0px;
 }

 .sticky-header .main-menu .navigation>li>a {
   padding: 30px 0px;
 }

 .sticky-header .logo-box {
   padding: 10px 0px;
 }

 .sticky-header .nav-right {
   padding: 15px 0px;
 }


 /** megamenu-style **/

 .main-menu .navigation>li.dropdown>.megamenu {
   position: absolute;
   width: 100%;
   padding: 30px 50px;
   left: 0px;
 }

 .main-menu .navigation li.dropdown .megamenu li h4 {
   margin-bottom: 10px;
 }


 /** mobile-menu **/

 .nav-outer .mobile-nav-toggler {
   position: relative;
   float: right;
   font-size: 40px;
   line-height: 50px;
   cursor: pointer;
   color: #3786ff;
   display: none;
 }

 .mobile-menu {
   position: fixed;
   right: 0;
   top: 0;
   width: 300px;
   padding-right: 30px;
   max-width: 100%;
   height: 100%;
   opacity: 1;
   visibility: hidden;
   z-index: 999999;
   transition: all 900ms ease;
 }

 .mobile-menu .navbar-collapse {
   display: block !important;
 }

 .mobile-menu .nav-logo {
   position: relative;
   padding: 10px 15px;
   text-align: left;
 }

 .mobile-menu-visible {
   overflow: hidden;
 }

 .mobile-menu-visible .mobile-menu {
   opacity: 1;
   visibility: visible;
 }

 .mobile-menu .menu-backdrop {
   position: fixed;
   left: 0%;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   transition: all 900ms ease;
   background-color: #000;
 }

 .mobile-menu-visible .mobile-menu .menu-backdrop {
   opacity: 0.70;
   visibility: visible;
   right: 100%;
   -webkit-transition: all .8s ease-out 0s;
   -o-transition: all .8s ease-out 0s
 }

 .mobile-menu .menu-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   max-height: 100%;
   overflow-y: auto;
   background: #141417;
   padding: 0px 0px;
   z-index: 5;
   opacity: 1;
   visibility: hidden;
   border-radius: 0px;
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
   transition: all 900ms ease !important;
 }

 .mobile-menu-visible .mobile-menu .menu-box {
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 0.7s ease;
   -o-transition: all 0.7s ease;
   transition: all 0.7s ease;
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);
 }

 .mobile-menu .close-btn {
   position: absolute;
   right: 25px;
   top: 50px;
   line-height: 30px;
   width: 24px;
   text-align: center;
   font-size: 16px;
   color: #ffffff;
   cursor: pointer;
   z-index: 10;
   -webkit-transition: all 0.9s ease;
   -moz-transition: all 0.9s ease;
   -ms-transition: all 0.9s ease;
   -o-transition: all 0.9s ease;
   transition: all 0.9s ease;
 }

 .mobile-menu-visible .mobile-menu .close-btn {
   -webkit-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
 }

 .mobile-menu .close-btn:hover {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
 }

 .mobile-menu .navigation {
   position: relative;
   display: block;
   width: 100%;
   float: none;
 }

 .mobile-menu .navigation li {
   position: relative;
   display: block;
   border-top: 1px solid rgba(255, 255, 255, 0.10);
 }

 .mobile-menu .navigation:last-child {
   border-bottom: 1px solid rgba(255, 255, 255, 0.10);
 }

 .mobile-menu .navigation li>ul>li:first-child {
   border-top: 1px solid rgba(255, 255, 255, 0.10);
 }

 .mobile-menu .navigation li>a {
   position: relative;
   display: block;
   line-height: 24px;
   padding: 10px 25px;
   font-size: 15px;
   font-weight: 500;
   color: #ffffff;
   text-transform: uppercase;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .mobile-menu .navigation li ul li>a {
   font-size: 16px;
   margin-left: 20px;
   text-transform: capitalize;
 }

 .mobile-menu .navigation li>a:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   height: 0;
   border-left: 5px solid #fff;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .mobile-menu .navigation li.current>a:before {
   height: 100%;
 }

 .mobile-menu .navigation li.dropdown .dropdown-btn {
   position: absolute;
   right: 6px;
   top: 6px;
   width: 32px;
   height: 32px;
   text-align: center;
   font-size: 16px;
   line-height: 32px;
   color: #ffffff;
   background: rgba(255, 255, 255, 0.10);
   cursor: pointer;
   border-radius: 2px;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 5;
 }

 .mobile-menu .navigation li.dropdown .dropdown-btn.open {
   color: #ffffff;
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
 }

 .mobile-menu .navigation li>ul,
 .mobile-menu .navigation li>ul>li>ul,
 .mobile-menu .navigation>li.dropdown>.megamenu {
   display: none;
 }

 .mobile-menu .social-links {
   position: relative;
   padding: 0px 25px;
 }

 .mobile-menu .social-links li {
   position: relative;
   display: inline-block;
   margin: 0px 10px 10px;
 }

 .mobile-menu .social-links li a {
   position: relative;
   line-height: 32px;
   font-size: 16px;
   color: #000;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }



 div#mCSB_1_container {
   top: 0px !important;
 }

 .mobile-menu .contact-info {
   position: relative;
   padding: 50px 30px 20px 30px;
 }

 .mobile-menu .contact-info h4 {
   position: relative;
   font-size: 20px;
   color: #ffffff;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .mobile-menu .contact-info ul li {
   position: relative;
   display: block;
   font-size: 15px;
   color: rgba(255, 255, 255, 0.80);
   margin-bottom: 3px;
   font-family: "El Messiri", sans-serif;
 }

 .mobile-menu .contact-info ul li a {
   color: rgba(255, 255, 255, 0.80);
 }

 .mobile-menu .contact-info ul li a:hover {}

 .mobile-menu .contact-info ul li:last-child {
   margin-bottom: 0px;
 }

 .main-header .outer-box {
   position: relative;
 }


 /** banner-section **/

 .banner-carousel .slide-item {
   padding: 200px 0px 220px 0px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
 }

 .banner-carousel .slide-item:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   background: #000;
   top: 0px;
   right: 0px;
   z-index: 1;
   opacity: 0.7;
 }

 .banner-carousel .slide-item .image-layer {
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition: all 8000ms linear;
   -moz-transition: all 8000ms linear;
   -ms-transition: all 8000ms linear;
   -o-transition: all 8000ms linear;
   transition: all 8000ms linear;
 }

 .banner-carousel .active .slide-item .image-layer {
   -webkit-transform: scale(1.25);
   -ms-transform: scale(1.25);
   transform: scale(1.25);
 }

 .banner-carousel .content-box .special-text {
   font-family: "El Messiri", sans-serif;
   font-size: 60px;
   line-height: 70px;
   font-weight: 400;
   margin-bottom: 17px;
   min-height: 70px;
 }

 .banner-carousel .content-box h2 {
   font-size: 60px;
   line-height: 90px;
   font-family: "El Messiri", sans-serif;
   font-weight: 700;
   color: #fff;
   margin-bottom: 29px;
   opacity: 1;
   -webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
   -ms-transform: translateY(50px);
   -o-transform: translateY(50px);
   transform: translateY(50px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box h2 {
   opacity: 1;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition-delay: 1000ms;
   -moz-transition-delay: 1000ms;
   -ms-transition-delay: 1000ms;
   -o-transition-delay: 1000ms;
   transition-delay: 1000ms;
 }

 .banner-carousel .content-box p {
   font-size: 20px;
   line-height: 32px;
   font-family: "El Messiri", sans-serif;
   color: #fff;
   margin-bottom: 37px;
   opacity: 1;
   -webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
   -ms-transform: translateY(50px);
   -o-transform: translateY(50px);
   transform: translateY(50px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box p {
   opacity: 1;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition-delay: 1200ms;
   -moz-transition-delay: 1200ms;
   -ms-transition-delay: 1200ms;
   -o-transition-delay: 1200ms;
   transition-delay: 1200ms;
 }

 .banner-carousel .content-box .btn-box {
   opacity: 1;
   -webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
   -ms-transform: translateY(50px);
   -o-transform: translateY(50px);
   transform: translateY(50px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box .btn-box {
   opacity: 1;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition-delay: 1200ms;
   -moz-transition-delay: 1200ms;
   -ms-transition-delay: 1200ms;
   -o-transition-delay: 1200ms;
   transition-delay: 1200ms;
 }

 .banner-carousel .content-box .btn-box .theme-btn-one {
   padding: 23px 38px 24px 37px;
 }

 .owl-dots-none .owl-dots,
 .owl-nav-none .owl-nav {
   display: none !important;
 }

 .owl-nav button {
   background: transparent;
 }

 .banner-section .banner-carousel .owl-nav {
   position: absolute;
   left: 0px;
   top: 45%;
   transform: translateY(-50%);
   width: 100%;
 }

 .banner-carousel .owl-nav button {
   position: absolute;
   display: inline-block;
   width: 70px;
   height: 70px;
   line-height: 70px;
   background-color: #fdffe3;
   text-align: center;
   border-radius: 50%;
   color: #fff;
   cursor: pointer;
   font-size: 16px;
   transition: all 500ms ease;
 }

 .banner-carousel .owl-nav button:hover {}

 .banner-carousel .owl-nav button span {
   display: none;
 }

 .banner-carousel .owl-nav button.owl-prev {
   left: 70px;
 }

 .banner-carousel .owl-nav button.owl-next {
   right: 70px;
 }

 .banner-carousel .owl-nav button:before {
   position: absolute;
   font-family: 'icomoon';
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   text-align: center;
   border-radius: 50%;
   color: #f4282a;
   transition: all 500ms ease;
 }

 .banner-carousel .owl-nav button:hover:before {
   color: #f4282a;
 }

 .banner-carousel .owl-nav button.owl-prev:before {
   content: '\e904';
 }

 .banner-carousel .owl-nav button.owl-next:before {
   content: '\e905';
 }

 .banner-section .pattern-layer {
   position: absolute;
   left: 0px;
   bottom: -1px;
   width: 100%;
   height: 31px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
   z-index: 2;
 }


 /** about-section **/

 .about-section {
   position: relative;
   overflow: hidden;
 }

 .content_block_one .content-box {
   position: relative;
   display: block;
   margin-right: 30px;
 }

 .content_block_one .content-box .text {
   position: relative;
   display: block;
   margin-bottom: 49px;
 }

 .content_block_one .content-box .signature {
   position: relative;
   display: block;
   margin-bottom: 46px;
 }

 .content_block_one .content-box .theme-btn-one {
   padding: 19px 44px 18px 43px;
 }

 .image_block_one .image-box {
   position: absolute;
   right: 380px;
   bottom: -40px;
 }

 .image_block_one .image-box .image-2 {
   position: absolute;
   top: 146px;
   right: -91px;
 }

 .image_block_one .image-box .vector-1 {
   position: absolute;
   top: 260px;
   left: 0px;
 }

 .image_block_one .image-box .shape .shape-1 {
   position: absolute;
   left: 90px;
   top: 0px;
   width: 450px;
   height: 450px;
   background: #F3EBDF;
   border-radius: 50%;
   z-index: -1;
 }

 .image_block_one .image-box .shape .shape-2 {
   position: absolute;
   top: 0px;
   right: -35px;
   width: 196px;
   height: 196px;
   background-repeat: no-repeat;
   z-index: -1;
   -webkit-animation: zoom-fade 7s infinite linear;
   animation: zoom-fade 7s infinite linear;
 }

 .bg-color-1 {
   background: #212226;
 }


 /** menu-section **/

 .menu-section {
   position: relative;
   padding-top: 111px;
 }

 .menu-section .inner-container {
   position: relative;
   display: inline-grid;
   width: 100%;
   z-index: 1;
   margin-bottom: -410px;
 }

 .menu-block-one .inner-box {
   position: relative;
   display: block;
   /* padding: 20px; */
   background: transparent;
   /* box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.1); */
 }

 .menu-block-one .inner-box img {
   margin: 10px 0;
 }

 .menu-block-one .inner-box .shape .shape-1 {
   position: absolute;
   left: 0px;
   top: -50px;
   width: 100%;
   height: 52px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
 }

 .menu-block-one .inner-box .shape .shape-2 {
   position: absolute;
   left: 0px;
   bottom: -50px;
   width: 100%;
   height: 52px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: bottom center;
 }

 .menu-block-one .inner-box .single-item {
   position: relative;
   display: block;
   margin-bottom: 22px;
 }

 .menu-block-one .inner-box .single-item:last-child {
   margin-bottom: 0px;
 }

 .menu-block-one .inner-box .single-item .upper-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 6px;
   margin-bottom: 15px;
   border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
 }

 .menu-block-one .inner-box .single-item h4 {
   display: block;
   font-size: 20px;
   line-height: 34px;
 }

 .menu-block-one .inner-box .single-item h4 a {
   display: inline-block;
   color: #000;
 }

 .menu-block-one .inner-box .single-item h4 a:hover {}

 .menu-block-one .inner-box .single-item .price {
   position: relative;
   display: block;
   font-size: 20px;
   line-height: 34px;
   font-family: "El Messiri", sans-serif;
 }

 .menu-section .pattern-layer .pattern-1 {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 325px;
   height: 475px;
 }

 .menu-section .pattern-layer .pattern-2 {
   position: absolute;
   left: 137px;
   top: 133px;
   width: 202px;
   height: 202px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 7s infinite linear;
   animation: zoom-fade 7s infinite linear;
 }

 .menu-section .pattern-layer .pattern-3 {
   position: absolute;
   top: 272px;
   right: 141px;
   width: 169px;
   height: 140px;
   background-repeat: no-repeat;
 }

 .parallax-bg {
   position: absolute;
   left: 0px;
   top: -30%;
   width: 100%;
   height: 150%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   background-attachment: fixed;
   z-index: -1;
 }


 /** shop-section **/

 .shop-section {
   position: relative;
   padding: 482px 0px 120px 0px;
   overflow: hidden;
 }

 .shop-section .owl-carousel .owl-stage-outer {
   overflow: visible;
 }

 .shop-section .owl-carousel .owl-stage-outer .owl-item {
   opacity: 1;
 }

 .shop-section .owl-carousel .owl-stage-outer .owl-item.active {
   opacity: 1;
 }

 .shop-section .bg-layer:before {
   position: absolute;
   content: '';
   background: #fff;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   opacity: 0.76;
 }

 .shop-block-one .inner-box {
   position: relative;
   display: block;
   background: #fff;
   text-align: center;
   box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.07);
 }

 .shop-block-one .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .shop-block-one .inner-box .image-box img {
   width: 100%;
   transition: all 500ms ease;
 }

 .shop-block-one .inner-box:hover .image-box img {
   opacity: 0.50;
   transform: scale(1.05);
 }

 .shop-block-one .inner-box .image-box .btn-box {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: 40px;
   width: 100%;
 }

 .shop-block-one .inner-box .image-box .theme-btn-one {
   padding: 14px 38px 13px 37px;
   transform: scale(0, 0);
 }

 .shop-block-one .inner-box:hover .image-box .theme-btn-one {
   transform: scale(1, 1);
 }

 .shop-block-one .inner-box .lower-content {
   position: relative;
   display: block;
   padding: 36px 15px 43px 15px;
 }

 .shop-block-one .inner-box .lower-content:before {
   position: absolute;
   content: '';
   background: #E5E5E5;
   width: 150px;
   height: 1px;
   left: 50%;
   transform: translateX(-50%);
   top: 0px;
 }

 .shop-block-one .inner-box .lower-content h5 {
   display: block;
   font-size: 18px;
   line-height: 34px;
   font-weight: 700;
   margin-bottom: 5px;
 }

 .shop-block-one .inner-box .lower-content h5 a {
   display: inline-block;
   color: #000;
 }

 .shop-block-one .inner-box .lower-content h5 a:hover {}

 .shop-block-one .inner-box .lower-content .rating {
   position: relative;
   display: block;
   margin-bottom: 17px;
 }

 .shop-block-one .inner-box .lower-content .rating li {
   position: relative;
   display: inline-block;
   font-size: 18px;
   line-height: 18px;
   color: #FAB421;
 }

 .shop-block-one .inner-box .lower-content .price {
   position: relative;
   display: block;
   font-size: 18px;
   line-height: 34px;
   font-family: "El Messiri", sans-serif;
   color: #000;
 }

 .nav-style-one .owl-nav button {
   position: relative;
   display: inline-block;
   width: 70px;
   height: 70px;
   line-height: 70px;
   background-color: #FDFFE3;
   box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
   text-align: center;
   border-radius: 50%;
   color: #222;
   cursor: pointer;
   font-size: 16px;
   transition: all 500ms ease;
 }

 .nav-style-one .owl-nav button:hover {
   box-shadow: 0px 20px 40px rgba(197, 157, 95, 0.25);
   color: #fff;
 }

 .nav-style-one .owl-nav button:before {
   position: absolute;
   font-family: 'icomoon';
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   text-align: center;
   border-radius: 50%;
   color: #222;
   transition: all 500ms ease;
 }

 .nav-style-one .owl-nav button:hover:before {
   color: #fff;
 }

 .nav-style-one .owl-nav button.owl-prev:before {
   content: '\e904';
 }

 .nav-style-one .owl-nav button.owl-next:before {
   content: '\e905';
 }

 .nav-style-one .owl-nav button span {
   display: none;
 }

 .shop-section .nav-style-one .owl-nav {
   position: absolute;
   top: -145px;
   right: 0px;
 }

 .shop-section .nav-style-one .owl-nav .owl-prev {
   margin-right: 20px;
 }


 /** gallery-section **/

 .gallery-section {
   position: relative;
 }

 .gallery-section .owl-carousel {
   max-width: 1070px;
   margin: 0 auto;
   width: 100%;
   display: block;
 }

 .gallery-section .owl-stage-outer {
   overflow: visible;
 }

 .gallery-block-one .inner-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .gallery-block-one .inner-box .image-box {
   position: relative;
   display: block;
 }

 .gallery-block-one .inner-box .image-box img {
   width: 100%;
 }

 .gallery-block-one .inner-box .content-box {
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 100%;
   opacity: 1;
   transition: all 500ms ease;
 }

 .owl-item.active .gallery-block-one .inner-box .content-box {
   left: 30px;
   bottom: 30px;
   opacity: 1;
 }

 .gallery-block-one .inner-box .content-box h4 {
   position: relative;
   display: block;
   margin-bottom: 10px;
 }

 .gallery-block-one .inner-box .content-box h4 a {
   position: relative;
   display: inline-block;
   font-size: 20px;
   line-height: 34px;
   font-weight: 700;
   color: #000;
   background: #fff;
   padding: 18px 30px;
 }

 .gallery-block-one .inner-box .content-box h4 a:hover {
   color: #fff;
 }

 .gallery-block-one .inner-box .content-box span {
   position: relative;
   display: inline-block;
   font-size: 16px;
   line-height: 34px;
   font-family: "El Messiri", sans-serif;
   font-weight: 400;
   background: #fff;
   padding: 8px 30px;
 }

 .gallery-section .owl-nav {
   position: absolute;
   left: 0px;
   top: 45%;
   width: 100%;
 }

 .gallery-section .owl-nav .owl-prev {
   position: absolute;
   left: -100px;
 }

 .gallery-section .owl-nav .owl-next {
   position: absolute;
   right: -100px;
 }


 /** promotion-section **/

 .promotion-section {
   position: relative;
 }

 .promotion-block-one .inner-box {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .promotion-block-one:last-child .inner-box {
   margin-bottom: 0px;
 }

 .promotion-block-one .inner-box .image-box .image {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .promotion-block-one .inner-box .image-box .image img {
   width: 100%;
   transition: all 500ms ease;
 }

 .promotion-block-one .inner-box:hover .image-box .image img {
   transform: scale(1.05);
 }

 .promotion-block-one .inner-box .content-box {
   position: relative;
   display: block;
   background: #fff;
   padding: 95px 70px 68px 50px;
   box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.07);
 }

 .promotion-block-one .inner-box .content-box h2 {
   display: block;
   font-size: 30px;
   line-height: 46px;
   font-family: "El Messiri", sans-serif;
   font-weight: 700;
   margin-bottom: 16px;
 }

 .promotion-block-one .inner-box .content-box h2 span {}

 .promotion-block-one .inner-box .content-box h4 {
   display: block;
   font-size: 20px;
   line-height: 34px;
   font-family: "El Messiri", sans-serif;
   font-weight: 700;
   margin-bottom: 31px;
 }

 .promotion-block-one .inner-box .content-box p {
   display: block;
   font-size: 18px;
   margin-bottom: 40px;
   line-height: 32px;
 }

 .promotion-block-one .inner-box .content-box .theme-btn-one {
   padding: 14px 38px 13px 37px;
 }

 .bg-color-2 {
   background: #f5f2ed;
 }

 .promotion-block-one .inner-box .shape {
   position: absolute;
   width: 196px;
   height: 196px;
   -webkit-animation: zoom-fade 4s infinite linear;
   animation: zoom-fade 4s infinite linear;
   background-repeat: no-repeat;
 }

 .promotion-block-one:nth-child(2) .inner-box .shape {
   left: -79px;
   top: -76px;
 }

 .promotion-block-one:last-child .inner-box .shape {
   bottom: -80px;
   right: -50px;
 }

 .promotion-block-one .inner-box .content-box .content-shape {
   position: absolute;
   right: 0px;
   bottom: 0px;
   width: 253px;
   height: 145px;
   background-repeat: no-repeat;
 }


 /** testimonial-section **/

 .testimonial-section {
   position: relative;
 }

 .testimonial-block-one .inner-box {
   position: relative;
   display: block;
 }

 .testimonial-block-one .inner-box .icon-box {
   position: relative;
   display: inline-block;
   width: 80px;
   height: 80px;
   line-height: 80px;
   font-size: 30px;
   color: #fff;
   text-align: center;
   border-radius: 50%;
   border-radius: 50%;
   margin-bottom: 32px;
 }

 .testimonial-block-one .inner-box p {
   display: block;
   color: #000;
   margin-bottom: 17px;
 }

 .testimonial-block-one .inner-box .author-box {
   position: relative;
   display: block;
   padding: 0px 0px 0px 100px;
 }

 .testimonial-block-one .inner-box .author-box .author-thumb {
   position: absolute;
   left: 0px;
   top: 3px;
   width: 80px;
   height: 80px;
   border-radius: 50%;
 }

 .testimonial-block-one .inner-box .author-box .author-thumb img {
   width: 100%;
   border-radius: 50%;
 }

 .testimonial-block-one .inner-box .author-box .rating li {
   position: relative;
   display: inline-block;
   font-size: 15px;
   line-height: 15px;
   color: #FFC93D;
 }

 .testimonial-block-one .inner-box .author-box .rating {
   margin-bottom: 10px;
 }

 .testimonial-block-one .inner-box .author-box h4 {
   display: block;
   font-size: 20px;
   line-height: 28px;
   font-weight: 700;
 }

 .testimonial-block-one .inner-box .author-box .designation {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 30px;
 }

 .testimonial-section .owl-nav {
   margin-top: 50px;
 }

 .testimonial-section .owl-nav .owl-prev {
   margin-right: 20px;
 }

 .testimonial-section .image-box .image-1 {
   position: absolute;
   left: 150px;
   bottom: 0px;
 }

 .testimonial-section .image-box .image-2 {
   position: absolute;
   left: 0px;
   bottom: 50px;
 }

 .testimonial-section .image-box .image-3 {
   position: absolute;
   right: 0px;
   top: 118px;
 }

 .testimonial-section .pattern-layer .pattern-1 {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .testimonial-section .pattern-layer .pattern-2 {
   position: absolute;
   left: 625px;
   top: 278px;
   width: 196px;
   height: 196px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 4s infinite linear;
   animation: zoom-fade 4s infinite linear;
 }


 /** cta-section **/

 .cta-section {
   position: relative;
 }

 .cta-section .shape .shape-1 {
   width: 100%;
   height: 100%;
   background-repeat: repeat-x;
   background-position: bottom center;
 }

 .cta-section .shape .shape-2 {
   width: 178px;
   height: 178px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 7s infinite linear;
   animation: zoom-fade 7s infinite linear;
 }

 .cta-section .shape .shape-3 {
   left: 50%;
   transform: translateX(-50%);
   margin-left: -350px;
   bottom: 0px;
   width: 343px;
   height: 197px;
   background-repeat: no-repeat;
 }

 .cta-section .shape .shape-4 {
   left: 50%;
   transform: translateX(-50%);
   margin-left: 350px;
   bottom: 0px;
   width: 343px;
   height: 197px;
   background-repeat: no-repeat;
 }


 /** news-section **/

 .news-section {
   position: relative;
 }

 .news-block-one .inner-box {
   position: relative;
   display: block;
   overflow: hidden;
   background: #fff;
   box-shadow: 0px 15px 40px 10px rgba(0, 0, 0, 0.05);
   transition: all 500ms ease;
 }

 .news-block-one .inner-box:hover {
   box-shadow: 0px 15px 40px 10px rgba(0, 0, 0, 0.10);
 }

 .news-block-one .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .news-block-one .inner-box .image-box .image {
   position: relative;
   display: block;
   overflow: hidden;
   margin-bottom: 30px;
 }

 .news-block-one .inner-box .image-box .image img {
   width: 100%;
   transition: all 500ms ease;
 }

 .news-block-one .inner-box:hover .image-box .image img {
   opacity: 1;
   transform: scale(1.05);
 }

 .news-block-one .inner-box .image-box .date {
   position: absolute;
   left: 30px;
   top: 30px;
   width: 70px;
   text-align: center;
   padding: 14px 10px 6px 10px;
   font-size: 30px;
   line-height: 20px;
   font-weight: 500;
   color: #fff;
 }

 .news-block-one .inner-box .image-box .date span {
   display: block;
   text-transform: uppercase;
   font-size: 16px;
   line-height: 20px;
   margin-top: 10px;
 }

 .news-block-one .inner-box .lower-content {
   position: relative;
   display: block;
   padding: 27px 30px 37px 30px;
 }

 .news-block-one .inner-box .lower-content h3 {
   position: relative;
   display: block;
   font-size: 17px;
   line-height: 30px;
   font-weight: 700;
   margin-bottom: 9px;
   text-align: center;
 }

 .news-block-one .inner-box .lower-content h3 a {
   display: inline-block;
   color: #000;
 }

 .news-block-one .inner-box .lower-content h3 a:hover {}

 .news-block-one .inner-box .lower-content .post-info li {
   position: relative;
   display: inline-block;
   float: left;
   margin-right: 16px;
   padding-left: 22px;
 }

 .news-block-one .inner-box .lower-content .post-info li:last-child {
   margin: 0px !important;
 }

 .news-block-one .inner-box .lower-content .post-info li i {
   position: absolute;
   left: 0px;
   top: 4px;
   font-size: 16px;
 }

 .news-block-one .inner-box .lower-content .post-info li a {
   display: inline-block;
   color: #676767;
 }

 .news-block-one .inner-box .lower-content .post-info li a:hover {}

 .news-block-one .inner-box .lower-content .post-info {
   margin-bottom: 17px;
 }

 .news-block-one .inner-box .lower-content p {
   line-height: 26px;
   margin-bottom: 30px;
 }


 /** order-section **/

 .order-section {
   position: relative;
   padding-top: 115px;
 }

 .order-section .form-inner {
   position: relative;
   display: block;
   max-width: 850px;
   background: #fff;
   margin: 0 auto;
   box-shadow: 0px 70px 40px rgba(0, 0, 0, 0.05);
   padding: 50px 70px 100px 70px;
 }

 .nice-select {
   position: relative;
   display: block;
   height: 53px;
   line-height: 53px;
   border: none !important;
   border-bottom: 1px solid #e5e5e5 !important;
   font-size: 16px;
   font-family: "El Messiri", sans-serif;
   color: #676767;
   padding: 0px 00px;
   border-radius: 0px;
 }

 .nice-select:after {
   width: 10px;
   height: 10px;
   border-bottom: 2px solid #c4c4c4;
   border-right: 2px solid #c4c4c4;
   right: 3px;
 }

 .order-section .form-inner .form-group {
   position: relative;
   margin-bottom: 29px;
 }

 .order-section .form-inner .form-group:last-child {
   margin-bottom: 0px;
 }

 .order-section .form-inner .form-group input[type='text'],
 .order-section .form-inner .form-group input[type='email'],
 .order-section .form-inner .form-group textarea {
   position: relative;
   display: block;
   width: 100%;
   height: 53px;
   font-size: 16px;
   color: #676767;
   font-family: "El Messiri", sans-serif;
   border-bottom: 1px solid #e5e5e5;
   transition: all 500ms ease;
 }

 .order-section .form-inner .form-group textarea {
   height: 100px;
   resize: none;
 }

 .order-section .form-inner .form-group input:focus,
 .order-section .form-inner .form-group textarea:focus {}

 .order-section .form-inner .form-group .icon {
   position: absolute;
   top: 15px;
   right: 15px;
 }

 .order-section .form-inner .form-group .select-box {
   min-height: 53px;
 }

 .order-section .pattern-layer {
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 100%;
   height: 33px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
   z-index: 1;
 }

 .order-section .shape .shape-1 {
   position: absolute;
   left: 0px;
   top: 58px;
   width: 441px;
   height: 246px;
   background-repeat: no-repeat;
 }

 .order-section .shape .shape-2 {
   position: absolute;
   left: 243px;
   top: 442px;
   width: 222px;
   height: 218px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 7s infinite linear;
   animation: zoom-fade 7s infinite linear;
 }

 .order-section .shape .shape-3 {
   position: absolute;
   top: 0px;
   right: 240px;
   width: 247px;
   height: 150px;
   background-repeat: no-repeat;
 }

 .order-section .shape .shape-4 {
   position: absolute;
   top: 264px;
   right: 0px;
   width: 440px;
   height: 244px;
   background-repeat: no-repeat;
 }


 /** main-footer **/

 .main-footer {
   position: relative;
   background-color: #3d181f;
 }

 .main-footer .footer-top {
   position: relative;
   border-bottom: 1px solid rgba(255, 255, 255, 0.10);
 }

 .footer-top .widget-title {
   position: relative;
   display: block;
   margin-bottom: 13px;
 }

 .footer-top .widget-title h3 {
   font-size: 24px;
   line-height: 28px;
   color: #f6c79d;
 }

 .footer-top .schedule-widget .widget-content .list li {
   position: relative;
   display: block;
   font-size: 16px;
   text-transform: capitalize;
   line-height: 36px;
   color: #fff;
   font-family: "El Messiri", sans-serif;
 }

 .footer-top .schedule-widget .widget-content .list li span {}

 .footer-top .logo-widget {
   position: relative;
   max-width: 300px;
   margin: 0 auto;
 }

 .footer-top .logo-widget .footer-logo {
   position: relative;
   display: block;
   margin-bottom: 29px;
 }

 .footer-top .logo-widget .text {
   position: relative;
   display: block;
   margin-bottom: 27px;
 }

 .footer-top .logo-widget .text p {
   font-size: 18px;
   line-height: 28px;
   color: #fff;
 }

 .footer-top .logo-widget .social-links li {
   position: relative;
   display: inline-block;
   margin: 0px 8.5px;
 }

 .footer-top .logo-widget .social-links li a {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 50px;
   font-size: 16px;
   background: #fff;
   text-align: center;
   color: #3d181f;
   border-radius: 50%;
 }

 .footer-top .logo-widget .social-links li a:hover {}

 .footer-top .logo-widget .shape .shape-1 {
   position: absolute;
   left: -125px;
   top: 0px;
   width: 60px;
   height: 329px;
   background-repeat: no-repeat;
 }

 .footer-top .logo-widget .shape .shape-2 {
   position: absolute;
   right: -125px;
   top: 0px;
   width: 60px;
   height: 329px;
   background-repeat: no-repeat;
 }

 .footer-top .contact-widget .info-list li {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 30px;
   color: #fff;
   font-family: "El Messiri", sans-serif;
 }

 .footer-top .contact-widget .info-list li span {
   font-weight: 900;
 }

 .footer-top .contact-widget .info-list li a {
   color: #fff;
 }



 .footer-bottom {
   position: relative;
   padding: 10px 0px;
   background-color: #f6c79d;
 }

 .footer-bottom p {
   font-size: 18px;
   line-height: 36px;
   font-weight: 600;
   color: #fff;
 }

 .footer-bottom p a {
   color: #3d181f;
   font-weight: bold;
 }







 /*** 

====================================================================
                        Home-Page-Two
====================================================================

***/


 /** banner-style-two **/

 .banner-style-two {
   background: #fff;
 }

 .banner-style-two .pattern-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .banner-style-two .banner-carousel .slide-item:before {
   display: none;
 }

 .banner-style-two .pattern-layer-2 {
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 100%;
   height: 95px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: bottom center;
 }

 .banner-style-two .content-inner {
   max-width: 1015px;
   width: 100%;
 }

 .banner-style-two .content-box {
   max-width: 350px;
 }

 .banner-style-two .content-inner .image-box {
   position: absolute;
   top: 0px;
   right: 0px;
 }

 .banner-style-two .banner-carousel .content-box h2 {
   font-size: 60px;
   line-height: 70px;
   color: #000000;
   margin-bottom: 16px;
 }

 .banner-style-two .banner-carousel .content-box p {
   color: #000;
   margin-bottom: 47px;
 }

 .banner-style-two .content-inner .image-box .image-1 {
   position: relative;
   display: block;
   width: 520px;
   height: 520px;
   border-radius: 50%;
   opacity: 1;
   -webkit-transform: scale(0, 0);
   -moz-transform: scale(0, 0);
   -ms-transform: scale(0, 0);
   -o-transform: scale(0, 0);
   transform: scale(0, 0);
   -webkit-transition: all 2000ms ease;
   -moz-transition: all 2000ms ease;
   -ms-transition: all 2000ms ease;
   -o-transition: all 2000ms ease;
   transition: all 2000ms ease;
 }

 .banner-style-two .banner-carousel .active .image-box .image-1 {
   opacity: 1;
   -webkit-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   transform: scale(1, 1);
   -webkit-transition-delay: 1000ms;
   -moz-transition-delay: 1000ms;
   -ms-transition-delay: 1000ms;
   -o-transition-delay: 1000ms;
   transition-delay: 1000ms;
 }

 .banner-style-two .content-inner .image-box .image-1 img {
   width: 100%;
   border-radius: 50%;
 }

 .banner-style-two .content-inner .image-box .image-2 {
   position: absolute;
   top: 40px;
   right: -80px;
 }

 .banner-style-two .banner-carousel .slide-item {
   padding: 110px 0px 215px 0px;
 }

 .banner-style-two .banner-carousel .owl-nav {
   position: absolute;
   top: 40%;
   right: 315px;
 }

 .banner-style-two .banner-carousel .owl-nav button {
   position: relative;
   right: 0px;
   left: 0px;
 }

 .banner-style-two .banner-carousel .owl-nav button.owl-prev {
   margin-right: 10px;
 }

 .banner-style-two .vector-image .vector-1 {
   position: absolute;
   left: 55px;
   top: 55px;
 }

 .banner-style-two .vector-image .vector-2 {
   position: absolute;
   left: 663px;
   top: 223px;
 }

 .banner-style-two .vector-image .vector-3 {
   position: absolute;
   top: 109px;
   right: 138px;
 }

 .banner-style-two .vector-image .vector-4 {
   position: absolute;
   right: 465px;
   bottom: 120px;
 }

 .banner-style-two .shape {
   position: absolute;
   left: 750px;
   top: 433px;
   width: 196px;
   height: 196px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 7s infinite linear;
   animation: zoom-fade 7s infinite linear;
 }


 /** about-style-two **/

 .about-style-two {
   position: relative;
 }

 .about-style-two .text p {
   margin-bottom: 44px;
   text-align: center;
   font-size: 24px;
   line-height: 40px;
   color: #000;
 }

 .about-style-two .text p:last-child {
   margin-bottom: 0px;
 }

 .about-style-two .shape .shape-1 {
   position: absolute;
   left: 0px;
   top: 106px;
   width: 251px;
   height: 143px;
   background-repeat: no-repeat;
 }

 .about-style-two .shape .shape-2 {
   position: absolute;
   right: 0px;
   top: 106px;
   width: 251px;
   height: 143px;
   background-repeat: no-repeat;
 }


 /** story-section **/

 .story-section {
   position: relative;
   padding: 115px 0px;
 }

 .story-block-one .inner-box {
   position: relative;
   display: block;
 }

 .story-block-one .inner-box .year {
   position: relative;
   display: inline-block;
   font-size: 18px;
   line-height: 23px;
   font-family: "El Messiri", sans-serif;
   color: #fff;
   font-weight: 700;
   background: #37383C;
   box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.07);
   padding: 9px 27px 8px 27px;
   margin-bottom: 95px;
 }

 .story-block-one .inner-box .year:before {
   position: absolute;
   content: '';
   background-image: url(../images/shape/shape-23.png);
   width: 9px;
   height: 62px;
   left: 50%;
   transform: translateX(-50%);
   top: 57px;
   background-repeat: no-repeat;
 }

 .story-block-one .inner-box .year:after {
   position: absolute;
   content: '';
   left: 50%;
   transform: translateX(-50%);
   top: 80px;
   width: 15px;
   height: 15px;
   border-radius: 50%;
 }

 .story-section .story-content {
   position: relative;
   margin-right: -320px;
 }

 .story-section .story-content:before {
   position: absolute;
   content: '';
   background: #36373B;
   width: calc(100% - 39px);
   height: 1px;
   left: 39px;
   top: 87px;
 }

 .story-block-one .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .story-block-one .inner-box .image-box img {
   width: 100%;
   transition: all 500ms ease;
 }

 .story-block-one .inner-box:hover .image-box img {
   transform: scale(1.05);
 }

 .story-block-one .inner-box .lower-content {
   position: relative;
   display: block;
   padding-top: 23px;
 }

 .story-block-one .inner-box .lower-content h4 {
   display: block;
   font-size: 20px;
   line-height: 30px;
   font-weight: 700;
   margin-bottom: 13px;
 }

 .story-block-one .inner-box .lower-content h4 a {
   position: relative;
   display: inline-block;
   color: #fff;
 }

 .story-block-one .inner-box .lower-content h4 a:hover {}

 .story-block-one .inner-box .lower-content p {
   color: rgba(255, 255, 255, 0.7);
   line-height: 26px;
 }

 .story-section .owl-nav {
   position: absolute;
   top: -152px;
   right: 320px;
 }

 .story-section .owl-nav .owl-prev {
   margin-right: 10px;
 }

 .story-section .owl-nav button {
   box-shadow: none !important;
 }


 /** menu-style-two **/

 .menu-style-two {
   position: relative;
   padding: 115px 0px;
 }

 .menu-style-two .menu-inner .single-item {
   position: relative;
   display: block;
   margin-bottom: 22px;
 }

 .menu-style-two .menu-inner .single-item:last-child {
   margin-bottom: 0px;
 }

 .menu-style-two .menu-inner .single-item .upper-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 6px;
   margin-bottom: 15px;
   border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
 }

 .menu-style-two .menu-inner .single-item h4 {
   display: block;
   font-size: 20px;
   line-height: 34px;
 }

 .menu-style-two .menu-inner .single-item h4 a {
   display: inline-block;
   color: #000;
 }

 .menu-style-two .menu-inner .single-item h4 a:hover {}

 .menu-style-two .menu-inner .single-item p {
   line-height: 26px;
 }

 .menu-style-two .menu-inner .single-item .price {
   position: relative;
   display: block;
   font-size: 20px;
   line-height: 34px;
   font-family: "El Messiri", sans-serif;
 }

 .menu-style-two .menu-inner .title {
   position: relative;
   display: block;
   margin-bottom: 52px;
 }

 .menu-style-two .menu-inner .title .shape {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: -20px;
   width: 80px;
   height: 17px;
   background-repeat: no-repeat;
 }

 .menu-style-two .menu-inner .title h2 {
   display: block;
   font-size: 34px;
   line-height: 46px;
   font-weight: 700;
 }

 .menu-style-two .image-layer {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: 0px;
 }

 .menu-style-two .pattern-layer .pattern-1 {
   position: absolute;
   left: 42%;
   top: 358px;
   width: 143px;
   height: 143px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 4s infinite linear;
   animation: zoom-fade 4s infinite linear;
 }

 .menu-style-two .pattern-layer .pattern-2 {
   position: absolute;
   left: 50%;
   bottom: 203px;
   width: 196px;
   height: 196px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 6s infinite linear;
   animation: zoom-fade 6s infinite linear;
 }


 /** shop-style-two **/

 .shop-style-two {
   position: relative;
   padding: 115px 0px;
   background: #F9F5EF;
 }

 .shop-style-two .pattern-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .shop-style-two .shop-block-one .inner-box {
   background: transparent;
   box-shadow: none;
 }

 .shop-style-two .shop-block-one .inner-box .image-box {
   background: #fff;
 }

 .shop-style-two .shop-block-one .inner-box .lower-content:before {
   display: none;
 }

 .shop-style-two .shop-block-one .inner-box .lower-content {
   padding-bottom: 0px;
 }

 .shop-style-two .nav-style-one .owl-nav {
   position: absolute;
   top: -145px;
   right: 0px;
 }

 .shop-style-two .nav-style-one .owl-nav .owl-prev {
   margin-right: 20px;
 }


 /** testimonial-style-two **/

 .testimonial-style-two {
   position: relative;
   padding: 111px 0px 115px 0px;
 }

 .testimonial-style-two .testimonial-content {
   position: relative;
   max-width: 840px;
   width: 100%;
   margin: 0 auto;
 }

 .testimonial-style-two .testimonial-content .thumb-box {
   position: relative;
   display: inline-block;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   margin-bottom: 32px;
 }

 .testimonial-style-two .testimonial-content .thumb-box img {
   width: 100%;
   border-radius: 50%;
 }

 .testimonial-style-two .testimonial-content p {
   display: block;
   color: #000;
   margin-bottom: 40px;
 }

 .testimonial-style-two .testimonial-content .rating li {
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: #FFC93D;
 }

 .testimonial-style-two .testimonial-content .rating {
   margin-bottom: 9px;
 }

 .testimonial-style-two .testimonial-content h4 {
   display: block;
   font-size: 20px;
   line-height: 28px;
   font-weight: 700;
 }

 .testimonial-style-two .testimonial-content .designation {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 30px;
 }

 .testimonial-style-two .owl-nav {
   position: absolute;
   left: 0px;
   top: 42%;
   width: 100%;
 }

 .testimonial-style-two .owl-nav .owl-prev {
   position: absolute;
   left: 110px;
 }

 .testimonial-style-two .owl-nav .owl-next {
   position: absolute;
   right: 110px;
 }

 .testimonial-style-two .image-box .image-1 {
   position: absolute;
   left: 0px;
   bottom: 50px;
 }

 .testimonial-style-two .image-box .image-2 {
   position: absolute;
   right: 0px;
   top: 118px;
 }

 .testimonial-style-two .shape {
   position: absolute;
   left: 0px;
   top: 288px;
   width: 251px;
   height: 143px;
   background-repeat: no-repeat;
 }


 /** video-section **/

 .video-section {
   position: relative;
   padding: 120px;
   overflow: hidden;
 }

 .video-section .bg-layer:before {
   position: absolute;
   content: '';
   background: #000000;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   opacity: 0.6;
 }

 .video-section .inner-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .video-section .inner-box .sec-title {
   max-width: 380px;
 }

 .video-section .video-inner .video-btn a {
   position: relative;
   display: inline-block;
   width: 100px;
   height: 100px;
   line-height: 110px;
   font-size: 30px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
 }

 .video-section .video-inner .video-btn a:before,
 .video-section .video-inner .video-btn a:after {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background: transparent;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-animation-delay: .9s;
   animation-delay: .9s;
   content: "";
   position: absolute;
   -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
   box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
 }

 .video-section .video-inner .video-btn a:after {
   -webkit-animation-delay: .6s;
   animation-delay: .6s;
 }

 @-webkit-keyframes ripple {
   70% {
     -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
   }

   100% {
     -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
   }
 }

 @keyframes ripple {
   70% {
     -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
   }

   100% {
     -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
   }
 }


 /** promotion-style-two **/

 .promotion-style-two {
   position: relative;
   padding-top: 111px;
 }

 .promotion-style-two .promotion-block-one .inner-box {
   background: #fff;
   box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.07);
 }

 .promotion-style-two .promotion-block-one .inner-box .content-box {
   box-shadow: none;
 }

 .promotion-style-two .owl-carousel .owl-stage-outer {
   overflow: visible;
 }

 .promotion-style-two .owl-carousel .owl-stage-outer .owl-item {
   opacity: 1;
 }

 .promotion-style-two .owl-carousel .owl-stage-outer .owl-item.active {
   opacity: 1;
 }

 .promotion-style-two .promotion-block-one .inner-box .shape {
   bottom: inherit !important;
   right: inherit !important;
   left: -79px;
   top: -76px;
 }

 .promotion-style-two .owl-nav {
   position: absolute;
   left: 0px;
   top: 43%;
   width: 100%;
 }

 .promotion-style-two .owl-nav .owl-prev {
   position: absolute;
   left: -35px;
 }

 .promotion-style-two .owl-nav .owl-next {
   position: absolute;
   right: -35px;
 }

 .promotion-style-two .single-item-carousel {
   margin-bottom: -100px;
 }

 .pt_215 {
   padding-top: 215px;
 }


 /** order-style-two **/

 .order-style-two {
   position: relative;
   background: #F9F5EF;
 }

 .order-style-two .pattern-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .order-style-two .form-inner .form-group {
   position: relative;
   display: block;
   margin-bottom: 60px;
 }

 .order-style-two .form-inner .form-group:last-child {
   margin-bottom: 0px;
 }

 .order-style-two .form-inner .form-group input[type='text'] {
   position: relative;
   display: block;
   width: 100%;
   height: 60px;
   background: #fff;
   border-radius: 30px;
   padding: 10px 30px;
   font-size: 16px;
   color: #676767;
   transition: all 500ms ease;
 }

 .order-style-two .form-inner .form-group .icon {
   position: absolute;
   top: 18px;
   right: 40px;
   font-size: 16px;
   color: #B3B3B3;
   z-index: 1;
 }

 .order-style-two .form-inner .form-group .select-box {
   min-height: 60px;
 }

 .order-style-two .form-inner .form-group .nice-select {
   height: 60px;
   line-height: 60px;
   background: #fff;
   border-radius: 30px;
   padding: 0px 30px;
   font-size: 16px;
   color: #676767;
   border: none !important;
 }

 .order-style-two .form-inner .form-group .nice-select:after {
   right: 33px;
 }

 .order-style-two .shape .shape-1 {
   position: absolute;
   left: 80px;
   top: 80px;
   width: 325px;
   height: 184px;
   background-repeat: no-repeat;
 }

 .order-style-two .shape .shape-2 {
   position: absolute;
   left: 50px;
   bottom: 50px;
   width: 169px;
   height: 169px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 7s infinite linear;
   animation: zoom-fade 7s infinite linear;
 }

 .order-style-two .shape .shape-3 {
   position: absolute;
   top: 0px;
   right: 175px;
   width: 247px;
   height: 153px;
   background-repeat: no-repeat;
 }

 .order-style-two .shape .shape-4 {
   position: absolute;
   right: 0px;
   bottom: 50px;
   width: 350px;
   height: 199px;
   background-repeat: no-repeat;
 }



 /*** 

====================================================================
                        Home-Page-Three
====================================================================

***/

 /** header-style-two **/

 .header-style-two {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   border-bottom: 1px solid rgba(255, 255, 255, 0.10);
 }

 .header-style-two .header-lower .main-menu .navigation>li>a {
   color: #fff;
 }

 .header-style-two .header-lower .main-menu .navigation>li.current>a,
 .header-style-two .header-lower .main-menu .navigation>li:hover>a {}

 .header-style-two .header-lower .main-menu .navigation>li>a:before {
   bottom: 0px;
 }

 .header-style-two .header-lower .nav-right li {
   background: rgba(255, 255, 255, 0.20);
   color: #fff;
 }

 .header-style-two .header-lower .nav-right li a {
   color: #fff;
 }

 .header-style-two .header-lower .nav-right li:hover {}


 .banner-section.style-three .banner-carousel .slide-item {
   padding: 250px 0px 200px 0px;
 }


 /** about-style-three **/

 .about-style-three {
   position: relative;
   padding: 120px 0px;
 }

 .image_block_two .image-box {
   position: relative;
   display: block;
   padding-right: 70px;
   padding-bottom: 145px;
 }

 .image_block_two .image-box img {
   width: 100%;
 }

 .image_block_two .image-box .image-2 {
   position: absolute;
   right: -80px;
   bottom: 0px;
 }

 .image_block_two .image-box .image-1 {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .image_block_two .image-box .image-1 img {
   width: 100%;
   transition: all 500ms ease;
 }

 .image_block_two .image-box .image-1:hover img {
   transform: scale(1.05);
 }

 .image_block_two .image-box .shape .shape-1 {
   position: absolute;
   left: -75px;
   top: 40px;
   width: 196px;
   height: 196px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 4s infinite linear;
   animation: zoom-fade 4s infinite linear;
 }

 .image_block_two .image-box .shape .shape-2 {
   position: absolute;
   right: -35px;
   bottom: 108px;
   width: 196px;
   height: 196px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 4s infinite linear;
   animation: zoom-fade 4s infinite linear;
 }

 .content_block_two .content-box {
   position: relative;
   display: block;
 }

 .content_block_two .content-box .text p {
   margin-bottom: 26px;
 }

 .list-style-one li {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 30px;
   color: #000;
   font-weight: 500;
   margin-bottom: 9px;
   padding-left: 16px;
 }

 .list-style-one li:last-child {
   margin-bottom: 0px;
 }

 .content_block_two .content-box .list-style-one li {
   float: left;
   width: 50%;
 }

 .list-style-one li:before {
   position: absolute;
   content: '';
   width: 6px;
   height: 6px;
   left: 0px;
   top: 12px;
   border-radius: 50%;
 }

 .about-style-three .pattern-layer {
   position: absolute;
   right: 0px;
   bottom: 170px;
   width: 251px;
   height: 143px;
   background-repeat: no-repeat;
 }


 /** deal-section **/

 .deal-section {
   position: relative;
   background: #F6F6F6;
 }

 .deal-block-one .inner-box {
   position: relative;
   display: block;
 }

 .deal-block-one .inner-box .image-box {
   position: relative;
   display: block;
   max-width: 250px;
   margin: 0 auto;
 }

 .deal-block-one .inner-box .image-box .image {
   position: relative;
   display: inline-block;
   width: 250px;
   height: 250px;
   border-radius: 50%;
   overflow: hidden;
 }

 .deal-block-one .inner-box .image-box .image img {
   width: 100%;
   border-radius: 50%;
   transition: all 500ms ease;
 }

 .deal-block-one .inner-box:hover .image-box .image img {
   transform: scale(1.05);
 }

 .deal-block-one .inner-box .image-box span {
   position: absolute;
   top: 0px;
   right: -22px;
   width: 80px;
   height: 80px;
   line-height: 80px;
   background: #fff;
   font-size: 24px;
   font-family: "El Messiri", sans-serif;
   font-weight: 700;
   box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.07);
   border-radius: 50%;
   text-align: center;
 }

 .deal-block-one .inner-box .text {
   position: relative;
   display: block;
   padding-top: 20px;
 }

 .deal-block-one .inner-box .text h3 {
   display: block;
   font-size: 24px;
   line-height: 34px;
   font-weight: 700;
 }

 .deal-block-one .inner-box .text h3 a {
   display: inline-block;
   color: #000;
 }

 .deal-block-one .inner-box .text h3 a:hover {}


 /** menu-style-three **/

 .menu-style-three {
   position: relative;
   padding: 120px 0px;
   overflow: hidden;
 }

 .menu-style-three .bg-layer:before {
   position: absolute;
   content: '';
   background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.50) 20%, rgba(0, 0, 0, 0.9) 80%);
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
 }

 .menu-style-three .sec-title p {
   color: #fff;
   margin-top: 28px;
 }

 .menu-style-three .menu-content {
   position: relative;
   margin-right: -660px;
 }

 .menu-block-two .inner-box .single-item .upper-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 6px;
   margin-bottom: 15px;
   border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
 }

 .menu-block-two .inner-box .single-item h4 {
   display: block;
   font-size: 20px;
   line-height: 34px;
 }

 .menu-block-two .inner-box .single-item h4 a {
   display: inline-block;
   color: #000;
 }

 .menu-block-two .inner-box .single-item h4 a:hover {}

 .menu-block-two .inner-box .single-item .price {
   position: relative;
   display: block;
   font-size: 20px;
   line-height: 34px;
   font-family: "El Messiri", sans-serif;
 }

 .menu-block-two {
   position: relative;
   display: block;
   background: #fff;
   padding: 58px 50px 52px 60px;
 }

 .menu-block-two .inner-box .single-item {
   position: relative;
   display: block;
   padding: 0px 0px 0px 110px;
   margin-bottom: 22px;
 }

 .menu-block-two .inner-box .single-item:last-child {
   margin-bottom: 0px;
 }

 .menu-block-two .inner-box .single-item .menu-image {
   position: absolute;
   left: 0px;
   top: 8px;
   width: 82px;
   height: 82px;
 }

 .menu-block-two .title {
   position: relative;
   display: block;
   margin-bottom: 52px;
 }

 .menu-block-two .title h2 {
   display: block;
   font-size: 34px;
   line-height: 46px;
   font-weight: 700;
 }

 .menu-block-two .title .shape {
   position: absolute;
   left: 0px;
   bottom: -20px;
   width: 80px;
   height: 17px;
   background-repeat: no-repeat;
 }

 .menu-style-three .owl-nav {
   position: absolute;
   left: -660px;
   bottom: 200px;
 }

 .menu-style-three .owl-nav .owl-prev {
   margin-right: 20px;
 }

 .menu-style-three .pattern-layer .pattern-1 {
   position: absolute;
   left: 50px;
   top: 40px;
   width: 169px;
   height: 140px;
   background-repeat: no-repeat;
 }

 .menu-style-three .pattern-layer .pattern-2 {
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 325px;
   height: 475px;
   background-repeat: no-repeat;
 }

 .menu-style-three .pattern-layer .pattern-3 {
   position: absolute;
   left: 141px;
   bottom: 61px;
   width: 202px;
   height: 202px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 4s infinite linear;
   animation: zoom-fade 4s infinite linear;
 }


 /** team-section **/

 .team-section {
   position: relative;
 }

 .team-block-one .inner-box {
   position: relative;
   display: block;
   background: #fff;
 }

 .team-block-one .inner-box .lower-content {
   position: relative;
   display: block;
   background: #fff;
   box-shadow: 0px 15px 40px 10px rgba(0, 0, 0, 0.05);
   padding: 30px 30px 40px 30px;
 }

 .team-block-one .inner-box .image-box {
   position: relative;
   display: block;
 }

 .team-block-one .inner-box .image-box .image {
   position: relative;
   display: block;
   overflow: hidden;
   background: #000;
 }

 .team-block-one .inner-box .image-box .image img {
   width: 100%;
   transition: all 500ms ease;
 }

 .team-block-one .inner-box:hover .image-box .image img {
   opacity: 0.5;
   transform: scale(1.05);
 }

 .team-block-one .inner-box .share-box .share-links {
   right: 0px;
   bottom: 45px;
   transform: scaleY(0);
   transform-origin: bottom center;
   opacity: 1;
   transition: all 500ms ease;
 }

 .team-block-one .inner-box .share-box:hover .share-links {
   bottom: 60px;
   opacity: 1;
   transform: scaleY(1);
 }

 .team-block-one .inner-box .share-box {
   right: 30px;
   bottom: -23px;
   z-index: 1;
 }

 .team-block-one .inner-box .share-box .share-icon {
   position: relative;
   display: inline-block;
   width: 46px;
   height: 46px;
   line-height: 50px;
   font-size: 20px;
   color: #000;
   background: #FFFFFF;
   border-radius: 50%;
   text-align: center;
   box-shadow: 0px 15px 40px 10px rgba(0, 0, 0, 0.1);
 }

 .team-block-one .inner-box .share-box .share-icon:hover {
   color: #fff;
 }

 .team-block-one .inner-box .share-box .share-links li {
   position: relative;
   display: block;
   margin-bottom: 10px;
 }

 .team-block-one .inner-box .share-box .share-links li:last-child {
   margin-bottom: 0px;
 }

 .team-block-one .inner-box .share-box .share-links li a {
   position: relative;
   display: inline-block;
   width: 46px;
   height: 46px;
   line-height: 46px;
   font-size: 16px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
   color: #676767;
 }

 .team-block-one .inner-box .share-box .share-links li a:hover {
   color: #fff;
 }

 .team-block-one .inner-box .share-box:before {
   position: absolute;
   content: '';
   background: transparent;
   width: 100%;
   height: 15px;
   left: 0px;
   top: -15px;
 }

 .team-block-one .inner-box .lower-content h3 {
   position: relative;
   display: block;
   font-size: 24px;
   line-height: 28px;
   font-weight: 700;
   margin-bottom: 3px;
 }

 .team-block-one .inner-box .lower-content h3 a {
   display: inline-block;
   color: #000;
 }

 .team-block-one .inner-box .lower-content h3 a:hover {}

 .team-block-one .inner-box .lower-content .designation {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 30px;
   color: #808080;
   margin-bottom: 13px;
 }

 .team-block-one .inner-box .lower-content p {
   font-size: 15px;
   line-height: 26px;
 }

 .team-section .team-block {
   padding: 0px;
 }

 .team-section .inner-container {
   margin: 0px 15px;
 }


 /** gallery-style-two **/

 .gallery-style-two {
   position: relative;
 }

 .gallery-style-two .sec-title p {
   margin-top: 26px;
 }

 .gallery-block-two .inner-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .gallery-block-two .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .gallery-block-two .inner-box .image-box:before {
   position: absolute;
   content: '';
   background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.9) 100%);
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   opacity: 1;
   z-index: 1;
   transition: all 500ms ease;
 }

 .gallery-block-two .inner-box:hover .image-box:before {
   opacity: 1;
 }

 .gallery-block-two .inner-box .image-box img {
   width: 100%;
   transition: all 500ms ease;
 }

 .gallery-block-two .inner-box:hover .image-box img {
   transform: scale(1.05);
 }

 .gallery-block-two .inner-box .content-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 2;
 }

 .gallery-style-two .carousel-content {
   position: relative;
   margin-right: -260px;
 }

 .gallery-block-two .inner-box .view-btn {
   position: absolute;
   left: 50%;
   top: 40%;
   transform: translate(-50%, -50%);
 }

 .gallery-block-two .inner-box .view-btn a {
   position: relative;
   display: inline-block;
   font-size: 50px;
   line-height: 50px;
   color: #fff;
   transform: scale(0, 0);
 }

 .gallery-block-two .inner-box:hover .view-btn a {
   transform: scale(1, 1);
 }

 .gallery-block-two .inner-box .view-btn a:hover {}

 .gallery-block-two .inner-box .text {
   position: absolute;
   left: 0px;
   bottom: 0px;
   padding: 0px 30px;
   opacity: 1;
   width: 100%;
   transition: all 500ms ease;
 }

 .gallery-block-two .inner-box:hover .text {
   bottom: 25px;
   opacity: 1;
 }

 .gallery-block-two .inner-box .text p {
   display: block;
   font-size: 16px;
   line-height: 21px;
   font-family: "El Messiri", sans-serif;
   font-weight: 700;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   margin-bottom: 13px;
 }

 .gallery-block-two .inner-box .text h3 {
   position: relative;
   display: block;
   font-size: 24px;
   line-height: 35px;
   font-weight: 700;
 }

 .gallery-block-two .inner-box .text h3 a {
   display: inline-block;
   color: #fff;
 }

 .gallery-block-two .inner-box .text h3 a:hover {}

 .gallery-style-two .owl-nav {
   position: absolute;
   left: -470px;
   bottom: 30px;
 }

 .gallery-style-two .owl-nav .owl-prev {
   margin-right: 20px;
 }


 /** testimonial-style-three **/

 .testimonial-style-three {
   position: relative;
 }

 .testimonial-style-three .owl-carousel .owl-stage-outer {
   overflow: visible;
 }

 .testimonial-style-three .owl-carousel .owl-stage-outer .owl-item {
   opacity: 1;
 }

 .testimonial-style-three .owl-carousel .owl-stage-outer .owl-item.active {
   opacity: 1;
 }

 .testimonial-block-two .inner-box {
   position: relative;
   display: block;
   background: #fff;
   box-shadow: 0px 15px 40px 10px rgba(0, 0, 0, 0.1);
   padding: 0px 60px 61px 70px;
 }

 .testimonial-block-two .inner-box .icon-box {
   position: relative;
   display: inline-block;
   width: 100px;
   height: 100px;
   line-height: 100px;
   font-size: 40px;
   color: #fff;
   text-align: center;
   border-radius: 50%;
   margin-top: -50px;
   margin-bottom: 33px;
 }

 .testimonial-block-two .inner-box p {
   color: #000;
   margin-bottom: 40px;
 }

 .testimonial-block-two .inner-box .rating li {
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: #FFC93D;
 }

 .testimonial-block-two .inner-box .rating {
   margin-bottom: 9px;
 }

 .testimonial-block-two .inner-box h4 {
   display: block;
   font-size: 20px;
   line-height: 28px;
   font-weight: 700;
   margin-bottom: 0px;
 }

 .testimonial-block-two .inner-box .designation {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 30px;
 }

 .testimonial-style-three .owl-nav {
   position: absolute;
   right: 70px;
   bottom: 90px;
 }

 .testimonial-style-three .owl-nav button {
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: #C4C4C4;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .testimonial-style-three .owl-nav button:hover {}

 .testimonial-style-three .owl-nav button.owl-prev {
   margin-right: 10px;
 }

 .testimonial-style-three .image-box .image-1 {
   position: absolute;
   left: 315px;
   bottom: 0px;
 }

 .testimonial-style-three .image-box .image-2 {
   position: absolute;
   left: 204px;
   bottom: 258px;
 }

 .testimonial-style-three .image-box .image-3 {
   position: absolute;
   right: 0px;
   top: 234px;
 }

 .testimonial-style-three .shape .shape-1 {
   position: absolute;
   top: 184px;
   right: 49px;
   width: 196px;
   height: 196px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 7s infinite linear;
   animation: zoom-fade 7s infinite linear;
 }

 .testimonial-style-three .shape .shape-2 {
   position: absolute;
   top: 330px;
   left: 301px;
   width: 172px;
   height: 172px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 5s infinite linear;
   animation: zoom-fade 5s infinite linear;
 }


 /** service-section **/

 .service-section {
   position: relative;
 }

 .service-block-one .inner-box {
   position: relative;
   display: block;
   background: #fff;
   padding: 50px 40px;
 }

 .service-block-one .inner-box .icon-box {
   position: relative;
   display: inline-block;
   width: 90px;
   height: 90px;
   line-height: 90px;
   background: #F6F6F6;
   font-size: 40px;
   text-align: center;
   border-radius: 50%;
   z-index: 1;
   margin-bottom: 18px;
   transition: all 500ms ease;
 }

 .service-block-one .inner-box:hover .icon-box {
   color: #fff;
 }

 .service-block-one .inner-box .icon-box:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   border-radius: 50%;
   transform: scale(0, 0);
   z-index: -1;
   transition: all 500ms ease;
 }

 .service-block-one .inner-box:hover .icon-box:before {
   transform: scale(1, 1);
 }

 .service-block-one .inner-box h3 {
   position: relative;
   display: block;
   font-size: 24px;
   line-height: 46px;
   font-weight: 700;
   margin-bottom: 6px;
 }

 .service-block-one .inner-box h3 a {
   display: inline-block;
   color: #000;
 }

 .service-block-one .inner-box h3 a:hover {}

 .service-block-one .inner-box p {
   margin-bottom: 30px;
 }

 .service-section .pattern-layer {
   position: absolute;
   left: 248px;
   top: 289px;
   width: 196px;
   height: 196px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 7s infinite linear;
   animation: zoom-fade 7s infinite linear;
 }


 /** video-style-two **/

 .video-style-two {
   position: relative;
 }

 .video-style-two:before {
   position: absolute;
   content: '';
   background: #F6F6F6;
   width: 100%;
   height: 50%;
   left: 0px;
   top: 0px;
 }

 .video-style-two .inner-box {
   position: relative;
   width: 100%;
   padding: 111px 30px 120px 30px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .video-style-two .inner-box:before {
   position: absolute;
   content: '';
   background: #000;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   opacity: 0.6;
 }

 .video-style-two .video-btn a {
   position: relative;
   display: inline-block;
   width: 100px;
   height: 100px;
   line-height: 110px;
   font-size: 30px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
 }

 .video-style-two .video-btn a:before,
 .video-style-two .video-btn a:after {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background: transparent;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-animation-delay: .9s;
   animation-delay: .9s;
   content: "";
   position: absolute;
   -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
   box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
 }

 .video-style-two .video-btn a:after {
   -webkit-animation-delay: .6s;
   animation-delay: .6s;
 }



 /*** 

====================================================================
                        About-Page
====================================================================

***/


 /** page-title **/

 .page-title {
   position: relative;
   padding: 175px 0px;
 }

 .page-title .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .page-title .bg-layer:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   background: linear-gradient(180deg, #000000 15.56%, rgba(0, 0, 0, 0) 100%);
 }

 .page-title .content-box h2 {
   position: relative;
   display: block;
   font-size: 60px;
   line-height: 70px;
   color: #fff;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .page-title .content-box .bread-crumb li {
   position: relative;
   display: inline-block;
   font-size: 20px;
   line-height: 30px;
   font-family: "El Messiri", sans-serif;
   color: #fff;
   font-weight: 500;
   padding-right: 20px;
   margin-right: 10px;
 }

 .page-title .content-box .bread-crumb li:last-child {
   padding: 0px !important;
   margin: 0px !important;
 }

 .page-title .content-box .bread-crumb li a {
   display: inline-block;
   color: #fff;
 }

 .page-title .content-box .bread-crumb li a:hover {}

 .page-title .content-box .bread-crumb li:before {
   position: absolute;
   content: "\e91d";
   font-family: 'icomoon';
   font-size: 10px;
   top: 2px;
   right: 0px;
 }

 .page-title .content-box .bread-crumb li:last-child:before {
   display: none;
 }

 .service-section.alternat-2 {
   background: #fff;
 }

 .service-section.alternat-2 .service-block-one .inner-box {
   box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.07);
 }

 .testimonial-style-three.about-page {
   background: #F6F6F6;
 }

 .service-section.service-page .service-block-one .inner-box {
   margin-bottom: 30px;
 }

 .service-section.service-page {
   padding: 111px 0px 90px 0px;
 }


 /** gallery-style-three **/

 .gallery-style-three {
   position: relative;
   padding: 115px 0px 30px 0px;
   background-color: #fff;
 }

 /* 
.gallery-style-three .sortable-masonry{
  margin: 0px -30px;
} */

 /* .gallery-style-three .masonry-item{
  padding: 0px 45px;
} */

 .gallery-style-three .gallery-block-two .inner-box {
   margin-bottom: 90px;
 }

 .filter-tabs li {
   position: relative;
   display: inline-block;
   font-size: 16px;
   line-height: 28px;
   font-family: "El Messiri", sans-serif;
   font-weight: 500;
   color: #000;
   text-transform: uppercase;
   margin: 0px 15px;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .filter-tabs li:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 2px;
   left: 0px;
   bottom: 0px;
   transform: scale(0, 0);
   transition: all 500ms ease;
 }

 .filter-tabs li.active:before,
 .filter-tabs li:hover:before {
   transform: scale(1, 1);
 }

 .filter-tabs li.active,
 .filter-tabs li:hover {}

 .gallery-style-three.alternat-2 {
   padding: 115px 0px 120px 0px;
 }

 .gallery-style-three.alternat-2 .sortable-masonry {
   margin: 0px 15px;
 }

 .gallery-style-three.alternat-2 .masonry-item {
   padding: 0px;
 }

 .gallery-style-three.alternat-2 .gallery-block-two .inner-box {
   margin-bottom: 0px;
 }


 .team-page-section {
   padding: 120px 0px 90px 0px;
 }

 .team-page-section .team-block-one .inner-box {
   margin-bottom: 30px;
 }


 /** team-details **/

 .team-details {
   padding: 120px 0px;
 }

 .team-details .image-box {
   position: relative;
   display: block;
 }

 .team-details .image-box img {
   width: 100%;
 }

 .team-details .image-box .shape {
   position: absolute;
   left: -70px;
   top: -70px;
   width: 196px;
   height: 196px;
   background-repeat: no-repeat;
   z-index: -1;
   -webkit-animation: zoom-fade 7s infinite linear;
   animation: zoom-fade 7s infinite linear;
 }

 .team-details-content {
   position: relative;
   display: block;
 }

 .team-details-content .team-info h2 {
   position: relative;
   display: block;
   font-size: 34px;
   line-height: 28px;
   font-weight: 700;
   margin-bottom: 8px;
 }

 .team-details-content .team-info .designation {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 30px;
   margin-bottom: 25px;
 }

 .team-details-content .team-info .text {
   margin-bottom: 30px;
 }

 .team-details-content .team-info .text p {
   margin-bottom: 18px;
 }

 .team-details-content .team-info .text p:last-child {
   margin-bottom: 0px;
 }

 .team-details-content .team-info .info-list li {
   position: relative;
   display: block;
   font-size: 18px;
   line-height: 30px;
   margin-bottom: 9px;
 }

 .team-details-content .team-info .info-list li:last-child {
   margin-bottom: 0px;
 }

 .team-details-content .team-info .info-list li span {
   font-family: "El Messiri", sans-serif;
   color: #000;
 }

 .team-details-content .team-info .info-list li a {
   color: #676767;
 }

 .team-details-content .team-info .info-list li a:hover {}

 .team-details-content .team-info .info-list {
   margin-bottom: 30px;
 }

 .team-details-content .team-info .social-links li {
   position: relative;
   display: inline-block;
   float: left;
   margin-right: 20px;
 }

 .team-details-content .team-info .social-links li:last-child {
   margin: 0px !important;
 }

 .team-details-content .team-info .social-links li a {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 50px;
   background: #F1F1F1;
   color: #676767;
   font-size: 16px;
   text-align: center;
   border-radius: 50%;
 }

 .team-details-content .team-info .social-links li a:hover {
   color: #fff;
 }

 .team-details-content .team-info {
   margin-bottom: 70px;
 }

 .progress-box .bar {
   position: relative;
   width: 100%;
   height: 5px;
   background: #E9E9E9;
   border-radius: 10px;
 }

 .progress-box .bar-inner {
   position: relative;
   display: block;
   width: 0px;
   height: 5px;
   border-radius: 10px;
   -webkit-transition: all 1500ms ease;
   -ms-transition: all 1500ms ease;
   -o-transition: all 1500ms ease;
   -moz-transition: all 1500ms ease;
   transition: all 1500ms ease;
 }

 .progress-box .bar-inner:before {
   position: absolute;
   content: '';
   background: #fff;
   width: 20px;
   height: 20px;
   top: -7px;
   right: -5px;
   border-radius: 50%;
 }

 .progress-box p {
   font-size: 16px;
   line-height: 30px;
   color: #000000;
   font-weight: 500;
   margin-bottom: 6px;
 }

 .progress-box .count-text {
   position: absolute;
   top: -38px;
   right: 0px;
   font-size: 16px;
   line-height: 30px;
   color: #000000;
   font-weight: 500;
 }

 .team-details-content h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .team-details-content .contact-inner .form-inner .form-group {
   position: relative;
   margin-bottom: 30px;
 }

 .team-details-content .contact-inner .form-inner .form-group:last-child {
   margin-bottom: 0px;
 }

 .team-details-content .contact-inner .form-inner .form-group input[type='text'],
 .team-details-content .contact-inner .form-inner .form-group input[type='email'],
 .team-details-content .contact-inner .form-inner .form-group textarea {
   position: relative;
   display: block;
   width: 100%;
   height: 50px;
   border: 1px solid #E5E5E5;
   font-size: 16px;
   color: #676767;
   font-family: "El Messiri", sans-serif;
   font-weight: 500;
   padding: 10px 30px;
   border-radius: 30px;
   transition: all 500ms ease;
 }

 .team-details-content .contact-inner .form-inner .form-group textarea {
   height: 170px;
   resize: none;
   padding-top: 15px;
 }

 .team-details-content .contact-inner .form-inner .form-group input:focus,
 .team-details-content .contact-inner .form-inner .form-group textarea:focus {}

 .menu-section.menu-page .inner-container {
   margin-bottom: -235px;
 }


 /** menu-style-four **/

 .menu-style-four {
   position: relative;
   padding: 360px 0px 150px 0px;
 }

 .menu-style-four .inner-container {
   max-width: 630px;
   margin: 0 auto;
 }

 .menu-style-four .menu-block-two {
   box-shadow: 0px 30px 120px 0px rgb(0 0 0 / 10%);
 }

 .menu-block-two .inner-box .shape .shape-1 {
   position: absolute;
   left: 0px;
   top: -50px;
   width: 100%;
   height: 52px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
 }

 .menu-block-two .inner-box .shape .shape-2 {
   position: absolute;
   left: 0px;
   bottom: -50px;
   width: 100%;
   height: 52px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: bottom center;
 }

 .menu-block-two .inner-box .shape .shape-3 {
   position: absolute;
   left: -70px;
   top: -70px;
   width: 143px;
   height: 143px;
   background-repeat: no-repeat;
   z-index: -1;
   -webkit-animation: zoom-fade 4s infinite linear;
   animation: zoom-fade 4s infinite linear;
 }

 .menu-block-two .inner-box .shape .shape-4 {
   position: absolute;
   right: -75px;
   bottom: -75px;
   width: 196px;
   height: 196px;
   background-repeat: no-repeat;
   z-index: -1;
   -webkit-animation: zoom-fade 6s infinite linear;
   animation: zoom-fade 6s infinite linear;
 }


 /** testimonial-style-four **/

 .testimonial-style-four {
   position: relative;
   padding: 111px 0px 90px 0px;
   background: #F6F6F6;
 }

 .testimonial-block-three .inner-box {
   position: relative;
   display: block;
   background: #fff;
   padding: 50px 30px 45px 30px;
   box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.07);
   margin-bottom: 30px;
 }

 .testimonial-block-three .inner-box .thumb-box {
   position: relative;
   display: inline-block;
   width: 110px;
   height: 110px;
   border-radius: 50%;
   margin-bottom: 25px;
 }

 .testimonial-block-three .inner-box .thumb-box img {
   width: 100%;
   border-radius: 50%;
 }

 .testimonial-block-three .inner-box .thumb-box:before {
   position: absolute;
   content: "\e908";
   font-family: 'icomoon';
   font-size: 16px;
   color: #fff;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   right: -4px;
   bottom: -5px;
   border-radius: 50%;
 }

 .testimonial-block-three .inner-box p {
   margin-bottom: 18px;
   color: #000;
 }

 .testimonial-block-three .inner-box h4 {
   display: block;
   font-size: 20px;
   line-height: 28px;
   font-weight: 700;
 }

 .testimonial-block-three .inner-box .designation {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 30px;
   color: #808080;
 }

 .testimonial-style-four .vector-1 {
   position: absolute;
   left: 60px;
   top: 90px;
 }

 .testimonial-style-four .vector-2 {
   position: absolute;
   left: 670px;
   top: 300px;
 }

 .testimonial-style-four .vector-3 {
   position: absolute;
   top: 200px;
   right: 110px;
 }

 .testimonial-style-four .vector-4 {
   position: absolute;
   right: 240px;
   bottom: 90px;
 }

 .testimonial-style-four .shape {
   position: absolute;
   left: 236px;
   top: 289px;
   width: 196px;
   height: 196px;
   background-repeat: no-repeat;
   -webkit-animation: zoom-fade 5s infinite linear;
   animation: zoom-fade 5s infinite linear;
 }


 /** faq-section **/

 .faq-section {
   position: relative;
   padding: 111px 0px 240px 0px;
 }

 .accordion-box .block {
   position: relative;
   display: block;
   background: #fff;
   box-shadow: 0px 20px 60px rgba(62, 84, 141, 0.1);
   border-radius: 40px;
   margin-bottom: 30px;
   transition: all 500ms ease;
 }

 .accordion-box .block:last-child {
   margin-bottom: 0px;
 }

 .accordion-box .block .acc-btn {
   position: relative;
   display: block;
   cursor: pointer;
   padding: 25px 80px 27px 40px;
   transition: all 500ms ease;
 }

 .accordion-box .block .acc-btn .icon-outer {
   position: absolute;
   top: 28px;
   right: 40px;
   font-size: 20px;
   color: #000000;
   transition: all 500ms ease;
 }

 .accordion-box .block .acc-btn .icon-outer:before {
   position: absolute;
   content: '\e921';
   font-family: 'icomoon';
   top: 0px;
   right: 0px;
   transition: all 500ms ease;
 }

 .accordion-box .block .acc-btn.active .icon-outer:before {
   opacity: 1;
 }

 .accordion-box .block .acc-btn.active .icon-outer:after {
   position: absolute;
   content: '\e922';
   font-family: 'icomoon';
   top: 10px;
   right: 0px;
   font-size: 4px;
   transition: all 500ms ease;
 }

 .accordion-box .block .acc-btn.active {}

 .accordion-box .block .acc-btn h5 {
   font-size: 18px;
   line-height: 28px;
   font-weight: 700;
   padding-left: 43px;
   transition: all 500ms ease;
 }

 .accordion-box .block .acc-btn h5 span {
   position: absolute;
   left: 0px;
   top: -2px;
   font-size: 24px;
   line-height: 28px;
   font-weight: 700;
   text-transform: uppercase;
 }

 .accordion-box .block .acc-content {
   position: relative;
   display: none;
   padding: 20px 100px 50px 83px;
 }

 .accordion-box .block .acc-content.current {
   display: block;
 }

 .faq-section .vector-1 {
   position: absolute;
   left: 140px;
   bottom: -40px;
   z-index: 1;
 }

 .faq-section .vector-2 {
   position: absolute;
   right: 210px;
   bottom: 130px;
 }


 /** faq-form-section **/

 .faq-form-section {
   position: relative;
   padding-bottom: 120px;
 }

 .faq-form-section .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   background-attachment: fixed;
 }

 .faq-form-section .bg-layer:before {
   position: absolute;
   content: '';
   background: #fff;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   opacity: 0.8;
 }

 .faq-form-section .form-inner .form-group {
   position: relative;
   margin-bottom: 30px;
 }

 .faq-form-section .form-inner .form-group:last-child {
   margin-bottom: 0px;
 }

 .faq-form-section .form-inner .form-group input[type='text'],
 .faq-form-section .form-inner .form-group input[type='email'],
 .faq-form-section .form-inner .form-group textarea {
   position: relative;
   display: block;
   width: 100%;
   height: 50px;
   border: 1px solid #E5E5E5;
   font-size: 16px;
   color: #676767;
   font-family: "El Messiri", sans-serif;
   font-weight: 500;
   padding: 10px 30px;
   border-radius: 30px;
   text-align: left;
   transition: all 500ms ease;
 }

 .faq-form-section .form-inner .form-group textarea {
   height: 170px;
   resize: none;
   padding-top: 15px;
 }

 .faq-form-section .form-inner .form-group input:focus,
 .faq-form-section .form-inner .form-group textarea:focus {}

 .faq-form-section .inner-box {
   position: relative;
   display: inline-block;
   background: #fff;
   padding: 70px;
   box-shadow: 0px 20px 60px rgba(62, 84, 141, 0.1);
   border-radius: 20px;
   max-width: 850px;
   width: 100%;
   margin: 0 auto;
   margin-top: -120px;
   z-index: 1;
 }

 .faq-form-section .inner-box h2 {
   position: relative;
   display: block;
   font-size: 34px;
   line-height: 40px;
   font-weight: 700;
   margin-bottom: 37px;
 }

 .faq-form-section .vector-1 {
   position: absolute;
   bottom: 258px;
   right: 445px;
   z-index: 1;
 }

 .faq-form-section .shape {
   position: absolute;
   left: 430px;
   top: -196px;
   width: 196px;
   height: 196px;
   background-repeat: no-repeat;
   z-index: 1;
 }

 .order-section.reservation-page {
   padding: 111px 0px 120px 0px;
 }


 /** error-section **/

 .error-section {
   position: relative;
   padding: 100px 0px 120px 0px;
 }

 .error-section .inner-box .theme-btn-one i {
   margin-right: 10px;
 }

 .error-section .inner-box .error-image {
   position: relative;
   display: inline-block;
   margin-bottom: 60px;
 }

 .error-section .inner-box h1 {
   font-size: 200px;
   line-height: 200px;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .error-section .inner-box h2 {
   position: relative;
   display: block;
   font-size: 30px;
   line-height: 42px;
   font-weight: 600;
   margin-bottom: 60px;
 }


 /*** 

====================================================================
                        Shop-Page
====================================================================

***/


 /** shop-page-section **/

 .shop-page-section {
   position: relative;
   padding: 120px 0px;
 }

 .shop-page-section .item-shorting .left-column .text,
 .shop-page-section .item-shorting .left-column .short-box {
   position: relative;
   float: left;
 }

 .shop-page-section .item-shorting .left-column .short-box p {
   float: left;
   margin-right: 15px;
 }

 .shop-page-section .item-shorting .select-box {
   float: left;
   width: 90px;
   margin-top: -9px;
 }

 .shop-page-section .item-shorting .select-box .nice-select {
   border-radius: 0px;
 }

 .shop-page-section .item-shorting .select-box .nice-select:after {
   margin-top: -5px;
   right: 20px;
   width: 8px;
   height: 8px;
 }

 .shop-page-section .item-shorting .left-column .text {
   position: relative;
   float: left;
 }

 .shop-page-section .item-shorting .left-column,
 .shop-page-section .item-shorting .right-column {
   margin-top: 9px;
 }

 .shop-page-section .item-shorting .right-column .nice-select {
   width: 200px !important;
   border: 1px solid #e5e5e5 !important;
   height: 44px;
   line-height: 44px;
   padding: 0px 20px;
 }

 .shop-page-section .item-shorting .right-column .short-box,
 .shop-page-section .item-shorting .right-column .filter-box {
   float: left;
 }

 .shop-page-section .item-shorting .right-column .short-box {
   margin-right: 30px;
 }

 .shop-page-section .item-shorting .right-column .select-box {
   width: 200px;
 }

 .shop-page-section .item-shorting .right-column .short-box p {
   float: left;
   margin-right: 15px;
 }

 .shop-page-section .item-shorting .filter-box {
   float: left;
 }

 .shop-page-section .item-shorting .right-column .menu-box {
   float: left;
   margin-top: -9px;
 }

 .shop-page-section .item-shorting .right-column .menu-box button {
   position: relative;
   display: inline-block;
   width: 44px;
   height: 44px;
   line-height: 44px;
   text-align: center;
   font-size: 20px;
   border: 1px solid #E5E5E5;
   color: #9C9BA0;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .shop-page-section .item-shorting .right-column .menu-box button.on {
   color: #fff;
 }

 .shop-page-section .item-shorting {
   margin-bottom: 30px;
 }

 .wrapper.list .shop-list-content {
   display: block;
 }

 .wrapper.list .shop-grid-content {
   display: none
 }

 .wrapper.grid .shop-list-content {
   display: none;
 }

 .wrapper.grid .shop-grid-content {
   display: block
 }

 .shop-page-section .shop-block-one .inner-box {
   margin-bottom: 30px;
 }

 .shop-page-section .pagination-wrapper {
   margin-top: 30px;
 }


 /** shop-details **/

 .shop-details-content {
   position: relative;
   padding: 120px 0px;
 }

 .shop-details-content .image-box {
   position: relative;
   display: block;
   border: 1px solid #E5E5E5;
   margin-right: 28px;
   background: #fff;
   transition: all 500ms ease;
 }

 .shop-details-content .image-box img {
   width: 100%;
 }

 .shop-details-content .image-box:hover {}

 .shop-details-content .content-box {
   position: relative;
   display: block;
 }

 .shop-details-content .content-box h2 {
   display: block;
   font-size: 34px;
   line-height: 44px;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .shop-details-content .content-box h4 {
   display: block;
   font-size: 20px;
   line-height: 30px;
   margin-bottom: 20px;
 }

 .shop-details-content .content-box .customer-rating .rating li {
   position: relative;
   display: inline-block;
   float: left;
   font-size: 14px;
   color: #FAB421;
   margin-right: 5px;
 }

 .shop-details-content .content-box .customer-rating .rating li.light {
   color: rgba(250, 180, 33, 0.5);
 }

 .shop-details-content .content-box .customer-rating .rating li:last-child {
   margin: 0px !important;
 }

 .shop-details-content .content-box .customer-rating .rating {
   margin-right: 12px;
 }

 .shop-details-content .content-box .customer-rating .review a {
   position: relative;
   display: inline-block;
   color: #676767;
 }

 .shop-details-content .content-box .customer-rating .review a:hover {}

 .shop-details-content .content-box .customer-rating {
   margin-bottom: 28px;
 }

 .shop-details-content .content-box .text {
   position: relative;
   display: block;
   margin-bottom: 43px;
 }

 .shop-details-content .content-box .text p {
   margin-bottom: 26px;
 }

 .shop-details-content .content-box .text p:last-child {
   margin-bottom: 0px;
 }

 .shop-details-content .addto-cart-box .item-quantity {
   position: relative;
   display: inline-block;
   max-width: 106px;
   height: 50px;
   width: 100%;
   float: left;
   padding: 0px 40px 0px 0px;
   margin-right: 20px;
   background: #fff;
   z-index: 1;
   border-radius: 30px;
   border: 1px solid #E5E5E5;
 }

 .shop-details-content .addto-cart-box .theme-btn-one {
   padding: 14px 34px 13px 33px;
 }

 .shop-details-content .addto-cart-box .like-box a {
   border: 1px solid #E5E5E5;
   color: #000;
 }

 .shop-details-content .addto-cart-box .like-box a:hover {
   color: #fff;
 }

 .shop-details-content .addto-cart-box input.quantity-spinner {
   line-height: 48px;
   height: 48px;
   width: 43px !important;
   padding: 0px !important;
   box-shadow: none !important;
   border: none;
   text-align: center;
   font-size: 16px;
   font-weight: 600;
   color: #101010;
   background: transparent;
 }

 .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down {
   position: absolute;
   background: transparent;
   padding: 0px 0px;
   right: -17px;
   top: 4px;
   border-right: none;
   border-radius: 0px;
   z-index: 1;
 }

 .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up {
   position: absolute;
   background: transparent;
   padding: 0px 0px;
   right: -18px;
   top: 17px;
   border-left: none;
   margin-top: 0px;
   border-radius: 0px;
   z-index: 1;
 }

 .bootstrap-touchspin .glyphicon-chevron-up:before {
   content: "\f107";
   font-size: 18px;
   font-style: normal;
   color: #b3b3b3;
   font-family: 'Font Awesome 5 pro';
   font-weight: 400;
   transition: all 500ms ease;
 }

 .bootstrap-touchspin .glyphicon-chevron-down:before {
   content: "\f106";
   font-size: 18px;
   font-style: normal;
   color: #b3b3b3;
   font-weight: 400;
   font-family: 'Font Awesome 5 pro';
   transition: all 500ms ease;
 }

 .bootstrap-touchspin .glyphicon-chevron-up:hover:before,
 .bootstrap-touchspin .glyphicon-chevron-down:hover:before {
   color: #101010;
 }

 .bootstrap-touchspin .input-group-btn-vertical {
   position: absolute;
   width: 100%;
 }

 .bootstrap-touchspin .input-group-btn-vertical i {
   top: 0px;
   left: 7px;
   font-size: inherit !important;
 }

 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
   margin-top: 0px;
 }

 .shop-details-content .other-option li {
   position: relative;
   display: block;
   font-size: 16px;
   margin-bottom: 12px;
 }

 .shop-details-content .other-option li:last-child {
   margin-bottom: 0px;
 }

 .shop-details-content .other-option li span {
   font-weight: 500;
   color: #000;
 }

 .shop-details-content .other-option li a {
   display: inline-block;
   color: #676767;
 }

 .shop-details-content .other-option li a:hover {}

 .shop-details .product-discription {
   padding: 115px 0px;
   background: #F6F6F6;
 }

 .shop-details .product-discription .tab-btn-box .tab-btns li {
   position: relative;
   display: inline-block;
   font-size: 24px;
   line-height: 34px;
   font-family: "El Messiri", sans-serif;
   font-weight: 700;
   color: #000;
   cursor: pointer;
   margin: 0px 30px;
   transition: all 500ms ease;
 }

 .shop-details .product-discription .tab-btn-box .tab-btns li.active-btn,
 .shop-details .product-discription .tab-btn-box .tab-btns li:hover {}

 .shop-details .product-discription .tab-btn-box .tab-btns li:before {
   position: absolute;
   content: '';
   width: 0%;
   height: 2px;
   left: 0px;
   bottom: -27px;
   transition: all 500ms ease;
 }

 .shop-details .product-discription .tab-btn-box .tab-btns li.active-btn:before,
 .shop-details .product-discription .tab-btn-box .tab-btns li:hover:before {
   width: 100%;
 }

 .shop-details .product-discription .customer-inner .rating li {
   color: #ffc92e;
 }

 .shop-details .product-discription .customer-inner .customer-review {
   border-bottom: 1px solid #e5e5e5;
 }

 .shop-details .product-discription .comment-form input,
 .shop-details .product-discription .comment-form textarea {
   border: 1px solid #e6e6e6;
 }

 .shop-details .product-discription .comment-form textarea {
   height: 170px;
   resize: none;
 }

 .shop-details .product-discription .check-box label {
   color: #808080;
 }

 .cart-section .othre-content .update-btn button:hover {
   color: #fff !important;
 }

 .shop-details .product-discription .theme-btn {
   padding: 16px 30px;
 }

 .default-form input[type='text'],
 .default-form input[type='email'],
 .default-form input[type='tel'],
 .default-form input[type='password'],
 .default-form textarea {
   position: relative;
   width: 100%;
   height: 50px;
   background: #fff;
   border: 1px solid #fff;
   font-size: 15px;
   color: #808080;
   padding: 15px 20px;
   border-radius: 0px;
   background: transparent;
   border: 1px solid #e6e6e6;
   transition: all 500ms ease;
 }

 .default-form input:focus,
 .default-form textarea:focus {}

 .shop-details .product-discription .comment-form textarea {
   height: 170px;
   resize: none;
 }

 .shop-details .product-discription .tab-btn-box {
   position: relative;
   padding-bottom: 26px;
   margin-bottom: 33px;
   border-bottom: 1px solid #e5e5e5;
 }

 .tabs-box .tab {
   position: relative;
   display: none;
   transition: all 900ms ease;
   -moz-transition: all 900ms ease;
   -webkit-transition: all 900ms ease;
   -ms-transition: all 900ms ease;
   -o-transition: all 900ms ease;
 }

 .tabs-box .tab.active-tab {
   display: block;
 }

 .tabs-box .tab {
   transform: scale(0.9, 0.9) translateY(0px);
 }

 .tabs-box .tab.active-tab {
   transform: scale(1) translateY(0px);
 }

 .shop-details .related-product .title-box {
   margin-bottom: 53px;
 }

 .shop-details .related-product .title-box h2 {
   display: block;
   font-size: 34px;
   line-height: 44px;
   font-weight: 700;
 }


 /** cart-section **/


 .cart-section {
   position: relative;
   display: block;
   padding: 120px 0px;
 }

 .cart-section .table-outer {
   overflow-x: auto;
   position: relative;
   width: 100%;
 }

 .cart-section .cart-table {
   min-width: 1170px;
   width: 100%;
 }

 .cart-section .cart-table thead tr th {
   line-height: 24px;
   min-width: 110px;
   padding: 29px 15px 27px 0px;
   color: #000;
   font-family: "El Messiri", sans-serif;
   font-size: 20px;
   line-height: 28px;
   font-weight: 700;
   position: relative;
   text-align: center;
 }

 .cart-section .cart-table tbody tr {
   border-bottom: 1px solid #e5e5e5;
 }

 .cart-section .cart-table .cart-header {
   border-bottom: 1px solid #e5e5e5;
 }

 .cart-section .cart-table tbody tr td.prod-column {
   padding: 30px 0px;
 }

 .cart-section .cart-table tbody tr .prod-column .column-box {
   min-height: 100px;
   position: relative;
   padding: 50px 0px 47px 250px;
 }

 .cart-section .cart-table tbody tr .prod-column .column-box .prod-thumb img {
   display: block;
   max-width: 100%;
 }

 .cart-section .cart-table tbody tr .prod-column .column-box .prod-thumb {
   position: absolute;
   left: 120px;
   top: 0px;
   width: 110px;
   height: 111px;
   background: #fff;
   box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.07);
   transition: all 500ms ease;
 }

 .cart-section .cart-table tbody tr .prod-column .column-box .title {
   padding-left: 20px;
 }

 .cart-section .cart-table tbody tr .prod-column .column-box .remove-btn {
   position: absolute;
   left: 0px;
   top: 50%;
   transform: translateY(-50%);
   width: 50px;
   height: 50px;
   line-height: 54px;
   font-size: 18px;
   color: #000;
   font-weight: 900;
   border: 1px solid #e5e5e5;
   text-align: center;
   border-radius: 50%;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .cart-section .cart-table tbody tr .prod-column .column-box .remove-btn:hover {
   color: #fff;
   box-shadow: 0px 20px 40px rgba(197, 157, 95, 0.25);
 }

 .cart-section .cart-table tbody tr td.price {
   font-size: 18px;
   line-height: 28px;
   font-family: "El Messiri", sans-serif;
   text-align: center;
   color: #000000;
   position: relative;
   padding: 30px 25px 30px 30px;
 }

 .cart-section .cart-table tbody tr .sub-total {
   font-size: 18px;
   line-height: 28px;
   font-family: "El Messiri", sans-serif;
   padding: 27px 50px 27px 48px;
   text-align: center;
   color: #000000;
 }

 .cart-section .cart-table tbody tr td.qty {
   position: relative;
 }

 .cart-section .cart-table tbody tr td.qty .item-quantity {
   position: relative;
   display: inline-block;
   max-width: 150px;
   width: 100%;
   float: left;
   padding: 0px 40px;
   margin-left: 0px;
   border: 1px solid #e6e6e6;
   border-radius: 30px;
   height: 50px;
   z-index: 1;
 }

 .cart-section .cart-table tbody tr td.qty .item-quantity .bootstrap-touchspin .input-group-btn-vertical i {
   left: 12px;
 }

 .cart-section .cart-table tbody tr td.qty input.quantity-spinner {
   line-height: 48px;
   height: 50px;
   width: 43px !important;
   padding: 0px !important;
   box-shadow: none !important;
   border: none;
   text-align: center;
   font-size: 16px;
   font-weight: 600;
   color: #101010;
   background: transparent;
 }

 .cart-section .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down {
   position: absolute;
   height: 53px;
   width: 40px;
   background: transparent;
   padding: 0px 0px;
   left: -39px;
   top: -53px;
   border-right: none;
   border-radius: 0px;
 }

 .cart-section .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up {
   position: absolute;
   height: 53px;
   width: 40px;
   background: transparent;
   padding: 0px 0px;
   right: -35px;
   top: -53px;
   border-left: none;
   margin-top: 0px;
   border-radius: 0px;
 }

 .cart-section .bootstrap-touchspin .glyphicon-chevron-up:before {
   content: "\f067";
   font-size: 16px;
   font-style: normal;
   color: #848484;
   font-family: 'Font Awesome 5 Pro';
 }

 .cart-section .bootstrap-touchspin .glyphicon-chevron-down:before {
   content: "\f068";
   font-size: 16px;
   font-style: normal;
   color: #848484;
   font-family: 'Font Awesome 5 Pro';
 }

 .cart-section .bootstrap-touchspin .input-group-btn-vertical {
   position: absolute;
   width: 100%;
 }

 .cart-section .bootstrap-touchspin .input-group-btn-vertical i {
   top: 15px;
   left: 15px;
   font-size: inherit !important;
 }

 .cart-section .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
   margin-top: 0px;
 }

 .cart-section .item-quantity .input-group {
   position: relative;
   display: table;
   border-collapse: separate;
   max-width: 50px;
   width: 100%;
   height: 53px;
 }

 .cart-section .cart-table .prod-title {
   position: relative;
   display: inline-block;
   font-size: 18px;
   line-height: 28px;
   color: #000000;
   font-family: "El Messiri", sans-serif;
   font-weight: 700;
 }

 .cart-section .othre-content {
   position: relative;
   display: block;
   padding: 30px 0px;
   margin-bottom: 70px;
 }

 .cart-section .othre-content .coupon-box {
   position: relative;
   width: 75%;
 }

 .cart-section .othre-content .coupon-box input[type='text'] {
   position: relative;
   display: inline-block;
   max-width: 300px;
   width: 100%;
   font-size: 15px;
   height: 50px;
   color: #676767;
   border: 1px solid #e5e5e5;
   border-radius: 30px;
   padding: 10px 30px;
   float: left;
   margin-right: 20px;
 }

 .cart-section .othre-content .coupon-box input:focus {}

 .cart-section .othre-content .coupon-box button {
   float: left;
   padding: 14px 38px 13px 37px;
 }

 .cart-section .cart-total .total-cart-box {
   position: relative;
 }

 .cart-section .cart-total .total-cart-box h4 {
   position: relative;
   display: block;
   font-size: 20px;
   line-height: 25px;
   background: #fcf5f3;
   padding: 19px 30px 11px 30px;
 }

 .cart-section .cart-total .total-cart-box .list li {
   position: relative;
   display: block;
   font-size: 18px;
   line-height: 28px;
   font-weight: 700;
   font-family: "El Messiri", sans-serif;
   color: #000;
   padding: 18px 0px;
   border-top: 1px solid #e5e5e5;
 }

 .cart-section .cart-total .total-cart-box .list li span {
   float: right;
   font-weight: 400;
 }

 .cart-section .cart-total .total-cart-box .list li:last-child span {
   font-weight: 500;
   color: #222;
 }

 .cart-section .cart-total .total-cart-box .theme-btn-one {
   display: block;
   padding: 17px 35px;
   width: 100%;
   margin-top: 5px;
 }


 /*** 

====================================================================
                        Checkout-page
====================================================================

***/

 .checkout-section {
   position: relative;
   display: block;
   padding: 120px 0px;
 }

 .checkout-section .upper-box {
   position: relative;
   margin-bottom: 53px;
 }

 .checkout-section .upper-box .single-box {
   position: relative;
   display: block;
   font-size: 16px;
   color: #676767;
   font-weight: 500;
   padding: 16px 15px 16px 30px;
   background: rgba(197, 157, 95, 0.1);
   border-radius: 10px;
 }

 .checkout-section .upper-box .single-box a {}

 .checkout-section .customer a:hover,
 .checkout-section .coupon a:hover {
   text-decoration: underline;
 }

 .checkout-section .sub-title {
   position: relative;
   display: block;
   font-size: 24px;
   line-height: 30px;
   font-weight: 700;
 }

 .checkout-section .billing-info {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .checkout-section .billing-form {
   position: relative;
   display: block;
   padding: 45px 0px 28px 0px;
 }

 .checkout-section .billing-form .form-group {
   position: relative;
   display: block;
   margin-bottom: 23px;
 }

 .checkout-section .billing-form .form-group:last-child {
   margin-bottom: 0px;
 }

 .checkout-section .billing-form .form-group label {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 24px;
   font-weight: 500;
   color: #000;
   margin-bottom: 7px;
 }

 .checkout-section .billing-form .form-group input[type='text'],
 .checkout-section .billing-form .form-group input[type='email'] {
   position: relative;
   display: block;
   width: 100%;
   height: 50px;
   border: 1px solid #e5e5e5;
   font-size: 16px;
   color: #676767;
   padding: 10px 15px;
   border-radius: 30px;
   transition: all 500ms ease;
 }

 .checkout-section .billing-form .form-group .nice-select {
   border-radius: 30px;
   border: 1px solid #e5e5e5 !important;
   width: 100%;
   font-size: 16px;
   color: #676767;
   height: 50px;
   padding: 0px 20px;
 }

 .checkout-section .billing-form .form-group .nice-select:after {
   border-bottom: 2px solid #c4c4c4;
   border-right: 2px solid #c4c4c4;
   margin-top: -4px;
   width: 8px;
   height: 8px;
   right: 20px;
 }

 .checkout-section .billing-form .form-group .nice-select .list {
   width: 100%;
 }

 .checkout-section .billing-form .form-group input.address {
   margin-bottom: 10px;
 }

 .checkout-section .billing-form .form-group input:focus {}

 .checkout-section .billing-form .select-box .ui-state-default {
   width: 100% !important;
 }

 .checkout-section .billing-form .select-box .ui-selectmenu-button span.ui-icon:before {
   color: #848484;
 }

 .checkout-section .billing-form .create-acc {
   position: relative;
   display: block;
   margin-top: 3px;
 }

 .checkout-section .billing-form .create-acc .custom-controls-stacked .description {
   font-size: 16px;
   font-weight: 500;
   color: #000;
   cursor: pointer;
 }

 .checkout-section .additional-info .note-book {
   position: relative;
   display: block;
 }

 .checkout-section .additional-info .note-book label {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 24px;
   color: #000;
   font-weight: 500;
   margin-bottom: 7px;
 }

 .checkout-section .additional-info .note-book textarea {
   position: relative;
   display: block;
   width: 100%;
   height: 140px;
   border: 1px solid #e5e5e5;
   color: #676767;
   font-size: 14px;
   font-weight: 400;
   padding: 8px 20px;
   border-radius: 20px;
   resize: none;
   transition: all 500ms ease;
 }

 .checkout-section .additional-info .note-book textarea:focus {}

 .checkout-section .order-info {
   position: relative;
   display: block;
   margin-bottom: 70px;
 }

 .checkout-section .order-info .order-list li {
   position: relative;
   display: block;
   border-bottom: 1px solid #e5e5e5;
   padding: 20px 30px;
 }

 .checkout-section .order-info .order-list li.title {
   padding: 45px 30px 7px 30px;
 }

 .checkout-section .order-info .order-list li.title p {
   font-size: 16px;
   line-height: 24px;
   color: #000;
   font-weight: 500;
   float: left;
 }

 .checkout-section .order-info .order-list li.title span {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 24px;
   font-weight: 500;
   color: #000;
   float: right;
   text-transform: capitalize;
 }

 .checkout-section .order-info .order-list li .single-box {
   position: relative;
   padding: 40px 0px 30px 110px;
   min-height: 100px;
 }

 .checkout-section .order-info .order-list li .single-box img {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 90px;
   height: 90px;
   background: #fff;
   box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.07);
 }

 .checkout-section .order-info .order-list li .single-box h6 {
   position: relative;
   font-size: 16px;
   line-height: 28px;
   font-family: "El Messiri", sans-serif;
   color: #000;
   float: left;
   font-weight: 700;
 }

 .checkout-section .order-info .order-list li .single-box span {
   position: relative;
   display: block;
   float: right;
   font-size: 16px;
   line-height: 28px;
   font-family: "El Messiri", sans-serif;
   color: #000;
 }

 .checkout-section .order-info .order-list li.sub-total {
   padding: 17px 30px 10px 0px;
 }

 .checkout-section .order-info .order-list li.sub-total h6 {
   font-size: 16px;
   line-height: 28px;
   font-weight: 700;
   float: left;
 }

 .checkout-section .order-info .order-list li.sub-total span {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 28px;
   font-family: "El Messiri", sans-serif;
   color: #000;
   float: right;
 }

 .checkout-section .order-info .order-list li.order-total {
   padding: 17px 30px 11px 0px;
 }

 .checkout-section .order-info .order-list li.order-total h6 {
   font-size: 16px;
   line-height: 28px;
   font-family: "El Messiri", sans-serif;
   color: #000;
   font-weight: 700;
   float: left;
 }

 .checkout-section .order-info .order-list li.order-total span {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 28px;
   font-family: "El Messiri", sans-serif;
   color: #000;
   font-weight: 700;
   float: right;
 }

 .checkout-section .payment-info h4 {
   margin-bottom: 53px;
 }

 .checkout-section .payment-info .payment-inner {
   position: relative;
   display: block;
   border: 1px solid #e5e5e5;
   padding: 28px 30px 40px 30px;
   border-radius: 20px;
 }

 .checkout-section .payment-info .custom-control.material-checkbox .material-control-indicator {
   top: 5px;
 }

 .checkout-section .payment-info .payment-inner .custom-controls-stacked .description {
   font-size: 16px;
   line-height: 24px;
   font-weight: 500;
   color: #000;
   cursor: pointer;
 }

 .checkout-section .payment-info .payment-inner .custom-controls-stacked .description a {
   position: relative;
   display: inline-block;
   color: #000;
   z-index: 1;
   margin-left: 25px;
 }

 .checkout-section .payment-info .payment-inner .custom-controls-stacked .description a:hover {}

 .checkout-section .payment-info .payment-inner .option-block {
   position: relative;
   display: block;
   margin-bottom: 22px;
 }

 .checkout-section .payment-info .payment-inner .option-block p {
   position: relative;
   font-size: 14px;
   line-height: 21px;
   padding: 4px 0px 0px 30px;
 }

 .checkout-section .payment-info .payment-inner .theme-btn-one {
   padding: 14px 60px 13px 60px;
 }

 .checkout-section .custom-control.material-checkbox .material-control-indicator {
   display: inline-block;
   position: absolute;
   top: 6px;
   left: 0px;
   width: 15px;
   height: 15px;
   border: 1px solid #e6e6e6;
   background: #f5f8fa;
   cursor: pointer;
 }

 .checkout-section .custom-control.material-checkbox .material-control-input:checked~.material-control-indicator {
   -webkit-transform: rotateZ(45deg) translate(1px, -5px);
   transform: rotateZ(45deg) translate(1px, -5px);
   width: 8px;
   border: 2px solid #898f9f;
   border-top: 0px;
   border-left: 0px;
   background: transparent;
   border-radius: 0px;
 }

 .checkout-section .payment-info .payment-inner .btn-box {
   padding-top: 2px;
 }

 .checkout-section .payment-info .payment-inner .btn-box .theme-btn-two {
   padding: 16px 30px;
 }

 .checkout-section .custom-control.material-checkbox {
   --color: #ebebeb;
   padding: 0px;
   margin: 0px;
   margin-bottom: 0px !important;
 }

 .checkout-section .custom-control.material-checkbox .material-control-input {
   display: none;
 }

 .checkout-section .custom-control.material-checkbox .material-control-indicator {
   display: inline-block;
   position: absolute;
   top: 4px;
   left: 0px;
   width: 16px;
   height: 16px;
   border: 1px solid #e5e5e5;
   cursor: pointer;
 }

 .checkout-section .custom-control.material-checkbox .material-control-input:checked~.material-control-indicator {
   -webkit-transform: rotateZ(45deg) translate(1px, -5px);
   transform: rotateZ(45deg) translate(1px, -5px);
   width: 8px;
   border: 2px solid #C59D5F;
   border-top: 0px;
   border-left: 0px;
   background: transparent;
   border-radius: 0px;
 }

 .checkout-section .custom-controls-stacked .description {
   position: relative;
   display: inline-block;
   padding: 0px;
   margin-left: 25px;
   font-size: 15px;
   color: #848484;
   cursor: pointer;
 }



 /*** 

====================================================================
                        Blog-page
====================================================================

***/


 .news-section.blog-grid {
   padding: 120px 0px;
 }

 .news-section.blog-grid .news-block-one .inner-box {
   margin-bottom: 30px;
 }

 .news-section.blog-grid .pagination-wrapper {
   margin-top: 30px;
 }


 /** sidebar-page-container **/

 .sidebar-page-container {
   padding: 120px 0px;
 }

 .blog-standard-content .news-block-one .inner-box {
   margin-bottom: 70px;
 }

 .news-block-one .inner-box .lower-content h2 {
   position: relative;
   display: block;
   font-size: 34px;
   line-height: 40px;
   font-weight: 700;
   margin-bottom: 8px;
   margin-top: 12px;
 }

 .news-block-one .inner-box .lower-content h2 a {
   display: inline-block;
   color: #000;
 }

 .news-block-one .inner-box .lower-content h2 a:hover {}

 .blog-sidebar {
   position: relative;
   display: block;
 }

 .blog-sidebar .widget-title {
   position: relative;
   display: block;
   margin-bottom: 32px;
 }

 .blog-sidebar .widget-title h3 {
   font-size: 24px;
   line-height: 30px;
   font-weight: 700;
 }

 .blog-sidebar .search-widget .search-inner .form-group {
   position: relative;
   margin-bottom: 0px;
 }

 .blog-sidebar .search-widget .search-inner .form-group input[type='search'] {
   position: relative;
   display: block;
   width: 100%;
   height: 60px;
   font-size: 16px;
   color: #676767;
   border: 1px solid #e5e5e5;
   padding: 10px 60px 10px 30px;
   transition: all 500ms ease;
 }

 .blog-sidebar .search-widget .search-inner .form-group input:focus {}

 .blog-sidebar .search-widget .search-inner .form-group button {
   position: absolute;
   top: 18px;
   right: 20px;
   font-size: 18px;
   color: #909092;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .blog-sidebar .search-widget .search-inner .form-group input:focus+button,
 .blog-sidebar .search-widget .search-inner .form-group button:hover {}

 .blog-sidebar .search-widget {
   margin-bottom: 70px;
 }

 .blog-sidebar .category-widget .category-list li {
   position: relative;
   display: block;
   padding: 14px 0px 12px 0px;
   border-bottom: 1px solid #e5e5e5;
 }

 .blog-sidebar .category-widget .category-list li:last-child {
   border-bottom: none;
 }

 .blog-sidebar .category-widget .category-list li a {
   position: relative;
   display: inline-block;
   font-size: 16px;
   line-height: 24px;
   color: #000;
 }

 .blog-sidebar .category-widget .category-list li a:hover {
   padding-left: 16px;
 }

 .blog-sidebar .category-widget .widget-title {
   margin-bottom: 16px;
 }

 .blog-sidebar .category-widget .category-list li a:before {
   position: absolute;
   content: '\e91d';
   font-family: 'icomoon';
   left: 0px;
   top: 0px;
   font-size: 12px;
   font-weight: 700;
   opacity: 1;
   transition: all 500ms ease;
 }

 .blog-sidebar .category-widget .category-list li a:hover:before {
   opacity: 1;
 }

 .blog-sidebar .category-widget {
   margin-bottom: 50px;
 }

 .blog-sidebar .post-widget .post {
   position: relative;
   display: block;
   padding: 0px 0px 25px 110px;
   margin-bottom: 20px;
   border-bottom: 1px solid #e5e5e5;
   min-height: 108px;
 }

 .blog-sidebar .post-widget .post:last-child {
   margin-bottom: 0px;
   border-bottom: none;
 }

 .blog-sidebar .post-widget .post .post-thumb {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 90px;
   height: 90px;
 }

 .blog-sidebar .post-widget .post .post-thumb img {
   width: 100%;
   transition: all 500ms ease;
 }

 .blog-sidebar .post-widget .post:hover .post-thumb img {
   opacity: 0.5;
 }

 .blog-sidebar .post-widget .post h4 {
   display: block;
   font-size: 20px;
   line-height: 24px;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .blog-sidebar .post-widget .post h4 a {
   display: inline-block;
   color: #000;
 }

 .blog-sidebar .post-widget .post h4 a:hover {}

 .blog-sidebar .post-widget .post .post-date {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 24px;
   padding-left: 26px;
 }

 .blog-sidebar .post-widget .post .post-date i {
   position: absolute;
   left: 0px;
   top: 2px;
   font-size: 18px;
 }

 .blog-sidebar .post-widget {
   margin-bottom: 50px;
 }

 .blog-sidebar .gallery-widget .image-list {
   position: relative;
   margin: 0px -5px;
 }

 .blog-sidebar .gallery-widget .image-list li {
   position: relative;
   display: inline-block;
   float: left;
   margin: 0px 5px 10px 5px;
 }

 .blog-sidebar .gallery-widget .image-list li .image {
   position: relative;
   display: block;
   max-width: 116px;
   width: 100%;
   overflow: hidden;
 }

 .blog-sidebar .gallery-widget .image-list li .image img {
   width: 100%;
   transition: all 500ms ease;
 }

 .blog-sidebar .gallery-widget .image-list li .image:hover img {
   transform: scale(1.03);
 }

 .blog-sidebar .gallery-widget {
   margin-bottom: 60px;
 }

 .blog-sidebar .tags-widget .tags-list li {
   position: relative;
   display: inline-block;
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .blog-sidebar .tags-widget .tags-list li a {
   position: relative;
   display: inline-block;
   font-size: 16px;
   line-height: 24px;
   color: #000;
   border: 1px solid #e5e5e5;
   border-radius: 30px;
   padding: 6px 18px 5px 19px;
 }

 .blog-sidebar .tags-widget .tags-list li a:hover {
   color: #fff;
 }

 .blog-details-content {
   position: relative;
   display: block;
 }

 .blog-details-content .news-block-one .inner-box {
   box-shadow: none;
 }

 .blog-details-content .news-block-one .inner-box .lower-content {
   padding-left: 0px;
   padding-right: 0px;
 }

 .blog-details-content .news-block-one .inner-box .image-box .image img {
   transform: scale(1) !important;
   opacity: 1 !important;
 }

 .blog-details-content blockquote {
   position: relative;
   display: block;
   background: #FFFFFF;
   box-shadow: 0px 15px 40px 10px rgba(0, 0, 0, 0.05);
   padding: 42px 90px 48px 50px;
   margin: 0px;
   margin-bottom: 70px;
 }

 .blog-details-content blockquote p {
   font-size: 16px;
   line-height: 30px;
   font-weight: 500;
   color: #000;
   margin-bottom: 16px;
 }

 .blog-details-content blockquote h5 {
   display: block;
   font-size: 18px;
   line-height: 28px;
   font-weight: 700;
 }

 .blog-details-content .content-one .text {
   position: relative;
   display: block;
 }

 .blog-details-content .text h3 {
   display: block;
   font-size: 24px;
   line-height: 30px;
   font-weight: 700;
   margin-bottom: 16px;
 }

 .blog-details-content .content-one .text p {
   margin-bottom: 16px;
   line-height: 26px;
 }

 .blog-details-content .content-one .text p:last-child {
   margin-bottom: 0px;
 }

 .blog-details-content .content-one .image {
   position: relative;
   display: block;
   border-radius: 10px;
 }

 .blog-details-content .content-one .image img {
   width: 100%;
   border-radius: 10px;
 }

 .blog-details-content .content-one {
   margin-bottom: 65px;
 }

 .blog-details-content .content-two .text p {
   margin-bottom: 16px;
   line-height: 26px;
 }

 .blog-details-content .content-two .text p:last-child {
   margin-bottom: 0px;
 }

 .blog-details-content .content-two {
   margin-bottom: 55px;
 }

 .blog-details-content .post-tags .tags-list li {
   position: relative;
   display: inline-block;
   float: left;
   margin-right: 5px;
   font-size: 18px;
   line-height: 30px;
   font-weight: 500;
   color: #676767;
 }

 .blog-details-content .post-tags .tags-list li:first-child {
   color: #000;
 }

 .blog-details-content .post-tags .tags-list li a {
   display: inline-block;
   color: #676767;
 }

 .blog-details-content .post-tags .tags-list li a:hover {}

 .blog-details-content .post-tags {
   margin-bottom: 60px;
 }

 .blog-details-content .author-box {
   position: relative;
   display: block;
   background: #F6F6F6;
   border-radius: 15px;
   padding: 42px 30px 46px 170px;
   margin-bottom: 65px;
 }

 .blog-details-content .author-box .author-thumb {
   position: absolute;
   left: 40px;
   top: 40px;
   width: 100px;
   height: 100px;
   border-radius: 50%;
 }

 .blog-details-content .author-box .author-thumb img {
   width: 100%;
   border-radius: 50%;
 }

 .blog-details-content .author-box h4 {
   font-size: 20px;
   line-height: 28px;
   font-weight: 700;
 }

 .blog-details-content .author-box span {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 28px;
   margin-bottom: 12px;
 }

 .blog-details-content .comment-box .comment {
   position: relative;
   display: block;
   padding-left: 100px;
   margin-bottom: 24px;
 }

 .blog-details-content .comment-box .comment:last-child {
   margin-bottom: 0px;
 }

 .blog-details-content .comment-box .comment .thumb-box {
   position: absolute;
   left: 0px;
   top: 5px;
   width: 70px;
   height: 70px;
   border-radius: 50%;
 }

 .blog-details-content .comment-box .comment .thumb-box img {
   width: 100%;
   border-radius: 50%;
 }

 .blog-details-content .comment-box .comment .comment-info h3 {
   position: relative;
   display: block;
   font-size: 22px;
   line-height: 30px;
   font-weight: 600;
   margin-bottom: 7px;
 }

 .blog-details-content .comment-box .comment .comment-info h3 span {
   display: inline-block;
   font-size: 14px;
   font-weight: 700;
   color: #75706d;
   text-transform: uppercase;
 }

 .blog-details-content .comment-box .comment .comment-info p {
   display: block;
   margin-bottom: 14px;
 }

 .blog-details-content .comment-box .comment .comment-info .reply-btn {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 24px;
   font-family: "El Messiri", sans-serif;
   font-weight: 700;
   text-transform: uppercase;
   padding-left: 30px;
 }

 .blog-details-content .comment-box .comment .comment-info .reply-btn:hover {
   color: #222;
 }

 .blog-details-content .comment-box .comment .comment-info .reply-btn i {
   position: absolute;
   left: 0px;
   top: 3px;
   font-size: 20px;
 }

 .blog-details-content .comment-box {
   margin-bottom: 60px;
 }

 .blog-details-content .group-title {
   position: relative;
   display: block;
   margin-bottom: 43px;
 }

 .blog-details-content .group-title h2 {
   font-size: 34px;
   line-height: 36px;
   font-weight: 700;
 }

 .blog-details-content .comments-form-area .form-inner .form-group {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .blog-details-content .comments-form-area .form-inner .form-group:last-child {
   margin-bottom: 0px;
 }

 .blog-details-content .comments-form-area .form-inner .form-group input[type='text'],
 .blog-details-content .comments-form-area .form-inner .form-group input[type='email'],
 .blog-details-content .comments-form-area .form-inner .form-group textarea {
   position: relative;
   display: block;
   width: 100%;
   height: 50px;
   background: #FFFFFF;
   border: 1px solid #E5E5E5;
   border-radius: 45px;
   font-size: 16px;
   color: #676767;
   padding: 10px 35px;
   transition: all 500ms ease;
 }

 .blog-details-content .comments-form-area .form-inner .form-group textarea {
   height: 170px;
   resize: none;
   border-radius: 20px;
   padding-top: 15px;
 }

 .blog-details-content .comments-form-area .form-inner .form-group input:focus,
 .blog-details-content .comments-form-area .form-inner .form-group textarea:focus {
   box-shadow: 0px 10px 40px rgba(62, 84, 141, 0.1);
   border-color: #fff;
 }



 /*** 

====================================================================
                        Contact-page
====================================================================

***/


 .contact-section {
   position: relative;
   padding: 120px 0px;
   background-color: #fff;
 }

 .contact-section .info-inner {
   position: relative;
   display: block;
   background: #FDFFE3;
   box-shadow: 0px 20px 60px rgba(62, 84, 141, 0.1);
   border-radius: 20px;
   padding: 71px 30px 80px 40px;
   margin-right: 40px;
 }

 .contact-section .info-inner .text {
   display: block;
   margin-bottom: 24px;
 }

 .contact-section .info-inner .text h2 {
   font-size: 30px;
   line-height: 30px;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .contact-section .info-inner .info-list li {
   position: relative;
   display: block;
   margin-bottom: 15px;
   padding-left: 31px;
 }

 .contact-section .info-inner .info-list li:last-child {
   margin-bottom: 0px;
 }

 .contact-section .info-inner .info-list li i {
   position: absolute;
   left: 0px;
   top: 9px;
   font-size: 22px;
 }

 .contact-section .info-inner .info-list li:nth-child(3) i {
   font-size: 16px;
 }

 .contact-section .info-inner .info-list li h5 {
   display: block;
   font-size: 18px;
   line-height: 36px;
   font-weight: 700;
 }

 .contact-section .info-inner .info-list li p {
   font-size: 16px;
   line-height: 28px;
 }

 .contact-section .info-inner .info-list li p a {
   color: #676767;
 }

 .contact-section .info-inner .info-list {
   margin-bottom: 34px;
 }

 .contact-section .info-inner .social-links li {
   position: relative;
   display: inline-block;
   float: left;
   margin-right: 10px;
 }

 .contact-section .info-inner .social-links li:last-child {
   margin: 0px !important;
 }

 .contact-section .info-inner .social-links li a {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 50px;
   font-size: 16px;
   color: #fff;
   text-align: center;
   border-radius: 50%;
 }

 .contact-section .info-inner .social-links li:first-child a {
   background: #000;
 }

 .contact-section .info-inner .social-links li:nth-child(2) a {
   background: #55ACEE;
 }

 .contact-section .info-inner .social-links li:nth-child(3) a {
   background: #000;
 }

 .contact-section .info-inner .social-links li:last-child a {
   background: #000;
 }

 .contact-section .form-inner {
   position: relative;
   display: block;
   background: #FFFFFF;
   box-shadow: 0px 20px 60px rgba(62, 84, 141, 0.1);
   border-radius: 20px;
   padding: 70px;
 }

 .contact-section .form-inner h2 {
   display: block;
   font-size: 34px;
   line-height: 40px;
   font-weight: 700;
   margin-bottom: 26px;
 }

 .contact-section .form-inner .form-group {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .contact-section .form-inner .form-group:last-child {
   margin-bottom: 0px;
 }

 .contact-section .form-inner .form-group input[type='text'],
 .contact-section .form-inner .form-group input[type='email'],
 .contact-section .form-inner .form-group textarea {
   position: relative;
   display: block;
   width: 100%;
   height: 50px;
   background: #FFFFFF;
   border: 1px solid #E5E5E5;
   border-radius: 45px;
   font-size: 16px;
   color: #676767;
   padding: 10px 35px;
   text-align: left;
   transition: all 500ms ease;
 }

 .contact-section .form-inner .form-group textarea {
   height: 170px;
   border-radius: 20px;
   padding-top: 15px;
   resize: none;
 }

 .contact-section .form-inner .form-group input:focus,
 .contact-section .form-inner .form-group textarea:focus {}

 .contact-section .vector-1 {
   position: absolute;
   left: 70px;
   top: 70px;
 }

 .contact-section .vector-2 {
   position: absolute;
   top: 224px;
   right: 70px;
 }

 .contact-section .vector-3 {
   position: absolute;
   left: 622px;
   bottom: 45px;
 }


 .google-map-section {
   position: relative;
   width: 100%;
 }

 .google-map-section #contact-google-map {
   position: relative;
   width: 100%;
   height: 550px;
 }

 .gallery-block-two img {

   width: 100%;
 }

 #menu {

   background-color: #FFF !important;
 }

 .pad-100 {

   padding: 100px 0px !important;
 }

 .back-fff {

   background-color: #fff;
 }

 .footer-top .contact-widget .info-list li span a {
   font-weight: normal;
 }

 .info-list li span {
   font-weight: 900;
 }

 .footer-logo img {
   max-width: 180px;
   width: 170px;
 }


 .pb_100 {
   padding-bottom: 50px;
 }

 .pt_85 {
   padding-top: 50px;
 }

 .d-flex {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .about-details h1 {
   font-size: 30px;
   margin-bottom: 30px;
   font-weight: 600;
   text-align: center;

 }

 .about-details h2 {
   margin-bottom: 10px;
   font-weight: 600;

 }

 .about-details h3 {
   margin-bottom: 5px;
   font-weight: 600;

 }

 .about-details ul {
   margin-bottom: 30px;
 }

 .about-details p {
   margin-bottom: 20px !important;
   color: #000;
 }

 .about-details ul li {
   list-style: circle;
 }

 .about-details h4 {
   margin-bottom: 20px;
   font-weight: 600;
 }

 .highlight {
   font-weight: 700;
 }

 .policy-content {
   margin-left: 10px;
 }

 .policy {
   margin-top: 20px;
   font-weight: 900;
   border-radius: 30px;
 }

 .policy p {
   font-weight: 900;
   padding: 2px 6px;

   color: #f4282a;
 }

 .policy a {
   font-weight: 900;
   padding: 2px 6px;

   color: #000;
 }

 .form-column iframe {
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 }

 .menu-images {
   max-width: 100%;
   margin: 50px 0;
 }

 .menu-images img {
   max-width: 100%;
 }

 .about-details video {
   max-width: 100%;
 }

 .lower-content {
   display: none !important;
 }

 .policy p {
   text-align: left !important;
 }

 /*==========================
Hero Section
==========================*/

 .hero {

   width: 100%;
   min-height: 100vh;

   position: relative;

   overflow: hidden;

   background:
     radial-gradient(circle at top right, #ffffff 0%, transparent 40%),
     radial-gradient(circle at bottom left, #fff7eb 0%, transparent 45%),
     linear-gradient(135deg, #fdf9f3, #f6efe7, #ffffff);

 }


 /*==========================
Container
==========================*/

 .hero-container {

   width: min(1280px, 92%);
   margin: auto;

   min-height: 100vh;

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

   gap: 80px;

   position: relative;
   z-index: 5;

 }


 /*==========================
Left Side
==========================*/

 .hero-content {

   flex: 1;
   max-width: 560px;

 }

 .hero-subtitle {

   display: inline-block;

   padding: 10px 24px;

   background: #ffffff;

   color: #b67834;

   border-radius: 50px;

   font-size: 14px;

   letter-spacing: 2px;

   text-transform: uppercase;

   box-shadow:
     0 10px 30px rgba(0, 0, 0, .08);

   margin-bottom: 25px;

 }

 .hero-content h1 {

   font-family: "El Messiri", sans-serif;

   font-size: 88px;

   line-height: 1;

   color: #222;

   margin-bottom: 15px;

 }

 .hero-content h3 {

   font-family: "El Messiri", sans-serif;

   font-size: 38px;

   color: #b67834;

   margin-bottom: 25px;

   font-weight: 600;

 }

 .hero-content p {

   color: #666;

   font-size: 17px;

   line-height: 1.9;

   margin-bottom: 40px;

 }


 /*==========================
Buttons
==========================*/

 .hero-buttons {

   display: flex;

   gap: 18px;

   flex-wrap: wrap;

 }

 .btn {

   display: inline-flex;

   align-items: center;

   gap: 10px;

   padding: 18px 24px;

   border-radius: 60px;

   font-size: 15px;

   font-weight: 600;

   transition: .4s;

   position: relative;

   overflow: hidden;

 }

 .order-btn {

   background: #b67834;

   color: #fff;

   box-shadow:
     0 20px 35px rgba(182, 120, 52, .35);

 }

 .reserve-btn {

   background: #fff;

   color: #222;

   border: 1px solid rgba(0, 0, 0, .08);

   box-shadow:
     0 15px 30px rgba(0, 0, 0, .08);

 }

 .buffet-btn {

   background: #222;

   color: #fff;

   box-shadow:
     0 20px 35px rgba(0, 0, 0, .18);

 }

 .btn:hover {

   transform: translateY(-8px);

 }

 .order-btn:hover {

   background: #c98a43;

 }

 .reserve-btn:hover {

   background: #b67834;

   color: #fff;

 }

 .buffet-btn:hover {

   background: #444;

 }


 /*==========================
Right Images
==========================*/

 .hero-images {

   flex: 1;

   position: relative;

   height: 700px;

 }


 /*==========================
Glass Cards
==========================*/

 .floating-img {

   position: absolute;

   border-radius: 30px;

   background: rgba(255, 255, 255, .22);

   backdrop-filter: blur(18px);

   -webkit-backdrop-filter: blur(18px);

   padding: 18px;

   border: 1px solid rgba(255, 255, 255, .4);

   box-shadow:
     0 30px 60px rgba(0, 0, 0, .12);

   transition: .5s;

 }

 .floating-img img {

   width: 100%;

   height: auto;

   object-fit: cover;

   border-radius: 22px;

 }


 /*==========================
Image Positions
==========================*/

 .sushi {

   width: 230px;

   top: 30px;

   left: 80px;

 }

 .ramen {

   width: 360px;

   right: 40px;

   top: 170px;

 }

 .dumpling {

   width: 220px;

   bottom: 60px;

   left: 120px;

 }

 .center-img {

   width: 470px;

   top: 90px;

   left: 50%;
   transform: translateX(-50%);

 }


 /*==========================
Hover
==========================*/

 .floating-img:hover {

   transform:
     translateY(-15px) scale(1.04);

   box-shadow:
     0 40px 80px rgba(0, 0, 0, .20);

 }


 /*==========================
Slider
==========================*/

 .hero-slider {

   width: 100%;

   height: 100%;

   position: relative;

 }

 .hero-slide {

   width: 100%;

   min-height: 100vh;

   display: none;

 }

 .hero-slide.active {

   display: flex;

 }


 /*==========================
Slider Buttons
==========================*/

 .slider-btn {

   width: 58px;

   height: 58px;

   position: absolute;

   top: 50%;

   transform: translateY(-50%);

   border-radius: 50%;

   background: #fff;

   color: #222;

   font-size: 20px;

   z-index: 20;

   box-shadow:
     0 20px 40px rgba(0, 0, 0, .12);

   transition: .35s;

 }

 .slider-btn:hover {

   background: #b67834;

   color: #fff;

 }

 .prev {

   left: 30px;

 }

 .next {

   right: 30px;

 }


 /*==========================
Dots
==========================*/

 .slider-dots {

   position: absolute;

   left: 50%;

   bottom: 40px;

   transform: translateX(-50%);

   display: flex;

   gap: 12px;

   z-index: 50;

 }

 .dot {

   width: 14px;

   height: 14px;

   border-radius: 50%;

   background: #d3d3d3;

   cursor: pointer;

   transition: .4s;

 }

 .dot.active {

   width: 42px;

   border-radius: 20px;

   background: #b67834;

 }


 /*==========================
Decorative Leaves
==========================*/

 .leaf {

   position: absolute;

   border-radius: 50%;

   filter: blur(70px);

   opacity: .25;

 }

 .leaf1 {

   width: 280px;
   height: 280px;

   background: #ffe2bf;

   top: -80px;
   right: -60px;

 }

 .leaf2 {

   width: 320px;
   height: 320px;

   background: #ffd7a7;

   left: -100px;
   bottom: -100px;

 }

 /*=========================================
ANIMATIONS
=========================================*/

 .hero-slide.active .hero-content {
   animation: contentFade 1s ease forwards;
 }

 .hero-slide.active .hero-images {
   animation: imageFade 1.2s ease forwards;
 }

 @keyframes contentFade {

   from {
     opacity: 1;
     transform: translateX(-80px);
   }

   to {
     opacity: 1;
     transform: translateX(0);
   }

 }

 @keyframes imageFade {

   from {
     opacity: 1;
     transform: translateX(80px);
   }

   to {
     opacity: 1;
     transform: translateX(0);
   }

 }


 /*=========================================
FLOATING IMAGE ANIMATION
=========================================*/

 .sushi {
   animation: float1 6s ease-in-out infinite;
 }

 .ramen {
   animation: float2 7s ease-in-out infinite;
 }

 .dumpling {
   animation: float3 5s ease-in-out infinite;
 }

 .center-img {
   animation: floatCenter 7s ease-in-out infinite;
 }

 @keyframes float1 {

   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(-18px);
   }

 }

 @keyframes float2 {

   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(20px);
   }

 }

 @keyframes float3 {

   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(-22px);
   }

 }

 @keyframes floatCenter {

   0%,
   100% {
     transform: translateX(-50%) translateY(0);
   }

   50% {
     transform: translateX(-50%) translateY(-18px);
   }

 }


 /*=========================================
BUTTON SHINE EFFECT
=========================================*/

 .btn {

   position: relative;
   overflow: hidden;

 }

 .btn::before {

   content: "";

   position: absolute;

   top: 0;
   left: -120%;

   width: 60%;
   height: 100%;

   background: rgba(255, 255, 255, .35);

   transform: skewX(-30deg);

   transition: .7s;

 }

 .btn:hover::before {

   left: 150%;

 }


 /*=========================================
IMAGE GLOW
=========================================*/

 .floating-img::after {

   content: "";

   position: absolute;

   inset: -8px;

   border-radius: 35px;

   border: 1px solid rgba(255, 255, 255, .35);

   pointer-events: none;

 }


 /*=========================================
PETALS
=========================================*/

 .petal {

   position: absolute;

   width: 18px;
   height: 18px;

   background: #ffd8e2;

   border-radius: 60% 40% 60% 40%;

   opacity: .6;

   z-index: 2;

 }

 .petal1 {

   top: -30px;
   left: 12%;

   animation: petalFall 13s linear infinite;

 }

 .petal2 {

   top: -60px;
   left: 55%;

   animation: petalFall 11s linear infinite;

   animation-delay: 3s;

 }

 .petal3 {

   top: -40px;
   left: 80%;

   animation: petalFall 15s linear infinite;

   animation-delay: 5s;

 }

 @keyframes petalFall {

   0% {

     transform:
       translateY(0) rotate(0deg);

     opacity: 1;

   }

   15% {

     opacity: .7;

   }

   100% {

     transform:
       translateY(110vh) translateX(60px) rotate(360deg);

     opacity: 1;

   }

 }


 /*=========================================
BACKGROUND MOVEMENT
=========================================*/

 .hero::before {

   content: "";

   position: absolute;

   width: 650px;
   height: 650px;

   background: radial-gradient(circle, #fff5df, transparent 70%);

   top: -220px;
   right: -200px;

   border-radius: 50%;

   animation: bgMove 12s ease-in-out infinite;

 }

 .hero::after {

   content: "";

   position: absolute;

   width: 500px;
   height: 500px;

   background: radial-gradient(circle, #fff1d0, transparent 70%);

   left: -180px;
   bottom: -180px;

   border-radius: 50%;

   animation: bgMove2 15s ease-in-out infinite;

 }

 @keyframes bgMove {

   0%,
   100% {

     transform: scale(1);

   }

   50% {

     transform: scale(1.12);

   }

 }

 @keyframes bgMove2 {

   0%,
   100% {

     transform: translateY(0);

   }

   50% {

     transform: translateY(-35px);

   }

 }


 /*=========================================
SLIDER BUTTON HOVER
=========================================*/

 .slider-btn:hover {

   transform: translateY(-50%) scale(1.12);

 }

 .dot:hover {

   transform: scale(1.3);

 }


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

 @media(max-width:1200px) {

   .hero-content h1 {

     font-size: 72px;

   }

   .hero-content h3 {

     font-size: 32px;

   }

   .hero-images {

     height: 600px;

   }

   .ramen {

     width: 300px;

   }

   .sushi {

     width: 190px;

   }

   .dumpling {

     width: 190px;

   }

 }


 @media(max-width:991px) {

   .hero-container {

     flex-direction: column;

     text-align: center;

     justify-content: center;

     padding: 20px 0 80px;

     gap: 50px;

   }

   .hero-content {

     max-width: 100%;

   }

   .hero-buttons {

     justify-content: center;

   }

   .hero-images {

     width: 100%;
     height: 520px;

   }

   .center-img {

     width: 360px;

   }

   .ramen {

     width: 270px;
     right: 50%;
     transform: translateX(50%);

   }

   .sushi {

     left: 15%;

   }

   .dumpling {

     left: 55%;

   }

   .slider-btn {

     display: none;

   }

 }


 @media(max-width:768px) {

   .hero {

     min-height: auto;

   }

   .hero-content h1 {

     font-size: 54px;

   }

   .hero-content h3 {

     font-size: 28px;

   }

   .hero-content p {

     font-size: 15px;

   }

   .hero-buttons {

     flex-direction: column;

     align-items: center;

   }

   .btn {

     width: 260px;

     justify-content: center;

   }

   .hero-images {

     height: 420px;

   }

   .center-img {

     width: 260px;

   }

   .ramen {

     width: 220px;
     top: 140px;

   }

   .sushi {

     width: 150px;
     left: 0;

   }

   .dumpling {

     width: 150px;
     right: 0;
     left: auto;

   }

 }


 @media(max-width:480px) {

   .hero-content h1 {

     font-size: 42px;

   }

   .hero-content h3 {

     font-size: 22px;

   }

   .hero-subtitle {

     font-size: 12px;

   }

   .hero-images {

     height: 320px;

   }

   .ramen {

     width: 170px;

   }

   .sushi {

     width: 120px;

   }

   .dumpling {

     width: 120px;

   }

   .center-img {

     width: 200px;

   }

   .slider-dots {

     bottom: 20px;

   }

   .dot {

     width: 10px;
     height: 10px;

   }

   .dot.active {

     width: 28px;

   }

 }


 .service-section {

   width: 90%;
   margin: 80px auto;

   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 25px;

 }

 .service-card {

   position: relative;
   overflow: hidden;

   border-radius: 25px;

   background: #fff;

   box-shadow:
     0 15px 40px rgba(0, 0, 0, .08);

   display: flex;

   align-items: center;

   padding: 35px;

   transition: .45s;

   min-height: 280px;

   cursor: pointer;

 }



 .service-card::before {

   content: '';

   position: absolute;

   width: 220px;
   height: 220px;

   background: radial-gradient(#ffe9c8, transparent);

   top: -80px;
   left: -80px;

   transition: .6s;

 }


 .service-card:hover::before {

   transform: scale(1.7);

 }


 .service-card:hover {

   transform: translateY(-12px);

   box-shadow:
     0 35px 60px rgba(0, 0, 0, .16);

 }



 .service-content {

   width: 48%;
   z-index: 2;

 }



 .icon-circle {

   width: 70px;
   height: 70px;

   border-radius: 50%;

   background: #728559;

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

   font-size: 28px;
   color: white;

   margin-bottom: 25px;

   animation: float 4s infinite;

 }


 .orange {

   background: #d67b4f;

 }

 .yellow {

   background: #d6a134;

 }


 .service-content h2 {

   font-size: 32px;

   font-family: "El Messiri", sans-serif;

   margin-bottom: 18px;

   color: #222;

 }


 .service-content p {

   font-size: 17px;

   line-height: 30px;

   color: #555;

   margin-bottom: 30px;

 }


 .service-content a {

   text-decoration: none;

   font-size: 18px;

   font-weight: 600;

   color: #c56730;

   display: inline-flex;

   align-items: center;

   gap: 8px;

   transition: .3s;

 }


 .service-content a span {

   transition: .35s;

 }


 .service-card:hover a span {

   transform: translateX(8px);

 }



 .service-image {

   width: 52%;

   height: 240px;

   overflow: hidden;

   border-radius: 20px;

   position: relative;

 }


 .service-image::after {

   content: '';

   position: absolute;

   inset: 0;

   background: linear-gradient(to left,
       white 5%,
       transparent 40%);

 }


 .service-image img {

   width: 100%;
   height: 100%;

   object-fit: cover;

   transition: 1s;

 }


 .service-card:hover img {

   transform: scale(1.15);

 }




 @keyframes float {

   0% {

     transform: translateY(0);

   }

   50% {

     transform: translateY(-10px);

   }

   100% {

     transform: translateY(0);

   }

 }




 @media(max-width:1200px) {

   .service-section {

     grid-template-columns: 1fr;

   }

   .service-card {

     min-height: auto;

   }

 }



 @media(max-width:768px) {

   .service-card {

     flex-direction: column;

     padding: 25px;

   }

   .service-content {

     width: 100%;

     margin-bottom: 20px;

   }

   .service-image {

     width: 100%;

     height: 230px;

   }

   .service-content h2 {

     font-size: 28px;

   }

 }



 @media(max-width:480px) {

   .service-content h2 {

     font-size: 24px;

   }

   .service-content p {

     font-size: 15px;

     line-height: 26px;

   }

   .icon-circle {

     width: 60px;
     height: 60px;

     font-size: 22px;

   }

 }


 .speciality-section {

   padding: 90px 8%;
   position: relative;
   overflow: hidden;
 }

 .speciality-section::before {
   content: "";
   position: absolute;
   width: 450px;
   height: 450px;
   background: #f2d7a5;
   filter: blur(150px);
   left: -150px;
   top: -100px;
   opacity: .45;
 }

 .speciality-section::after {
   content: "";
   position: absolute;
   width: 400px;
   height: 400px;
   background: #d7f5da;
   filter: blur(150px);
   right: -120px;
   bottom: -120px;
   opacity: .35;
 }

 .section-title {

   text-align: center;
   margin-bottom: 60px;
   position: relative;
   z-index: 2;
 }

 .section-title span {

   font-size: 15px;
   letter-spacing: 4px;
   color: #9c7d3b;
   font-weight: 600;
   text-transform: uppercase;
 }

 .section-title h2 {

   font-size: 48px;
   margin: 12px 0;
   background: linear-gradient(90deg, #111, #8f6b2d);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 700;
 }

 .section-title p {

   color: #666;
   font-size: 17px;
   max-width: 650px;
   margin: auto;
   line-height: 1.8;
 }

 .speciality-wrapper {

   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
   gap: 20px;
   position: relative;
   z-index: 2;
 }

 .food-card {

   /* background: rgba(255, 255, 255, .75); */
   backdrop-filter: blur(18px);
   border-radius: 30px;
   padding: 35px 20px;
   text-align: center;
   transition: .45s;
   /* box-shadow: 0 15px 40px rgba(0, 0, 0, .08); */
   position: relative;
   overflow: hidden;
   cursor: pointer;
 }

 .food-card::before {

   content: "";
   position: absolute;
   width: 100%;
   height: 6px;
   background: linear-gradient(90deg, #ffb347, #ff5f6d);
   left: -100%;
   bottom: 0;
   transition: .5s;
 }

 .food-card:hover::before {
   left: 0;
 }

 .food-card:hover {

   transform: translateY(-15px);
   box-shadow: 0 30px 60px rgba(0, 0, 0, .18);
 }

 .food-img {

   width: 120px;
   height: 120px;
   margin: auto;
   border-radius: 50%;
   /* background: #fff; */
   display: flex;
   align-items: center;
   justify-content: center;
   /* box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; */
   transition: .45s;
 }

 .food-card:hover .food-img {

   transform: rotate(8deg) scale(1.1);
 }

 .food-img img {

   width: 125px;
   transition: .45s;
 }

 .food-card:hover img {

   transform: scale(1.12);
 }

 .food-card h3 {

   margin-top: 25px;
   font-size: 23px;
   color: #222;
 }

 .food-card p {

   margin-top: 12px;
   color: #777;
   font-size: 15px;
   line-height: 1.7;
 }

 .menu-btn {

   text-align: center;
   margin-top: 30px;
 }

 .menu-btn a {

   display: inline-block;
   padding: 18px 45px;
   border-radius: 60px;
   text-decoration: none;
   font-weight: 600;
   letter-spacing: 1px;
   background: linear-gradient(135deg, #ffb347, #ff5f6d);
   color: #fff;
   transition: .45s;
   box-shadow: 0 20px 35px rgba(255, 95, 109, .35);
 }

 .menu-btn a:hover {

   transform: translateY(-6px);
   box-shadow: 0 30px 55px rgba(255, 95, 109, .45);
 }

 @keyframes floating {

   0% {
     transform: translateY(0px);
   }

   50% {
     transform: translateY(-10px);
   }

   100% {
     transform: translateY(0px);
   }

 }

 .food-card:nth-child(1) {
   animation: floating 5s infinite;
 }

 .food-card:nth-child(2) {
   animation: floating 6s infinite;
 }

 .food-card:nth-child(3) {
   animation: floating 5.5s infinite;
 }

 .food-card:nth-child(4) {
   animation: floating 6.5s infinite;
 }

 .food-card:nth-child(5) {
   animation: floating 5s infinite;
 }

 .food-card:nth-child(6) {
   animation: floating 6s infinite;
 }

 .reveal {

   opacity: 1;
   transform: translateY(60px);
   transition: 1s;
 }

 .reveal.active {

   opacity: 1;
   transform: none;
 }

 @media(max-width:991px) {

   .section-title h2 {
     font-size: 38px;
   }

 }

 @media(max-width:768px) {

   .speciality-wrapper {

     grid-template-columns: repeat(2, 1fr);

   }

   .food-img {

     width: 130px;
     height: 130px;
   }

   .food-img img {

     width: 105px;
   }

 }

 @media(max-width:500px) {

   .speciality-wrapper {

     grid-template-columns: 1fr;

   }

   .section-title h2 {

     font-size: 30px;
   }

 }


 /*==========================
ABOUT SECTION
===========================*/

 .about-premium {
   position: relative;
   overflow: hidden;
   padding: 90px 7%;
   background:
     linear-gradient(135deg, #fffdf9, #faf7f2);
 }

 .about-wrapper {

   max-width: 1400px;
   margin: auto;

   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 70px;
   align-items: center;
 }

 /*==========================
BACKGROUND DECORATION
===========================*/

 .about-bg-circle {
   position: absolute;
   border-radius: 50%;
   filter: blur(80px);
   z-index: 0;
 }

 .circle-one {
   width: 320px;
   height: 320px;
   background: #ffdcb6;
   top: -100px;
   left: -120px;
   opacity: .45;
 }

 .circle-two {
   width: 350px;
   height: 350px;
   background: #ffeec9;
   bottom: -150px;
   right: -120px;
   opacity: .35;
 }

 .about-wrapper>* {
   position: relative;
   z-index: 2;
 }

 /*==========================
IMAGE
===========================*/

 .about-image-side {
   position: relative;
 }

 .image-border {

   position: absolute;
   inset: -15px;

   border-radius: 35px;

   background: linear-gradient(135deg,
       #d4af37,
       #ffe49c,
       #ffffff,
       #d4af37);

   z-index: 0;
 }

 .about-image {

   position: relative;
   overflow: hidden;

   border-radius: 30px;
   background: #fff;

   z-index: 2;

   box-shadow:
     0 30px 70px rgba(0, 0, 0, .12);
 }

 .about-image img {

   width: 100%;
   display: block;

   transition: .8s;
 }

 .about-image:hover img {

   transform: scale(1.08);
 }

 .image-overlay {

   position: absolute;
   inset: 0;

   background: linear-gradient(rgba(0, 0, 0, 0),
       rgba(0, 0, 0, .15));
 }

 /*==========================
BADGE
===========================*/

 .floating-badge {

   position: absolute;

   bottom: 25px;
   left: 25px;

   width: 120px;
   height: 120px;

   background: rgba(255, 255, 255, .92);

   border-radius: 50%;

   display: flex;
   flex-direction: column;

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

   box-shadow:
     0 15px 40px rgba(0, 0, 0, .15);

   backdrop-filter: blur(15px);

   animation: badgeFloat 3s ease-in-out infinite;
 }

 .floating-badge i {

   color: #d4af37;
   font-size: 30px;
   margin-bottom: 8px;
 }

 .floating-badge span {

   text-align: center;
   font-size: 14px;
   font-weight: 600;
   line-height: 1.4;
 }

 @keyframes badgeFloat {

   0% {
     transform: translateY(0px);
   }

   50% {
     transform: translateY(-10px);
   }

   100% {
     transform: translateY(0px);
   }

 }

 /*==========================
CONTENT
===========================*/

 .section-tag {

   display: inline-block;

   background: #fff;

   color: #c79b24;

   padding: 10px 22px;

   border-radius: 40px;

   font-size: 14px;
   font-weight: 700;

   letter-spacing: 2px;

   margin-bottom: 18px;

   box-shadow:
     0 10px 30px rgba(0, 0, 0, .08);
 }

 .about-content h2 {

   font-size: 50px;
   line-height: 1.25;
   margin-bottom: 25px;
   font-weight: 700;
 }

 .about-content h2 span {

   color: #d4af37;
 }

 .about-text {

   font-size: 17px;
   line-height: 1.9;

   color: #666;

   margin-bottom: 45px;
 }

 /*==========================
FEATURES
===========================*/

 .feature-grid {

   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 25px;
 }

 .feature-box {

   background: rgba(255, 255, 255, .75);

   padding: 28px;

   border-radius: 22px;

   backdrop-filter: blur(14px);

   transition: .45s;

   box-shadow:
     0 15px 40px rgba(0, 0, 0, .06);

   border: 1px solid rgba(255, 255, 255, .5);
 }

 .feature-box:hover {

   transform: translateY(-12px);

   box-shadow:
     0 30px 60px rgba(0, 0, 0, .12);
 }

 .icon-box {

   width: 70px;
   height: 70px;
   padding: 15px;

   border-radius: 18px;

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

   background: linear-gradient(135deg,
       #d4af37,
       #ffebaf);

   color: #fff;

   font-size: 28px;

   margin-bottom: 18px;

   transition: .4s;
 }

 .feature-box:hover .icon-box {

   transform: rotate(10deg) scale(1.1);
 }

 .feature-box h4 {

   margin-bottom: 10px;
   font-size: 20px;
 }

 .feature-box p {

   font-size: 15px;
   line-height: 1.8;
   color: #666;
 }

 /*==========================
COUNTERS
===========================*/

 .counter-wrapper {

   display: flex;
   gap: 22px;

   margin-top: 45px;
   margin-bottom: 45px;

   flex-wrap: wrap;
 }

 .counter-box {

   flex: 1;

   min-width: 160px;

   padding: 25px;

   background: #fff;

   border-radius: 20px;

   text-align: center;

   box-shadow:
     0 15px 35px rgba(0, 0, 0, .08);

   transition: .4s;
 }

 .counter-box:hover {

   transform: translateY(-8px);
 }

 .counter-box h3 {

   font-size: 38px;
   color: #d4af37;

   margin-bottom: 10px;
 }

 .counter-box span {

   font-size: 15px;
   color: #555;
 }

 /*==========================
BUTTON
===========================*/

 .about-btn {

   display: inline-flex;
   align-items: center;
   gap: 12px;

   padding: 17px 38px;

   background: linear-gradient(135deg,
       #d4af37,
       #ffcc48);

   color: #fff;

   text-decoration: none;

   border-radius: 60px;

   font-weight: 600;

   transition: .45s;

   box-shadow:
     0 20px 45px rgba(212, 175, 55, .35);
 }

 .about-btn:hover {

   transform: translateY(-5px);

   box-shadow:
     0 25px 60px rgba(212, 175, 55, .45);
 }

 .about-btn i {

   transition: .35s;
 }

 .about-btn:hover i {

   transform: translateX(8px);
 }

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

 @media(max-width:1100px) {

   .about-wrapper {

     grid-template-columns: 1fr;
     gap: 50px;
   }

   .about-content h2 {

     font-size: 40px;
   }

 }

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

 @media(max-width:768px) {

   .about-premium {

     padding: 70px 20px;
   }

   .about-content h2 {

     font-size: 32px;
   }

   .feature-grid {

     grid-template-columns: 1fr;
   }

   .counter-wrapper {

     flex-direction: column;
   }

   .counter-box {

     width: 100%;
   }

   .floating-badge {

     width: 95px;
     height: 95px;
   }

   .floating-badge i {

     font-size: 22px;
   }

   .floating-badge span {

     font-size: 12px;
   }

   .about-btn {

     width: 100%;
     justify-content: center;
   }

 }

 @media(max-width:480px) {

   .about-content h2 {

     font-size: 28px;
   }

   .about-text {

     font-size: 15px;
   }

   .section-tag {

     font-size: 12px;
   }

 }


 :root {

   --primary: #b78b4b;
   --primary-dark: #8c6833;
   --white: #ffffff;
   --black: #222;
   --text: #666;
   --border: #efe7db;
   --shadow: 0 20px 60px rgba(0, 0, 0, .08);

 }


 /*=================================
Section
=================================*/

 .premium-info-section {

   padding: 90px 20px;
   position: relative;
   overflow: hidden;

 }

 .premium-container {

   max-width: 1400px;
   margin: auto;

   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 28px;

 }

 /*=================================
Card
=================================*/

 .premium-card {

   background: rgba(255, 255, 255, .95);

   border: 1px solid rgba(183, 139, 75, .15);

   border-radius: 30px;

   box-shadow: var(--shadow);

   backdrop-filter: blur(15px);

   padding: 30px;

   position: relative;

   overflow: hidden;

   transition: .45s;

 }

 .premium-card::before {

   content: "";

   position: absolute;

   inset: 0;

   background: linear-gradient(135deg,
       rgba(183, 139, 75, .08),
       transparent 55%);

   pointer-events: none;

 }

 .premium-card:hover {

   transform: translateY(-12px);

   box-shadow: 0 25px 70px rgba(0, 0, 0, .12);

 }

 /*=================================
Heading
=================================*/

 .card-title {

   text-align: center;

   margin-bottom: 30px;

 }

 .card-title h2 {

   font-size: 34px;

   font-family: "El Messiri", sans-serif;

   font-weight: 700;

   letter-spacing: 1px;

   text-transform: uppercase;

 }

 .card-title span {

   display: inline-block;

   margin-top: 6px;

   font-size: 24px;

   color: var(--primary);

 }

 /*=================================
Gallery
=================================*/

 .gallery-grid {

   display: grid;

   grid-template-columns: repeat(3, 1fr);

   gap: 14px;

 }

 .gallery-item {

   border-radius: 18px;

   overflow: hidden;

   position: relative;

   background: #eee;

 }

 .gallery-item img {

   height: 120px;

   object-fit: cover;

   transition: .6s;

 }

 .gallery-item:hover img {

   transform: scale(1.12);

 }

 /* Overlay */

 .gallery-item::after {

   content: "+";

   position: absolute;

   inset: 0;

   display: flex;

   align-items: center;

   justify-content: center;

   font-size: 42px;

   color: #fff;

   background: rgba(0, 0, 0, .45);

   opacity: 0;

   transition: .4s;

 }

 .gallery-item:hover::after {

   opacity: 1;

 }

 /*=================================
Button
=================================*/

 .gallery-btn {

   text-align: center;

   margin-top: 28px;

 }

 .gallery-btn a {

   display: inline-flex;

   align-items: center;

   gap: 10px;

   color: var(--primary);

   font-weight: 600;

   letter-spacing: .5px;

   transition: .35s;

 }

 .gallery-btn a i {

   transition: .35s;

 }

 .gallery-btn a:hover {

   color: var(--primary-dark);

 }

 .gallery-btn a:hover i {

   transform: translateX(8px);

 }

 /*=================================
Review
=================================*/

 .review-card {

   position: relative;

 }

 .testimonial-slider {

   position: relative;

   min-height: 250px;

 }

 .testimonial {

   display: none;

   text-align: center;

   animation: fade .5s ease;

 }

 .testimonial.active {

   display: block;

 }

 .quote {

   font-size: 42px;

   color: var(--primary);

   margin-bottom: 15px;

 }

 .testimonial p {

   color: var(--text);

   line-height: 1.9;

   font-size: 16px;

   max-width: 320px;

   margin: auto;

 }

 .testimonial h4 {

   margin-top: 25px;

   font-size: 22px;

   font-family: "El Messiri", sans-serif;

 }

 .stars {

   margin-top: 18px;

 }

 .stars i {

   color: #f5b400;

   font-size: 20px;

   margin: 0 3px;

 }

 /*=================================
Slider Arrows
=================================*/

 .review-arrow {

   position: absolute;

   top: 50%;

   transform: translateY(-50%);

   width: 48px;

   height: 48px;

   border: none;

   border-radius: 50%;

   background: #efe7db;

   cursor: pointer;

   color: #8d7b55;

   transition: .35s;

   z-index: 10;

 }

 .review-arrow:hover {

   background: var(--primary);

   color: #fff;

 }

 .review-arrow.prev {

   left: 10px;

 }

 .review-arrow.next {

   right: 10px;

 }

 @keyframes fade {

   from {

     opacity: 1;
     transform: translateY(20px);

   }

   to {

     opacity: 1;
     transform: translateY(0);

   }

 }


 /*==================================
CONTACT CARD
==================================*/

 .contact-content {

   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 30px;

 }

 .contact-left {

   flex: 1;

 }

 .contact-right {

   width: 180px;
   flex-shrink: 0;
   display: flex;
   justify-content: center;
   align-items: center;

 }

 .contact-right img {

   width: 100%;
   animation: flowerFloat 6s ease-in-out infinite;
   user-select: none;
   pointer-events: none;

 }

 .contact-item {

   display: flex;
   align-items: flex-start;
   gap: 18px;
   margin-bottom: 0px;

 }

 .contact-item .icon {

   width: 55px;
   height: 55px;

   border-radius: 50%;

   background: linear-gradient(135deg, #c49b5d, #e8cf9b);

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

   color: #fff;
   font-size: 20px;

   flex-shrink: 0;

   box-shadow: 0 12px 25px rgba(183, 139, 75, .25);

 }

 .contact-item h4 {

   font-size: 18px;
   margin-bottom: 6px;
   font-weight: 600;

 }

 .contact-item p {

   color: #666;
   line-height: 1.7;
   font-size: 15px;

 }

 .contact-item a {

   color: #444;
   font-weight: 500;
   transition: .35s;

 }

 .contact-item a:hover {

   color: var(--primary);

 }

 .social-links {

   display: flex;
   gap: 15px;
   margin-top: 20px;

 }

 .social-links a {

   width: 48px;
   height: 48px;

   border-radius: 50%;

   background: #f8f4ed;

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

   color: var(--primary);

   font-size: 18px;

   transition: .4s;

   box-shadow: 0 10px 25px rgba(0, 0, 0, .06);

 }

 .social-links a:hover {

   transform: translateY(-8px) rotate(360deg);

   background: linear-gradient(135deg, #b78b4b, #d6b37a);

   color: #fff;

 }

 /*==================================
FEATURE STRIP
==================================*/

 .feature-strip {

   max-width: 1400px;
   margin: 35px auto 0;

   background: #fff;

   border-radius: 28px;

   border: 1px solid rgba(183, 139, 75, .15);

   display: grid;

   grid-template-columns: repeat(4, 1fr);

   overflow: hidden;

   box-shadow: 0 20px 50px rgba(0, 0, 0, .06);

 }

 .feature-box {

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

   gap: 18px;

   padding: 28px 18px;

   position: relative;

   transition: .35s;

 }

 .feature-box:not(:last-child)::after {

   content: "";

   position: absolute;

   right: 0;
   top: 20%;

   width: 1px;
   height: 60%;

   background: #ece6dc;

 }

 .feature-box i {

   font-size: 34px;

   color: var(--primary);

   transition: .35s;

 }

 .feature-box span {

   font-size: 15px;

   line-height: 1.6;

   font-weight: 600;

   color: #444;

   text-transform: uppercase;

 }

 .feature-box:hover {

   background: linear-gradient(135deg, #fff8ef, #fff);

 }

 .feature-box:hover i {

   transform: scale(1.2) rotate(10deg);

 }

 /*==================================
CARD SHINE EFFECT
==================================*/

 .premium-card::after {

   content: "";

   position: absolute;

   top: -120%;

   left: -40%;

   width: 70px;
   height: 260%;

   background: rgba(255, 255, 255, .45);

   transform: rotate(25deg);

   transition: 1s;

 }

 .premium-card:hover::after {

   left: 140%;

 }

 /*==================================
FLOATING CIRCLES
==================================*/

 .premium-info-section::before {

   content: "";

   position: absolute;

   width: 300px;
   height: 300px;

   background: rgba(183, 139, 75, .08);

   border-radius: 50%;

   top: -120px;
   left: -120px;

   filter: blur(30px);

 }

 .premium-info-section::after {

   content: "";

   position: absolute;

   width: 260px;
   height: 260px;

   background: rgba(183, 139, 75, .08);

   border-radius: 50%;

   bottom: -100px;
   right: -100px;

   filter: blur(30px);

 }

 /*==================================
ANIMATION
==================================*/

 @keyframes flowerFloat {

   0%,
   100% {

     transform: translateY(0);

   }

   50% {

     transform: translateY(-18px);

   }

 }

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

 @media(max-width:1100px) {

   .premium-container {

     grid-template-columns: 1fr;

   }

   .contact-content {

     flex-direction: column;

     text-align: center;

   }

   .contact-item {

     justify-content: center;

     text-align: left;

   }

   .feature-strip {

     grid-template-columns: repeat(2, 1fr);

   }

   .contact-right {

     width: 220px;

     margin-top: 20px;

   }

 }

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

 @media(max-width:768px) {

   .premium-info-section {

     padding: 70px 15px;

   }

   .premium-card {

     padding: 22px;

     border-radius: 22px;

   }

   .card-title h2 {

     font-size: 28px;

   }

   .gallery-grid {

     grid-template-columns: repeat(2, 1fr);

   }

   .gallery-item img {

     height: 340px;

   }

   .review-arrow {

     display: none;

   }

   .feature-strip {

     grid-template-columns: 1fr;

   }

   .feature-box {

     justify-content: flex-start;

     padding: 22px;

   }

   .contact-item {

     flex-direction: column;

     align-items: center;

     text-align: center;

   }

   .contact-item h4 {

     font-size: 17px;

   }

   .social-links {

     justify-content: center;

   }

   .contact-right {

     width: 170px;

   }

 }

 @media(max-width:480px) {

   .gallery-item img {

     height: 170px;

   }

   .card-title h2 {

     font-size: 24px;

   }

   .testimonial p {

     font-size: 15px;

   }

   .stars i {

     font-size: 18px;

   }

   .feature-box {

     gap: 15px;

   }

   .feature-box i {

     font-size: 28px;

   }

   .feature-box span {

     font-size: 14px;

   }

 }


 /*=========================================
Responsive CSS
=========================================*/

 /* Large Laptop */
 @media (max-width:1400px) {

   .hero-container {
     max-width: 1200px;
     gap: 50px;
   }

   .hero-content h1 {
     font-size: 75px;
   }

   .hero-content h3 {
     font-size: 34px;
   }

   .hero-images {
     height: 620px;
   }

 }


 /* Laptop */
 @media (max-width:1200px) {

   .hero-container {
     gap: 40px;
   }

   .hero-content h1 {
     font-size: 65px;
   }

   .hero-content h3 {
     font-size: 30px;
   }

   .hero-content p {
     font-size: 16px;
   }

   .hero-images {
     height: 550px;
   }

   .sushi {
     width: 180px;
     top: 10px;
     left: 20px;
   }

   .ramen {
     width: 280px;
     top: 120px;
     right: 20px;
   }

   .dumpling {
     width: 180px;
     left: 70px;
     bottom: 20px;
   }

   .center-img {
     width: 350px;
   }

 }


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

   .hero {
     padding: 100px 0 60px;
   }

   .hero-container {

     flex-direction: column;

     justify-content: center;

     text-align: center;

     min-height: auto;

   }

   .hero-content {

     max-width: 100%;

   }

   .hero-buttons {

     justify-content: center;

   }

   .hero-content h1 {

     font-size: 58px;

   }

   .hero-content h3 {

     font-size: 28px;

   }

   .hero-images {

     width: 100%;

     height: 500px;

     margin-top: 30px;

   }

   .sushi {

     width: 170px;

     left: 12%;

     top: 20px;

   }

   .ramen {

     width: 260px;

     right: 15%;

     top: 130px;

   }

   .dumpling {

     width: 170px;

     left: 28%;

     bottom: 20px;

   }

   .center-img {

     width: 320px;

   }

   .slider-btn {

     display: none;

   }

 }


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

   .hero {

     padding: 80px 0 50px;

   }

   .hero-content h1 {

     font-size: 46px;

   }

   .hero-content h3 {

     font-size: 24px;

   }

   .hero-content p {

     font-size: 15px;

     line-height: 1.7;

   }

   .hero-buttons {

     flex-direction: column;

     align-items: center;

     width: 100%;

   }

   .btn {

     width: 260px;

     justify-content: center;

   }

   .hero-images {

     height: 360px;

   }

   .sushi {

     width: 120px;

     left: 5%;

     top: 0;

   }

   .ramen {

     width: 190px;

     right: 5%;

     top: 90px;

   }

   .dumpling {

     width: 120px;

     left: 25%;

     bottom: 10px;

   }

   .center-img {

     width: 220px;

   }

   .slider-dots {

     bottom: 15px;

   }

 }


 /* Small Mobile */
 @media (max-width:576px) {

   .hero-content h1 {

     font-size: 38px;

   }

   .hero-content h3 {

     font-size: 21px;

   }

   .hero-subtitle {

     font-size: 12px;

     padding: 8px 18px;

   }

   .hero-content p {

     font-size: 14px;

   }

   .hero-images {

     height: 300px;

   }

   .sushi {

     width: 90px;

     left: 0;

   }

   .ramen {

     width: 150px;

     right: 0;

     top: 80px;

   }

   .dumpling {

     width: 90px;

     left: 18%;

     bottom: 0;

   }

   .center-img {

     width: 180px;

   }

   .btn {

     width: 100%;

     max-width: 260px;

     padding: 15px 20px;

     font-size: 14px;

   }

   .dot {

     width: 10px;

     height: 10px;

   }

   .dot.active {

     width: 30px;

   }

 }


 /* Extra Small Mobile */
 @media (max-width:400px) {

   .hero-content h1 {

     font-size: 32px;

   }

   .hero-content h3 {

     font-size: 18px;

   }

   .hero-content p {

     font-size: 13px;

   }

   .hero-images {

     height: 260px;

   }

   .sushi {

     width: 75px;

   }

   .ramen {

     width: 120px;

   }

   .dumpling {

     width: 75px;

   }

   .center-img {

     width: 150px;

   }

 }




 @media (max-width:768px) {

   .hero {
     min-height: auto;
     padding: 70px 0 40px;
   }

   .hero-container {
     flex-direction: column;
     text-align: center;
     gap: 30px;
     min-height: auto;
   }

   .hero-content {
     width: 100%;
     max-width: 100%;
     z-index: 5;
   }

   .hero-content h1 {
     font-size: 42px;
   }

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

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

   .hero-buttons {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 15px;
   }

   .btn {
     width: 100%;
     max-width: 280px;
     justify-content: center;
   }

   /* Images Section */

   .hero-images {
     position: relative;
     width: 100%;
     height: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 20px;
   }

   /* Hide Extra Images */

   .sushi,
   .dumpling {
     display: none;
   }

   /* Show Only Main Bowl */

   .ramen,
   .center-img {

     position: relative !important;

     width: 240px !important;

     left: auto !important;
     right: auto !important;
     top: auto !important;
     bottom: auto !important;

     transform: none !important;

     margin: auto;

   }

   .slider-btn {
     display: none;
   }

   .slider-dots {
     bottom: 15px;
   }

 }

 /*=========================
       FOOTER
==========================*/

 .premium-footer {

   position: relative;
   overflow: hidden;

   background: linear-gradient(135deg, #2a0d14, #43141d, #25090f);

   color: #fff;

   padding: 100px 7% 0;

 }


 /*=========================
    CONTAINER
==========================*/

 .footer-container {

   max-width: 1400px;
   margin: auto;

   display: grid;
   grid-template-columns: repeat(3, 1fr);

   gap: 40px;

   position: relative;
   z-index: 5;

 }


 /*=========================
     GLASS CARD
==========================*/

 .footer-box {

   position: relative;

   padding: 45px 35px;

   background: rgba(255, 255, 255, .05);

   border: 1px solid rgba(255, 255, 255, .08);

   border-radius: 25px;

   backdrop-filter: blur(14px);

   transition: .45s;

   overflow: hidden;

 }

 .footer-box:hover {

   transform: translateY(-12px);

   border-color: rgba(200, 155, 99, .5);

   box-shadow:

     0 20px 50px rgba(0, 0, 0, .35),

     0 0 35px rgba(200, 155, 99, .18);

 }


 /*=========================
    TOP SHINE
==========================*/

 .footer-box::before {

   content: "";

   position: absolute;

   top: -150%;

   left: -50%;

   width: 220px;

   height: 420px;

   background: linear-gradient(rgba(255, 255, 255, .35),

       transparent);

   transform: rotate(35deg);

   transition: 1.1s;

 }

 .footer-box:hover::before {

   left: 130%;

 }


 /*=========================
      SMALL TITLE
==========================*/

 .footer-small-title {

   color: var(--primary);

   letter-spacing: 3px;

   font-size: 12px;

   font-weight: 700;

   text-transform: uppercase;

 }


 /*=========================
        H2
==========================*/

 .footer-box h2 {

   font-size: 34px;

   margin-top: 10px;

   margin-bottom: 18px;

   color: var(--secondary);

 }


 /*=========================
      DIVIDER
==========================*/

 .footer-divider {

   width: 70px;

   height: 4px;

   border-radius: 20px;

   background: linear-gradient(to right,

       #c89b63,

       transparent);

   margin-bottom: 28px;

 }


 /*=========================
      HOURS
==========================*/

 .day-box {

   margin-top: 20px;

 }

 .day-box h3 {

   font-size: 24px;

   margin-bottom: 15px;
   color: #6c757d;

 }

 .day-box p {

   color: #ddd;

   font-size: 18px;

   line-height: 30px;

 }

 .day-box span {

   color: var(--secondary);

   font-weight: 700;

 }


 /*=========================
   RESTAURANT STATUS
==========================*/

 .restaurant-status {

   display: flex;

   align-items: center;

   gap: 12px;

   margin-top: 30px;

   background: rgba(255, 255, 255, .05);

   padding: 15px 18px;

   border-radius: 50px;

   width: max-content;

 }

 .status-dot {

   width: 12px;

   height: 12px;

   border-radius: 50%;

   background: #27d857;

   box-shadow: 0 0 12px #27d857;

 }


 /*=========================
      CENTER
==========================*/

 .footer-center {

   text-align: center;

 }


 /*=========================
      LOGO
==========================*/

 .footer-logo {

   width: 130px;

   height: 130px;

   margin: auto;

   border-radius: 50%;

   background: rgba(255, 255, 255, .05);

   display: flex;

   align-items: center;

   justify-content: center;

   border: 2px solid rgba(200, 155, 99, .35);

   overflow: hidden;

 }

 .footer-logo img {

   width: 85%;

 }


 /*=========================
    RESTAURANT NAME
==========================*/

 .restaurant-name {

   margin-top: 28px;

   font-size: 34px;

   color: #fff;

 }

 .restaurant-type {

   display: block;

   margin-top: 8px;

   color: var(--primary);

   font-size: 17px;

   letter-spacing: 1px;

 }

 .footer-description {

   margin-top: 25px;

   color: #ddd;

   line-height: 34px;

   font-size: 18px;

 }


 /*=========================
      SOCIAL
==========================*/

 .footer-social {

   display: flex;

   justify-content: center;

   gap: 18px;

   margin-top: 35px;

 }

 .footer-social a {

   width: 58px;

   height: 58px;

   border-radius: 50%;

   background: rgba(255, 255, 255, .08);

   border: 1px solid rgba(255, 255, 255, .08);

   color: #fff;

   display: flex;

   justify-content: center;

   align-items: center;

   font-size: 20px;

   transition: .4s;

   text-decoration: none;

 }

 .footer-social a:hover {

   background: var(--primary);

   color: #111;

   transform: translateY(-8px) rotate(360deg);

   box-shadow: 0 0 25px rgba(200, 155, 99, .45);

 }


 /*=========================
      CONTACT
==========================*/

 .contact-item {

   display: flex;

   gap: 18px;

   margin-bottom: 28px;

   align-items: flex-start;

 }

 .contact-icon {

   width: 55px;

   height: 55px;

   border-radius: 50%;

   background: rgba(200, 155, 99, .12);

   color: var(--primary);

   display: flex;

   justify-content: center;

   align-items: center;

   font-size: 20px;

   flex-shrink: 0;

 }

 .contact-text h4 {

   margin-bottom: 8px;

   color: var(--secondary);

   font-size: 20px;

 }

 .contact-text p {

   color: #ddd;

   line-height: 30px;

   font-size: 17px;

 }

 .contact-text a {

   color: #ddd;

   text-decoration: none;

   transition: .3s;

   font-size: 17px;

 }

 .contact-text a:hover {

   color: var(--primary);

 }


 /*=========================
     BOTTOM BAR
==========================*/

 .footer-bottom {

   margin-top: 80px;

   padding: 15px 7%;

   border-top: 1px solid rgba(255, 255, 255, .08);

   display: flex;

   justify-content: space-between;

   align-items: center;

   flex-wrap: wrap;

   gap: 20px;

 }

 .footer-bottom-left {

   color: #000;
   font-weight: 600;

 }

 .footer-bottom strong {

   color: var(--secondary);

 }

 .footer-bottom-right {

   display: flex;

   align-items: center;
   font-weight: 600;

   gap: 18px;

 }

 .footer-bottom-right a {

   color: #000;

   text-decoration: none;

   transition: .3s;

 }

 .footer-bottom-right a:hover {

   color: var(--primary);

 }


 /*=========================
      SCROLL BUTTON
==========================*/

 .scroll-top-btn {

   position: absolute;
   display: none;

   right: 35px;

   bottom: 35px;

   width: 60px;

   height: 60px;

   border: none;

   border-radius: 50%;

   cursor: pointer;

   background: linear-gradient(135deg, #c89b63, #f4d5a7);

   color: #222;

   font-size: 22px;

   transition: .4s;

   box-shadow: 0 10px 30px rgba(0, 0, 0, .35);

 }

 .scroll-top-btn:hover {

   transform: translateY(-8px) rotate(360deg);

 }


 /*=========================
    BACKGROUND CIRCLES
==========================*/

 .footer-bg-circle {

   position: absolute;

   border-radius: 50%;

   filter: blur(60px);

   opacity: .12;

 }

 .footer-circle-1 {

   width: 300px;

   height: 300px;

   background: #d29b63;

   top: -120px;

   left: -80px;

 }

 .footer-circle-2 {

   width: 420px;

   height: 420px;

   background: #ffffff;

   right: -180px;

   top: 80px;

 }

 .footer-circle-3 {

   width: 260px;

   height: 260px;

   background: #ffb566;

   bottom: -100px;

   left: 40%;

 }

 /*==================================================
      PREMIUM FOOTER CSS - PART 3
      Animations + Responsive
==================================================*/


 /*==============================
        FLOATING ANIMATION
==============================*/

 @keyframes floatUp {

   0% {
     transform: translateY(0px);
   }

   50% {
     transform: translateY(-18px);
   }

   100% {
     transform: translateY(0px);
   }

 }

 .footer-logo {

   animation: floatUp 4s ease-in-out infinite;

 }

 .footer-circle-1 {

   animation: floatUp 10s ease-in-out infinite;

 }

 .footer-circle-2 {

   animation: floatUp 14s ease-in-out infinite;

 }

 .footer-circle-3 {

   animation: floatUp 12s ease-in-out infinite;

 }


 /*==============================
          SOCIAL PULSE
==============================*/

 @keyframes socialPulse {

   0% {

     box-shadow: 0 0 0 0 rgba(200, 155, 99, .45);

   }

   70% {

     box-shadow: 0 0 0 18px rgba(200, 155, 99, 0);

   }

   100% {

     box-shadow: 0 0 0 0 rgba(200, 155, 99, 0);

   }

 }

 .footer-social a:hover {

   animation: socialPulse 1.2s infinite;

 }


 /*==============================
      STATUS DOT BLINK
==============================*/

 @keyframes blink {

   0% {

     opacity: 1;

   }

   50% {

     opacity: .35;

   }

   100% {

     opacity: 1;

   }

 }

 .status-dot {

   animation: blink 1.2s infinite;

 }


 /*==============================
         SCROLL BUTTON
==============================*/

 @keyframes bounce {

   0% {

     transform: translateY(0);

   }

   50% {

     transform: translateY(-8px);

   }

   100% {

     transform: translateY(0);

   }

 }

 .scroll-top-btn {

   animation: bounce 2.5s infinite;

 }


 /*==============================
       CARD APPEAR EFFECT
==============================*/

 .footer-box {

   opacity: 1;

   transform: translateY(80px);

   transition: 1s;

 }

 .footer-box.show {

   opacity: 1;

   transform: translateY(0);

 }


 /*==============================
        ICON ANIMATION
==============================*/

 .contact-icon {

   transition: .4s;

 }

 .contact-item:hover .contact-icon {

   transform: rotate(15deg) scale(1.15);

   background: #c89b63;

   color: #fff;

 }


 /*==============================
      TEXT HOVER EFFECT
==============================*/

 .contact-text a,
 .footer-bottom-right a {

   position: relative;

 }

 .contact-text a::after,
 .footer-bottom-right a::after {

   content: "";

   position: absolute;

   left: 0;

   bottom: -4px;

   width: 0;

   height: 2px;

   background: #c89b63;

   transition: .4s;

 }

 .contact-text a:hover::after,
 .footer-bottom-right a:hover::after {

   width: 100%;

 }


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

 @media(max-width:1100px) {

   .footer-container {

     grid-template-columns: 1fr;

     gap: 35px;

   }

   .footer-center {

     order: -1;

   }

   .footer-box {

     text-align: center;

   }

   .restaurant-status {

     margin: auto;
     margin-top: 25px;

   }

   .contact-item {

     justify-content: center;

     text-align: left;

   }

   .footer-bottom {

     flex-direction: column;

     text-align: center;

   }

   .footer-bottom-right {

     justify-content: center;

   }

 }


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

 @media(max-width:768px) {

   .premium-footer {

     padding: 70px 20px 0;

   }

   .mobile-menu .nav-logo {
     max-width: 150px;
   }

   .mobile-menu .close-btn {
     top: 40px;
   }

   .footer-box {

     padding: 30px 22px;

     border-radius: 18px;

   }

   .footer-box h2 {

     font-size: 28px;

   }

   .restaurant-name {

     font-size: 28px;

   }

   .restaurant-type {

     font-size: 15px;

   }

   .footer-description {

     font-size: 16px;

     line-height: 30px;

   }

   .day-box h3 {

     font-size: 22px;

   }

   .day-box p {

     font-size: 16px;

     line-height: 28px;

   }

   .contact-item {

     flex-direction: column;

     align-items: center;

     text-align: center;

     gap: 12px;

   }

   .contact-text {

     text-align: center;

   }

   .contact-text h4 {

     font-size: 18px;

   }

   .contact-text p {

     font-size: 15px;

     line-height: 28px;

   }

   .contact-text a {

     font-size: 15px;

   }

   .footer-social {

     flex-wrap: wrap;

     gap: 15px;

   }

   .footer-social a {

     width: 50px;

     height: 50px;

     font-size: 18px;

   }

   .footer-logo {

     width: 110px;

     height: 110px;

   }

   .footer-bottom {

     padding: 20px;

   }

   .footer-bottom-left {

     font-size: 14px;

   }

   .footer-bottom-right {

     gap: 12px;

     flex-wrap: wrap;

   }

   .scroll-top-btn {

     width: 50px;

     height: 50px;

     font-size: 18px;

     right: 20px;

     bottom: 20px;

   }

 }


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

 @media(max-width:480px) {

   .footer-box h2 {

     font-size: 24px;

   }

   .restaurant-name {

     font-size: 24px;

   }

   .footer-description {

     font-size: 15px;

     line-height: 28px;

   }

   .footer-logo {

     width: 90px;

     height: 90px;

   }

   .footer-social a {

     width: 45px;

     height: 45px;

     font-size: 16px;

   }

   .restaurant-status {

     font-size: 14px;

     padding: 12px 18px;

   }

   .footer-bottom-left {

     line-height: 24px;

   }

   .footer-bottom-right {

     font-size: 14px;

   }

   .footer-divider {

     margin-left: auto;

     margin-right: auto;

   }

 }




 @media (max-width: 420px) {
   .gallery-item img {

     height: 150px;

   }

   .icon-box {
     width: 50px;
     height: 50px;
   }

   .feature-box i {
     font-size: 18px;
   }
 }

 @media (max-width: 375px) {
   .gallery-item img {

     height: 145px;

   }
 }


 @media (max-width: 320px) {
   .gallery-item img {

     height: 120px;

   }
 }


 .private-events {

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

   min-height: 760px;
   overflow: hidden;
   position: relative;

   background: #f9f6ef;
 }

 .event-left {

   width: 50%;
   padding: 60px 45px;
   position: relative;
   z-index: 2;

 }

 .tag {

   font-size: 18px;
   font-weight: 600;
   letter-spacing: 2px;
   color: #444;

   display: inline-block;
   margin-bottom: 25px;

 }

 .event-left h1 {

   font-size: 50px;
   line-height: 1.3;
   font-family: "El Messiri", sans-serif;
   font-weight: 500;
   color: #36472e;

   margin-bottom: 30px;

 }

 .event-left h1 span {

   display: block;
   color: #d46a4f;

 }

 .line {

   width: 90px;
   height: 3px;
   background: #d9a768;

   margin-bottom: 35px;

 }

 .event-left p {

   font-size: 24px;
   line-height: 1.8;
   color: #444;
   max-width: 650px;

 }

 .features {

   display: flex;
   justify-content: space-between;
   margin-top: 70px;
   gap: 20px;

 }

 .feature {

   flex: 1;
   text-align: center;
   padding: 0 20px;
   border-right: 1px solid rgba(0, 0, 0, .08);

 }

 .feature:last-child {

   border-right: none;

 }

 .icon {

   font-size: 42px;
   margin-bottom: 18px;

 }

 .feature h4 {

   font-size: 14px;
   letter-spacing: 1px;
   font-weight: 700;
   color: #333;
   margin-bottom: 10px;

 }

 .feature span {

   font-size: 12px;
   color: #555;
   line-height: 1.5;
   display: block;

 }

 .event-right {

   width: 50%;
   height: 760px;
   position: relative;
   overflow: hidden;

 }

 .event-right img {

   width: 100%;
   height: 100%;
   object-fit: cover;

 }

 /* White Soft Fade */

 .private-events::after {

   content: "";
   position: absolute;

   left: 42%;
   top: 0;

   width: 350px;
   height: 100%;

   background: linear-gradient(90deg,
       #f9f6ef 0%,
       rgba(249, 246, 239, .98) 20%,
       rgba(249, 246, 239, .92) 35%,
       rgba(249, 246, 239, .75) 55%,
       rgba(249, 246, 239, .2) 80%,
       transparent 100%);

   z-index: 1;

 }

 /* Decorative Leaf */

 .event-left::before {

   content: "";

   position: absolute;

   left: -60px;
   top: 180px;

   width: 180px;
   height: 250px;

   background: url(images/leaf.png) center/contain no-repeat;
   opacity: .25;

 }

 /* Responsive */

 @media(max-width:991px) {

   .private-events {

     flex-direction: column;

   }

   .event-left,
   .event-right {

     width: 100%;

   }

   .event-right {

     height: 420px;

   }

   .private-events::after {

     display: none;

   }

   .event-left {

     padding: 60px 30px;

   }

   .event-left h1 {

     font-size: 48px;

   }

   .event-left p {

     font-size: 18px;

   }

   .features {

     flex-wrap: wrap;
     gap: 35px;

   }

   .feature {

     width: 45%;
     border: none;

   }

 }

 @media(max-width:600px) {

   .event-left h1 {

     font-size: 36px;

   }

   .features {

     display: grid;
     grid-template-columns: 1fr 1fr;

   }

   .feature {

     width: 100%;

   }

   .event-right {

     height: 300px;

   }

 }


 .occasion-section {

   padding: 80px 0;
   background: #fbf8f2;

 }

 .occasion-wrapper {

   width: 90%;
   max-width: 1400px;
   margin: auto;

   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 60px;

 }

 .occasion-content {

   flex: 1;

 }

 .occasion-subtitle {

   display: inline-block;
   font-size: 46px;
   font-family: "El Messiri", sans-serif;
   color: #44543b;
   margin-bottom: 50px;
   letter-spacing: 1px;

 }

 .occasion-subtitle i {

   color: #d4a75d;
   font-size: 22px;
   margin-left: 10px;

 }

 .occasion-list {

   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 20px;

 }

 .occasion-card {

   text-align: center;
   padding: 20px 10px;
   transition: .4s;
   cursor: pointer;

 }

 .occasion-card:hover {

   transform: translateY(-8px);

 }

 .occasion-card:not(:last-child) {

   border-right: 1px solid rgba(0, 0, 0, .08);

 }

 .occasion-icon {

   width: 82px;
   height: 82px;

   margin: auto;
   margin-bottom: 18px;

   border-radius: 50%;
   background: white;

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

   box-shadow: 0 10px 30px rgba(0, 0, 0, .08);

 }

 .occasion-icon i {

   font-size: 34px;
   color: #b09060;

 }

 .occasion-card h4 {

   font-size: 18px;
   font-weight: 600;
   color: #444;
   line-height: 1.5;
   text-transform: uppercase;

 }

 .occasion-description {

   margin-top: 45px;
   font-size: 24px;
   line-height: 1.8;
   color: #555;
   max-width: 700px;

 }

 .occasion-image {

   width: 440px;
   height: 430px;

   border-radius: 25px;
   overflow: hidden;

   box-shadow: 0 30px 60px rgba(0, 0, 0, .15);

 }

 .occasion-image img {

   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: .6s;

 }

 .occasion-image:hover img {

   transform: scale(1.08);

 }

 /******** TABLET ********/

 @media(max-width:1200px) {

   .occasion-wrapper {

     flex-direction: column;

   }

   .occasion-image {

     width: 100%;
     max-width: 700px;
     height: 420px;

   }

   .occasion-list {

     grid-template-columns: repeat(3, 1fr);

   }

 }

 /******** MOBILE ********/

 @media(max-width:768px) {

   .occasion-section {

     padding: 50px 0;

   }

   .occasion-wrapper {

     width: 92%;
     gap: 40px;

   }

   .occasion-subtitle {

     font-size: 32px;
     text-align: center;
     display: block;

   }

   .occasion-list {

     grid-template-columns: repeat(2, 1fr);
     gap: 18px;

   }

   .occasion-card {

     border: none !important;

     background: white;
     border-radius: 18px;

     box-shadow: 0 10px 25px rgba(0, 0, 0, .08);

   }

   .occasion-icon {

     width: 70px;
     height: 70px;

   }

   .occasion-icon i {

     font-size: 28px;

   }

   .occasion-card h4 {

     font-size: 15px;

   }

   .occasion-description {

     font-size: 18px;
     text-align: center;
     margin-top: 30px;

   }

   .occasion-image {

     height: 280px;

   }

 }

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

 @media(max-width:480px) {

   .occasion-list {

     grid-template-columns: 1fr;

   }

   .occasion-subtitle {

     font-size: 28px;

   }

   .occasion-description {

     font-size: 16px;

   }

 }

 /*=============================
PACKAGE SECTION
==============================*/

 .package-section {
   padding: 90px 0;
   background: linear-gradient(180deg, #fcfaf7 0%, #f8f4ef 100%);
   overflow: hidden;
 }

 .package-container {
   width: 92%;
   max-width: 1400px;
   margin: auto;
 }

 /*=============================
HEADING
==============================*/

 .package-heading {
   text-align: center;
   margin-bottom: 60px;
 }

 .package-heading h2 {
   font-family: "El Messiri", sans-serif;
   font-size: 52px;
   color: #405235;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
 }

 .package-heading h2 span {
   color: #d59c54;
   margin-left: 8px;
 }

 .package-heading p {
   margin-top: 12px;
   font-size: 20px;
   color: #666;
   font-family: "El Messiri", sans-serif;
 }

 /*=============================
GRID
==============================*/

 .package-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 28px;
 }

 /*=============================
CARD
==============================*/

 .package-card {
   background: #fff;
   border-radius: 24px;
   overflow: hidden;
   position: relative;

   box-shadow:
     0 10px 30px rgba(0, 0, 0, .08);

   transition: .45s;
   border: 1px solid rgba(0, 0, 0, .05);
 }

 .package-card:hover {

   transform: translateY(-12px);

   box-shadow:
     0 30px 60px rgba(0, 0, 0, .15);

 }

 /* Shine Effect */

 .package-card::before {

   content: "";

   position: absolute;

   left: -120%;

   top: 0;

   width: 70%;

   height: 100%;

   background:
     linear-gradient(90deg,
       transparent,
       rgba(255, 255, 255, .45),
       transparent);

   transform: skewX(-25deg);

   transition: .8s;

   z-index: 3;

 }

 .package-card:hover::before {

   left: 160%;

 }

 /*=============================
IMAGE
==============================*/

 .package-image {

   height: 220px;
   overflow: hidden;
   position: relative;

 }

 .package-image img {

   width: 100%;
   height: 100%;
   object-fit: cover;

   transition: .7s;

 }

 .package-card:hover img {

   transform: scale(1.12);

 }

 /*=============================
TITLE BOX
==============================*/

 .package-title {

   position: absolute;

   left: 20px;
   right: 20px;
   bottom: 0px;

   padding: 18px;

   border-radius: 18px;

   text-align: center;

   color: #fff;

   background: #6f7753;

   box-shadow: 0 15px 35px rgba(0, 0, 0, .15);

 }

 .package-title h3 {

   font-family: "El Messiri", sans-serif;

   font-size: 24px;

   font-weight: 600;

   margin-bottom: 4px;

   text-transform: uppercase;

 }

 .package-title span {

   font-size: 16px;
   letter-spacing: 1px;
   text-transform: uppercase;

 }

 /* Different Colors */

 .wine-package {

   background: linear-gradient(135deg, #d46e50, #c25d42);

 }

 .gold-package {

   background: linear-gradient(135deg, #e2b96d, #c9984c);

 }

 .beer-package {

   background: linear-gradient(135deg, #7b7c5d, #9a9c79);

 }

 /*=============================
BODY
==============================*/

 .package-body {

   padding: 70px 30px 35px;

 }

 .package-price {

   font-size: 50px;

   font-family: "El Messiri", sans-serif;

   font-weight: 700;

   color: #222;

   text-align: center;

   margin-bottom: 6px;

 }

 .package-body small {

   display: block;

   text-align: center;

   letter-spacing: 2px;

   font-size: 13px;

   color: #888;

   margin-bottom: 30px;

 }

 /*=============================
LIST
==============================*/

 .package-body ul {

   list-style: none;

   padding: 0;

   margin: 0;

 }

 .package-body ul li {

   display: flex;

   align-items: center;

   gap: 12px;

   margin-bottom: 16px;

   font-size: 16px;

   font-family: "El Messiri", sans-serif;

   color: #444;

 }

 .package-body ul li i {

   color: #b68548;

   font-size: 15px;

   min-width: 18px;

 }

 /*=============================
NOTE
==============================*/

 .package-note {

   margin-top: 35px;

   text-align: center;

   font-size: 12px;

   font-weight: 600;

   color: #999;

   letter-spacing: 1px;

 }

 /*=============================
BUTTON
==============================*/

 .package-button-area {

   margin-top: 55px;

   text-align: center;

 }

 .package-enquiry-btn {

   display: inline-flex;

   align-items: center;

   gap: 12px;

   padding: 18px 45px;

   background: linear-gradient(135deg, #d56d4f, #c55c3f);

   color: #fff;

   text-decoration: none;

   border-radius: 60px;

   font-size: 18px;

   font-weight: 600;

   font-family: "El Messiri", sans-serif;

   transition: .4s;

   box-shadow:

     0 18px 35px rgba(213, 109, 79, .35);

 }

 .package-enquiry-btn:hover {

   transform: translateY(-5px);

   box-shadow:

     0 25px 50px rgba(213, 109, 79, .45);

 }

 .package-enquiry-btn i {

   transition: .35s;

 }

 .package-enquiry-btn:hover i {

   transform: translateX(6px);

 }

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

 @media(max-width:1200px) {

   .package-grid {

     grid-template-columns: repeat(2, 1fr);

   }

 }

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

 @media(max-width:768px) {

   .package-section {

     padding: 60px 0;

   }

   .package-heading h2 {

     font-size: 36px;

   }

   .package-heading p {

     font-size: 17px;

   }

   .package-grid {

     grid-template-columns: 1fr;

     gap: 25px;

   }

   .package-title h3 {

     font-size: 20px;

   }

   .package-price {

     font-size: 42px;

   }

   .package-body {

     padding: 65px 22px 28px;

   }

   .package-body ul li {

     font-size: 15px;

   }

   .package-enquiry-btn {

     width: 100%;

     justify-content: center;

     padding: 16px;

     font-size: 17px;

   }

 }

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

 @media(max-width:480px) {

   .package-heading h2 {

     font-size: 30px;

     line-height: 1.2;

   }

   .package-heading p {

     font-size: 15px;

   }

   .package-image {

     height: 200px;

   }

   .package-title {

     left: 15px;
     right: 15px;

   }

   .package-title h3 {

     font-size: 18px;

   }

   .package-price {

     font-size: 38px;

   }

 }

 /*=========================================
EVENT FEATURES SECTION
=========================================*/

 .event-features-section {
   padding: 80px 0;
   background: #fcf9f5;
   overflow: hidden;
 }

 .event-features-container {

   width: 92%;
   max-width: 1400px;
   margin: auto;

   position: relative;

   background: rgba(255, 255, 255, .65);

   backdrop-filter: blur(15px);

   border: 1px solid rgba(214, 170, 120, .18);

   border-radius: 30px;

   padding: 70px 40px;

   box-shadow:
     0 15px 40px rgba(0, 0, 0, .06);

 }

 /*=========================================
FLOWER
=========================================*/

 .event-flower-decoration {

   position: absolute;

   right: -30px;
   bottom: -10px;

   pointer-events: none;

   opacity: .9;

 }

 .event-flower-decoration img {

   width: 220px;

 }


 /*=========================================
GRID
=========================================*/

 .event-features-grid {

   display: grid;

   grid-template-columns: repeat(4, 1fr);

   gap: 25px;

   position: relative;

   z-index: 2;

 }


 /*=========================================
CARD
=========================================*/

 .event-feature-card {

   text-align: center;

   padding: 10px 25px;

   position: relative;

   transition: .45s;

 }

 .event-feature-card:not(:last-child) {

   border-right: 1px solid rgba(214, 170, 120, .25);

 }

 .event-feature-card:hover {

   transform: translateY(-10px);

 }


 /*=========================================
ICON
=========================================*/

 .event-feature-icon {

   width: 90px;
   height: 90px;

   margin: auto;

   border-radius: 50%;

   background: #fff;

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

   box-shadow:
     0 10px 30px rgba(0, 0, 0, .08);

   margin-bottom: 25px;

   transition: .45s;

 }

 .event-feature-card:hover .event-feature-icon {

   background: linear-gradient(135deg, #d49c62, #bf764f);

   transform: rotateY(180deg);

 }

 .event-feature-icon i {

   font-size: 38px;

   color: #a67b52;

   transition: .45s;

 }

 .event-feature-card:hover .event-feature-icon i {

   color: #fff;

 }


 /*=========================================
TITLE
=========================================*/

 .event-feature-title {

   font-family: "El Messiri", sans-serif;

   font-size: 24px;

   font-weight: 600;

   margin-bottom: 15px;

   color: #3f4b39;

   text-transform: uppercase;

   line-height: 1.3;

 }


 /*=========================================
DESCRIPTION
=========================================*/

 .event-feature-description {

   font-family: "El Messiri", sans-serif;

   font-size: 16px;

   line-height: 1.8;

   color: #666;

   max-width: 260px;

   margin: auto;

 }


 /*=========================================
HOVER LINE
=========================================*/

 .event-feature-card::after {

   content: "";

   position: absolute;

   left: 50%;
   bottom: -15px;

   width: 0;

   height: 3px;

   background: #cf7f58;

   transition: .4s;

   transform: translateX(-50%);

 }

 .event-feature-card:hover::after {

   width: 80px;

 }


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

 @media(max-width:1200px) {

   .event-features-grid {

     grid-template-columns: repeat(2, 1fr);

     gap: 45px;

   }

   .event-feature-card {

     border: none !important;

     padding: 30px;

     background: #fff;

     border-radius: 20px;

     box-shadow: 0 15px 30px rgba(0, 0, 0, .06);

   }

   .event-feature-description {

     max-width: 100%;

   }

   .event-flower-decoration {

     display: none;

   }

 }


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

 @media(max-width:768px) {

   .event-features-section {

     padding: 60px 0;

   }

   .event-features-container {

     padding: 40px 20px;

     border-radius: 22px;

   }

   .event-features-grid {

     grid-template-columns: 1fr;

     gap: 25px;

   }

   .event-feature-card {

     padding: 30px 20px;

   }

   .event-feature-icon {

     width: 75px;
     height: 75px;

     margin-bottom: 20px;

   }

   .event-feature-icon i {

     font-size: 30px;

   }

   .event-feature-title {

     font-size: 20px;

   }

   .event-feature-description {

     font-size: 15px;

     line-height: 1.7;

   }

 }


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

 @media(max-width:480px) {

   .event-features-container {

     width: 94%;

     padding: 30px 18px;

   }

   .event-feature-title {

     font-size: 18px;

   }

   .event-feature-description {

     font-size: 14px;

   }

   .event-feature-icon {

     width: 65px;
     height: 65px;

   }

   .event-feature-icon i {

     font-size: 26px;

   }

 }


 /*==================================================
CELEBRATION CONTACT SECTION
==================================================*/

 .celebration-contact-section {

   position: relative;

   background: url("..//images/private-event-banner.jpg") center center/cover no-repeat;

   padding: 90px 0;

   overflow: hidden;

 }

 /* Dark Overlay */

 .celebration-contact-overlay {

   position: absolute;
   inset: 0;

   background:
     linear-gradient(90deg,
       rgba(96, 104, 72, .88) 35%,
       rgba(117, 123, 88, .82) 45%,
       rgba(123, 118, 88, .55) 70%,
       rgba(0, 0, 0, .15) 100%);

   backdrop-filter: blur(2px);

 }

 /*==================================================
CONTAINER
==================================================*/

 .celebration-contact-container {

   position: relative;
   z-index: 2;

   width: 92%;
   max-width: 1400px;

   margin: auto;

   display: grid;

   grid-template-columns:
     1.2fr .9fr auto;

   gap: 70px;

   align-items: center;

 }

 /*==================================================
LEFT CONTENT
==================================================*/

 .celebration-tag {

   display: inline-block;

   padding: 10px 18px;

   background: rgba(255, 255, 255, .12);

   border: 1px solid rgba(255, 255, 255, .18);

   border-radius: 30px;

   color: #fff;

   letter-spacing: 2px;

   font-size: 13px;

   font-family: "El Messiri", sans-serif;

   margin-bottom: 22px;

   text-transform: uppercase;

 }

 .celebration-title {

   font-family: "El Messiri", sans-serif;

   font-size: 46px;

   color: #fff;

   line-height: 1;

   font-weight: 600;

   margin-bottom: 25px;

 }

 .celebration-leaf {

   color: #DDAA57;

 }

 .celebration-description {

   color: #F1F1F1;

   font-size: 22px;

   line-height: 1.8;

   max-width: 520px;

   font-family: "El Messiri", sans-serif;

 }

 /*==================================================
CONTACT INFO
==================================================*/

 .celebration-contact-info {

   display: flex;

   flex-direction: column;

   gap: 8px;

 }

 .contact-item {

   display: flex;

   align-items: flex-start;

   gap: 18px;

 }

 .contact-icon {

   width: 52px;
   height: 52px;

   border-radius: 50%;

   background: rgba(255, 255, 255, .12);

   border: 1px solid rgba(255, 255, 255, .15);

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

   color: #fff;

   font-size: 20px;

   transition: .4s;

 }

 .contact-item:hover .contact-icon {

   background: #d68d55;

   transform: scale(1.08);

 }

 .contact-text {

   font-family: "El Messiri", sans-serif;

   font-size: 19px;

   line-height: 1.7;

   color: #fff;

 }

 .contact-text a {

   color: #fff;

   text-decoration: none;

   transition: .3s;

 }

 .contact-text a:hover {

   color: #FFD68A;

 }

 /*==================================================
BUTTON
==================================================*/

 .celebration-button-area {

   display: flex;

   justify-content: center;

 }

 .celebration-btn {

   display: inline-flex;

   align-items: center;

   gap: 16px;

   padding: 20px 42px;

   border: 2px solid #fff;

   border-radius: 60px;

   color: #fff;

   text-decoration: none;

   font-family: "El Messiri", sans-serif;

   font-size: 18px;

   font-weight: 600;

   overflow: hidden;

   position: relative;

   transition: .4s;

 }

 .celebration-btn::before {

   content: "";

   position: absolute;

   left: -100%;
   top: 0;

   width: 100%;
   height: 100%;

   background: #d47a4d;

   transition: .5s;

   z-index: -1;

 }

 .celebration-btn:hover::before {

   left: 0;

 }

 .celebration-btn:hover {

   border-color: #d47a4d;

   transform: translateY(-4px);

   box-shadow:

     0 18px 35px rgba(0, 0, 0, .25);

 }

 .celebration-btn i {

   transition: .35s;

 }

 .celebration-btn:hover i {

   transform: translateX(8px);

 }

 /*==================================================
DECORATIVE GLOW
==================================================*/

 .celebration-contact-section::after {

   content: "";

   position: absolute;

   width: 420px;
   height: 420px;

   background: rgba(255, 255, 255, .08);

   filter: blur(100px);

   left: -100px;
   top: -120px;

 }

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

 @media(max-width:1100px) {

   .celebration-contact-container {

     grid-template-columns: 1fr;

     gap: 45px;

     text-align: center;

   }

   .celebration-description {

     margin: auto;

   }

   .contact-item {

     justify-content: center;

     text-align: left;

   }

   .celebration-button-area {

     justify-content: center;

   }

 }

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

 @media(max-width:768px) {

   .celebration-contact-section {

     padding: 60px 0;

   }

   .celebration-title {

     font-size: 42px;

     line-height: 1.1;

   }

   .celebration-description {

     font-size: 17px;

   }

   .contact-text {

     font-size: 16px;
     text-align: center;
     margin: 0 auto;

   }

   .contact-icon {

     width: 46px;
     height: 46px;

     font-size: 18px;
     margin: 0 auto;

   }

   .celebration-btn {

     width: 100%;

     justify-content: center;

     padding: 17px;

   }

 }

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

 @media(max-width:480px) {

   .celebration-contact-container {

     width: 94%;

   }

   .celebration-title {

     font-size: 34px;

   }

   .celebration-description {

     font-size: 15px;

     line-height: 1.7;

   }

   .contact-item {

     gap: 12px;
     margin: 0 auto;
   }

   .contact-text {

     font-size: 15px;

   }

   .contact-icon {

     width: 42px;
     height: 42px;

     font-size: 16px;

   }

 }

 .celebration-contact-section {

   position: relative;

   background: url("..//images/private-event-banner.jpg") no-repeat center center;

   background-size: cover;

   min-height: 220px;

   overflow: hidden;

 }


 .celebration-contact-section {

   position: relative;

   background-image: url(..//images/private-event-banner.jpg);

   background-repeat: no-repeat;

   background-size: cover;

   background-position: right center;

   min-height: 210px;

   overflow: hidden;

 }

 a:hover {
   color: #fff;
 }

 @media (max-width: 600px) {
   .contact-item .icon {
     margin: 0 auto;
   }

   .contact-item p {
     margin: 20px auto;
     text-align: center;
   }

   .contact-item a {
     margin: 0 auto;
     text-align: center;
     margin-bottom: 20px;
   }

   .contact-item {
     display: flex;
     margin: 20px auto;
     text-align: center;
     justify-content: center;
     align-items: center;
   }


 }


 .reservation-banner {
   position: relative;
   width: 100%;
   min-height: 550px;
   display: flex;
   align-items: center;
   overflow: hidden;
   background: url("..//images/dinner-table.jpg") center center/cover no-repeat;
 }

 .reservation-overlay {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to right,
       rgba(0, 0, 0, .88) 15%,
       rgba(0, 0, 0, .55) 45%,
       rgba(0, 0, 0, .15) 100%);
 }

 .reservation-container {
   position: relative;
   width: 90%;
   max-width: 1300px;
   margin: auto;
   z-index: 2;
 }

 .reservation-content {

   max-width: 550px;

   padding: 50px;
   margin: 50px 0;

   background: rgba(255, 255, 255, .05);

   backdrop-filter: blur(14px);

   border: 1px solid rgba(255, 255, 255, .08);

   border-radius: 25px;

   box-shadow: 0 30px 60px rgba(0, 0, 0, .45);

   animation: fadeLeft 1.2s ease;

 }

 .reservation-tag {

   display: inline-block;

   letter-spacing: 3px;

   text-transform: uppercase;

   font-size: 13px;

   font-weight: 600;

   color: #d9b06f;

   margin-bottom: 18px;

 }

 .reservation-content h2 {

   font-size: 38px;

   line-height: 1.1;

   font-weight: 700;

   color: #fff;

   margin-bottom: 8px;

   font-family: Georgia, serif;

 }

 .reservation-content h3 {

   font-size: 28px;

   font-style: italic;

   font-weight: 400;

   color: #c97b52;

   margin-bottom: 28px;

   font-family: cursive;

 }

 .reservation-content p {

   font-size: 18px;

   line-height: 32px;

   color: #ddd;

   /* margin-bottom: 35px; */

 }

 .reservation-buttons {

   display: flex;

   gap: 18px;

   flex-wrap: wrap;

 }

 .reserve-btn {

   padding: 16px 38px;

   background: #c97b52;

   color: #fff;

   text-decoration: none;

   border-radius: 50px;

   font-weight: 600;

   transition: .4s;

   box-shadow: 0 10px 30px rgba(201, 123, 82, .4);

 }

 .reserve-btn:hover {

   transform: translateY(-6px);

   background: #fff;

   color: #111;

 }

 .menu-btn {

   padding: 16px 38px;

   border: 2px solid rgba(255, 255, 255, .25);

   color: #fff;

   text-decoration: none;

   border-radius: 50px;

   transition: .4s;

   font-weight: 600;

 }

 .menu-btn:hover {

   background: #fff;

   color: #111;

   transform: translateY(-6px);

 }

 @keyframes fadeLeft {

   from {

     opacity: 1;

     transform: translateX(-70px);

   }

   to {

     opacity: 1;

     transform: translateX(0);

   }

 }

 @media(max-width:991px) {

   .reservation-banner {

     min-height: 700px;

   }

   .reservation-content {

     max-width: 100%;

     padding: 35px;

   }

   .reservation-content h2 {

     font-size: 42px;

   }

   .reservation-content h3 {

     font-size: 34px;

   }

 }

 @media(max-width:576px) {

   .reservation-banner {

     min-height: 650px;

     background-position: center;

   }

   .reservation-overlay {

     background: rgba(0, 0, 0, .72);

   }

   .reservation-content {

     padding: 28px;

     text-align: center;

   }

   .reservation-content h2 {

     font-size: 34px;

   }

   .reservation-content h3 {

     font-size: 28px;

   }

   .reservation-content p {

     font-size: 15px;

     line-height: 28px;

   }

   .reservation-buttons {

     justify-content: center;

   }

   .reserve-btn,
   .menu-btn {

     width: 100%;

     text-align: center;

   }

 }

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

 @media (max-width:1200px) {

   .reservation-content {
     max-width: 500px;
     padding: 40px;
   }

   .reservation-content h2 {
     font-size: 48px;
   }

   .reservation-content h3 {
     font-size: 40px;
   }

 }

 @media (max-width:992px) {

   .reservation-banner {
     min-height: 650px;
   }

   .reservation-overlay {
     background: linear-gradient(180deg,
         rgba(0, 0, 0, .70),
         rgba(0, 0, 0, .85));
   }

   .reservation-container {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .reservation-content {

     max-width: 700px;

     width: 100%;

     text-align: center;

     padding: 40px 30px;

   }

   .reservation-buttons {

     justify-content: center;

   }

   .reservation-content h2 {

     font-size: 42px;

   }

   .reservation-content h3 {

     font-size: 34px;

   }

 }

 @media (max-width:768px) {

   .reservation-banner {

     min-height: 650px;

     background-position: center center;

   }

   .reservation-content {

     padding: 30px 22px;

     border-radius: 18px;

   }

   .reservation-content h2 {

     font-size: 34px;

     line-height: 1.2;

   }

   .reservation-content h3 {

     font-size: 28px;

   }

   .reservation-content p {

     font-size: 15px;

     line-height: 28px;

   }

   .reservation-buttons {

     flex-direction: column;

     gap: 15px;

   }

   .reserve-btn,
   .menu-btn {

     width: 100%;

     padding: 15px;

     font-size: 16px;

   }

 }

 @media (max-width:480px) {

   .reservation-banner {

     min-height: 600px;

     padding: 20px 0;

   }

   .reservation-container {

     width: 92%;

   }

   .reservation-content {

     padding: 25px 18px;

   }

   .reservation-tag {

     font-size: 12px;

     letter-spacing: 2px;

   }

   .reservation-content h2 {

     font-size: 30px;

   }

   .reservation-content h3 {

     font-size: 24px;

   }

   .reservation-content p {

     font-size: 14px;

     line-height: 24px;

     margin-bottom: 25px;

   }

   .reserve-btn,
   .menu-btn {

     font-size: 15px;

     padding: 14px;

   }

 }

 .reservation-content:hover {
   transform: translateY(-8px);
   transition: .4s;
   box-shadow: 0 35px 70px rgba(0, 0, 0, .45);
 }

 .reservation-content:hover {
   transform: translateY(-8px);
   transition: .4s;
   box-shadow: 0 35px 70px rgba(0, 0, 0, .45);
 }


 /*=========================================
      SECTION
=========================================*/

 .fd-reservation-section {

   position: relative;
   overflow: hidden;

   padding: 100px 20px;

   background: linear-gradient(135deg, #fff, #faf6f2);

 }

 .fd-reservation-container {

   max-width: 1300px;

   margin: auto;

   display: grid;

   grid-template-columns: 1.8fr 1fr;

   gap: 40px;

   align-items: start;

 }

 /*=========================================
      CARDS
=========================================*/

 .fd-booking-card,
 .fd-info-card {

   background: rgba(255, 255, 255, .96);

   border-radius: 24px;

   padding: 45px;

   border: 1px solid var(--fd-border);

   box-shadow: var(--fd-shadow);

   transition: .45s;

 }

 .fd-booking-card:hover,
 .fd-info-card:hover {

   transform: translateY(-6px);

 }

 /*=========================================
      HEADING
=========================================*/

 .fd-section-heading {

   margin-bottom: 35px;

 }

 .fd-subtitle {

   display: inline-block;

   color: var(--fd-primary);

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

   font-size: 13px;

   letter-spacing: 2px;

   font-weight: 600;

   text-transform: uppercase;

   margin-bottom: 12px;

 }

 .fd-section-heading h2,
 .fd-info-heading h3 {

   font-size: 42px;

   font-family: "El Messiri", sans-serif;

   color: var(--fd-heading);

   line-height: 1.2;

   margin-bottom: 12px;

 }

 .fd-section-heading p {

   color: var(--fd-text);

   line-height: 1.8;

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

 }

 /*=========================================
      FORM GRID
=========================================*/

 .fd-form-row {

   display: grid;

   grid-template-columns: 1fr 1fr;

   gap: 20px;

 }

 /*=========================================
      LABEL
=========================================*/

 .fd-input-group {

   margin-bottom: 22px;

 }

 .fd-input-group label {

   display: block;

   margin-bottom: 10px;

   font-size: 13px;

   font-weight: 600;

   letter-spacing: .5px;

   color: #555;

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

 }

 /*=========================================
      INPUT
=========================================*/

 .fd-input,
 .fd-select,
 .fd-textarea {

   width: 100%;

   height: 58px;

   padding: 0 18px;

   border: 1px solid var(--fd-border);

   border-radius: 14px;

   background: #fff;

   font-size: 15px;

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

   color: #444;

   transition: .35s;

   outline: none;

 }

 .fd-textarea {

   min-height: 140px;

   resize: none;

   padding-top: 18px;

 }

 /*=========================================
      PHONE
=========================================*/

 .fd-phone-wrapper {

   display: flex;

   align-items: center;

   border: 1px solid var(--fd-border);

   border-radius: 14px;

   overflow: hidden;

   background: #fff;

 }

 .fd-country-code {

   padding: 18px 18px;

   background: #fafafa;

   border-right: 1px solid var(--fd-border);

   font-size: 14px;

   font-weight: 600;

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

   white-space: nowrap;

 }

 .fd-phone-input {

   flex: 1;

   border: none;

   outline: none;

   padding: 18px;

   font-size: 15px;

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

   background: transparent;

 }

 /*=========================================
      BUTTON
=========================================*/

 .fd-reserve-btn {

   width: 100%;

   height: 60px;

   border: none;

   border-radius: 15px;

   cursor: pointer;

   background: linear-gradient(135deg, var(--fd-primary), #e27d55);

   color: #fff;

   font-size: 15px;

   font-weight: 600;

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

   display: flex;

   justify-content: center;

   align-items: center;

   gap: 12px;

   transition: .35s;

 }

 .fd-reserve-btn:hover {

   background: linear-gradient(135deg, var(--fd-primary-dark), var(--fd-primary));

 }

 /*=========================================
      INFO PANEL
=========================================*/

 .fd-info-heading {

   margin-bottom: 35px;

 }

 .fd-info-item {

   display: flex;

   gap: 18px;

   padding: 22px 0;

   border-bottom: 1px dashed #e5ddd4;

 }

 .fd-info-item:last-child {

   border-bottom: none;

   padding-bottom: 0;

 }

 .fd-info-icon {

   width: 62px;

   height: 62px;

   min-width: 62px;

   border-radius: 50%;

   background: #59613b;

   display: flex;

   justify-content: center;

   align-items: center;

   color: #fff;

   font-size: 22px;

 }

 .fd-info-content h4 {

   font-size: 18px;

   color: var(--fd-heading);

   margin-bottom: 8px;

   font-family: "El Messiri", sans-serif;

 }

 .fd-info-content p,
 .fd-info-content span,
 .fd-info-content a {

   display: block;

   color: var(--fd-text);

   text-decoration: none;

   font-size: 14px;

   line-height: 1.8;

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

 }

 .fd-info-content ul {

   margin-top: 10px;

   padding-left: 18px;

 }

 .fd-info-content li {

   margin-bottom: 10px;

   color: var(--fd-text);

   font-size: 14px;

   line-height: 1.7;

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

 }

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

 @media(max-width:991px) {

   .fd-reservation-container {

     grid-template-columns: 1fr;

   }

   .fd-booking-card,
   .fd-info-card {

     padding: 35px;

   }

 }

 @media(max-width:768px) {

   .fd-form-row {

     grid-template-columns: 1fr;

     gap: 0;

   }

   .fd-section-heading h2,
   .fd-info-heading h3 {

     font-size: 34px;

   }

 }

 @media(max-width:576px) {

   .fd-reservation-section {

     padding: 70px 15px;

   }

   .fd-booking-card,
   .fd-info-card {

     padding: 25px;

     border-radius: 18px;

   }

   .fd-section-heading h2,
   .fd-info-heading h3 {

     font-size: 30px;

   }

   .fd-input,
   .fd-select,
   .fd-phone-input {

     font-size: 14px;

   }

   .fd-country-code {

     padding: 16px 14px;

   }

   .fd-reserve-btn {

     height: 56px;

     font-size: 14px;

   }

 }


 /*=========================================
        FLOATING DECORATION
=========================================*/

 .fd-floating-leaf {
   position: absolute;
   width: 280px;
   height: 280px;
   border-radius: 50%;
   pointer-events: none;
   filter: blur(70px);
   opacity: .18;
   animation: fdFloat 8s ease-in-out infinite;
 }

 .leaf-one {
   top: -120px;
   left: -120px;
   background: #d89b74;
 }

 .leaf-two {
   bottom: -140px;
   right: -120px;
   background: #59613b;
   animation-delay: 2s;
 }

 @keyframes fdFloat {

   0%,
   100% {
     transform: translateY(0) scale(1);
   }

   50% {
     transform: translateY(-25px) scale(1.08);
   }

 }


 /*=========================================
        INPUT EFFECT
=========================================*/

 .fd-input,
 .fd-select,
 .fd-textarea,
 .fd-phone-wrapper {

   transition: .35s ease;

 }

 .fd-input:hover,
 .fd-select:hover,
 .fd-textarea:hover,
 .fd-phone-wrapper:hover {

   border-color: var(--fd-primary);

 }

 .fd-input:focus,
 .fd-select:focus,
 .fd-textarea:focus {

   border-color: var(--fd-primary);

   box-shadow: 0 0 0 5px rgba(201, 106, 69, .12);

 }

 .fd-phone-wrapper:focus-within {

   border-color: var(--fd-primary);

   box-shadow: 0 0 0 5px rgba(201, 106, 69, .12);

 }


 /*=========================================
        BUTTON SHINE
=========================================*/

 .fd-reserve-btn {

   position: relative;

   overflow: hidden;

 }

 .fd-reserve-btn::before {

   content: "";

   position: absolute;

   top: 0;

   left: -120%;

   width: 60%;

   height: 100%;

   background: rgba(255, 255, 255, .35);

   transform: skewX(-25deg);

   transition: .7s;

 }

 .fd-reserve-btn:hover::before {

   left: 140%;

 }

 .fd-reserve-btn:hover {

   transform: translateY(-4px);

   box-shadow: 0 18px 35px rgba(201, 106, 69, .30);

 }

 .fd-reserve-btn:active {

   transform: scale(.98);

 }


 /*=========================================
        CARD EFFECT
=========================================*/

 .fd-booking-card,
 .fd-info-card {

   position: relative;

   overflow: hidden;

 }

 .fd-booking-card::before,
 .fd-info-card::before {

   content: "";

   position: absolute;

   inset: 0;

   background: linear-gradient(135deg,
       transparent,
       rgba(255, 255, 255, .45),
       transparent);

   opacity: 1;

   transition: .5s;

 }

 .fd-booking-card:hover::before,
 .fd-info-card:hover::before {

   opacity: 1;

 }

 .fd-booking-card:hover,
 .fd-info-card:hover {

   box-shadow: 0 25px 60px rgba(0, 0, 0, .12);

 }


 /*=========================================
        INFO ICON
=========================================*/

 .fd-info-icon {

   transition: .4s;

 }

 .fd-info-item:hover .fd-info-icon {

   transform: rotate(12deg) scale(1.12);

   background: var(--fd-primary);

 }

 .fd-info-item {

   transition: .35s;

 }

 .fd-info-item:hover {

   padding-left: 10px;

 }


 /*=========================================
        LINKS
=========================================*/

 .fd-info-content a {

   transition: .3s;

 }

 .fd-info-content a:hover {

   color: var(--fd-primary);

 }


 /*=========================================
        PLACEHOLDER
=========================================*/

 ::placeholder {

   color: #999;

 }


 /*=========================================
        SCROLL REVEAL
=========================================*/

 .fd-reveal {

   opacity: 1;

   transform: translateY(60px);

   transition: all .8s ease;

 }

 .fd-reveal.fd-active {

   opacity: 1;

   transform: translateY(0);

 }


 /*=========================================
        SMOOTH ANIMATION
=========================================*/

 .fd-booking-card {

   animation: fdFadeLeft 1s ease;

 }

 .fd-info-card {

   animation: fdFadeRight 1s ease;

 }

 @keyframes fdFadeLeft {

   from {

     opacity: 1;

     transform: translateX(-60px);

   }

   to {

     opacity: 1;

     transform: translateX(0);

   }

 }

 @keyframes fdFadeRight {

   from {

     opacity: 1;

     transform: translateX(60px);

   }

   to {

     opacity: 1;

     transform: translateX(0);

   }

 }


 /*=========================================
        INPUT ICON SPACE
=========================================*/

 .fd-input,
 .fd-select {

   background-clip: padding-box;

 }


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

 @media (max-width:768px) {

   .fd-floating-leaf {

     display: none;

   }

   .fd-booking-card,
   .fd-info-card {

     animation: none;

   }

   .fd-info-item {

     gap: 15px;

   }

   .fd-info-icon {

     width: 55px;
     height: 55px;
     min-width: 55px;

     font-size: 20px;

   }

   .fd-reserve-btn {

     width: 100%;

   }

 }


 /*=========================================
        EXTRA SMALL
=========================================*/

 @media(max-width:480px) {

   .fd-section-heading {

     text-align: center;

   }

   .fd-info-heading {

     text-align: center;

   }

   .fd-subtitle {

     font-size: 12px;

     letter-spacing: 1px;

   }

   .fd-section-heading h2,
   .fd-info-heading h3 {

     font-size: 28px;

   }

   .fd-section-heading p {

     font-size: 14px;

   }

   .fd-info-item {

     flex-direction: column;

     align-items: center;

     text-align: center;

   }

   .fd-info-content ul {

     padding-left: 0;

     list-style-position: inside;

   }

   .fd-phone-wrapper {

     flex-direction: row;

   }

 }


 /*=========================================
        CUSTOM SCROLLBAR
=========================================*/

 .fd-textarea::-webkit-scrollbar {

   width: 6px;

 }

 .fd-textarea::-webkit-scrollbar-thumb {

   background: var(--fd-primary);

   border-radius: 20px;

 }

 .fd-textarea::-webkit-scrollbar-track {

   background: #f2f2f2;

 }


 /*=========================================
        SELECTION
=========================================*/

 ::selection {

   background: var(--fd-primary);

   color: #fff;

 }


 /*=========================================
        PREMIUM FINISH
=========================================*/

 .fd-booking-card,
 .fd-info-card,
 .fd-input,
 .fd-select,
 .fd-textarea,
 .fd-phone-wrapper,
 .fd-reserve-btn {

   will-change: transform;

   backface-visibility: hidden;

   transform-style: preserve-3d;

 }


 .reserve-benefits {

   padding: 90px 20px;
   background: #faf8f5;
 }

 .reserve-container {

   max-width: 1350px;
   margin: auto;
 }

 .reserve-title {

   text-align: center;
   margin-bottom: 60px;
 }

 .reserve-title span {

   font-size: 38px;
   font-weight: 700;
   letter-spacing: 2px;
   color: #222;
   position: relative;
 }

 .title-line {

   width: 90px;
   height: 3px;
   background: #c9a96e;
   margin: 18px auto 0;
   border-radius: 20px;
 }

 .benefits-grid {

   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 25px;
 }

 .benefit-box {

   background: #fff;

   padding: 45px 30px;

   text-align: center;

   border-radius: 20px;

   transition: .45s;

   position: relative;

   overflow: hidden;

   box-shadow:
     0 8px 30px rgba(0, 0, 0, .05);
 }

 .benefit-box::before {

   content: "";

   position: absolute;

   left: 0;

   top: 0;

   width: 100%;

   height: 4px;

   background: #c9a96e;

   transform: scaleX(0);

   transition: .4s;
 }

 .benefit-box:hover::before {

   transform: scaleX(1);
 }

 .benefit-box:hover {

   transform: translateY(-12px);

   box-shadow:
     0 20px 50px rgba(0, 0, 0, .12);
 }

 .icon-circle {

   width: 90px;

   height: 90px;

   margin: auto;

   border-radius: 50%;

   background: #f6f1e7;

   display: flex;

   justify-content: center;

   align-items: center;

   transition: .45s;

   position: relative;
 }

 .icon-circle::after {

   content: "";

   position: absolute;

   width: 100%;

   height: 100%;

   border-radius: 50%;

   border: 2px dashed #d9bf8d;

   animation: spin 15s linear infinite;
 }

 .icon-circle i {

   font-size: 34px;

   color: #c9a96e;

   z-index: 2;
 }

 .benefit-box:hover .icon-circle {

   transform: rotateY(180deg);

   background: #c9a96e;
 }

 .benefit-box:hover i {

   color: white;
 }

 .benefit-box h3 {

   margin-top: 28px;

   font-size: 22px;

   color: #222;

   font-weight: 700;
 }

 .benefit-box p {

   margin-top: 15px;

   color: #777;

   line-height: 1.8;

   font-size: 16px;
 }

 @keyframes spin {

   from {

     transform: rotate(0deg);
   }

   to {

     transform: rotate(360deg);
   }

 }

 @media(max-width:1100px) {

   .benefits-grid {

     grid-template-columns: repeat(2, 1fr);

   }

 }

 @media(max-width:768px) {

   .reserve-benefits {

     padding: 70px 20px;

   }

   .reserve-title span {

     font-size: 28px;

   }

   .benefits-grid {

     grid-template-columns: 1fr;

     gap: 22px;

   }

   .benefit-box {

     padding: 40px 25px;

   }

   .icon-circle {

     width: 80px;
     height: 80px;

   }

   .icon-circle i {

     font-size: 30px;

   }

   .benefit-box h3 {

     font-size: 20px;

   }

 }




 /*=========================================
   PARTNERSHIP SECTION
=========================================*/

 .pp-partnership-section {
   position: relative;
   padding: 110px 20px;
   overflow: hidden;
   background:
     radial-gradient(circle at top left, #fff6ef 0%, transparent 35%),
     radial-gradient(circle at bottom right, #fff2e8 0%, transparent 30%),
     #ffffff;
   font-family: 'Poppins', sans-serif;
 }

 .pp-container {
   max-width: 1350px;
   margin: auto;
   position: relative;
   z-index: 2;
 }

 /*==========================
      HEADING
==========================*/

 .pp-heading {
   text-align: center;
   max-width: 820px;
   margin: 0 auto 70px;
 }

 .pp-subtitle {
   display: inline-block;
   font-size: 14px;
   letter-spacing: 3px;
   text-transform: uppercase;
   color: #c27b3f;
   font-weight: 600;
   margin-bottom: 18px;
 }

 .pp-heading h2 {
   font-size: 46px;
   font-weight: 700;
   color: #1f1f1f;
   line-height: 1.2;
   margin-bottom: 18px;
   font-family: 'Playfair Display', serif;
 }

 .pp-divider {
   width: 90px;
   height: 4px;
   margin: 0 auto 25px;
   border-radius: 50px;
   background: linear-gradient(90deg, #f3b45b, #d87534);
   position: relative;
 }

 .pp-divider::before {
   content: '';
   position: absolute;
   left: 50%;
   top: -6px;
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
   background: #fff;
   border: 3px solid #d87534;
   border-radius: 50%;
 }

 .pp-heading p {
   font-size: 17px;
   color: #777;
   line-height: 1.9;
 }

 /*==========================
      GRID
==========================*/

 .pp-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 28px;
 }

 /*==========================
      CARD
==========================*/

 .pp-card {
   position: relative;
   background: rgba(255, 255, 255, .75);
   backdrop-filter: blur(18px);
   border: 1px solid rgba(233, 233, 233, .8);
   border-radius: 28px;
   padding: 45px 28px;
   text-align: center;
   transition: .45s;
   overflow: hidden;
   box-shadow: 0 12px 40px rgba(0, 0, 0, .06);
 }

 .pp-card::before {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(135deg,
       rgba(244, 177, 94, .15),
       rgba(255, 255, 255, 0));
   opacity: 1;
   transition: .45s;
 }

 .pp-card:hover::before {
   opacity: 1;
 }

 .pp-card:hover {
   transform: translateY(-12px);
   box-shadow: 0 30px 60px rgba(0, 0, 0, .12);
 }

 /*==========================
       ICON
==========================*/

 .pp-icon {
   width: 92px;
   height: 92px;
   margin: auto;
   margin-bottom: 28px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 42px;
   background: linear-gradient(135deg, #fff8f2, #ffe4ca);
   color: #d96f28;
   transition: .45s;
   box-shadow: 0 15px 35px rgba(217, 111, 40, .15);
 }

 .pp-card:hover .pp-icon {
   transform: rotate(10deg) scale(1.12);
   background: linear-gradient(135deg, #d96f28, #f2a44f);
   color: #fff;
 }

 /*==========================
      CONTENT
==========================*/

 .pp-card h3 {
   font-size: 22px;
   color: #222;
   margin-bottom: 18px;
   font-weight: 700;
 }

 .pp-card p {
   font-size: 15.5px;
   color: #6b6b6b;
   line-height: 1.9;
 }

 /*==========================
      LEAVES
==========================*/

 .pp-leaf {
   position: absolute;
   z-index: 1;
   opacity: .15;
   pointer-events: none;
 }

 .pp-leaf img {
   width: 180px;
 }

 .pp-leaf-left {
   left: -40px;
   top: 40px;
 }

 .pp-leaf-right {
   right: -40px;
   bottom: 50px;
   transform: rotate(180deg);
 }

 /*==========================
     BACKGROUND CIRCLES
==========================*/

 .pp-circle {
   position: absolute;
   border-radius: 50%;
   filter: blur(70px);
   opacity: .35;
   z-index: 0;
 }

 .pp-circle-one {
   width: 260px;
   height: 260px;
   background: #ffd7b5;
   top: -80px;
   right: -80px;
 }

 .pp-circle-two {
   width: 220px;
   height: 220px;
   background: #ffe9cf;
   left: -80px;
   bottom: -80px;
 }

 /*======================================
  Premium Hover Border Animation
======================================*/

 .pp-card::after {
   content: '';
   position: absolute;
   inset: 0;
   border-radius: 24px;
   padding: 1.5px;
   background: linear-gradient(135deg,
       transparent,
       rgba(214, 125, 74, .65),
       transparent);
   -webkit-mask:
     linear-gradient(#fff 0 0) content-box,
     linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   opacity: 1;
   transition: .45s ease;
 }

 .pp-card:hover::after {
   opacity: 1;
 }

 /*======================================
 Floating Animation
======================================*/

 @keyframes ppFloat {

   0% {
     transform: translateY(0px);
   }

   50% {
     transform: translateY(-8px);
   }

   100% {
     transform: translateY(0px);
   }

 }

 .pp-icon {

   animation: ppFloat 4s ease-in-out infinite;

 }

 /*======================================
 Decorative Heading Line Animation
======================================*/

 .pp-divider {

   position: relative;
   overflow: hidden;

 }

 .pp-divider::before {

   content: '';
   position: absolute;
   left: -100%;
   top: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   opacity: .7;
   animation: ppShine 4s linear infinite;

 }

 @keyframes ppShine {

   100% {

     left: 120%;

   }

 }

 /*======================================
 Scroll Reveal
======================================*/

 .pp-card {

   opacity: 1;
   transform: translateY(70px);
   transition:
     opacity .8s ease,
     transform .8s ease;

 }

 .pp-card.pp-show {

   opacity: 1;
   transform: translateY(0);

 }

 /*======================================
 Stagger Animation
======================================*/

 .pp-card:nth-child(2) {

   transition-delay: .15s;

 }

 .pp-card:nth-child(3) {

   transition-delay: .3s;

 }

 .pp-card:nth-child(4) {

   transition-delay: .45s;

 }

 /*======================================
 Tablet
======================================*/

 @media(max-width:1100px) {

   .pp-grid {

     grid-template-columns: repeat(2, 1fr);

   }

   .pp-heading h2 {

     font-size: 38px;

   }

   .pp-card {

     padding: 40px 25px;

   }

 }

 /*======================================
 Mobile
======================================*/

 @media(max-width:768px) {

   .pp-partnership-section {

     padding: 80px 18px;

   }

   .pp-heading {

     margin-bottom: 45px;

   }

   .pp-heading h2 {

     font-size: 30px;

     line-height: 1.3;

   }

   .pp-heading p {

     font-size: 15px;

   }

   .pp-grid {

     grid-template-columns: 1fr;

     gap: 22px;

   }

   .pp-card {

     padding: 35px 25px;

     border-radius: 20px;

   }

   .pp-icon {

     width: 75px;
     height: 75px;
     font-size: 34px;

   }

   .pp-card h3 {

     font-size: 21px;

   }

   .pp-card p {

     font-size: 14px;

     line-height: 1.8;

   }

   .pp-leaf {

     display: none;

   }

   .pp-circle-one {

     width: 180px;
     height: 180px;
     right: -60px;

   }

   .pp-circle-two {

     width: 150px;
     height: 150px;
     left: -60px;

   }

 }

 /*======================================
 Small Mobile
======================================*/

 @media(max-width:480px) {

   .pp-heading h2 {

     font-size: 26px;

   }

   .pp-subtitle {

     font-size: 12px;
     letter-spacing: 2px;

   }

   .pp-card {

     padding: 30px 20px;

   }

   .pp-card h3 {

     font-size: 19px;

   }

   .pp-card p {

     font-size: 13px;

   }

   .pp-icon {

     width: 68px;
     height: 68px;
     font-size: 30px;

   }

 }


 /*======================================
  Premium Hover Border Animation
======================================*/

 .pp-card::after {
   content: '';
   position: absolute;
   inset: 0;
   border-radius: 24px;
   padding: 1.5px;
   background: linear-gradient(135deg,
       transparent,
       rgba(214, 125, 74, .65),
       transparent);
   -webkit-mask:
     linear-gradient(#fff 0 0) content-box,
     linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   opacity: 1;
   transition: .45s ease;
 }

 .pp-card:hover::after {
   opacity: 1;
 }

 /*======================================
 Floating Animation
======================================*/

 @keyframes ppFloat {

   0% {
     transform: translateY(0px);
   }

   50% {
     transform: translateY(-8px);
   }

   100% {
     transform: translateY(0px);
   }

 }

 .pp-icon {

   animation: ppFloat 4s ease-in-out infinite;

 }

 /*======================================
 Decorative Heading Line Animation
======================================*/

 .pp-divider {

   position: relative;
   overflow: hidden;

 }

 .pp-divider::before {

   content: '';
   position: absolute;
   left: -100%;
   top: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   opacity: .7;
   animation: ppShine 4s linear infinite;

 }

 @keyframes ppShine {

   100% {

     left: 120%;

   }

 }

 /*======================================
 Scroll Reveal
======================================*/

 .pp-card {

   opacity: 1;
   transform: translateY(70px);
   transition:
     opacity .8s ease,
     transform .8s ease;

 }

 .pp-card.pp-show {

   opacity: 1;
   transform: translateY(0);

 }

 /*======================================
 Stagger Animation
======================================*/

 .pp-card:nth-child(2) {

   transition-delay: .15s;

 }

 .pp-card:nth-child(3) {

   transition-delay: .3s;

 }

 .pp-card:nth-child(4) {

   transition-delay: .45s;

 }

 /*======================================
 Tablet
======================================*/

 @media(max-width:1100px) {

   .pp-grid {

     grid-template-columns: repeat(2, 1fr);

   }

   .pp-heading h2 {

     font-size: 38px;

   }

   .pp-card {

     padding: 40px 25px;

   }

 }

 /*======================================
 Mobile
======================================*/

 @media(max-width:768px) {

   .pp-partnership-section {

     padding: 80px 18px;

   }

   .pp-heading {

     margin-bottom: 45px;

   }

   .pp-heading h2 {

     font-size: 30px;

     line-height: 1.3;

   }

   .pp-heading p {

     font-size: 15px;

   }

   .pp-grid {

     grid-template-columns: 1fr;

     gap: 22px;

   }

   .pp-card {

     padding: 35px 25px;

     border-radius: 20px;

   }

   .pp-icon {

     width: 75px;
     height: 75px;
     font-size: 34px;

   }

   .pp-card h3 {

     font-size: 21px;

   }

   .pp-card p {

     font-size: 14px;

     line-height: 1.8;

   }

   .pp-leaf {

     display: none;

   }

   .pp-circle-one {

     width: 180px;
     height: 180px;
     right: -60px;

   }

   .pp-circle-two {

     width: 150px;
     height: 150px;
     left: -60px;

   }

 }

 /*======================================
 Small Mobile
======================================*/

 @media(max-width:480px) {

   .pp-heading h2 {

     font-size: 26px;

   }

   .pp-subtitle {

     font-size: 12px;
     letter-spacing: 2px;

   }

   .pp-card {

     padding: 30px 20px;

   }

   .pp-card h3 {

     font-size: 19px;

   }

   .pp-card p {

     font-size: 13px;

   }

   .pp-icon {

     width: 68px;
     height: 68px;
     font-size: 30px;

   }

 }


 /*==========================
Premium Glow Effect
==========================*/

 .pp-card {

   overflow: hidden;
   transform-style: preserve-3d;

 }

 .pp-glow {

   position: absolute;

   width: 220px;
   height: 220px;

   background: radial-gradient(circle,
       rgba(214, 125, 74, .30),
       transparent 70%);

   pointer-events: none;

   border-radius: 50%;

   transform: translate(-50%, -50%);

   opacity: 1;

   transition: .35s;

 }

 .pp-card:hover .pp-glow {

   opacity: 1;

 }

 /*==========================
Heading Reveal
==========================*/

 .pp-heading {

   opacity: 1;

   transform: translateY(60px);

   transition: 1s;

 }

 .pp-heading.pp-show {

   opacity: 1;

   transform: translateY(0);

 }

 /*==========================
Card Shine Effect
==========================*/

 .pp-card::before {

   content: '';

   position: absolute;

   left: -150%;
   top: 0;

   width: 70%;
   height: 100%;

   background: linear-gradient(90deg,

       transparent,

       rgba(255, 255, 255, .8),

       transparent);

   transform: skewX(-25deg);

   transition: 1s;

 }

 .pp-card:hover::before {

   left: 180%;

 }

 /*==========================
Smooth Transition
==========================*/

 .pp-card,
 .pp-icon {

   transition:
     transform .4s ease,
     box-shadow .4s ease;

 }



 /*===============================
        SECTION
================================*/

 .culinary-contact-section {

   padding: 100px 6%;
   background:
     linear-gradient(180deg, #faf8f4, #f5f0e8);

   overflow: hidden;
   position: relative;

 }

 .culinary-contact-wrapper {

   max-width: 1450px;
   margin: auto;

   background: #fff;

   border-radius: 32px;

   overflow: hidden;

   display: grid;

   grid-template-columns: 1.1fr .9fr;

   box-shadow: var(--culinary-shadow);

   position: relative;

 }

 /*===============================
      LEFT
================================*/

 .culinary-form-side {

   padding: 70px;

 }

 .culinary-subtitle {

   display: inline-flex;

   align-items: center;

   gap: 12px;

   font-size: 15px;

   letter-spacing: 2px;

   color: var(--culinary-primary);

   margin-bottom: 15px;

   text-transform: uppercase;

   font-weight: 600;

 }

 .culinary-subtitle i {

   color: var(--culinary-secondary);

 }

 .culinary-title-area h2 {

   font-size: 30px;

   line-height: 1.1;

   font-family: "El Messiri", sans-serif;

   color: var(--culinary-dark);

   margin-bottom: 18px;

 }

 .culinary-title-area h2 span {

   color: var(--culinary-primary);

 }

 .culinary-title-area p {

   color: var(--culinary-text);

   line-height: 1.8;

   font-size: 16px;

   max-width: 620px;

   margin-bottom: 25px;

 }

 /*===============================
      GRID
================================*/

 .culinary-input-grid {

   display: grid;

   grid-template-columns: repeat(2, 1fr);

   gap: 22px;

   margin-bottom: 22px;

 }

 .culinary-input-box {

   position: relative;

 }

 .culinary-input-box input {

   width: 100%;

   height: 50px;

   border: 1px solid var(--culinary-border);

   border-radius: 15px;

   padding: 0 24px;

   font-size: 16px;

   background: #fff;

   transition: var(--culinary-transition);

   outline: none;

 }

 .culinary-input-box input:focus {

   border-color: var(--culinary-primary);

   box-shadow: 0 0 0 5px rgba(93, 107, 79, .10);

 }

 /*===============================
      TEXTAREA
================================*/

 .culinary-textarea-box textarea {

   width: 100%;


   height: 150px;

   border: 1px solid var(--culinary-border);

   border-radius: 18px;

   padding: 22px;

   resize: none;

   outline: none;

   font-size: 16px;

   transition: var(--culinary-transition);

   font-family: 'Outfit', sans-serif;

 }

 .culinary-textarea-box textarea:focus {

   border-color: var(--culinary-primary);

   box-shadow: 0 0 0 5px rgba(93, 107, 79, .10);

 }

 /*===============================
      BUTTON
================================*/

 .culinary-submit-btn {

   margin-top: 35px;

   background: var(--culinary-primary);

   color: #fff;

   border: none;

   height: 68px;

   width: 290px;

   border-radius: 18px;

   cursor: pointer;

   display: flex;

   align-items: center;

   justify-content: center;

   gap: 22px;

   font-size: 17px;

   text-transform: uppercase;

   letter-spacing: 1px;

   transition: .45s;

   overflow: hidden;

   position: relative;

 }

 .culinary-submit-btn span {

   position: relative;

   z-index: 2;

 }

 .culinary-btn-circle {

   width: 48px;

   height: 48px;

   background: #fff;

   color: var(--culinary-primary);

   border-radius: 50%;

   display: flex;

   align-items: center;

   justify-content: center;

   transition: .45s;

   position: relative;

   z-index: 2;

 }

 .culinary-submit-btn::before {

   content: "";

   position: absolute;

   width: 0;

   height: 100%;

   left: 0;

   top: 0;

   background: var(--culinary-secondary);

   transition: .45s;

 }

 .culinary-submit-btn:hover::before {

   width: 100%;

 }

 .culinary-submit-btn:hover {

   color: #222;

 }

 .culinary-submit-btn:hover .culinary-btn-circle {

   transform: rotate(-45deg);

 }

 /*===============================
      RIGHT
================================*/

 .culinary-image-side {

   position: relative;

   overflow: hidden;

   min-height: 760px;
   max-height: 730px;

 }

 .culinary-image-box {

   width: 100%;

   height: 100%;

 }

 .culinary-image-box img {

   width: 100%;

   height: 100%;

   object-fit: cover;

   transition: 1s;

 }

 .culinary-image-side:hover img {

   transform: scale(1.08);

 }

 .culinary-overlay {

   position: absolute;

   inset: 0;

   background:
     linear-gradient(to right,
       rgba(0, 0, 0, .05),
       rgba(0, 0, 0, .20));

 }

 /*===============================
     FLOATING CARD
================================*/

 .culinary-story-card {

   position: absolute;

   right: 35px;

   top: 30%;

   transform: translateY(-50%);

   width: 320px;

   background: rgba(255, 255, 255, .88);

   backdrop-filter: blur(16px);

   padding: 40px;

   border-radius: 26px;

   box-shadow: 0 20px 60px rgba(0, 0, 0, .12);

   transition: .45s;

 }

 .culinary-story-card:hover {

   transform: translateY(-50%) translateY(-10px);

 }

 .culinary-leaf-icon {

   width: 65px;

   height: 65px;

   border-radius: 50%;

   background: #f4efe7;

   display: flex;

   align-items: center;

   justify-content: center;

   color: var(--culinary-primary);

   font-size: 28px;

   margin-bottom: 25px;

 }

 .culinary-story-card h3 {

   font-size: 22px;

   line-height: normal;

   font-family: "El Messiri", sans-serif;

   color: #222;

   margin-bottom: 20px;

 }

 .culinary-story-card p {

   color: #666;

   line-height: 1.9;

 }

 /*===============================
      BADGE
================================*/

 .culinary-floating-badge {

   position: absolute;

   left: 30px;

   bottom: 30px;

   background: #fff;

   padding: 16px 26px;

   border-radius: 50px;

   box-shadow: 0 15px 35px rgba(0, 0, 0, .10);

   font-weight: 600;

   color: var(--culinary-primary);

   letter-spacing: 1px;

 }


 /*=========================================
        LARGE LAPTOP (1400px)
=========================================*/

 @media (max-width:1400px) {

   .culinary-form-side {

     padding: 60px;

   }


   .culinary-story-card {

     width: 290px;
     padding: 20px;

   }

 }


 /*=========================================
          LAPTOP (1200px)
=========================================*/

 @media (max-width:1200px) {

   .culinary-contact-wrapper {

     grid-template-columns: 1fr;

   }

   .culinary-image-side {

     min-height: 650px;

   }

   .culinary-story-card {

     right: 30px;
     top: auto;
     bottom: 35px;
     transform: none;

   }

   .culinary-story-card:hover {

     transform: translateY(-10px);

   }

 }


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

 @media (max-width:991px) {

   .culinary-contact-section {

     padding: 80px 25px;

   }

   .culinary-form-side {

     padding: 50px;

   }

   .culinary-title-area h2 {

     font-size: 40px;

   }

   .culinary-input-grid {

     grid-template-columns: 1fr;

   }

   .culinary-submit-btn {

     width: 100%;

   }

   .culinary-image-side {

     min-height: 560px;

   }

   .culinary-story-card {

     width: 280px;

     right: 20px;

     bottom: 20px;

   }

 }


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

 @media (max-width:768px) {

   .culinary-contact-section {

     padding: 60px 18px;

   }

   .culinary-contact-wrapper {

     border-radius: 22px;

   }

   .culinary-form-side {

     padding: 35px 25px;

   }

   .culinary-subtitle {

     font-size: 13px;

     letter-spacing: 1px;

   }

   .culinary-title-area h2 {

     font-size: 34px;

   }

   .culinary-title-area p {

     font-size: 15px;

   }

   .culinary-input-box input {

     height: 58px;

     font-size: 15px;

   }

   .culinary-textarea-box textarea {

     min-height: 150px;

   }

   .culinary-submit-btn {

     height: 60px;

     gap: 16px;

     font-size: 15px;

   }

   .culinary-btn-circle {

     width: 42px;
     height: 42px;

   }

   .culinary-image-side {

     min-height: 420px;

   }

   .culinary-story-card {

     position: relative;

     width: calc(100% - 40px);

     right: auto;

     left: 20px;

     bottom: 60%;

     padding: 28px;

   }

   .culinary-story-card h3 {

     font-size: 24px;

   }

   .culinary-floating-badge {

     left: 20px;
     bottom: 20px;

     padding: 12px 22px;

   }

 }


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

 @media (max-width:480px) {

   .culinary-contact-section {

     padding: 40px 12px;

   }

   .culinary-form-side {

     padding: 25px 18px;

   }

   .culinary-title-area h2 {

     font-size: 30px;

   }

   .culinary-story-card {

     width: calc(100% - 24px);

     left: 12px;

     padding: 22px;

   }

   .culinary-story-card h3 {

     font-size: 22px;

   }

   .culinary-floating-badge {

     font-size: 13px;

   }

 }


 /*=========================================
          PREMIUM ANIMATIONS
=========================================*/

 @keyframes culinaryFadeUp {

   0% {

     opacity: 1;
     transform: translateY(70px);

   }

   100% {

     opacity: 1;
     transform: translateY(0);

   }

 }

 @keyframes culinaryFloat {

   0% {

     transform: translateY(0);

   }

   50% {

     transform: translateY(-12px);

   }

   100% {

     transform: translateY(0);

   }

 }

 @keyframes culinaryGlow {

   0% {

     box-shadow: 0 0 0 rgba(216, 191, 134, .15);

   }

   50% {

     box-shadow: 0 15px 40px rgba(216, 191, 134, .35);

   }

   100% {

     box-shadow: 0 0 0 rgba(216, 191, 134, .15);

   }

 }


 /*=========================================
        APPLY ANIMATIONS
=========================================*/

 .culinary-form-side {

   animation: culinaryFadeUp 1s ease;

 }

 .culinary-image-box {

   animation: culinaryFadeUp 1.2s ease;

 }

 .culinary-story-card {

   animation:
     culinaryFadeUp 1.3s ease,
     culinaryFloat 5s ease-in-out infinite;

 }

 .culinary-floating-badge {

   animation:
     culinaryGlow 3s infinite,
     culinaryFloat 4s ease-in-out infinite;

 }


 /*=========================================
        HOVER EFFECTS
=========================================*/

 .culinary-input-box input:hover,
 .culinary-textarea-box textarea:hover {

   border-color: #cdb57d;

 }

 .culinary-input-box {

   transition: .35s;

 }

 .culinary-input-box:hover {

   transform: translateY(-3px);

 }

 .culinary-story-card {

   cursor: default;

 }

 .culinary-story-card:hover {

   box-shadow: 0 30px 70px rgba(0, 0, 0, .18);

 }

 .culinary-image-box {

   overflow: hidden;

 }

 .culinary-image-box img {

   transition: transform .8s ease;

 }

 .culinary-image-side:hover img {

   transform: scale(1.08) rotate(.5deg);

 }

 .culinary-submit-btn {

   transition: .4s;

 }

 .culinary-submit-btn:hover {

   transform: translateY(-5px);

   box-shadow: 0 20px 40px rgba(93, 107, 79, .30);

 }


 /*==========================================
SECTION
==========================================*/

 .partner-section {

   position: relative;

   padding: 60px 20px;

   overflow: hidden;

   background:
     radial-gradient(circle at top left,
       #fff8ef 0%,
       #f8f5ef 45%,
       #efe6da 100%);
 }


 /*==========================================
CONTAINER
==========================================*/

 .partner-wrapper {

   width: 100%;
   max-width: 1320px;

   margin: auto;

   display: flex;
   flex-direction: column;

   gap: 45px;

   align-items: center;

   position: relative;
   z-index: 2;
 }


 /*==========================================
BACKGROUND BLUR
==========================================*/

 .partner-blur {

   position: absolute;

   border-radius: 50%;

   filter: blur(100px);

   z-index: 0;

   pointer-events: none;
 }

 .partner-blur-one {

   width: 250px;
   height: 250px;

   top: -80px;
   left: -80px;

   background: rgba(255, 177, 96, .30);
 }

 .partner-blur-two {

   width: 280px;
   height: 280px;

   bottom: -100px;
   right: -100px;

   background: rgba(208, 184, 145, .28);
 }


 /*==========================================
CONTENT
==========================================*/

 .partner-content {

   width: 100%;

   text-align: center;

   position: relative;

   z-index: 2;
 }


 /*==========================================
TAG
==========================================*/

 .partner-tag {

   display: inline-flex;

   align-items: center;

   gap: 10px;

   margin-bottom: 18px;

   font-size: 12px;

   font-weight: 700;

   letter-spacing: 2px;

   color: #777;

   text-transform: uppercase;
 }

 .partner-dot {

   width: 10px;
   height: 10px;

   border-radius: 50%;

   background: #c97a36;

   position: relative;
 }

 .partner-dot::after {

   content: "";

   position: absolute;

   inset: -5px;

   border: 1px solid #c97a36;

   border-radius: 50%;
 }


 /*==========================================
HEADING
==========================================*/

 .partner-content h2 {

   font-family: 'Cormorant Garamond', serif;

   font-size: clamp(2.2rem, 7vw, 4.2rem);

   line-height: 1.08;

   font-weight: 700;

   color: #1f1f1f;

   margin-bottom: 25px;

   word-break: break-word;
 }

 .partner-content h2 span {

   display: block;
 }

 .partner-content h2 strong {

   display: block;

   color: #c77737;

   font-weight: 700;
 }


 /*==========================================
DIVIDER
==========================================*/

 .partner-divider {

   width: 90px;

   height: 3px;

   margin: 0 auto 28px;

   background: #d7b187;

   border-radius: 20px;

   position: relative;
 }

 .partner-divider span {

   width: 16px;
   height: 16px;

   background: #fff;

   border: 3px solid #c77737;

   border-radius: 50%;

   position: absolute;

   left: 50%;
   top: 50%;

   transform: translate(-50%, -50%);
 }


 /*==========================================
DESCRIPTION
==========================================*/

 .partner-content p {

   width: 100%;

   max-width: 620px;

   margin: auto;

   font-size: 16px;

   color: #5e5e5e;

   line-height: 1.9;
 }


 /*==========================================
FEATURES
==========================================*/

 .partner-features {

   display: flex;
   flex-direction: column;
   gap: 16px;

   margin: 35px 0;
 }

 .feature-box {

   width: 100%;

   display: flex;
   align-items: center;
   gap: 15px;

   padding: 18px;

   background: #ffffff;

   border-radius: 18px;

   box-shadow:
     0 15px 40px rgba(0, 0, 0, .08);

   transition: .35s ease;
 }

 .feature-box:hover {

   transform: translateY(-8px);

   box-shadow:
     0 25px 50px rgba(0, 0, 0, .12);
 }

 .feature-icon {

   flex-shrink: 0;

   width: 55px;
   height: 55px;

   border-radius: 50%;

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

   background: linear-gradient(135deg, #d08d49, #b96b2d);

   color: #fff;

   font-size: 20px;
   font-weight: 700;
 }

 .feature-box h5 {

   font-size: 18px;
   color: #222;
   margin-bottom: 4px;
 }

 .feature-box small {

   display: block;

   color: #777;

   font-size: 14px;
 }


 /*==========================================
BUTTON
==========================================*/

 .partner-btn {

   display: flex;
   align-items: center;
   justify-content: center;
   gap: 12px;

   width: 100%;

   padding: 17px 25px;

   border-radius: 60px;

   background: linear-gradient(135deg, #4b5944, #67765d);

   color: #fff;

   font-size: 15px;
   font-weight: 600;

   letter-spacing: .5px;

   overflow: hidden;

   position: relative;

   transition: .35s ease;
 }

 .partner-btn::before {

   content: "";

   position: absolute;

   width: 45px;
   height: 250%;

   left: -70px;
   top: -60px;

   background: rgba(255, 255, 255, .35);

   transform: rotate(25deg);

   transition: .8s;
 }

 .partner-btn:hover::before {

   left: 120%;
 }

 .partner-btn:hover {

   transform: translateY(-5px);

   box-shadow:
     0 18px 45px rgba(71, 81, 60, .35);
 }

 .partner-btn span {

   font-size: 20px;

   transition: .3s;
 }

 .partner-btn:hover span {

   transform: translateX(8px);
 }


 /*==========================================
IMAGE
==========================================*/

 .partner-image {

   width: 100%;

   position: relative;

   order: -1;
 }

 .partner-image img {

   width: 100%;

   height: 320px;

   object-fit: cover;

   border-radius: 24px;

   transition: .6s ease;

   box-shadow:
     0 25px 70px rgba(0, 0, 0, .18);
 }

 .partner-image:hover img {

   transform: scale(1.04);
 }


 /*==========================================
IMAGE BORDER
==========================================*/

 .image-shape {

   position: absolute;

   inset: -10px;

   border-radius: 30px;

   background:
     linear-gradient(135deg,
       #ffe2bd,
       #ffffff);

   z-index: -1;
 }


 /*==========================================
FLOATING CARD
==========================================*/

 .floating-card {

   position: absolute;

   left: 15px;
   bottom: 15px;

   background: rgba(255, 255, 255, .92);

   backdrop-filter: blur(14px);

   padding: 15px 18px;

   border-radius: 16px;

   box-shadow:
     0 15px 35px rgba(0, 0, 0, .12);
 }

 .floating-card h4 {

   font-size: 24px;

   color: #bc7231;

   margin-bottom: 3px;
 }

 .floating-card p {

   font-size: 12px;

   color: #666;
 }


 /*==========================================
FLOATING BADGE
==========================================*/

 .floating-badge {

   position: absolute;

   top: 15px;
   right: 15px;

   padding: 10px 16px;

   border-radius: 40px;

   background: #fff;

   font-size: 12px;
   font-weight: 600;

   color: #444;

   box-shadow:
     0 12px 30px rgba(0, 0, 0, .10);
 }


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

 @media(min-width:768px) {

   .partner-section {

     padding: 90px 40px;

   }

   .partner-image img {

     height: 500px;

   }

   .partner-features {

     flex-direction: row;

     flex-wrap: wrap;
   }

   .feature-box {

     flex: 1 1 calc(50% - 10px);

   }

   .partner-btn {

     width: auto;

     display: inline-flex;

     padding: 18px 40px;
   }

 }


 /*==========================================
DESKTOP
==========================================*/

 @media(min-width:992px) {

   .partner-wrapper {

     display: grid;

     grid-template-columns: 1fr 1.1fr;

     gap: 70px;

     align-items: center;
   }

   .partner-content {

     text-align: left;
   }

   .partner-content p {

     margin: 0;
   }

   .partner-divider {

     margin: 28px 0;
   }

   .partner-features {

     justify-content: flex-start;
   }

   .partner-image {

     order: 0;
   }

   .partner-image img {

     height: 650px;
   }

   .floating-card {

     left: -30px;
     bottom: 35px;
   }

   .floating-badge {

     top: 25px;
     right: -25px;
   }

   .partner-btn {

     margin-top: 10px;
   }

 }


 /*==============================
  TRUST GROW SECTION
==============================*/

 .trustgrow-section {
   position: relative;
   padding: 110px 20px;
   overflow: hidden;
   background: #fffdf8;
 }

 .trustgrow-wrapper {
   max-width: 1280px;
   margin: auto;
 }

 .trustgrow-heading {
   text-align: center;
   margin-bottom: 70px;
 }

 .trustgrow-heading h5 {
   display: inline-block;
   color: #c69c3f;
   font-size: 15px;
   letter-spacing: 3px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 15px;
 }

 .trustgrow-heading h2 {
   font-size: 48px;
   font-weight: 800;
   color: #222;
   line-height: 1.25;
   max-width: 850px;
   margin: auto;
 }

 .trustgrow-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 30px;
 }

 .trustgrow-card {
   background: #fff;
   border-radius: 24px;
   padding: 45px 30px;
   text-align: center;
   position: relative;
   overflow: hidden;
   transition: .45s;
   border: 1px solid rgba(0, 0, 0, .06);
   box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
 }

 .trustgrow-card::before {
   content: "";
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 5px;
   background: linear-gradient(90deg, #ffb347, #ff5e62);
   transition: .45s;
 }

 .trustgrow-card:hover::before {
   left: 0;
 }

 .trustgrow-card:hover {
   transform: translateY(0px);
   box-shadow: 0 28px 60px rgba(0, 0, 0, .15);
 }

 .trustgrow-icon {
   width: 90px;
   height: 90px;
   margin: auto auto 25px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 34px;
   color: #fff;
   background: linear-gradient(135deg, #ff7b00, #ffb347);
   transition: .45s;
 }

 .trustgrow-card:hover .trustgrow-icon {
   transform: rotate(10deg) scale(1.1);
 }

 .trustgrow-card h3 {
   font-size: 24px;
   margin-bottom: 18px;
   color: #222;
   font-weight: 700;
 }

 .trustgrow-card p {
   font-size: 16px;
   line-height: 1.8;
   color: #666;
 }

 /* Decorative Flowers */

 .trustgrow-flower {
   position: absolute;
   font-size: 70px;
   opacity: .12;
   animation: trustgrowFloat 5s ease-in-out infinite;
   pointer-events: none;
 }

 .trustgrow-flower-left {
   top: 70px;
   left: 50px;
 }

 .trustgrow-flower-right {
   bottom: 70px;
   right: 50px;
 }

 @keyframes trustgrowFloat {

   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(-20px);
   }

 }

 /* Reveal */

 .trustgrow-reveal {
   opacity: 1;
   transform: translateY(70px);
   transition: 1s;
 }

 .trustgrow-reveal.trustgrow-active {
   opacity: 1;
   transform: none;
 }

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

 @media(max-width:1100px) {

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

   .trustgrow-heading h2 {
     font-size: 38px;
   }

 }

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

 @media(max-width:767px) {

   .trustgrow-section {
     padding: 70px 18px;
   }

   .trustgrow-grid {
     grid-template-columns: 1fr;
     gap: 22px;
   }

   .trustgrow-heading {
     margin-bottom: 45px;
   }

   .trustgrow-heading h5 {
     font-size: 13px;
     letter-spacing: 2px;
   }

   .trustgrow-heading h2 {
     font-size: 30px;
     line-height: 1.35;
   }

   .trustgrow-card {
     padding: 35px 24px;
   }

   .trustgrow-card h3 {
     font-size: 22px;
   }

   .trustgrow-card p {
     font-size: 15px;
   }

   .trustgrow-icon {
     width: 75px;
     height: 75px;
     font-size: 28px;
   }

   .trustgrow-flower {
     display: none;
   }

 }


 .header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 9999;
   background: #fff;
 }

 .header.sticky {
   box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
 }


 .sticky-header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 99999;
   opacity: 1;
   visibility: hidden;
   transform: translateY(-100%);
   transition: .4s;
 }

 .fixed-header .sticky-header {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
 }


 .sticky-header {
   display: block !important;
 }


 /*==========================================
   AMAKI CONNECT SECTION
==========================================*/

 .amaki-connect-showcase {
   position: relative;
   width: 100%;
   padding: 100px 0;
   overflow: hidden;
   background: #f8f6f2;
 }

 .amaki-connect-showcase::before {
   content: "";
   position: absolute;
   top: -180px;
   left: -180px;
   width: 420px;
   height: 420px;
   border-radius: 50%;
   background: rgba(196, 138, 72, .08);
   filter: blur(120px);
 }

 .amaki-connect-showcase::after {
   content: "";
   position: absolute;
   bottom: -180px;
   right: -180px;
   width: 450px;
   height: 450px;
   border-radius: 50%;
   background: rgba(120, 80, 40, .08);
   filter: blur(150px);
 }

 /*==========================================
Wrapper
==========================================*/

 .amaki-connect-wrapper {
   width: min(1380px, 92%);
   margin: auto;
   display: grid;
   grid-template-columns: 510px 1fr;
   align-items: center;
   gap: 70px;
   position: relative;
   z-index: 2;
 }

 /*==========================================
LEFT CONTENT
==========================================*/

 .amaki-connect-content {
   position: relative;
   z-index: 5;
 }

 .amaki-connect-tagline {
   display: inline-block;
   font-size: 14px;
   font-weight: 700;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #b56b4b;
   margin-bottom: 18px;
 }

 .amaki-connect-heading {
   font-size: 44px;
   line-height: 1.08;
   color: #1e1e1e;
   font-weight: 600;
   margin-bottom: 28px;
 }

 .amaki-connect-heading span {
   color: #b55b39;
   font-weight: 500;
 }

 /*==========================================
Divider
==========================================*/

 .amaki-connect-divider {
   display: flex;
   align-items: center;
   gap: 15px;
   margin-bottom: 30px;
 }

 .amaki-connect-divider span {
   width: 70px;
   height: 2px;
   background: #d8c7ae;
 }

 .amaki-connect-divider i {
   color: #b97a46;
   font-size: 18px;
 }

 /*==========================================
Description
==========================================*/

 .amaki-connect-description {
   font-size: 18px;
   line-height: 1.9;
   color: #666;
   max-width: 460px;
   margin-bottom: 45px;
 }

 /*==========================================
Contact List
==========================================*/

 .amaki-contact-listing {
   display: flex;
   flex-direction: column;
   gap: 22px;
 }

 /*==========================================
Card
==========================================*/

 .amaki-contact-card {
   display: flex;
   align-items: flex-start;
   gap: 20px;

   background: #fff;

   border-radius: 22px;

   padding: 22px;

   transition: .45s;

   box-shadow:
     0 18px 40px rgba(0, 0, 0, .08);

   border: 1px solid rgba(0, 0, 0, .05);
 }

 .amaki-contact-card:hover {

   transform: translateY(-8px);

   box-shadow:
     0 25px 60px rgba(0, 0, 0, .13);

 }

 /*==========================================
Icon
==========================================*/

 .amaki-contact-icon {

   width: 68px;
   height: 68px;

   border-radius: 50%;

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

   background: #556147;

   color: #fff;

   font-size: 24px;

   flex-shrink: 0;

   transition: .45s;

 }

 .amaki-contact-card:hover .amaki-contact-icon {

   background: #b46a46;

   transform: rotate(12deg) scale(1.08);

 }

 /*==========================================
Content
==========================================*/

 .amaki-contact-information h4 {

   font-size: 22px;

   color: #222;

   margin-bottom: 10px;

 }

 .amaki-contact-information a {

   color: #444;

   text-decoration: none;

   font-size: 18px;

   transition: .35s;

 }

 .amaki-contact-information a:hover {

   color: #b55b39;

 }

 .amaki-contact-information p {

   color: #666;

   line-height: 1.9;

   font-size: 17px;

   margin-bottom: 18px;

 }

 /*==========================================
Button
==========================================*/

 .amaki-direction-button {

   display: inline-flex;

   align-items: center;

   gap: 10px;

   color: #b55b39 !important;

   font-weight: 700;

   position: relative;

 }

 .amaki-direction-button::after {

   content: "";

   position: absolute;

   bottom: -6px;

   left: 0;

   width: 0;

   height: 2px;

   background: #b55b39;

   transition: .4s;

 }

 .amaki-direction-button:hover::after {

   width: 100%;

 }

 .amaki-direction-button i {

   transition: .35s;

 }

 .amaki-direction-button:hover i {

   transform: translateX(6px);

 }

 /*==========================================
RIGHT SIDE
==========================================*/

 .amaki-visual-area {

   position: relative;

   min-height: 780px;

   display: flex;

   align-items: center;

   justify-content: center;

 }

 /*==========================================
IMAGE FRAME
==========================================*/

 .amaki-image-frame {

   position: relative;

   width: 100%;

   height: 780px;

   border-radius: 32px;

   overflow: hidden;

   box-shadow:
     0 35px 80px rgba(0, 0, 0, .18);

 }

 /*==========================================
IMAGE
==========================================*/

 .amaki-showcase-photo {

   width: 100%;

   height: 100%;

   object-fit: cover;

   transition: 1.2s;

   display: block;

 }

 .amaki-image-frame:hover .amaki-showcase-photo {

   transform: scale(1.08);

 }

 /*==========================================
WHITE FADE
==========================================*/

 .amaki-image-overlay {

   position: absolute;

   inset: 0;

   background:
     linear-gradient(90deg,
       rgba(248, 246, 242, .98) 0%,
       rgba(248, 246, 242, .90) 12%,
       rgba(248, 246, 242, .55) 24%,
       rgba(248, 246, 242, 0) 40%);

   pointer-events: none;

 }

 /*==========================================
Floating Logo
==========================================*/

 .amaki-floating-badge {

   position: absolute;

   left: 50%;

   top: 50%;

   transform: translate(-50%, -50%);

   background: rgba(255, 255, 255, .92);

   backdrop-filter: blur(15px);

   border-radius: 24px;

   padding: 20px 28px;

   text-align: center;

   box-shadow:
     0 18px 45px rgba(0, 0, 0, .15);

   animation: amakiFloatingMove 4s ease-in-out infinite;

 }

 .amaki-floating-badge img {

   width: 70px;

   margin-bottom: 12px;

 }

 .amaki-floating-badge h5 {

   font-size: 28px;

   color: #a64632;

   margin-bottom: 4px;

   letter-spacing: 1px;

 }

 .amaki-floating-badge span {

   color: #555;

   font-size: 15px;

   letter-spacing: 2px;

   text-transform: uppercase;

 }

 @keyframes amakiFloatingMove {

   0% {

     transform: translate(-50%, -50%);

   }

   50% {

     transform: translate(-50%, -60%);

   }

   100% {

     transform: translate(-50%, -50%);

   }

 }


 /*==========================================
Large Laptop
==========================================*/

 @media (max-width:1400px) {

   .amaki-connect-wrapper {
     width: 94%;
     gap: 50px;
   }

   .amaki-connect-heading {
     font-size: 56px;
   }

   .amaki-image-frame {
     height: 700px;
   }

   .amaki-visual-area {
     min-height: 700px;
   }

 }

 /*==========================================
Laptop
==========================================*/

 @media (max-width:1200px) {

   .amaki-connect-wrapper {

     grid-template-columns: 460px 1fr;

     gap: 40px;

   }

   .amaki-connect-heading {

     font-size: 48px;

   }

   .amaki-connect-description {

     font-size: 17px;

   }

   .amaki-image-frame {

     height: 620px;

   }

   .amaki-visual-area {

     min-height: 620px;

   }

 }

 /*==========================================
Tablet
==========================================*/

 @media (max-width:991px) {

   .amaki-connect-showcase {

     padding: 80px 0;

   }

   .amaki-connect-wrapper {

     grid-template-columns: 1fr;

     gap: 50px;

   }

   /* Image First */

   .amaki-visual-area {

     order: 1;

     min-height: auto;

   }

   /* Content Second */

   .amaki-connect-content {

     order: 2;

     text-align: center;

   }

   .amaki-connect-heading {

     font-size: 42px;

   }

   .amaki-connect-description {

     margin: auto;

     margin-bottom: 35px;

     max-width: 650px;

   }

   .amaki-connect-divider {

     justify-content: center;

   }

   .amaki-contact-card {

     text-align: left;

   }

   .amaki-image-frame {

     height: 550px;

   }

   .amaki-floating-badge {

     padding: 18px 24px;

   }

 }

 /*==========================================
Mobile
==========================================*/

 @media (max-width:767px) {

   .amaki-connect-showcase {

     padding: 60px 0;

   }

   .amaki-connect-wrapper {

     width: 92%;

     gap: 35px;

   }

   .amaki-connect-tagline {

     font-size: 12px;

     letter-spacing: 1.5px;

   }

   .amaki-connect-heading {

     font-size: 34px;

     line-height: 1.2;

   }

   .amaki-connect-divider span {

     width: 45px;

   }

   .amaki-connect-description {

     font-size: 16px;

     line-height: 1.8;

   }

   .amaki-contact-card {

     padding: 18px;

     gap: 15px;

     border-radius: 20px;

   }

   .amaki-contact-icon {

     width: 58px;

     height: 58px;

     font-size: 20px;

   }

   .amaki-contact-information h4 {

     font-size: 20px;

   }

   .amaki-contact-information a {

     font-size: 16px;

     word-break: break-word;

   }

   .amaki-contact-information p {

     font-size: 15px;

     line-height: 1.8;

   }

   .amaki-image-frame {

     height: 430px;

     border-radius: 24px;

   }

   .amaki-floating-badge {

     width: 220px;

     padding: 18px;

     border-radius: 20px;

   }

   .amaki-floating-badge img {

     width: 55px;

   }

   .amaki-floating-badge h5 {

     font-size: 24px;

   }

   .amaki-floating-badge span {

     font-size: 13px;

     letter-spacing: 1px;

   }

 }

 /*==========================================
Small Mobile
==========================================*/

 @media (max-width:575px) {

   .amaki-connect-showcase {

     padding: 50px 0;

   }

   .amaki-connect-heading {

     font-size: 30px;

   }

   .amaki-connect-description {

     font-size: 15px;

   }

   .amaki-contact-card {

     flex-direction: column;

     align-items: center;

     text-align: center;

   }

   .amaki-contact-information {

     width: 100%;

   }

   .amaki-contact-information h4 {

     margin-bottom: 8px;

   }

   .amaki-direction-button {

     justify-content: center;

   }

   .amaki-image-frame {

     height: 360px;

   }

   .amaki-floating-badge {

     width: 190px;

     padding: 15px;

   }

   .amaki-floating-badge img {

     width: 48px;

   }

   .amaki-floating-badge h5 {

     font-size: 20px;

   }

   .amaki-floating-badge span {

     font-size: 12px;

   }

 }

 /*==========================================
Extra Small Devices
==========================================*/

 @media (max-width:380px) {

   .amaki-connect-heading {

     font-size: 26px;

   }

   .amaki-image-frame {

     height: 320px;

   }

   .amaki-contact-card {

     padding: 16px;

   }

   .amaki-contact-icon {

     width: 54px;

     height: 54px;

     font-size: 18px;

   }

   .amaki-contact-information h4 {

     font-size: 18px;

   }

 }


 /*==========================================
Reveal Animation
==========================================*/

 .amaki-hidden-reveal {

   opacity: 1;

   transform: translateY(80px);

   transition:
     opacity .9s ease,
     transform .9s ease;

 }

 .amaki-active-reveal {

   opacity: 1;

   transform: translateY(0);

 }

 /*==========================================
Image Frame Transition
==========================================*/

 .amaki-image-frame {

   transition:
     transform .45s ease,
     box-shadow .45s ease;

   will-change: transform;

 }

 /*==========================================
Smooth Image
==========================================*/

 .amaki-showcase-photo {

   will-change: transform;

 }

 /*==========================================
Floating Badge
==========================================*/

 .amaki-floating-badge {

   transition:
     box-shadow .35s ease,
     transform .35s ease;

 }

 /*==========================================
Contact Card
==========================================*/

 .amaki-contact-card {

   transition:
     transform .45s ease,
     box-shadow .45s ease,
     background .45s ease;

 }

 /*==========================================
Luxury Hover
==========================================*/

 .amaki-contact-card:hover {

   background: #ffffff;

   box-shadow:
     0 30px 70px rgba(0, 0, 0, .14);

 }

 /*==========================================
Gradient Animation
==========================================*/

 .amaki-connect-showcase {

   background-size: 200% 200%;

   animation: amakiGradientMove 14s ease infinite;

 }

 @keyframes amakiGradientMove {

   0% {

     background-position: 0% 50%;

   }

   50% {

     background-position: 100% 50%;

   }

   100% {

     background-position: 0% 50%;

   }

 }


 /*=========================================
      PREMIUM CONTACT SECTION CSS
=========================================*/

 .cc-contact-section {
   position: relative;
   padding: 110px 0;
   overflow: hidden;
   background:
     radial-gradient(circle at top left, #fff7f1 0%, transparent 35%),
     radial-gradient(circle at bottom right, #fff4ee 0%, transparent 35%),
     #ffffff;
 }

 .cc-contact-wrapper {
   width: 92%;
   max-width: 1380px;
   margin: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 70px;
 }

 /*=============================
LEFT
=============================*/

 .cc-contact-left {
   flex: 1;
   position: relative;
   z-index: 2;
 }

 .cc-contact-subtitle {
   display: inline-flex;
   align-items: center;
   gap: 15px;
   font-size: 18px;
   font-weight: 600;
   letter-spacing: 2px;
   color: #c47d42;
   text-transform: uppercase;
   margin-bottom: 18px;
 }

 .cc-contact-subtitle span {
   width: 45px;
   height: 2px;
   background: #c47d42;
 }

 .cc-contact-title {
   font-size: 54px;
   line-height: 1.15;
   font-weight: 800;
   color: #1d1d1d;
   margin-bottom: 22px;
 }

 .cc-contact-title span {
   color: #d46b2d;
   display: block;
 }

 .cc-contact-description {
   font-size: 18px;
   line-height: 33px;
   color: #666;
   max-width: 620px;
   margin-bottom: 45px;
 }

 /*=============================
FORM
=============================*/

 .cc-contact-form {
   width: 100%;
 }

 .cc-contact-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 22px;
 }

 .cc-contact-field {
   margin-bottom: 22px;
   position: relative;
 }

 .cc-contact-field input,
 .cc-contact-field textarea {
   width: 100%;
   border: 2px solid #edd6c7;
   background: #fff;
   border-radius: 18px;
   padding: 18px 22px;
   font-size: 16px;
   font-weight: 500;
   color: #333;
   transition: .35s;
   outline: none;
   resize: none;
   box-shadow: 0 8px 25px rgba(0, 0, 0, .04);
 }

 .cc-contact-field textarea {
   min-height: 180px;
 }

 .cc-contact-field input::placeholder,
 .cc-contact-field textarea::placeholder {
   color: #9a9a9a;
 }

 .cc-contact-field input:focus,
 .cc-contact-field textarea:focus {

   border-color: #d46b2d;

   box-shadow:
     0 0 0 5px rgba(212, 107, 45, .12),
     0 20px 40px rgba(212, 107, 45, .12);

   transform: translateY(-2px);
 }

 /*==========================
BUTTON
==========================*/

 .cc-contact-btn {

   display: inline-flex;
   align-items: center;
   gap: 15px;

   border: none;
   cursor: pointer;

   padding: 18px 40px;

   border-radius: 60px;

   background: linear-gradient(135deg, #d46b2d, #f08b45);

   color: #fff;

   font-size: 17px;
   font-weight: 700;

   transition: .4s;

   overflow: hidden;

   position: relative;
 }

 .cc-contact-btn span {
   position: relative;
   z-index: 2;
 }

 .cc-contact-btn svg {
   width: 22px;
   height: 22px;
   position: relative;
   z-index: 2;
   transition: .35s;
 }

 .cc-contact-btn::before {

   content: '';

   position: absolute;

   left: -100%;

   top: 0;

   width: 100%;

   height: 100%;

   background: rgba(255, 255, 255, .22);

   transform: skewX(-25deg);

   transition: .6s;
 }

 .cc-contact-btn:hover::before {
   left: 120%;
 }

 .cc-contact-btn:hover {

   transform: translateY(-6px);

   box-shadow: 0 18px 45px rgba(212, 107, 45, .35);
 }

 .cc-contact-btn:hover svg {
   transform: translateX(8px);
 }

 /*=============================
RIGHT
=============================*/

 .cc-contact-right {
   flex: 1;
 }

 .cc-contact-image-box {

   position: relative;

   border-radius: 40px;

   overflow: hidden;

   box-shadow:
     0 35px 70px rgba(0, 0, 0, .15);

   background: #fff;
 }

 .cc-contact-image-box img {

   width: 100%;

   display: block;

   transition: .7s;
 }

 .cc-contact-image-box:hover img {
   transform: scale(1.08);
 }

 /*=============================
BADGE
=============================*/

 .cc-contact-badge {

   position: absolute;

   top: 25px;

   left: 25px;

   background: #ffffff;

   padding: 12px 22px;

   border-radius: 50px;

   font-weight: 700;

   color: #d46b2d;

   z-index: 5;

   box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
 }

 /*=============================
FLOATING CARD
=============================*/

 .cc-contact-floating-card {

   position: absolute;

   display: flex;

   align-items: center;

   gap: 14px;

   background: rgba(255, 255, 255, .95);

   backdrop-filter: blur(18px);

   padding: 18px 20px;

   border-radius: 18px;

   box-shadow: 0 20px 50px rgba(0, 0, 0, .12);

   transition: .35s;
 }

 .cc-contact-floating-card:hover {
   transform: translateY(-8px);
 }

 .cc-contact-card-one {

   left: 30px;

   bottom: 80px;
 }

 .cc-contact-card-two {

   right: 20px;

   top: 65%;
 }

 .cc-contact-icon {

   width: 55px;

   height: 55px;

   border-radius: 50%;

   background: linear-gradient(135deg, #d46b2d, #f59b58);

   display: flex;

   align-items: center;

   justify-content: center;

   color: #fff;

   font-size: 24px;
 }

 .cc-contact-floating-card h5 {

   margin: 0;

   font-size: 18px;

   color: #222;
 }

 .cc-contact-floating-card p {

   margin: 3px 0 0;

   color: #777;

   font-size: 14px;
 }

 /*==========================
BACKGROUND BLUR
==========================*/

 .cc-contact-blur {

   position: absolute;

   border-radius: 50%;

   filter: blur(120px);

   z-index: 0;
 }

 .cc-contact-blur-one {

   width: 320px;

   height: 320px;

   background: #ffe3d0;

   top: -80px;

   left: -100px;
 }

 .cc-contact-blur-two {

   width: 350px;

   height: 350px;

   background: #fff0df;

   bottom: -120px;

   right: -120px;
 }

 /*=========================================
        PREMIUM ANIMATIONS
=========================================*/

 @keyframes ccFloatOne {

   0% {
     transform: translateY(0px);
   }

   50% {
     transform: translateY(-18px);
   }

   100% {
     transform: translateY(0px);
   }

 }

 @keyframes ccFloatTwo {

   0% {
     transform: translateY(0px);
   }

   50% {
     transform: translateY(15px);
   }

   100% {
     transform: translateY(0px);
   }

 }

 @keyframes ccPulse {

   0% {
     transform: scale(1);
   }

   50% {
     transform: scale(1.05);
   }

   100% {
     transform: scale(1);
   }

 }

 @keyframes ccFadeUp {

   from {

     opacity: 1;

     transform: translateY(70px);

   }

   to {

     opacity: 1;

     transform: translateY(0);

   }

 }

 /*=============================
IMAGE ANIMATION
=============================*/

 .cc-contact-image-box {

   animation: ccFloatOne 7s ease-in-out infinite;

 }

 .cc-contact-card-one {

   animation: ccFloatTwo 4s ease-in-out infinite;

 }

 .cc-contact-card-two {

   animation: ccFloatOne 5s ease-in-out infinite;

 }

 .cc-contact-badge {

   animation: ccPulse 3s infinite;

 }

 /*=============================
SECTION REVEAL
=============================*/

 .cc-contact-left,
 .cc-contact-right {

   opacity: 1;

   transform: translateY(70px);

   transition: 1s ease;

 }

 .cc-contact-show {

   opacity: 1 !important;

   transform: translateY(0) !important;

 }

 /*=============================
INPUT HOVER
=============================*/

 .cc-contact-field:hover input,
 .cc-contact-field:hover textarea {

   border-color: #d46b2d;

 }

 /*=============================
SCROLL BAR
=============================*/

 .cc-contact-field textarea::-webkit-scrollbar {

   width: 7px;

 }

 .cc-contact-field textarea::-webkit-scrollbar-thumb {

   background: #d46b2d;

   border-radius: 20px;

 }

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

 @media(max-width:1400px) {

   .cc-contact-wrapper {

     width: 94%;

   }

   .cc-contact-title {

     font-size: 48px;

   }

 }

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

 @media(max-width:1200px) {

   .cc-contact-wrapper {

     gap: 45px;

   }

   .cc-contact-title {

     font-size: 42px;

   }

   .cc-contact-description {

     font-size: 17px;

     line-height: 30px;

   }

   .cc-contact-card-one {

     left: 15px;

   }

   .cc-contact-card-two {

     right: 15px;

   }

 }

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

 @media(max-width:991px) {

   .cc-contact-section {

     padding: 90px 0;

   }

   .cc-contact-wrapper {

     flex-direction: column;

   }

   .cc-contact-left {

     width: 100%;

     order: 1;

   }

   .cc-contact-right {

     width: 100%;

     order: 2;

   }

   .cc-contact-title {

     font-size: 38px;

   }

   .cc-contact-description {

     max-width: 100%;

   }

   .cc-contact-image-box {

     margin-top: 40px;

     border-radius: 30px;

   }

   .cc-contact-card-one {

     bottom: 25px;

     left: 20px;

   }

   .cc-contact-card-two {

     top: auto;

     bottom: 25px;

     right: 20px;

   }

 }

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

 @media(max-width:767px) {

   .cc-contact-section {

     padding: 70px 0;

   }

   .cc-contact-wrapper {

     width: 92%;

     gap: 35px;

   }

   .cc-contact-subtitle {

     font-size: 14px;

     letter-spacing: 1px;

   }

   .cc-contact-subtitle span {

     width: 30px;

   }

   .cc-contact-title {

     font-size: 30px;

     line-height: 1.3;

   }

   .cc-contact-description {

     font-size: 15px;

     line-height: 28px;

     margin-bottom: 30px;

   }

   .cc-contact-grid {

     grid-template-columns: 1fr;

     gap: 0;

   }

   .cc-contact-field {

     margin-bottom: 18px;

   }

   .cc-contact-field input,
   .cc-contact-field textarea {

     border-radius: 15px;

     padding: 16px 18px;

     font-size: 15px;

   }

   .cc-contact-field textarea {

     min-height: 150px;

   }

   .cc-contact-btn {

     width: 100%;

     justify-content: center;

     padding: 17px;

     font-size: 16px;

   }

   .cc-contact-image-box {

     border-radius: 25px;

   }

   .cc-contact-badge {

     left: 15px;

     top: 15px;

     font-size: 13px;

     padding: 10px 16px;

   }

   .cc-contact-floating-card {

     position: relative;

     left: auto;

     right: auto;

     top: auto;

     bottom: auto;

     width: 100%;

     margin-top: 18px;

     border-radius: 15px;

   }

   .cc-contact-card-one {

     margin-top: 20px;

   }

   .cc-contact-card-two {

     margin-top: 15px;

   }

 }

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

 @media(max-width:480px) {

   .cc-contact-section {

     padding: 60px 0;

   }

   .cc-contact-wrapper {

     width: 94%;

   }

   .cc-contact-title {

     font-size: 26px;

   }

   .cc-contact-description {

     font-size: 14px;

     line-height: 25px;

   }

   .cc-contact-field input,
   .cc-contact-field textarea {

     padding: 15px;

   }

   .cc-contact-btn {

     font-size: 15px;

     border-radius: 50px;

   }

   .cc-contact-image-box {

     border-radius: 20px;

   }

   .cc-contact-badge {

     position: static;

     display: inline-block;

     margin: 15px;

   }

   .cc-contact-icon {

     width: 48px;

     height: 48px;

     font-size: 20px;

   }

   .cc-contact-floating-card h5 {

     font-size: 16px;

   }

   .cc-contact-floating-card p {

     font-size: 13px;

   }

 }


 /*==============================
SECTION
==============================*/

 .amaki-combo-section {

   position: relative;
   padding: 90px 20px;
   background:
     linear-gradient(rgba(255, 255, 255, .88), rgba(255, 255, 255, .94)),
     url("../images/bg.jpg") center/cover no-repeat;

   overflow: hidden;

 }

 /*==============================
BACKGROUND GLOW
==============================*/

 .combo-bg-circle {

   position: absolute;
   border-radius: 50%;
   filter: blur(120px);
   opacity: .25;
   pointer-events: none;

 }

 .combo-bg-circle-1 {

   width: 380px;
   height: 380px;
   background: #ff2a2a;

   top: -120px;
   left: -100px;

 }

 .combo-bg-circle-2 {

   width: 450px;
   height: 450px;
   background: #b8860b;

   bottom: -180px;
   right: -150px;

 }

 /*==============================
WRAPPER
==============================*/

 .combo-wrapper {

   max-width: 1450px;
   margin: auto;
   position: relative;
   z-index: 2;

 }

 /*==============================
TITLE
==============================*/

 .combo-title {

   text-align: center;
   margin-bottom: 70px;

 }

 .combo-subtitle {

   display: inline-block;

   font-size: 14px;

   letter-spacing: 6px;

   color: #c9a24d;

   text-transform: uppercase;

   margin-bottom: 15px;

 }

 .combo-title h2 {

   font-family: 'Cinzel', serif;

   font-size: 60px;

   font-weight: 700;

   line-height: 1.2;

   color: #f6d28b;

   text-transform: uppercase;

   text-shadow:

     0 0 15px rgba(255, 183, 0, .35);

 }

 .combo-title p {

   margin-top: 15px;

   font-size: 18px;

   color: #333;

   letter-spacing: 1px;

 }

 /*==============================
GRID
==============================*/

 .combo-grid {

   display: grid;

   grid-template-columns:

     repeat(4, 1fr);

   gap: 28px;

 }

 /*==============================
CARD
==============================*/

 .combo-card {

   position: relative;

   background:

     linear-gradient(180deg,

       rgba(255, 255, 255, .95),

       rgba(255, 255, 255, .95));

   border: 2px solid rgba(205, 48, 48, .55);

   border-radius: 24px;

   padding: 35px 25px 25px;

   overflow: hidden;

   transition: .45s ease;

   box-shadow:

     0 12px 35px rgba(0, 0, 0, .45);

 }

 /* top shine */

 .combo-card::before {

   content: "";

   position: absolute;

   top: 0;
   left: -120%;

   width: 70%;
   height: 100%;

   background:

     linear-gradient(90deg,

       transparent,

       rgba(255, 255, 255, .18),

       transparent);

   transform: skewX(-25deg);

   transition: 1s;

 }

 .combo-card:hover::before {

   left: 150%;

 }

 .combo-card:hover {

   transform: translateY(-12px);

   border-color: #ffca55;

   box-shadow:

     0 20px 60px rgba(255, 160, 0, .18),

     0 0 25px rgba(255, 60, 60, .22);

 }

 /*==============================
ICON
==============================*/

 .combo-icon {

   width: 74px;
   height: 74px;

   margin: auto;

   border-radius: 50%;

   display: flex;

   align-items: center;

   justify-content: center;

   font-size: 28px;

   color: #fff;

   margin-bottom: 18px;

   border: 3px solid rgba(255, 255, 255, .15);

 }

 .combo-icon.veg {

   background: #2e8b57;

 }

 .combo-icon.nonveg {

   background: #8b1f1f;

 }

 .combo-icon.beer {

   background: #d58a00;

 }

 .combo-icon.wine {

   background: #7c1733;

 }

 /*==============================
HEADING
==============================*/

 .combo-card h3 {

   font-family: 'Cinzel', serif;

   text-align: center;

   font-size: 25px;

   font-weight: 700;

   margin-bottom: 18px;

   color: #000;

   text-transform: uppercase;

   min-height: 65px;

 }

 /*==============================
PRICE
==============================*/

 .combo-price {

   text-align: center;

   font-size: 46px;

   font-weight: 700;

   color: #ff5938;

   margin-bottom: 28px;

   text-shadow:

     0 0 15px rgba(255, 85, 55, .4);

 }

 /*==============================
LIST
==============================*/

 .combo-card ul {

   list-style: none;

   margin-bottom: 28px;

 }

 .combo-card ul li {

   display: flex;

   align-items: center;

   gap: 12px;

   padding: 9px 0;

   font-size: 16px;

   border-bottom:

     1px dashed rgba(255, 255, 255, .08);

   color: #333;

 }

 .combo-card ul li:last-child {

   border: none;

 }

 .combo-card ul li i {

   color: #ff4b2b;

   font-size: 15px;

 }

 /*==============================
IMAGE
==============================*/

 .combo-image {

   text-align: center;

   margin-top: 20px;

 }

 .combo-image img {

   width: 100%;

   max-width: 230px;

   transition: .45s;

   filter:

     drop-shadow(0 20px 30px rgba(0, 0, 0, .6));

 }

 .combo-card:hover .combo-image img {

   transform:

     scale(1.08) translateY(-8px);

 }

 /*==============================
FEATURED
==============================*/

 .featured-card {

   border-color: #d7a236;

   box-shadow:

     0 0 35px rgba(215, 162, 54, .20);

 }

 .upgrade {

   margin-top: 20px;

   background: #b71c1c;

   color: #fff;

   padding: 12px;

   font-weight: 600;

   text-align: center;

   border-radius: 40px;

   letter-spacing: 1px;

 }


 /*=====================================
TERMS & CONDITIONS
======================================*/

 .combo-terms {

   margin-top: 90px;

   padding: 50px 35px;

   border: 2px solid rgba(198, 45, 45, .45);

   border-radius: 30px;

   background:

     linear-gradient(180deg,

       rgba(255, 255, 255, .95),

       rgba(255, 255, 255, .96));

   box-shadow:

     0 15px 40px rgba(0, 0, 0, .45);

 }

 .combo-terms h2 {

   font-family: 'Cinzel', serif;

   font-size: 42px;

   text-align: center;

   margin-bottom: 45px;

   color: #f5cb7b;

   letter-spacing: 2px;

   text-transform: uppercase;

 }

 .terms-grid {

   display: grid;

   grid-template-columns: repeat(5, 1fr);

   gap: 25px;

 }

 .term-box {

   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

   background:

     rgba(200, 200, 200, .03);

   border: 1px solid rgba(0, 0, 0, .5);

   border-radius: 18px;

   padding: 30px 18px;

   text-align: center;

   transition: .35s;

 }

 .term-box:hover {

   transform: translateY(-10px);

   border-color: #d4a24d;

   background:

     rgba(255, 255, 255, .05);

   box-shadow:

     0 12px 25px rgba(0, 0, 0, .35);

 }

 .term-box i {

   width: 70px;

   height: 70px;

   margin: auto;

   display: flex;

   align-items: center;

   justify-content: center;

   border-radius: 50%;

   font-size: 28px;

   color: #ffbe44;

   border: 2px solid rgba(255, 190, 68, .35);

   margin-bottom: 18px;

 }

 .term-box p {

   font-size: 15px;

   line-height: 28px;

   color: #666;

 }

 /*=====================================
FOOTER
======================================*/

 .combo-footer {

   margin-top: 45px;

   padding-top: 30px;

   border-top: 1px solid rgba(255, 255, 255, .08);

   text-align: center;

   font-family: 'Cinzel', serif;

   font-size: 24px;

   letter-spacing: 3px;

   color: #d9b167;

   text-transform: uppercase;

 }

 /*=====================================
SCROLL ANIMATION
======================================*/

 .combo-card {

   opacity: 0;

   transform: translateY(60px);

   animation: comboFade .8s forwards;

 }

 .combo-card:nth-child(1) {
   animation-delay: .1s;
 }

 .combo-card:nth-child(2) {
   animation-delay: .2s;
 }

 .combo-card:nth-child(3) {
   animation-delay: .3s;
 }

 .combo-card:nth-child(4) {
   animation-delay: .4s;
 }

 .combo-card:nth-child(5) {
   animation-delay: .5s;
 }

 .combo-card:nth-child(6) {
   animation-delay: .6s;
 }

 .combo-card:nth-child(7) {
   animation-delay: .7s;
 }

 @keyframes comboFade {

   100% {

     opacity: 1;

     transform: translateY(0);

   }

 }

 @keyframes floating {

   0% {

     transform: translateY(0px);

   }

   50% {

     transform: translateY(-8px);

   }

   100% {

     transform: translateY(0px);

   }

 }

 .combo-image img {

   animation: floating 4s ease-in-out infinite;

 }

 /*=====================================
TITLE GLOW
======================================*/

 .combo-title h2 {

   animation: titleGlow 2s infinite alternate;

 }

 @keyframes titleGlow {

   from {

     text-shadow:

       0 0 8px rgba(255, 180, 0, .25);

   }

   to {

     text-shadow:

       0 0 35px rgba(255, 190, 0, .55);

   }

 }

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

 @media(max-width:1200px) {

   .combo-grid {

     grid-template-columns: repeat(2, 1fr);

   }

   .terms-grid {

     grid-template-columns: repeat(3, 1fr);

   }

   .combo-title h2 {

     font-size: 50px;

   }

 }

 @media(max-width:768px) {

   .amaki-combo-section {

     padding: 70px 18px;

   }

   .combo-title h2 {

     font-size: 38px;

   }

   .combo-title p {

     font-size: 16px;

   }

   .combo-grid {

     grid-template-columns: 1fr;

     gap: 25px;

   }

   .combo-card {

     padding: 30px 20px;

   }

   .combo-card h3 {

     font-size: 22px;

     min-height: auto;

   }

   .combo-price {

     font-size: 40px;

   }

   .combo-image img {

     max-width: 200px;

   }

   .combo-terms {

     padding: 35px 20px;

   }

   .combo-terms h2 {

     font-size: 30px;

   }

   .terms-grid {

     grid-template-columns: 1fr;

   }

   .combo-footer {

     font-size: 18px;

     letter-spacing: 2px;

     line-height: 34px;

   }

 }

 @media(max-width:480px) {

   .combo-title h2 {

     font-size: 32px;

   }

   .combo-subtitle {

     font-size: 12px;

     letter-spacing: 4px;

   }

   .combo-price {

     font-size: 34px;

   }

   .combo-card ul li {

     font-size: 14px;

   }

   .term-box {

     padding: 25px 15px;

   }

   .term-box i {

     width: 60px;

     height: 60px;

     font-size: 22px;

   }

   .combo-footer {

     font-size: 16px;

   }

 }


 .party-section {

   padding: 100px 8%;
   background: #fff;
   position: relative;
   overflow: hidden;

 }

 .party-section::before {

   content: "";
   width: 450px;
   height: 450px;
   background: #ffe6d6;
   position: absolute;
   top: -180px;
   left: -120px;
   border-radius: 50%;
   filter: blur(120px);

 }

 .party-heading {

   text-align: center;
   max-width: 700px;
   margin: auto auto 70px;

 }

 .party-heading h6 {

   color: #d97706;
   letter-spacing: 3px;
   font-size: 14px;
   margin-bottom: 15px;

 }

 .party-heading h2 {

   font-size: 50px;
   font-weight: 800;
   color: #111;

 }

 .party-heading p {

   font-size: 18px;
   color: #777;
   margin-top: 15px;
   line-height: 1.8;

 }

 .party-wrapper {

   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
   gap: 40px;

 }

 .party-card {

   background: #fff;
   border-radius: 25px;
   overflow: hidden;
   box-shadow: 0 25px 80px rgba(0, 0, 0, .08);
   transition: .45s;
   border: 1px solid #eee;

 }

 .party-card:hover {

   transform: translateY(-12px);

   box-shadow: 0 30px 90px rgba(0, 0, 0, .15);

 }

 .party-image {

   position: relative;
   overflow: hidden;

 }

 .party-image img {

   width: 100%;
   display: block;
   transition: .6s;

 }

 .party-card:hover img {

   transform: scale(1.08);

 }

 .price-tag {

   position: absolute;
   left: 25px;
   bottom: 25px;
   background: #8B1E3F;
   padding: 12px 22px;
   color: #fff;
   font-size: 22px;
   font-weight: 700;
   border-radius: 50px;

 }

 .price-tag small {

   font-size: 13px;
   display: block;

 }

 .party-content {

   padding: 35px;

 }

 .party-content h3 {

   font-size: 30px;
   margin-bottom: 15px;
   color: #111;

 }

 .party-content p {

   color: #666;
   line-height: 1.7;
   margin-bottom: 25px;

 }

 .party-menu {

   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-bottom: 25px;

 }

 .party-menu span {

   background: #FFF6E8;
   padding: 10px 18px;
   border-radius: 40px;
   font-size: 14px;
   font-weight: 600;
   color: #d97706;

 }

 .party-content ul {

   padding-left: 20px;
   margin-bottom: 30px;

 }

 .party-content li {

   margin-bottom: 12px;
   color: #666;

 }

 .party-btn {

   display: inline-block;
   background: #111;
   color: #fff;
   padding: 15px 34px;
   border-radius: 50px;
   font-weight: 700;
   text-decoration: none;
   transition: .4s;

 }

 .party-btn:hover {

   background: #d97706;

 }