/*===============================================
Template Name: watch - Luxury Hotel HTML5 Template 
Author:  https://Templatemonstar.net/user/dreamit-solution
Description: Description
Version: 1.0.0
Text Domain:
Tags: agency, consulting, digital agency, digital marketing, digital marketing agency, marketing, marketing agency, media agency, portfolio, seo, seo agency, seo agency theme, seo marketing, smm, social media marketing agency.
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01.  Header Top Menu Area Css
02.  Nav Menu Area Css 
03.  Slider Area Css
04.  Section Title Css
05.  Service Area css
06.  About Area Css
07.  Counter Area Css
08.  Case Study Area Css
09.  Testimonial Area Css
10.  Process Area Css
11.  Team Area Css
12. Faq Area Css
13.  Brand Section Css
14. Call Do Section Css
15.  Form Box Css
16.  Skill Area Css
17.  Blog Area Css
18.  footer Area Css
19.  Subscribe Area Css
20.  Lines CSS
21.  Prossess Ber Css
22.  Scrollup Section
23.  Bounce Animation Css 
24.  Animation Dance
25.  Breadcumb Area Css
26.  abouts_areas Css
27.  Feture-Area Css
28.  Pricing Section Css
29.  Web Development Section CSS
30.  Contact  US Css
31.  Blog Sidber Widget CSS
32.  Case Study Details Css
33.  Search Box Css
34.  Loader Css

=======================*/

/*==============header-main-area-start=====================*/

.watch_nav_manu {
  transition: 0.5s;
  z-index: 9999;
  position: relative;
}

.sticky {
  width: 100%;
}

/* .sticky .watch_menu > ul > li > a {
  color: rgb(255, 255, 255) !important;
} */

/*  Menu Css*/

nav.watch_menu {
  text-align: right;
  position: relative;
  z-index: 1;
  margin-left: 11px;
}

.watch_menu ul {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}

.watch_menu > ul > li {
  display: inline-block;
  position: relative;
  margin-right: 25px;
  z-index: 1;
}

.watch_menu > ul > li > a {
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  padding: 10px 0;
  display: block;
  line-height: 5.143;
  transition: 0.5s;
  color: rgb(17, 17, 17);
  z-index: 9999;
}

.watch_menu > ul > li > a:hover {
  color: rgb(188, 130, 70);
}

nav.watch_menu span {
  font-size: 10px;
  margin-left: 3px;
}

/*Style Two Nav Menu*/

.style-two.watch_nav_manu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.10196078431372549);
}

.style-two .watch_menu > ul > li > a {
  color: rgb(255, 255, 255);
}

/*** Sub Menu Style 
==========================***/

.watch_menu ul .sub-menu {
  position: absolute;
  left: 0;
  top: 130%;
  width: 217px;
  text-align: left;
  border-top: 5px solid rgb(188, 130, 70);
  background-color: rgb(255, 255, 255);
  padding: 0;
  margin: 0;
  z-index: 1;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
}

.watch_menu ul li:hover > .sub-menu {
  visibility: visible;
  top: 100%;
  opacity: 1;
}

.watch_menu ul .sub-menu li {
  position: relative;
}

.watch_menu ul .sub-menu li a {
  text-decoration: none;
  display: block;
  padding: 12px 20px;
  margin: 0;
  line-height: 1.3;
  letter-spacing: normal;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  visibility: inherit !important;
  color: #101210 !important;
}

.watch_menu ul li .sub-menu li a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  background-color: rgb(188, 130, 70);
  z-index: -1;
  transition: 0.5s;
}

.watch_menu ul li .sub-menu li a:hover:before {
  height: 100%;
  top: 0;
}

.watch_menu ul .sub-menu li:hover > a,
.watch_menu ul .sub-menu .sub-menu li:hover > a,
.watch_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,
.watch_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
  color: #fff !important;
  transition: 0.5s;
}

/* sub menu 2 
=================*/

.watch_menu ul .sub-menu .sub-menu {
  left: 100%;
  top: 130%;
  opacity: 0;
  visibility: hidden;
}

.watch_menu ul .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 0%;
}

/* sub menu 3 
==================*/

.watch_menu ul .sub-menu .sub-menu li {
  position: relative;
}

.watch_menu ul .sub-menu .sub-menu .sub-menu {
  right: 100%;
  left: auto;
  top: 130%;
  opacity: 0;
  visibility: hidden;
}

.watch_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 0%;
}

ul.sub-menu li a span {
  background-color: rgb(188, 130, 70);
  padding: 5px 10px;
  color: rgb(255, 255, 255);
  opacity: 1;
  border-radius: 2px;
  margin-left: 5px;
  transition: 0.5s;
}

ul.sub-menu li:hover a span {
  background: rgba(255, 255, 255, 0.2);
}

/* sub menu 4 
====================*/

.watch_menu ul .sub-menu .sub-menu .sub-menu li {
  position: relative;
}

.watch_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 0%;
}

.watch_menu li a:hover:before {
  width: 101%;
}

.watch_nav_manu.sticky .logo_img {
  display: none;
}

.main_sticky {
  display: none;
}

.watch_nav_manu.sticky .main_sticky {
  display: inherit;
}

.mobile-menu.mean-container {
  overflow: hidden;
}

/*--=============curser==============--*/

.curser {
  position: fixed;
  /* mix-blend-mode: difference; */
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border: 1px solid rgb(188, 130, 70);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9999;
  transition: 0.1s;
}

.curser2 {
  position: fixed;
  /* mix-blend-mode: difference; */
  top: 0;
  left: 0;
  width: 5px;
  height: 5px;
  background: rgb(188, 130, 70);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9999;
  transition: 0.15s;
  animation: Ripple 1.6s ease-in-out infinite;
  -webkit-animation: Ripple 1.6s ease-in-out infinite;
  -moz-animation: Ripple 1.6s ease-in-out infinite;
}

/*==========================================
     header-button-Css
=========================================*/

.header-button {
  text-align: right;
}

.login {
  display: inline-block;
}

.login a {
  font-size: 14px;
  position: relative;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 12px 30px;
  color: rgb(255, 255, 255);
  background-color: rgb(188, 130, 70);
  border: 1px solid rgb(188, 130, 70);
  overflow: hidden;
  display: inline-block;
  transition: 0.5s;
  z-index: 1;
}

.login a::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 0;
  border-radius: 4px;
  background-color: rgb(36, 36, 36);
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
}

.section-button {
  display: inline-block;
}

.section-button2 {
  display: inline-block;
}

.section-button2 a {
  font-size: 15px;
  display: inline-block;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  background-color: rgb(188, 130, 70);
  border: 1px solid rgb(188, 130, 70);
  padding: 14px 32px;
  position: relative;
  border-radius: 8px;
  margin-left: 25px;
  transition: 0.5s;
  z-index: 1;
}

.section-button2 a::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: rgb(36, 36, 36);
  height: 100%;
  width: 100%;
  border-radius: 8px;
  transition: 0.5s;
  transform: scale(0);
  z-index: -1;
}

.section-button2 a:hover:before {
  transform: scale(1);
}

.login a:hover:before {
  width: 100%;
  transform: scale(1);
}

/*=============sticky-header-area-end================*/

/*==========================================
     Search Popup Css
=========================================*/

.header-src-btn {
  display: inline-block;
}

.search-box-btn.search-box-outer i {
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
  margin-left: 15px;
  padding: 18px 18px;
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.12);
  color: rgb(36, 36, 36);
  overflow: hidden;
}

.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(
    0.86,
    0,
    0.07,
    1
  ); /* easeInOutQuint */
}

.search-popup {
  width: 100%;
}

.search-active .search-popup {
  transform: translateY(0%);
  margin-top: 0;
}

.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 75%;
  margin: 0 auto;
  margin-top: -200px;
  border-radius: 50%;
  text-align: center;
  background-color: rgb(188, 130, 70);
  width: 70px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid #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;
  opacity: 0;
  visibility: hidden;
  height: 70px;
  line-height: 70px;
  text-align: center;
}

.search-popup .close-search i {
  position: relative;
  font-size: 30px;
  color: #ffffff;
}

.search-active .search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.search-popup form {
  position: absolute;
  max-width: 700px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  transform: scaleX(0);
  transform-origin: center;
  background-color: #111111;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.search-active .search-popup form {
  transform: scaleX(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

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

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: #000000;
  height: 70px;
  width: 100%;
  padding: 10px 30px;
  background-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;
  font-weight: 500;
  text-transform: capitalize;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
  position: absolute;
  right: 30px;
  top: 0px;
  height: 70px;
  line-height: 70px;
  background: transparent;
  text-align: center;
  font-size: 24px;
  color: #000000;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
  color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
  color: #000000;
}

.search-popup .close-search.style-two {
  position: absolute;
  right: 25px;
  left: auto;
  color: #ffffff;
  width: auto;
  height: auto;
  top: 25px;
  margin: 0px;
  border: none;
  background: none !important;
  box-shadow: none !important;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.search-popup .close-search.style-two i {
  font-size: 20px;
  color: #ffffff;
}

/*=============cart-button================*/

.header-cart {
  position: relative;
  display: inline-block;
}

.header-cart i {
  font-size: 16px;
  display: inline-block;
  padding: 18px 18px;
  border-radius: 4px;
  margin-left: 15px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.12);
  color: rgb(36, 36, 36);
  overflow: hidden;
}

/*=============sticky-header-search-end================*/

/*=============start-login-section================*/

.Login_area {
  height: 730px;
  position: relative;
}

.Login_area::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: rgb(188, 130, 70);
}

.bg_shape {
  position: relative;
}

.bg_shape_inner {
  position: absolute;
  content: "";
  left: 0;
  top: 714px;
}

.login_title {
  position: relative;
}

.login_content {
  position: absolute;
  left: 0;
  top: 300px;
}

.login_title_inner h2 {
  color: #fff;
  font-size: 50px;
}

.breatcome_content p {
  color: #fff;
  width: 80%;
}

/* Appointment Css */
.appointment {
  position: relative;
}

.sign-up-form-wrap {
  background: #f4f7fa;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  left: 0;
  top: 130px;
  width: 100%;
}

.form-group.input-group input {
  height: 50px !important;
  margin-bottom: 20px;
}

.form-group.input-group:focus {
  background-color: rgb(188, 130, 70) !important;
  border-color: rgb(188, 130, 70) !important;
}

.form-control:focus {
  border-color: rgb(188, 130, 70) !important;
}

.form-group .btn {
  background: rgb(188, 130, 70);
  color: #fff;
  padding: 10px 0;
  width: 100%;
}

.custom-control-label {
  color: #777777;
}

.custom-control-label a {
  color: rgb(188, 130, 70);
  transition: 0.5s;
}

.custom-control-label a:hover {
  color: #777777;
}

/*=============end-login-section================*/

/*=============start-slide-section================*/

.slider-area {
  background-image: url(../images/home-1/banner_new.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 900px;
  position: relative;
  z-index: -1;
}

.slider-title h1 {
  font-size: 70px;
  color: rgb(36, 36, 36);
  font-weight: bold;
  line-height: 1.143;
  width: 40%;
}

.hero-disc p {
  font-size: 18px;
  color: rgb(17, 17, 17);
  margin: 12px 0 38px;
}

.counter h2 {
  display: inline-block;
}

.section-btn {
  display: inline-block;
  position: relative;
  z-index: 1000000000;
}

.section-btn a {
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  padding: 12px 32px;
  position: relative;
  border: 1px solid rgb(188, 130, 70);
  background-color: rgb(188, 130, 70);
  border-radius: 4px;
  transition: 0.5s;
  z-index: 1;
}

.section-btn a::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgb(17, 17, 17);
  border-radius: 4px;
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
}

.section-btn i {
  display: inline-block;
  margin-left: 5px;
}

.section-button a {
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
  color: rgb(17, 17, 17);
  padding: 12px 32px;
  position: relative;
  border: 1px solid rgb(188, 130, 70);
  background-color: transparent;
  border-radius: 4px;
  transition: 0.5s;
  z-index: 1;
}

.section-button a::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background-color: rgb(17, 17, 17);
  border-radius: 4px;
  transition: 0.5s;
  z-index: -1;
}

.section-button i {
  display: inline-block;
  margin-left: 5px;
}

.hero-contact {
  position: absolute;
  left: -30px;
  top: 50%;
  transform: rotate(-90deg);
}

.hero-contact a {
  font-size: 15px;
  color: rgb(36, 36, 36);
  display: inline-block;
  position: relative;
}

.hero-contact a::before {
  position: absolute;
  content: "";
  top: -14px;
  left: -40px;
  height: 50px;
  width: 5px;
  transform: rotate(90deg);
  border-radius: 1px;
  background-image: -moz-linear-gradient(
    -90deg,
    rgba(187, 157, 123, 0) 0%,
    rgb(188, 130, 70) 100%
  );
  background-image: -webkit-linear-gradient(
    -90deg,
    rgba(187, 157, 123, 0) 0%,
    rgb(188, 130, 70) 100%
  );
  background-image: -ms-linear-gradient(
    -90deg,
    rgba(187, 157, 123, 0) 0%,
    rgb(188, 130, 70) 100%
  );
}

.hero-contact a::after {
  position: absolute;
  content: "";
  top: -14px;
  left: 195px;
  height: 50px;
  width: 5px;
  transform: rotate(270deg);
  border-radius: 1px;
  background-image: -moz-linear-gradient(
    -90deg,
    rgba(187, 157, 123, 0) 0%,
    rgb(188, 130, 70) 100%
  );
  background-image: -webkit-linear-gradient(
    -90deg,
    rgba(187, 157, 123, 0) 0%,
    rgb(188, 130, 70) 100%
  );
  background-image: -ms-linear-gradient(
    -90deg,
    rgba(187, 157, 123, 0) 0%,
    rgb(188, 130, 70) 100%
  );
}

.number h2 {
  display: inline-block;
  margin-top: 70px;
}

.all-shape {
  position: relative;
}

.slide-shape {
  position: absolute;
  bottom: 520px;
  left: -90px;
  animation: LeftToRight 3s linear infinite;
}

.hero-shape {
  position: absolute;
  top: -100px;
  left: 120px;
}

.bounce-animate {
  animation-name: float-bob;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes LeftToRight {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes float-bob {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

.hero-slide .owl-item.active .hero-title h1 {
  animation: fadeInDownBig ease 2s;
}

.hero-slide .owl-item.active .slider-title p {
  animation: fadeInUpBig ease 2s;
}

.hero-content {
  margin-top: 80px;
}

.hero-content p {
  font-size: 16px;
  position: relative;
  width: 80%;
}

.hero-content p::before {
  position: absolute;
  content: "";
  top: 0;
  left: -30px;
  height: 80px;
  width: 1px;
  background-color: rgb(188, 130, 70);
}

.hero-button a:hover:before {
  width: 100%;
  left: 0;
}

.section-button a:hover:before {
  width: 100%;
  left: 0;
}

.section-button a:hover {
  color: rgb(255, 255, 255);
}

.slider-button a:hover:before {
  width: 100%;
  left: 0;
}

/*slider dots Number*/

.hero-slide .owl-nav {
  text-align: right;
  position: relative;
  top: -12em;
  right: 60px;
}

.hero-slide .owl-prev {
  position: relative;
  top: -18px;
  font-size: 18px;
  color: rgb(188, 130, 70);
}

.hero-slide .owl-next {
  position: relative;
  top: 0px;
  font-size: 18px;
  color: rgb(188, 130, 70);
}

.slider-counter {
  text-align: right;
  top: -15rem;
  right: 24px;
  position: relative;
  z-index: 1;
  color: rgb(188, 130, 70);
  padding: 0 30px 2px 0;
  font-size: 18px;
}

.slider-counter:before {
  content: "";
  position: absolute;
  right: 16px;
  top: -1px;
  width: 57px;
  height: 27px;
  border: 1px solid rgb(188, 130, 70);
  border-radius: 30px;
}

.section-btn a:hover:before {
  width: 100%;
  transform: scale(1);
}

/*=============end-slide-section================*/

/*=============start-feature-section================*/

.feature-section {
  position: relative;
  padding: 0px 0 60px;
}

.section-title h2 {
  font-size: 45px;
  margin-bottom: 50px;
}

.feature-box {
  position: relative;
  text-align: center;
  padding: 30px 0;
  border-radius: 4px;
  margin-bottom: 30px;
  transition: 0.5s;
}

.feature-box::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-image: url(../images/home-1/fea-sha.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.2;
  border-radius: 4px;
  transition: 0.5s;
}

.sel-content {
  position: absolute;
  bottom: 35px;
  left: 25px;
  transition: 0.5s;
}

.sel-content h4 a {
  font-size: 20px;
  color: rgb(36, 36, 36);
  text-decoration: underline;
  margin: 0;
  display: inline-block;
  transition: 0.5s;
}

.feature-button {
  position: absolute;
  bottom: 0px;
  left: 25px;
  opacity: 0;
  transition: 0.5s;
}

.feature-button a {
  font-size: 16px;
  display: inline-block;
  color: rgb(36, 36, 36);
}

.feature-button i {
  position: absolute;
  top: 2px;
  margin-left: 3px;
  display: inline-block;
}

.feature-box:hover .feature-button {
  opacity: 1;
  bottom: 35px;
}

.feature-box:hover .sel-content {
  bottom: 80px;
}

.feature-box:hover:before {
  opacity: 1;
  transition: 0.5s;
}

/*=============end-fature-section================*/

/*===========start-service-section===============*/

.service-section {
  background-image: url(../images/home-1/ser-bg1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0 70px;
}

.service-item {
  position: relative;
  padding: 20px 20px 33px 90px;
  border: 1px solid rgb(239 219 199);
  margin-bottom: 30px;
  border-radius: 4px;
  transition: 0.5s;
}

.service-section .section-title::before {
  position: absolute;
  content: "";
  top: 15px;
  left: 0;
  background-color: rgb(188, 130, 70);
  width: 5px;
  height: 80%;
  opacity: 0;
  transition: 0.5s;
}

.section-title h4 a {
  font-size: 22px;
  color: rgb(1, 17, 17);
  display: inline-block;
  margin: 0;
}

.section-title p {
  font-size: 16px;
  color: rgb(105, 104, 102);
  margin: 12px 0 0;
}

.section-title h4 a:hover {
  color: rgb(188, 130, 70);
}

.service-item:hover {
  border: 1px solid rgb(188, 130, 70);
}

.service-item:hover .section-title::before {
  opacity: 1;
  transition: 0.5s;
}

/*===========end-service-section===============*/

/*===========start-about-section===============*/
.about-section {
  position: relative;
  background-color: rgb(246, 246, 246);
  padding: 90px 0 80px;
}

.about-section .section-title h2 {
  width: 80%;
  font-weight: 600;
  line-height: 1.19;
  margin: 0;
}

.about-section .section-title p {
  font-size: 16px;
  color: rgb(105, 104, 102);
  width: 80%;
  margin: 15px 0 35px;
}

.ab-thumb img {
  width: 100%;
}

.video-btn {
  position: absolute;
  top: 250px;
  right: 385px;
}

.video-btn i {
  font-size: 18px;
  display: inline-block;
  border-radius: 50%;
  color: rgb(255, 255, 255);
  background-color: rgb(188, 130, 70);
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  animation: ripple-red 1s linear infinite;
}

@-webkit-keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(239 219 199), 0 0 0 10px rgb(239 219 199),
      0 0 0 20px rgb(239 219 199);
    box-shadow: 0 0 0 0 rgb(239 219 199), 0 0 0 10px rgb(239 219 199),
      0 0 0 20px rgb(239 219 199);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgb(239 219 199), 0 0 0 20px rgb(239 219 199),
      0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgb(239 219 199), 0 0 0 20px rgb(239 219 199),
      0 0 0 30px rgba(212, 90, 219, 0);
  }
}

@keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(231, 177, 124),
      0 0 0 10px rgb(231, 177, 124), 0 0 0 20px rgb(231, 177, 124);
    box-shadow: 0 0 0 0 rgb(231, 177, 124), 0 0 0 10px rgb(231, 177, 124),
      0 0 0 20px rgb(231, 177, 124);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgb(231, 177, 124),
      0 0 0 20px rgb(231, 177, 124), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgb(231, 177, 124), 0 0 0 20px rgb(231, 177, 124),
      0 0 0 30px rgba(212, 90, 219, 0);
  }
}

/*===========end-about-section===============*/

/*===========start-feature-two-section===============*/

.feature-two-section {
  padding: 80px 0 40px;
}

.feature-single-box {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
  z-index: 1;
  transition: 0.5s;
}

.feature-single-box::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background-color: rgb(248, 247, 246);
  z-index: -1;
  transition: 0.5s;
}

.fea-thumb {
  background-color: rgb(248, 247, 246);
  padding: 35px 0;
}

.fea-comition {
  position: absolute;
  top: 30px;
  left: 15px;
}

.fea-comition span {
  font-size: 14px;
  display: inline-block;
  color: rgb(255, 255, 255);
  background-color: rgb(188, 130, 70);
  padding: 0 12px;
}

.fea-content {
  margin-top: 55px;
}

.fea-content p {
  font-size: 12px;
  margin: 0;
}

.fea-content h6 {
  font-size: 14px;
  margin: 6px 0 2px;
}

.fea-rating ul li {
  display: inline-block;
  font-size: 8px;
  color: rgb(188, 130, 70);
  margin-bottom: 30px;
}

.button {
  position: absolute;
  bottom: 0px;
  right: 20px;
  opacity: 0;
  transition: 0.5s;
}

.button ul li i {
  font-size: 16px;
  display: inline-block;
  color: rgb(255, 255, 255);
  background-color: rgb(1, 17, 17);
  padding: 5px 10px;
  margin-bottom: 5px;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.5s;
}

.feature-single-box:hover .button {
  opacity: 1;
  bottom: 180px;
}

.button ul li i:hover {
  background-color: rgb(188, 130, 70);
}

/*===========end-feature-two-section===============*/

/*=============start-fatures-section================*/

.features-section {
  padding: 60px 0 75px;
}

.features-box {
  position: relative;
}

.feature-inner-box {
  text-align: center;
  border-radius: 5px;
  padding: 50px 0 50px;
  background-color: rgb(248, 247, 246);
  transition: 0.5s;
  transform: rotateX(0deg);
  z-index: 1;
  margin-bottom: 30px;
}

.feature-thumb img {
  width: 100%;
  border-radius: 5px;
}

.sel-comition span {
  font-size: 20px;
  display: inline-block;
  color: rgb(188, 130, 70);
  padding: 0px 12px;
  position: absolute;
  top: 30px;
  left: 10px;
}

.sels-content h4 {
  font-size: 16px;
  margin: 55px 0 8px;
  color: rgb(36, 36, 36);
  text-transform: uppercase;
  transition: 0.5s;
}

.sels-content p {
  font-size: 16px;
  margin: 0 0 6px;
}

.sel-rating ul li {
  display: inline-block;
}

.sel-rating ul li i {
  font-size: 13px;
  display: inline-block;
  transition: 0.5s;
  color: rgb(188, 130, 70);
}

.feature-out-box {
  position: absolute;
  text-align: center;
  margin-bottom: 30px;
  border-radius: 5px;
  transform: rotateX(180deg);
  top: 0;
  transition: 0.5s;
  opacity: 0;
}

.sel-button {
  position: absolute;
  top: 480px;
  left: 0px;
  right: 0;
}

.styles span {
  font-size: 25px;
  background: transparent;
}

.sel-button a {
  font-size: 14px;
  display: inline-block;
  padding: 10px 20px;
  transition: 0.5s;
  border-radius: 5px;
  color: rgb(248, 248, 248);
  background-color: rgb(188, 130, 70);
  border: 1px solid rgb(188, 130, 70);
}

.sel-button a:hover {
  color: rgb(36, 36, 36);
  background-color: rgb(248, 248, 248);
  transition: 0.5s;
}

.features-box:hover .feature-inner-box {
  transform: rotateX(-180deg);
  opacity: 0;
}

.features-box:hover .feature-out-box {
  opacity: 1;
  transform: rotateX(0deg);
}

/*=============end-fatures-section================*/

/*=============start-testi-section================*/
.testimonial-section {
  background-color: rgb(210, 210, 210);
  padding: 60px 60px;
}

.single-testimonial {
  text-align: center;
  position: relative;
}

.testimonial-icon {
  text-align: -webkit-center;
}

.testimonial-disc p {
  font-size: 24px;
  color: rgb(17, 17, 17);
  line-height: 1.583;
  width: 80%;
  margin: 35px auto 30px;
}

.testimonial-content h4 {
  font-size: 20px;
  color: rgb(17, 17, 17);
}

.testimonial-content p {
  font-size: 16px;
  color: rgb(105, 104, 102);
  margin-top: 8px;
}

.testimonial-section .owl-dots {
  position: absolute;
  left: 46%;
  top: 300px;
  border-radius: 100%;
  transition: 0.5s;
  display: none;
}

.testimonial-section .owl-dot {
  height: 70px;
  width: 70px;
  border-radius: 100%;
  display: inline-block;
  margin: 0 5px;
  background-image: url(../images/home-1/tes-pro.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: 0.5s;
  z-index: 1;
}

.testimonial-section .owl-dot.active {
  width: 80px;
  height: 80px;
  transition: 0.5s;
}

/*=============end-testi-section================*/

/*=============start-fature-three-section================*/
.fea-single-box {
  position: relative;
  margin-bottom: 30px;
  transition: 0.5s;
}

.fea-single-box::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: rgb(17, 17, 17);
  height: 100%;
  width: 100%;
  transform: scale(0);
  transition: 0.5s;
}

.feat-thumb img {
  width: 100%;
}

.fea-button a i {
  font-size: 35px;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  transform: translate(50%, -50%);
  color: rgb(255, 255, 255);
  opacity: 0;
  transition: 0.5s;
}

.fea-single-box:hover .fea-button a i {
  bottom: 50%;
  opacity: 1;
  transition: 0.5s;
}

.fea-single-box:hover:before {
  transform: scale(1);
  opacity: 0.302;
}

/*=============end-fature-three-section================*/

/* ============start footer-Area Css=============== */

.footer-area {
  position: relative;
  background-color: rgb(248, 247, 246);
  padding: 60px 0 35px;
}

.footer-area .section-title h2 {
  font-size: 35px;
  color: rgb(40, 39, 39);
  margin: 0;
}

.subscribe-form input {
  font-size: 15px;
  color: rgb(105, 104, 102);
  outline: 0 !important;
  width: 100%;
  border: 0;
  position: relative;
  background: transparent;
}

.subscribe-form input::placeholder {
  color: rgb(105, 104, 102) !important;
}

.subscribe-form::before {
  position: absolute;
  content: "";
  top: 138px;
  width: 22%;
  height: 1px;
  background-color: rgb(188 188 188);
}

.subscribe-form input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.subscribe button {
  font-size: 15px;
  color: rgb(0, 16, 0);
  border: none;
  position: relative;
  background: none;
}

.subscribe button::before {
  position: absolute;
  content: "";
  top: 27px;
  left: 6px;
  width: 100%;
  height: 1px;
  background-color: rgb(188 188 188);
}

.footer-adress p {
  font-size: 16px;
  color: rgb(40, 39, 39);
  margin: 22px 0 3px;
}

.footer-adress span {
  font-size: 14px;
  color: rgb(105, 104, 102);
}
.footer-adress a {
  font-size: 16px;
}

.footer-adress a:hover {
  color: rgb(188, 130, 70);
}

.footer-help p {
  font-size: 16px;
  color: rgb(40, 39, 39);
  margin: 18px 0 3px;
}

.footer-help span {
  font-size: 14px;
  color: rgb(105, 104, 102);
}

.footer_icon a {
  font-size: 15px;
  color: rgb(40, 39, 39);
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  background-color: rgb(196 196 196);
  margin-right: 2px;
  transition: 0.5s;
  border-radius: 100%;
}

.footer-widget-contact {
  margin-bottom: 30px;
}

.footer-widget-title h4 {
  font-size: 22px;
  position: relative;
  color: rgb(40, 39, 39);
  margin-bottom: 18px;
  z-index: 1;
}

.footer-widget-menu ul li a {
  font-size: 15px;
  display: inline-block;
  position: relative;
  color: rgb(105, 104, 102);
  transition: 0.5s;
  margin-bottom: 12px;
  z-index: 1;
}

.repost-content h5 {
  margin: 0 0 5px;
}

.repost-content h5 a {
  font-size: 15px;
  color: rgb(0, 17, 17);
  display: inline-block;
  width: 80%;
}

span.rcomment {
  font-size: 14px;
  color: rgb(105, 104, 102);
}

.footer-bottom-content h4 {
  font-size: 15px;
  margin-top: 5px;
  color: rgb(40, 39, 39);
  text-align: center;
}
.footer-bottom-content a {
  font-size: 15px;
  font-weight: bold;
}
.footer-bottom-content h4 span {
  color: rgb(188, 130, 70);
}

.footer-widget-content {
  margin-bottom: 30px;
}

.footer-widget-menu ul li span {
  color: rgb(105, 104, 102);
  display: inline-block;
  margin-right: 7px;
}

.footer_icon a:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(188, 130, 70);
}

.footer-widget-menu ul li a:hover {
  color: rgb(188, 130, 70);
}

.footer-widget-menu ul li a:hover:before {
  background-color: rgb(188, 130, 70);
}

/*
<!-- ========================================-->
<!--Start Breadcumb Area-->
<!-- ========================================-->*/

.breadcumb-area {
  background: url(../images/home-1/breadcumb.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 215px 0 135px;
  text-align: center;
}

.breadcumb-title h1 {
  font-size: 40px;
  font-weight: 500;
  color: rgb(255, 255, 255);
}

.breadcumb-content-menu {
  padding-top: 10px;
}

.breadcumb-content-menu ul li {
  display: inline-block;
  list-style: none;
}

.breadcumb-content-menu ul li a {
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 500;
}

.breadcumb-content-menu ul li span {
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 500;
}

/*
<!-- ========================================-->
     <!--Start-inner Area-->
<!-- ========================================-->*/

/*============start-call-do-section====================*/

.call-do-section {
  padding: 100px 0 80px;
}

.single-box {
  background: #fff;
  padding: 32px 0px 8px;
  margin-bottom: 30px;
  text-align: center;
  border: 1px solid rgb(188, 130, 70);
  transition: 0.5s;
  position: relative;
  z-index: 1;
}

.single-box::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: rgb(188, 130, 70);
  z-index: -1;
  transition: 0.5s;
}

.call-do-icon i {
  font-size: 30px;
  color: #ffffff;
  background-color: rgb(188, 130, 70);
  height: 75px;
  width: 75px;
  display: inline-block;
  text-align: center;
  line-height: 75px;
  border-radius: 100%;
  transition: 0.5s;
}

.call-do-content h2 {
  font-size: 22px;
  margin: 25px 0 22px;
  transition: 0.5s;
}

.call-do-content p {
  font-size: 16px;
  color: rgb(97, 97, 97);
  transition: 0.5s;
}

/* Feature Hover CSS */

.single-box:hover::before {
  width: 100%;
  opacity: 0.89;
}

.single-box:hover .call-do-content h2,
.single-box:hover .call-do-content p {
  color: rgb(255, 255, 255);
}

/*============end-call-do-section====================*/

/*============start-form-section====================*/
.subscribes-section {
  padding: 90px 0;
}

.form-box {
  margin-bottom: 20px;
}

.form-box input {
  width: 100%;
  height: 54px;
  border: 1px solid #ced3d9;
  padding: 6px 20px;
  background: #fff;
  border-radius: 5px;
  transition: 0.5s;
  font-weight: 500;
}

.form-box textarea {
  width: 100%;
  padding-left: 20px;
  padding-top: 15px;
  border: 1px solid #ced3d9;
  height: 210px;
  outline: 0;
  transition: 0.5s;
  background: #fff;
  margin-top: 7px;
  border-radius: 5px;
}

.form-button button {
  font-size: 16px;
  color: rgb(40, 39, 39);
  display: inline-block;
  padding: 12px 30px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.form-button button::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgb(188, 130, 70);
  transform: scale(0);
  z-index: -1;
  transition: 0.5s;
}

.form-button button:hover {
  color: rgb(255, 255, 255);
}

.form-button button:hover:before {
  width: 100%;
  transform: scale(1);
  color: rgb(255, 255, 255);
}

/*============end-form-section====================*/

/*============start-team-section====================*/

.team_area {
  padding: 60px 0 70px;
}

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

.single_team {
  margin-bottom: 30px;
  transition: 0.5s;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
}

.single_team_thumb {
  position: relative;
  transition: 0.5s;
  overflow: hidden;
}

/* .single_team_thumb::before {
  position: absolute;
  content: "";
  left: 0;
  top: -30px;
  height: 100%;
  width: 100%;
  background-color: rgb(36, 36, 36);
  overflow: hidden;
  transition: 0.5s;
  border-radius: 5px;
  opacity: 0;
} */

.single_team_thumb img {
  width: 100%;
}

/* .single_team_title {
  position: absolute;
  top: 415px;
  left: 40px;
  opacity: 0;
  transition: 0.5s;
} */

.single_team_title h4 {
  font-size: 22px;
  color: rgb(36, 36, 36);
  margin-top: 5px;
  transition: 0.5s;
  text-align: center;
}

.single_team_title span {
  font-size: 15px;
  text-align: center;
  color: rgb(36, 36, 36);
  transition: 0.5s;
}

.single_team_icon {
  position: absolute;
  content: "";
  left: 33%;
  top: 90%;
  transform: translateX(-35%);
  opacity: 0;
  transition: 0.5s;
  width: 75%;
}

.single_team_icon a {
  font-size: 14px;
  color: rgb(97, 97, 97);
  display: inline-block;
  height: 35px;
  width: 35px;
  margin-right: 5px;
  line-height: 35px;
  border-radius: 2px;
  transition: 0.5s;
  background-color: rgb(255, 255, 255);
  text-align: center;
}

.single_team:hover .single_team_thumb::before {
  top: 0;
  opacity: 0.651;
}

.single_team:hover .single_team_icon {
  opacity: 1;
  top: 80%;
}

.single_team:hover {
  margin: -8px 0;
}

.single_team_icon a:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(188, 130, 70);
}

.single_team:hover .single_team_title {
  opacity: 1;
  top: 78%;
}

/* .single_team:hover .single_team_title h4,
.single_team:hover .single_team_title span {
  color: rgb(255, 255, 255);
} */

/*============end-team-section====================*/

/*============start-google-section====================*/

.google-map iframe {
  width: 100%;
  height: 410px;
}

/*============end-google-section====================*/

/*============start-shop-section====================*/

.shop-section {
  padding: 70px 0 60px;
}

.shop-form-box {
  text-align: right;
}

.form-box select {
  width: 32%;
  height: 54px;
  padding: 6px 20px;
  background-color: rgb(247, 245, 240);
  border-radius: 5px;
  transition: 0.5s;
  color: #223645 !important;
  font-weight: 500;
}

.single-shop {
  position: relative;
  background-color: #fff;
  border: 1px solid rgb(224 218 211);
  text-align: center;
  padding: 45px 30px 25px;
  margin-bottom: 30px;
  transition: 0.5s;
}

.shop-section .section-title h4 {
  margin-top: 20px;
}

.single-shop:hover .cart-button {
  opacity: 1;
  transition: 0.5s;
}

/*============end-shop-section====================*/

/*============start-shop-details-section==============*/

.shop-details-section {
  padding: 90px 0 30px;
}

.section-title h3 {
  font-size: 22px;
  color: rgb(188, 130, 70);
  margin-bottom: 30px;
}

.single-shop-box {
  text-align: center;
  background-color: rgb(247, 245, 240);
  margin: 0px 40px 0 0;
  padding: 30px 0 30px;
}

.shop-details-content h2 {
  font-size: 23px;
  color: rgb(188, 130, 70);
  font-weight: bold;
  line-height: 2.217;
}

.shop-details-content span {
  font-size: 16px;
  color: rgb(85, 85, 85);
  line-height: 1.125;
}

.shop-details-disc p {
  font-size: 16px;
  color: rgb(85, 85, 85);
  line-height: 1.75;
  margin: 30px 0;
}

.quantity {
  float: left;
  margin-right: 15px;
  background-color: rgb(247, 245, 240) !important;
}

.quantity .cart-plus-minus {
  position: relative;
  width: 175px;
  text-align: left;
  border: 1px solid #ddd;
  height: 40px;
  overflow: hidden;
  border-radius: 5px;
}

.quantity .cart-plus-minus > .cart-plus-minus-box {
  height: 40px;
  text-align: center;
  width: 175px;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  background-color: rgb(247, 245, 240) !important;
  background-size: 6px 2px, 6px 2px, 2px 6px, 2px 7px;
  background-position: 0 0, 0 100%, 0 0, 100% 0;
}

.quantity .cart-plus-minus > .ctnbutton.dec {
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  display: -webkit-box;
  display: flex;
  justify-content: center;
  height: 100%;
  padding: 0 27px;
  border-right: 1px solid #ddd;
}

.quantity .cart-plus-minus > .ctnbutton {
  cursor: pointer;
  position: absolute;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  width: 38px;
  align-items: center;
  vertical-align: middle;
  color: rgb(85, 85, 85) !important;
  transition: 0.5s;
}

.quantity .cart-plus-minus > .ctnbutton.inc {
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  height: 100%;
  padding: 0 27px;
  border-left: 1px solid #ddd;
}

.add-to-cart-btn a {
  width: 158px;
  height: 40px;
  line-height: 40px;
  background-color: rgb(188, 130, 70);
  display: inline-block;
  text-transform: uppercase;
  font-size: 15px;
  color: #ffffff;
  text-align: center;
  transition: 0.4s;
}

.cart-catagorie p {
  font-size: 16px;
  font-weight: bold;
  color: rgb(188, 130, 70);
}

.cart-catagorie span {
  color: rgb(85, 85, 85);
}

li.nav-item {
  margin-right: 15px;
  margin-bottom: 30px;
}

.mission_menu {
  margin: 50px 0 0px;
}

.nav-link {
  font-size: 16px;
  padding: 6px 42px;
  text-align: center;
  color: rgb(188, 130, 70);
  background-color: rgb(247, 245, 240) !important;
  line-height: 3.333;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: rgb(255, 255, 255);
  background-color: rgb(188, 130, 70) !important;
  position: relative;
  z-index: 1;
}

.nav-link:focus,
.nav-link:hover {
  color: #012549;
}

ul#pills-tab {
  border-bottom: 1px solid #ddd;
}

.tab-content {
  margin-top: 30px;
}

.tab_container {
  overflow: hidden;
  padding: 20px 0 0;
}

.add-review-title h3 {
  font-size: 18px;
  line-height: 28px;
  color: #282828;
  font-weight: 500;
  margin: 0;
}

.your-rate {
  display: flex;
  gap: 26px;
  align-items: center;
}

.rate-right li {
  font-size: 15px;
  letter-spacing: 5px;
  line-height: 28px;
  color: rgb(188, 130, 70);
  font-family: "Font Awesome";
  display: inline-block;
}

.rate-left h5 {
  opacity: 0.8;
  font-size: 16px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
  margin: 0;
}

.review-form-top {
  display: flex;
  gap: 28px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.form-top-left,
.form-top-right {
  width: 100%;
}

form.review-form label {
  display: block;
  opacity: 0.902;
  font-size: 14px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
  margin-bottom: 6px;
}

form.review-form input {
  width: 100%;
  height: 54px;
  background-color: #ffffff;
  border: 1px solid rgba(13, 14, 20, 0.1);
  padding: 10px 20px;
}

form.review-form textarea {
  width: 100%;
  height: 156px;
  background-color: #ffffff;
  border: 1px solid rgba(13, 14, 20, 0.1);
  padding: 10px 20px;
  margin-bottom: 30px;
  resize: none;
}

form.review-form input::placeholder,
form.review-form textarea::placeholder {
  opacity: 0.702;
  font-size: 14px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
}

section.shop-related {
  margin: 0 0 100px;
}

.shop-related-title h2 {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 30px;
}

/*============end-shop-details-section==============*/

/*==============start-cart-section===============*/

.cart-section {
  padding: 120px 0;
}

.form_field input {
  font-size: 16px;
  color: rgb(30, 30, 30);
  padding: 15px 25px;
  width: 100%;
  border: none;
  background-color: rgb(242, 242, 242);
  border-bottom: 2px solid rgb(30, 30, 30);
  margin-bottom: 35px;
}

/*==============end-cart-section===============*/

/* -------------------------------- */
/* shop product section */
/* ----------------------------------- */
.shop-checkout-section {
  padding: 100px 0 110px;
  position: relative;
}

.checkout-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  background-color: #f8f9fa;
}
.checkout-box:not(:last-child) {
  margin-bottom: 30px;
}

.cart-thumb {
  max-width: 160px;
  border-radius: 5px;
}

.cart-totals .table,
.checkout-box .table {
  --bs-table-bg: transparent;
}

/* Cart Totals */
.cart-totals {
  margin-top: 30px;
  max-width: 500px;
  margin-left: auto;
  padding: 30px;
  background-color: #f8f9fa;
}

.cart-totals .title {
  margin-bottom: 15px;
}

.cart-totals .table {
  margin-bottom: 20px;
}

.cart-totals .table th:first-child,
.cart-totals .table td:first-child {
  padding-left: 0;
}

.cart-totals .table th:last-child,
.cart-totals .table td:last-child {
  padding-right: 0;
}

td {
  font-size: 15px;
}

/* Checkout Box */
.checkout-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  background-color: #f8f9fa;
}

.checkout-box:not(:last-child) {
  margin-bottom: 30px;
}

/* Form */
/* Checkbox */
.form-check {
  min-height: auto;
  margin-bottom: 0;
}

.form-check:not(:last-child) {
  margin-bottom: 15px;
}

.form-check .form-check-input {
  margin-top: 1px;
  border-width: 2px;
}

.form-check .form-check-input:checked,
.form-check .form-check-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-check .form-check-label {
  font-size: 14px;
}

/* Checkout Payment Method */
.checkout-payment-method .single-method:not(:last-child) {
  margin-bottom: 25px;
}

.checkout-payment-method .single-method p {
  font-size: 14px;
  margin-top: 10px;
}

/* Form Field Select */
select.form-field {
  font-size: 14px;
  width: 100%;
  height: 54px;
  padding: 10px 20px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 12px;
  -webkit-appearance: none;
  appearance: none;
}

select.form-field:focus {
  border-color: rgb(188, 130, 70);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  select.form-field {
    height: 52px;
  }
}

@media only screen and (max-width: 767px) {
  select.form-field {
    height: 44px;
  }
}

/* Form Field Input */
input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"]) {
  font-size: 14px;
  width: 100%;
  height: 54px;
  padding: 10px 24px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
}

input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"])::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"]):-moz-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"])::-moz-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"]):-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  input.form-field:not([type="submit"]):not([type="checkbox"]):not(
      [type="radio"]
    ):not([type="range"]) {
    height: 52px;
  }
}

@media only screen and (max-width: 767px) {
  input.form-field:not([type="submit"]):not([type="checkbox"]):not(
      [type="radio"]
    ):not([type="range"]) {
    height: 44px;
  }
}

input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"]):focus {
  border-color: rgb(188, 130, 70);
}

/* Form Field Textarea */
textarea.form-field {
  font-size: 14px;
  width: 100%;
  height: 140px;
  padding: 10px 24px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
}

textarea.form-field::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

textarea.form-field:-moz-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

textarea.form-field::-moz-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

textarea.form-field:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

textarea.form-field:focus {
  border-color: rgb(188, 130, 70);
}

/* News Letter Form */
.subscribe-newsletter {
  position: relative;
  width: 100%;
  max-width: 770px;
}

.subscribe-newsletter input[type="email"] {
  height: 60px !important;
  padding: 10px 30px !important;
  padding-right: 140px !important;
  border-radius: 100px;
  background-color: #f8f9fa;
}

@media only screen and (max-width: 767px) {
  .subscribe-newsletter input[type="email"] {
    font-size: 14px;
    height: 50px !important;
  }
}

.subscribe-newsletter input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  padding: 10px 30px;
  color: #fff;
  border: none;
  border-radius: 100px;
  background-color: rgb(188, 130, 70);
}

.subscribe-newsletter input[type="submit"]:hover {
  background-color: rgb(188, 130, 70);
}

@media only screen and (max-width: 767px) {
  .subscribe-newsletter input[type="submit"] {
    font-size: 14px;
    height: 50px;
  }
}

/* Reservation Form */
.reservation-form {
  padding: 40px 50px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  -webkit-box-shadow: 10px 25px 80px rgba(0, 0, 0, 0.05);
  box-shadow: 10px 25px 80px rgba(0, 0, 0, 0.05);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 479px) {
  .reservation-form {
    padding: 30px;
  }
}

.reservation-form .block-title {
  margin-bottom: 20px;
}

.reservation-form .input-field {
  width: 100%;
}

.reservation-form .input-field:not(:last-child) {
  margin-bottom: 15px;
}

.reservation-form .input-field input,
.reservation-form .input-field textarea {
  font-size: 15px;
}

.reservation-form .input-field textarea {
  height: 120px;
}

.reservation-form .input-field input[type="submit"] {
  text-transform: uppercase;
}

/* Form */
/* Checkbox */
.form-check {
  min-height: auto;
  margin-bottom: 0;
}

.form-check:not(:last-child) {
  margin-bottom: 15px;
}

.form-check .form-check-input {
  margin-top: 1px;
  border-width: 2px;
}

.form-check .form-check-input:checked,
.form-check .form-check-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-check .form-check-label {
  font-size: 14px;
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.form-check-input:checked {
  background-color: rgb(188, 130, 70);
  border-color: rgb(188, 130, 70);
}

/*==============end-checkout-section===============*/

/* ============start-blog-section=============== */

.blog-section {
  padding: 90px 0 80px;
}

.blog-single-box {
  position: relative;
  overflow: hidden;
  transition: 0.5s;
  margin-bottom: 30px;
}

.blog-thumb img {
  width: 100%;
  transition: 0.5s;
}

.blog-content {
  overflow: hidden;
  padding: 25px 30px 25px;
  background-color: rgb(248, 247, 246);
  position: relative;
  border-radius: 0 0 8px 8px;
  z-index: 1;
}

.blog-meta p {
  position: relative;
  font-size: 16px;
  color: rgb(35, 35, 35);
  margin: 0 0 5px;
}

.blog-name {
  display: inline-block;
}

.blog-meta {
  display: inline-block;
}

.blog-name a {
  display: inline-block;
  color: rgb(188, 130, 70);
  position: relative;
  margin-right: 30px;
}

.blog-name a::before {
  content: "";
  background: #616161;
  width: 15px;
  height: 1px;
  position: absolute;
  right: -25px;
  top: 13px;
}

.blog-section .section-title h4 a {
  display: inline-block;
  color: rgb(35, 35, 35);
}

.blog-section .section-title h4 a:hover {
  color: rgb(188, 130, 70);
}

.blog-section .section-title p {
  font-size: 16px;
  color: rgb(105, 104, 102);
  margin: 15px 0 15px;
}

.service-button a {
  font-size: 14px;
  display: inline-block;
  text-decoration: underline;
  text-transform: uppercase;
  color: rgb(188, 130, 70);
}

.blog-single-box:hover .blog-thumb img {
  transform: scale(1.1);
}

/* ============end blog-Area Css=============== */

/*==============start-blog-details-section===============*/

.service-details-section {
  padding: 90px 0 70px;
}

.blog-details-section {
  padding: 90px 0 70px;
}

.blog-single-details {
  margin-bottom: 30px;
  border-radius: 8px;
  background-color: rgb(254, 254, 255);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
  padding: 30px 25px 25px;
}

.blog-details-thumb img {
  width: 100%;
  margin-bottom: 20px;
}

.blog-details-meta a {
  font-size: 16px;
  color: rgb(36, 36, 36);
  margin-right: 20px;
  display: inline-block;
}

.blog-comment {
  font-size: 16px;
  color: rgb(36, 36, 36);
  margin-left: 20px;
  display: inline-block;
}

.blog-description h3 a {
  font-size: 22px;
  color: rgb(36, 36, 36);
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 10px;
  transition: 0.5s;
}

.blog-list-left {
  margin-bottom: 30px;
  padding: 45px 30px 28px;
  border-radius: 8px;
  background-color: rgb(254, 254, 255);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.blog-list-left input[type="email"] {
  padding: 9px;
  border-radius: 8px;
  flex-grow: 1;
  min-width: 3em;
  color: rgb(97, 97, 97);
  border: 1px solid rgb(188, 130, 70);
  font-size: inherit;
  width: 90%;
}

.blog-submit-button {
  color: rgb(254, 254, 255);
  border-radius: 3px;
  border: initial;
  position: absolute;
  padding: 0;
  right: 65px;
  top: 45px;
}

.blog-list-left input[type="submit"] {
  color: rgb(254, 254, 255);
  border-radius: 3px;
  border: 1px solid rgb(188, 130, 70);
  background-color: rgb(188, 130, 70);
  padding: 9px 25px;
}

.blog-details-social-icon {
  margin-top: 30px;
}

.blog-details-social-icon ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-details-social-icon ul li {
  display: inline-block;
}

.blog-details-social-icon ul li a {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  margin-left: 12px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  color: rgb(188, 130, 70);
  border-radius: 100%;
  border: 1px solid;
  text-align: center;
  transition: 0.5s;
}

.blog-details-social-icon ul li a:hover {
  color: rgb(254, 254, 255);
  background-color: rgb(188, 130, 70);
}

.single-subscribe-box {
  margin-bottom: 30px;
}

.single-widget-item {
  background-color: rgb(254, 254, 255);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  padding: 20px 20px 20px;
  margin-bottom: 30px;
}

.single-widget-item h2 {
  font-size: 25px;
  font-weight: 700;
  margin: 0 0 15px;
}

.recent-post-item {
  position: relative;
  z-index: 1;
}

.recent-post-item ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.recent-post-item ul li {
  display: block;
  margin-bottom: 15px;
  background: transparent;
  padding: 5px 20px 15px;
  border-radius: 4px;
  transition: 0.5s;
  border: 1px solid #ced3d9;
}

.recent-post-item ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: rgb(188, 130, 70);
  transition: 0.5s;
  border-radius: 4px;
  z-index: -1;
}

.recent-post-item ul li a {
  display: block;
  font-size: 16px;
  padding: 15px 0 0;
}

.recent-post-item ul li a span {
  float: right;
}

.service-description h3 a:hover {
  color: rgb(188, 130, 70);
}

.recent-post-item ul li:hover:before {
  width: 100%;
}

.recent-post-item ul li:hover a {
  color: rgb(254, 254, 255);
}

.recent-post-title h3 {
  font-size: 22px;
  margin-bottom: 20px;
}

.rpost-thumb a img {
  margin-bottom: 20px;
}

.rpost-content {
  margin-left: 10px;
}

.rpost-content h5 {
  margin: 0;
}

.rpost-content h5 a {
  font-size: 18px;
  color: rgb(36, 36, 36);
  display: inline-block;
  transition: 0.5s;
}

/* Calendar css */
.wrapper {
  width: 100%;
  background: var(--text-color-white);
  border-radius: 5px;
  box-shadow: 0 0 5px rgb(0 0 0 / 5%);
  margin-bottom: 30px;
}

.wrapper .current-month {
  display: flex;
  align-items: center;
  padding: 0 30px 0;
  justify-content: space-between;
  margin-bottom: 20px;
}

.icons {
  display: flex;
}

.icons span {
  display: inline-block;
  height: 38px;
  width: 38px;
  margin: 0 1px;
  cursor: pointer;
  color: #878787;
  text-align: center;
  line-height: 38px;
  font-size: 1.9rem;
  user-select: none;
  border-radius: 50%;
}

.icons span:last-child {
  margin-right: -10px;
}

.icons span:hover {
  background: #f2f2f2;
}

.icons span {
  background: #f2f2f2;
  transition: 0.5s;
}

.icons span:hover {
  background-color: rgb(188, 130, 70);
}

.icons span i {
  font-size: 16px;
}

.current-date {
  font-size: 18px;
  font-weight: 500;
}

.calendar {
  padding: 20px 20px 0;
}

.calendar ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  text-align: center;
}

.calendar li {
  color: #333;
  width: calc(100% / 7);
  font-size: 16px;
  margin: 10px 0;
}

.calendar .weeks li {
  font-weight: 500;
  cursor: default;
}

.calendar .days li {
  z-index: 1;
  cursor: pointer;
  position: relative;
}

.days li.inactive {
  color: #aaa;
  transition: 0.5s;
}

.days li.active {
  color: white;
}

.days li::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  height: 40px;
  width: 40px;
  z-index: -1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}

.days li.active::before {
  background-color: rgb(188, 130, 70);
}

.days li:not(.active):hover::before {
  background: #f2f2f2;
}

.blog-description h3 a:hover {
  color: rgb(188, 130, 70);
}

.rpost-content h5 a:hover {
  color: rgb(188, 130, 70);
}

/*============end-blog-details-section====================*/

/*=================== Loader Css================*/

.loader-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: rgb(188, 130, 70);
  flex-direction: column;
  gap: 20px;
  position: absolute;
  width: 100%;
  z-index: 2;
  -webkit-animation: spin 10s infinite;
  -moz-animation: spin 10s infinite;
  -o-animation: spin 10s infinite;
  animation: spin 10s infinite;
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.main-page .loader {
  position: relative;
  width: 70px;
  height: 70px;
}
.main-page .loader .spin-blend {
  transform: rotateZ(90deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  color: rgb(188, 130, 70);
  position: absolute;
  top: 0;
  left: 0;
}
.main-page .loader .spin-blend:nth-child(2) {
  transform: rotate(90deg);
}
.main-page .loader .spin-blend:nth-child(2) {
  transform: rotate(220deg);
}
.main-page .loader .spin-blend:nth-child(3) {
  transform: rotate(270deg);
}
.main-page .loader .spin-blend:nth-child(4) {
  transform: rotate(310deg);
}
.main-page .loader .spin-blend:nth-child(5) {
  transform: rotate(130deg);
}
.main-page .loader .spin-blend:before,
.main-page .loader .spin-blend:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  animation: 2s spin linear infinite;
}
.main-page .loader .spin-blend:after {
  transform: rotateY(70deg);
  animation-delay: 0.4s;
}
.main-page .loading-text {
  color: #fff;
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: 3px;
}
.main-page .loading-text .letter {
  animation: 2s bounce infinite;
  transform: rotate(6deg);
}
.main-page .loading-text .letter:nth-child(2) {
  animation-delay: 0.1s;
}
.main-page .loading-text .letter:nth-child(3) {
  animation-delay: 0.2s;
}
.main-page .loading-text .letter:nth-child(4) {
  animation-delay: 0.3s;
}
.main-page .loading-text .letter:nth-child(5) {
  animation-delay: 0.4s;
}
.main-page .loading-text .letter:nth-child(6) {
  animation-delay: 0.5s;
}
.main-page .loading-text .letter:nth-child(7) {
  animation-delay: 0.6s;
}
.main-page .loading-text .letter:nth-child(8) {
  animation-delay: 0.8s;
}
.main-page .loading-text .letter:nth-child(9) {
  animation-delay: 1s;
}
.main-page .loading-text .letter:nth-child(10) {
  animation-delay: 1.2s;
}
@keyframes spin {
  0% {
    box-shadow: 0.5em 0px 0 0px #fff;
  }
  12% {
    box-shadow: 0.5em 0.5em 0 0 rgb(188, 130, 70);
  }
  25% {
    box-shadow: 0 0.5em 0 0px #fff;
  }
  37% {
    box-shadow: -0.5em 0.5em 0 0 rgb(188, 130, 70);
  }
  50% {
    box-shadow: -0.5em 0 0 0 #fff;
  }
  62% {
    box-shadow: -0.5em -0.5em 0 0 rgb(188, 130, 70);
  }
  75% {
    box-shadow: 0px -0.5em 0 0 #fff;
  }
  87% {
    box-shadow: 0.5em -0.5em 0 0 rgb(188, 130, 70);
  }
  100% {
    box-shadow: 0.5em 0px 0 0px #fff;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}

.loader_bg {
  position: fixed;
  z-index: 9999;
  background: #292525;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  justify-content: center;
}

/*==================Scrollup Button Section==================*/

/*------back-to-top------------*/

.prgoress_indicator {
  position: fixed;
  right: 50px;
  bottom: 20px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(187, 247, 55, 0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transform: translateY(15px) !important;
  transition: all 200ms linear !important;
}

.prgoress_indicator.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) !important;
}

.prgoress_indicator::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: rgb(188, 130, 70);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  font-weight: 900;
  z-index: 1;
  transition: all 200ms linear !important;
}

.prgoress_indicator::before {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  font-weight: 900;
  opacity: 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear !important;
}

.prgoress_indicator:hover ::after {
  color: rgb(188, 130, 70);
}

.prgoress_indicator:hover ::before {
  opacity: 1;
}

.prgoress_indicator svg path {
  fill: none;
}

.prgoress_indicator svg.progress-circle path {
  stroke: rgb(188, 130, 70);
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear !important;
}

/*dark-button css*/

.darkmode .light-btn {
  stroke: rgb(188, 130, 70);
  padding-left: 6px;
}

.light-btn {
  background-color: rgb(188, 130, 70);
  position: fixed;
  z-index: 9999;
  top: 130px;
  right: 0;
  height: 40px;
  width: 50px;
  border-radius: 20px 0 0 20px;
  line-height: 40px;
}

.light-btn > button i:first-child {
  font-size: 22px;
  display: none;
  transition: 0.5s;
}

.darkmode .light-btn button i:first-child {
  display: block;
  color: #fff !important;
}

.light-btn button i:last-child {
  font-size: 34px;
  transition: 0.5s;
  display: block;
  margin-top: 1px;
}

.light-btn button {
  background: transparent;
  border: 0;
}

.darkmode .light-btn button i:last-child {
  display: none;
}

.policy_sec h1,
.policy_sec h2 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 20px;
}
.iner_link {
  margin-bottom: 30px;
}
.iner_link li {
  margin-bottom: 12px;
}
.request_qoute_form input, .request_qoute_form textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid rgb(188, 130, 70);;
}
.send-message{
  width: auto;
 
}

.send-message input{
  background-color: rgb(188, 130, 70);
  color: #fff;
}

.error_sec{
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: sans-serif;
  /* background-color: #E7FFFF; */
  padding: 40px 0;
}

.section .error{
  font-size: 150px;
  color: rgb(188, 130, 70);
  text-shadow: 
    1px 1px 1px rgb(188, 130, 70),    
    2px 2px 1px rgb(188, 130, 70),
    3px 3px 1px rgb(188, 130, 70),
    4px 4px 1px rgb(188, 130, 70),
    5px 5px 1px rgb(188, 130, 70),
    6px 6px 1px rgb(188, 130, 70),
    7px 7px 1px rgb(188, 130, 70),
    8px 8px 1px rgb(188, 130, 70)E,
    25px 25px 8px rgba(0,0,0, 0.2);
}

.page{
  margin: 2rem 0;
  font-size: 20px;
  font-weight: 600;
  color: #444;
}

.back-home{
  display: inline-block;
  border: 2px solid #222;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.75rem 1rem 0.6rem;
  transition: all 0.2s linear;
  box-shadow: 0 15px 15px -11px rgba(0,0,0, 0.4);
  background: #222;
  border-radius: 6px;
}
.back-home:hover{
  background: #222;
  color: #ddd;
}