/* 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=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: 'Montserrat', 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: 0;
   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: 0;
   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: 0;
     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: 0;
   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: 0;
   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: 0;
   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: 0;
   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: 0;
   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: 0;
   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: #ffffff;
   -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: 0;
   -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: 0;
   -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: 0;
   -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: 0;
 }

 .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: 0;
   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: 0;
   -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: 0;
 }

 .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: 0;
   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: 0;
   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: 0;
   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: 0;
 }

 .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;
   background: #F6F6F6;
 }

 .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: 0;
 }

 .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: 0;
   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: 'Cormorant Garamond', serif;

   font-size: 88px;

   line-height: 1;

   color: #222;

   margin-bottom: 15px;

 }

 .hero-content h3 {

   font-family: 'Cormorant Garamond', 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: 0;
     transform: translateX(-80px);
   }

   to {
     opacity: 1;
     transform: translateX(0);
   }

 }

 @keyframes imageFade {

   from {
     opacity: 0;
     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: 0;

   }

   15% {

     opacity: .7;

   }

   100% {

     transform:
       translateY(110vh) translateX(60px) rotate(360deg);

     opacity: 0;

   }

 }


 /*=========================================
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: 120px 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: Georgia, 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: 0 15px 35px rgba(0, 0, 0, .08); */
   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: 60px;
 }

 .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: 0;
   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;

   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: 'Cormorant Garamond', 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: 'Cormorant Garamond', 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: 0;
     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: 28px;

 }

 .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;

 }

 .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: 0;

   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;

   }

   .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: 100px;
     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;

   }
 }