@charset "UTF-8";
/*----------------------------------------------------------------------
    Template Name: Lezar - Beauty Salon HTML Template
    Template URI: https://webtend.net/demo/html/lezar/
    Author: WebTend
    Author URI:  https://webtend.net/
    Version: 1.0

    Note: This is Main Style CSS File. */
/*----------------------------------------------------------------------
	CSS INDEX
	----------------------

    01. Default Style
    02. Common Classes
    03. Repeat Style
    04. Padding Margin Spacing
    05. Custom Animation
    06. Header
    07. Hero Section
    08. Slider Section
    09. About Section
    10. Marquee Text
    11. Feature Section
    12. Projects Section
    13. Testimonials
    14. Products
    15. Booking Section
    16. Category Section
    17. News Section
    18. Offer Section
    19. Pricing Section
    20. Contact Section
    21. Page Banner
    22. Services Section
    23. Counter Section
    24. FAQ Section
    25. Sidebar Widgets
    26. Skillbar
    27. Team Member
    28. Coming Soon
    29. Cart & Checkout
    30. Main Footer */
/* -------------------------------------------------------------- */
/* Import Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&family=Montserrat:wght@400;500;600;700&family=Open+Sans&display=swap");
/*******************************************************/
/******************* 01. Default Style *****************/
/*******************************************************/
* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

body {
  color: #2c2c2c;
  background: white;
  font-weight: 400;
  line-height: 1.8;
  font-size: 18px;
  font-family: "Open Sans", sans-serif; }

a {
  color: #696969;
  cursor: pointer;
  outline: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none; }
  a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    color: #FFAF7B; }

.home-two a:hover {
  color: #799AA1; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 12px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #242424; }

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white h1 a,
.text-white h2 a,
.text-white h3 a,
.text-white h4 a,
.text-white h5 a,
.text-white h6 a {
  color: white;}

h1 {
  font-family: 'Libre Baskerville', serif;
  font-size: 48px;
  margin: 0 0 20px; }

h2 {
  font-size: 45px;
font-family: 'edensor' !important}

h3 {
  line-height: 1.5;
  font-size: 30px; }

h4 {
  line-height: 1.4;
  font-size: 27px; }

h5 {
  font-size: 22px; }

h6 {
  font-size: 18px; }

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

img {
  max-width: 100%;
  display: inline-block; }

header:after, section:after, footer:after {
  display: block;
  clear: both;
  content: ""; }

/*======= Input Styles =======*/
input,
select,
textarea,
.nice-select,
.form-control {
  width: 100%;
  height: auto;
  border-radius: 0;
  padding: 22px 30px;
  background-color: #fff;
  border: 1px solid rgba(36, 36, 36, 0.15); }

.nice-select {
  font-size: 18px;
  line-height: 1.3; }
  .nice-select:after {
    height: 8px;
    width: 8px;
    right: 25px;
    border-color: #242424; }
  .nice-select .current {
    font-weight: 600;
    color: #242424;
    font-family: "Montserrat", sans-serif; }
  .nice-select .list {
    width: 100%;
    border-radius: 0; }

textarea {
  display: inherit;
  padding-top: 20px; }

label {
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 5px;
  color: #696969; }

.form-group {
  position: relative;
  margin-bottom: 30px; }
  .form-group label {
    top: 20px;
    right: 30px;
    font-size: 16px;
    position: absolute; }

input:focus,
button:focus,
.form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #cfdbf1; }

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
  font-weight: 600;
  color: #242424;
  font-family: "Montserrat", sans-serif; }

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
  font-weight: 600;
  color: #242424;
  font-family: "Montserrat", sans-serif; }

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder,
.form-control::-ms-input-placeholder {
  font-weight: 600;
  color: #242424;
  font-family: "Montserrat", sans-serif; }

input::placeholder,
select::placeholder,
textarea::placeholder,
.form-control::placeholder {
  font-weight: 600;
  color: #242424;
  font-family: "Montserrat", sans-serif; }

input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none; }

input[type=checkbox], input[type=radio] {
  height: auto;
  width: auto; }

/*******************************************************/
/*****************  02. Common Classes *****************/
/*******************************************************/
.page-wrapper {
  position: relative;
  z-index: 9;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  min-width: 300px;
  background-image: url(../images/background/background1.jpg); }

.container {
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px; }

.small-gap {
  margin-left: -5px;
  margin-right: -5px; }
  .small-gap > div {
    padding-left: 5px;
    padding-right: 5px; }

@media only screen and (max-width: 375px) {
  .col-small {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

/** Section Title style **/
.section-title {
  z-index: 1;
  position: relative; }
  .section-title .sub-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
    color: #D6B981;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    text-transform: capitalize; }
    @media only screen and (max-width: 375px) {
      .section-title .sub-title {
        font-size: 20px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .section-title h2 {
      font-size: 40px; } }
  @media only screen and (max-width: 767px) {
    .section-title h2 {
      font-size: 35px;
     }  }
  @media only screen and (max-width: 575px) {
    .section-title h2 {
      font-size: 30px; } }
  @media only screen and (max-width: 375px) {
    .section-title h2 {
      font-size: 25px; } }
  @media only screen and (max-width: 480px) {
    .section-title h2 br {
      display: none; }
      .eapps-instagram-feed-container {
        margin-left: 106px !important;
        width: 66% !important;
      }
      #eapps-instagram-feed-1 {
        width: 67% !important;
      }

     }
  @media only screen and (max-width: 767px) {
    .section-title h3 {
      font-size: 25px; } }
  @media only screen and (max-width: 575px) {
    .section-title h3 {
      font-size: 20px; } }
  .section-title .bg-image {
    position: absolute;
    max-width: 80%;
    left: 50%;
    top: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.text-white .bg-text {
  color: rgba(255, 255, 255, 0.1); }

.home-one .section-title .sub-title {
  color: #333333; }

.home-one .section-title h2 {
  text-transform: uppercase; }

.home-two h3, .home-two h4, .home-two h5, .home-two h6 {
  font-weight: 600; }

.home-two .section-title .sub-title {
  font-weight: 600;
  color: #799AA1; }

.home-two input,
.home-two select,
.home-two textarea,
.home-two .nice-select,
.home-two .form-control {
  border-color: #799AA1; }

.bg-text {
  font-size: 180px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transform: translate(-25px, -25%);
  -ms-transform: translate(-25px, -25%);
  transform: translate(-25px, -25%); }
  @media only screen and (max-width: 1199px) {
    .bg-text {
      font-size: 150px; } }
  @media only screen and (max-width: 767px) {
    .bg-text {
      font-size: 100px; } }
  @media only screen and (max-width: 375px) {
    .bg-text {
      font-size: 75px; } }

.text-center .bg-text {
  left: 50%;
  -webkit-transform: translate(-50%, -25%);
  -ms-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%); }

.text-white .sub-title {
  color: white; }

/** Button style **/
.theme-btn,
a.theme-btn {
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-weight: 600;
  position: relative;
  text-align: center;
  padding: 13px 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #242424;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  border: 1px solid #242424; }
  .theme-btn i,
  a.theme-btn i {
    font-size: 13px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-left: 10px; }
  @media only screen and (max-width: 480px) {
    .theme-btn,
    a.theme-btn {
      font-size: 16px;
      padding: 12px 25px; } }
  .theme-btn:after, .theme-btn:before,
  a.theme-btn:after,
  a.theme-btn:before {
    height: 100%;
    content: '';
    width: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s;
    position: absolute;
    background: #242424; }
  .theme-btn:before,
  a.theme-btn:before {
    right: 0; }
  .theme-btn:after,
  a.theme-btn:after {
    left: 0; }
  .theme-btn:hover,
  a.theme-btn:hover {
    color: white; }
    .theme-btn:hover:after, .theme-btn:hover:before,
    a.theme-btn:hover:after,
    a.theme-btn:hover:before {
      width: 55%; }
  .theme-btn.style-two,
  a.theme-btn.style-two {
    color: white;
    background: #242424; }
    .theme-btn.style-two:after, .theme-btn.style-two:before,
    a.theme-btn.style-two:after,
    a.theme-btn.style-two:before {
      background: white; }
    .theme-btn.style-two:hover,
    a.theme-btn.style-two:hover {
      color: #242424; }
  .theme-btn.style-three,
  a.theme-btn.style-three {
    color: white;
    background: #799AA1;
    border-color: #799AA1; }
    .theme-btn.style-three:after, .theme-btn.style-three:before,
    a.theme-btn.style-three:after,
    a.theme-btn.style-three:before {
      background: white; }
    .theme-btn.style-three:hover,
    a.theme-btn.style-three:hover {
      color: #799AA1; }
  .theme-btn.style-four,
  a.theme-btn.style-four {
    background: none;
    border-color: transparent !important;
    color: #242424; }
    .theme-btn.style-four:after, .theme-btn.style-four:before,
    a.theme-btn.style-four:after,
    a.theme-btn.style-four:before {
      background: #799AA1; }
    .theme-btn.style-four:hover,
    a.theme-btn.style-four:hover {
      color: white; }
  .theme-btn.style-five,
  a.theme-btn.style-five {
    color: none;;
    border-color: transparent !important; }
    .theme-btn.style-five:after, .theme-btn.style-five:before,
    a.theme-btn.style-five:after,
    a.theme-btn.style-five:before {
      background: white; }
    .theme-btn.style-five:hover,
    a.theme-btn.style-five:hover {
      color: #242424; }
  .theme-btn.style-six,
  a.theme-btn.style-six {
    color: white;
    background: #D6B981;
    border-color: #D6B981; }
    .theme-btn.style-six:after, .theme-btn.style-six:before,
    a.theme-btn.style-six:after,
    a.theme-btn.style-six:before {
      background: white; }
    .theme-btn.style-six:hover,
    a.theme-btn.style-six:hover {
      color: #242424;
      border-color: #242424; }
  .theme-btn.style-seven,
  a.theme-btn.style-seven {
    border-color: rgba(36, 36, 36, 0.15); }
    .theme-btn.style-seven:after, .theme-btn.style-seven:before,
    a.theme-btn.style-seven:after,
    a.theme-btn.style-seven:before {
      background: #D6B981; }
    .theme-btn.style-seven:hover,
    a.theme-btn.style-seven:hover {
      border-color: #D6B981; }

/* Read More */
.read-more {
  color: #8A8A8A;
  font-size: 15px;
  font-weight: 600;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: uppercase; }
  .read-more i {
    margin-left: 7px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .read-more:hover {
    color: #242424; }
    .read-more:hover i {
      margin-left: 10px; }

/* List style One */
.list-style-one li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px; }
  .list-style-one li:before {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 12px;
    content: "\f00c";
    font-weight: 600;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background: #F6E9E4;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    font-family: 'Font Awesome 5 Free'; }

/* List style Two */
.list-style-two li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px; }
  .list-style-two li:before {
    content: "";
    margin-right: 12px;
    font-family: 'flaticon'; }

/* List style Three */
.list-style-three {
  margin-bottom: 35px; }
  .list-style-three li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #888888;
    font-weight: 500;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 8px; }
    .list-style-three li:before {
      float: left;
      content: "\f35a";
      margin: 1px 12px 0 0;
      font-family: "Font Awesome 5 Free"; }
    .list-style-three li:hover {
      color: #242424;
      text-decoration: underline; }

/** Social Link One **/
.social-style-one {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .social-style-one a {
    color: white;
    opacity: 0.6;
    margin-right: 15px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 50px;
    height: 50px;
    background: transparent;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid rgba(255, 255, 255, 0.2); }
    .social-style-one a:last-child {
      margin-right: 0; }
    .social-style-one a:hover {
      opacity: 1;
      background: white;
      color: #242424; }

/* Social Link Two */
.social-style-two {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .social-style-two a {
    margin: 0 35px 5px 0; }

/* Social Link Three */
.social-style-three {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .social-style-three a {
    font-size: 15px;
    margin: 5px 10px 0 0;
    width: 35px;
    height: 35px;
    background: transparent;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid rgba(36, 36, 36, 0.15); }
    .social-style-three a:hover {
      color: white;
      background: #D6B981;
      border-color: #D6B981; }
    .social-style-three a:last-child {
      margin-right: 0; }

/*** Preloader style ** */
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/preloader.gif); }

/* Pagination */
.pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .pagination li {
    margin: 14px 7px 0; }
    @media only screen and (max-width: 480px) {
      .pagination li {
        margin: 8px 4px 0; } }
    .pagination li a,
    .pagination li .page-link {
      padding: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-weight: 600;
      width: 50px;
      height: 50px;
      background: white;
      line-height: 50px;
      border-radius: 50%;
      text-align: center;
      color: #242424;
      border: 1px solid #C4C4C4; }
      @media only screen and (max-width: 480px) {
        .pagination li a,
        .pagination li .page-link {
          width: 40px;
          height: 40px;
          font-size: 14px;
          line-height: 40px; } }
    .pagination li.disabled .page-link, .pagination li:last-child .page-link {
      border-radius: 50%; }
    .pagination li:first-child {
      margin-left: 0; }
    .pagination li:last-child {
      margin-right: 0; }
    .pagination li.active .page-link, .pagination li:hover:not(.disabled) .page-link {
      color: white;
      background: #D6B981;
      border-color: #D6B981; }
    .pagination li.dot {
      overflow: hidden;
      text-indent: 100px;
      width: 7px;
      height: 7px;
      background: #C4C4C4;
      line-height: 7px;
      border-radius: 50%;
      text-align: center; }

/* Rating */
.rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .rating i {
    margin: 3px;
    font-size: 13px;
    color: #242424; }

/*** Scroll Top style ***/
.scroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  width: 40px;
  height: 40px;
  color: white;
  display: none;
  cursor: pointer;
  border-radius: 5px;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  background: #383838; }

/* Text White */
.text-white *,
.text-white a {
  color: white; }
  .text-white * li li .dropdown-btn span,
  .text-white a li li .dropdown-btn span {
    color: #242424; }

/* Video Play Btn */
.video-play {
  top: 50%;
  left: 50%;
  z-index: 5;
  font-size: 22px;
  position: absolute;
  width: 115px;
  height: 115px;
  background: white;
  line-height: 115px;
  border-radius: 50%;
  text-align: center;
  color: #799AA1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 480px) {
    .video-play {
      width: 75px;
      height: 75px;
      line-height: 75px; } }

/* Position */
.rel {
  position: relative; }

.z-0 {
  z-index: 0; }

.z-1 {
  z-index: 1; }

.z-2 {
  z-index: 2; }

.z-3 {
  z-index: 3; }

.z-4 {
  z-index: 4; }

.z-5 {
  z-index: 5; }

.overlay {
  z-index: 1;
  position: relative; }
  .overlay::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.5;
    background-color: #242424; }

/* Backgruond Size */
.bgs-cover {
  background-size: cover;
  background-position: center; }

/* Color + Background */
.color-butter {
  color: #F6E9E4; }

.color-black {
  color: #242424; }

.bg-butter {
  background-color: #F6E9E4; }

.bg-black {
  background-color: #242424; }

.bg-light-gray {
  background-color: #F7F7F7; }

.bg-green {
  background-color: #cec6b9; }

.bg-yellow {
  background-color: #D6B981; }

/* Border Radius */
.br-5 {
  border-radius: 5px; }

.br-10 {
  border-radius: 10px; }

.br-15 {
  border-radius: 15px; }

.br-20 {
  border-radius: 20px; }

.br-25 {
  border-radius: 25px; }

.br-30 {
  border-radius: 30px; }

.error-inner h2 {
  font-size: 42px;
  font-weight: 600;
  margin: 75px 0 45px; }
  @media only screen and (max-width: 1199px) {
    .error-inner h2 {
      font-size: 35px; } }
  @media only screen and (max-width: 480px) {
    .error-inner h2 {
      font-size: 30px; } }

.home-three .read-more {
  font-size: 18px;
  text-decoration: underline; }

/*******************************************************/
/******************* 03. Repeat Style ******************/
/*******************************************************/
h1, h2, h3, h4, h5, h6, .feedback-content-item, .news-item .news-header .date span {
  font-weight: 500;
  color: #242424;
  font-family: "Montserrat", sans-serif; }

.bg-text {
  font-family: "Dancing Script", cursive;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.05); }

/*******************************************************/
/************** 04. Padding Margin Spacing *************/
/*******************************************************/
/* Padding Around */
.p-5 {
  padding: 5px !important; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

.p-55 {
  padding: 55px; }

.p-60 {
  padding: 60px; }

.p-65 {
  padding: 65px; }

.p-70 {
  padding: 70px; }

.p-75 {
  padding: 75px; }

.p-80 {
  padding: 80px; }

.p-85 {
  padding: 85px; }

.p-90 {
  padding: 90px; }

.p-95 {
  padding: 95px; }

.p-100 {
  padding: 100px; }

.p-105 {
  padding: 105px; }

.p-110 {
  padding: 110px; }

.p-115 {
  padding: 115px; }

.p-120 {
  padding: 120px; }

.p-125 {
  padding: 125px; }

.p-130 {
  padding: 130px; }

.p-135 {
  padding: 135px; }

.p-140 {
  padding: 140px; }

.p-145 {
  padding: 145px; }

.p-150 {
  padding: 150px; }

.p-155 {
  padding: 155px; }

.p-160 {
  padding: 160px; }

.p-165 {
  padding: 165px; }

.p-170 {
  padding: 170px; }

.p-175 {
  padding: 175px; }

.p-180 {
  padding: 180px; }

.p-185 {
  padding: 185px; }

.p-190 {
  padding: 190px; }

.p-195 {
  padding: 195px; }

.p-200 {
  padding: 200px; }

.p-205 {
  padding: 205px; }

.p-210 {
  padding: 210px; }

.p-215 {
  padding: 215px; }

.p-220 {
  padding: 220px; }

.p-225 {
  padding: 225px; }

.p-230 {
  padding: 230px; }

.p-235 {
  padding: 235px; }

.p-240 {
  padding: 240px; }

.p-245 {
  padding: 245px; }

.p-250 {
  padding: 250px; }

/* Padding Top */
.pt-5,
.py-5 {
  padding-top: 5px !important; }

.pt-10,
.py-10 {
  padding-top: 10px; }

.pt-15,
.py-15 {
  padding-top: 15px; }

.pt-20,
.py-20 {
  padding-top: 20px; }

.pt-25,
.py-25 {
  padding-top: 25px; }

.pt-30,
.py-30 {
  padding-top: 30px; }

.pt-35,
.py-35 {
  padding-top: 35px; }

.pt-40,
.py-40 {
  padding-top: 40px; }

.pt-45,
.py-45 {
  padding-top: 45px; }

.pt-50,
.py-50 {
  padding-top: 50px; }

.pt-55,
.py-55 {
  padding-top: 55px; }

.pt-60,
.py-60 {
  padding-top: 60px; }

.pt-65,
.py-65 {
  padding-top: 65px; }

.pt-70,
.py-70 {
  padding-top: 70px; }

.pt-75,
.py-75 {
  padding-top: 75px; }

.pt-80,
.py-80 {
  padding-top: 80px; }

.pt-85,
.py-85 {
  padding-top: 85px; }

.pt-90,
.py-90 {
  padding-top: 90px; }

.pt-95,
.py-95 {
  padding-top: 95px; }

.pt-100,
.py-100 {
  padding-top: 100px; }

.pt-105,
.py-105 {
  padding-top: 105px; }

.pt-110,
.py-110 {
  padding-top: 110px; }

.pt-115,
.py-115 {
  padding-top: 115px; }

.pt-120,
.py-120 {
  padding-top: 120px; }

.pt-125,
.py-125 {
  padding-top: 125px; }

.pt-130,
.py-130 {
  padding-top: 130px; }

.pt-135,
.py-135 {
  padding-top: 135px; }

.pt-140,
.py-140 {
  padding-top: 68px;
background: white !important;}

.pt-1401 {
  padding-top: 68px;
background-image: url(../images/back.jpg);;}

.pt-1402 {
  padding-top: 68px;
background-image: url(../images/back2.jpg);
background-repeat: no-repeat;;}

.pt-145,
.py-145 {
  padding-top: 145px; }

.pt-150,
.py-150 {
  padding-top: 150px;
background: white;}

.pt-155,
.py-155 {
  padding-top: 155px; }

.pt-160,
.py-160 {
  padding-top: 160px; }

.pt-165,
.py-165 {
  padding-top: 165px; }

.pt-170,
.py-170 {
  padding-top: 170px; }

.pt-175,
.py-175 {
  padding-top: 175px; }

.pt-180,
.py-180 {
  padding-top: 180px; }

.pt-185,
.py-185 {
  padding-top: 185px; }

.pt-190,
.py-190 {
  padding-top: 190px; }

.pt-195,
.py-195 {
  padding-top: 195px; }

.pt-200,
.py-200 {
  padding-top: 200px; }

.pt-205,
.py-205 {
  padding-top: 205px; }

.pt-210,
.py-210 {
  padding-top: 210px; }

.pt-215,
.py-215 {
  padding-top: 215px; }

.pt-220,
.py-220 {
  padding-top: 220px; }

.pt-225,
.py-225 {
  padding-top: 225px; }

.pt-230,
.py-230 {
  padding-top: 230px; }

.pt-235,
.py-235 {
  padding-top: 235px; }

.pt-240,
.py-240 {
  padding-top: 240px; }

.pt-245,
.py-245 {
  padding-top: 245px; }

.pt-250,
.py-250 {
  padding-top: 250px; }

/* Padding Bottom */
.pb-5,
.py-5 {
  padding-bottom: 5px !important; }

.pb-10,
.py-10 {
  padding-bottom: 10px; }

.pb-15,
.py-15 {
  padding-bottom: 15px; }

.pb-20,
.py-20 {
  padding-bottom: 20px; }

.pb-25,
.py-25 {
  padding-bottom: 25px; }

.pb-30,
.py-30 {
  padding-bottom: 30px; }

.pb-35,
.py-35 {
  padding-bottom: 35px; }

.pb-40,
.py-40 {
  padding-bottom: 40px; }

.pb-45,
.py-45 {
  padding-bottom: 45px; }

.pb-50,
.py-50 {
  padding-bottom: 50px; }

.pb-55,
.py-55 {
  padding-bottom: 55px; }

.pb-60,
.py-60 {
  padding-bottom: 60px; }

.pb-65,
.py-65 {
  padding-bottom: 65px; }

.pb-70,
.py-70 {
  padding-bottom: 70px; }

.pb-75,
.py-75 {
  padding-bottom: 75px; }

.pb-80,
.py-80 {
  padding-bottom: 80px; }

.pb-85,
.py-85 {
  padding-bottom: 85px; }

.pb-90,
.py-90 {
  padding-bottom: 90px; }

.pb-95,
.py-95 {
  padding-bottom: 95px; }

.pb-100,
.py-100 {
  padding-bottom: 100px;
  background: white;}

.pb-105,
.py-105 {
  padding-bottom: 105px; }

.pb-110,
.py-110 {
  padding-bottom: 110px; }

.pb-115,
.py-115 {
  padding-bottom: 115px;
  background: white; }

.pb-120,
.py-120 {
  padding-bottom: 120px; }

.pb-125,
.py-125 {
  padding-bottom: 125px; }

.pb-130,
.py-130 {
  padding-bottom: 130px; }

.pb-135,
.py-135 {
  padding-bottom: 135px; }

.pb-140,
.py-140 {
  padding-bottom: 140px; }

.pb-145,
.py-145 {
  padding-bottom: 145px; }

.pb-150,
.py-150 {
  padding-bottom: 55px;
background: white;}

.pb-155,
.py-155 {
  padding-bottom: 155px; }

.pb-160,
.py-160 {
  padding-bottom: 160px; }

.pb-165,
.py-165 {
  padding-bottom: 165px; }

.pb-170,
.py-170 {
  padding-bottom: 170px; }

.pb-175,
.py-175 {
  padding-bottom: 175px; }

.pb-180,
.py-180 {
  padding-bottom: 180px; }

.pb-185,
.py-185 {
  padding-bottom: 185px; }

.pb-190,
.py-190 {
  padding-bottom: 190px; }

.pb-195,
.py-195 {
  padding-bottom: 195px; }

.pb-200,
.py-200 {
  padding-bottom: 555px; }

.pb-205,
.py-205 {
  padding-bottom: 205px; }

.pb-210,
.py-210 {
  padding-bottom: 210px; }

.pb-215,
.py-215 {
  padding-bottom: 215px; }

.pb-220,
.py-220 {
  padding-bottom: 220px; }

.pb-225,
.py-225 {
  padding-bottom: 225px; }

.pb-230,
.py-230 {
  padding-bottom: 230px; }

.pb-235,
.py-235 {
  padding-bottom: 235px; }

.pb-240,
.py-240 {
  padding-bottom: 240px; }

.pb-245,
.py-245 {
  padding-bottom: 245px; }

.pb-250,
.py-250 {
  padding-bottom: 250px; }

/* Margin Around */
.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px; }

.m-15 {
  margin: 15px; }

.m-20 {
  margin: 20px; }

.m-25 {
  margin: 25px; }

.m-30 {
  margin: 30px; }

.m-35 {
  margin: 35px; }

.m-40 {
  margin: 40px; }

.m-45 {
  margin: 45px; }

.m-50 {
  margin: 50px; }

.m-55 {
  margin: 55px; }

.m-60 {
  margin: 60px; }

.m-65 {
  margin: 65px; }

.m-70 {
  margin: 70px; }

.m-75 {
  margin: 75px; }

.m-80 {
  margin: 80px; }

.m-85 {
  margin: 85px; }

.m-90 {
  margin: 90px; }

.m-95 {
  margin: 95px; }

.m-100 {
  margin: 100px; }

.m-105 {
  margin: 105px; }

.m-110 {
  margin: 110px; }

.m-115 {
  margin: 115px; }

.m-120 {
  margin: 120px; }

.m-125 {
  margin: 125px; }

.m-130 {
  margin: 130px; }

.m-135 {
  margin: 135px; }

.m-140 {
  margin: 140px; }

.m-145 {
  margin: 145px; }

.m-150 {
  margin: 150px; }

.m-155 {
  margin: 155px; }

.m-160 {
  margin: 160px; }

.m-165 {
  margin: 165px; }

.m-170 {
  margin: 170px; }

.m-175 {
  margin: 175px; }

.m-180 {
  margin: 180px; }

.m-185 {
  margin: 185px; }

.m-190 {
  margin: 190px; }

.m-195 {
  margin: 195px; }

.m-200 {
  margin: 200px; }

.m-205 {
  margin: 205px; }

.m-210 {
  margin: 210px; }

.m-215 {
  margin: 215px; }

.m-220 {
  margin: 220px; }

.m-225 {
  margin: 225px; }

.m-230 {
  margin: 230px; }

.m-235 {
  margin: 235px; }

.m-240 {
  margin: 240px; }

.m-245 {
  margin: 245px; }

.m-250 {
  margin: 250px; }

/* Margin Top */
.mt-5,
.my-5 {
  margin-top: 5px !important; }

.mt-10,
.my-10 {
  margin-top: 10px; }

.mt-15,
.my-15 {
  margin-top: 15px; }

.mt-20,
.my-20 {
  margin-top: 20px; }

.mt-25,
.my-25 {
  margin-top: 25px; }

.mt-30,
.my-30 {
  margin-top: 30px; }

.mt-35,
.my-35 {
  margin-top: 35px; }

.mt-40,
.my-40 {
  margin-top: 40px; }

.mt-45,
.my-45 {
  margin-top: 45px; }

.mt-50,
.my-50 {
  margin-top: 50px; }

.mt-55,
.my-55 {
  margin-top: 55px; }

.mt-60,
.my-60 {
  margin-top: 60px; }

.mt-65,
.my-65 {
  margin-top: 65px; }

.mt-70,
.my-70 {
  margin-top: 70px; }

.mt-75,
.my-75 {
  margin-top: 75px; }

.mt-80,
.my-80 {
  margin-top: 80px; }

.mt-85,
.my-85 {
  margin-top: 85px; }

.mt-90,
.my-90 {
  margin-top: 90px; }

.mt-95,
.my-95 {
  margin-top: 95px; }

.mt-100,
.my-100 {
  margin-top: 100px; }

.mt-105,
.my-105 {
  margin-top: 105px; }

.mt-110,
.my-110 {
  margin-top: 110px; }

.mt-115,
.my-115 {
  margin-top: 115px; }

.mt-120,
.my-120 {
  margin-top: 120px; }

.mt-125,
.my-125 {
  margin-top: 125px; }

.mt-130,
.my-130 {
  margin-top: 130px; }

.mt-135,
.my-135 {
  margin-top: 135px; }

.mt-140,
.my-140 {
  margin-top: 140px; }

.mt-145,
.my-145 {
  margin-top: 145px; }

.mt-150,
.my-150 {
  margin-top: 150px; }

.mt-155,
.my-155 {
  margin-top: 155px; }

.mt-160,
.my-160 {
  margin-top: 160px; }

.mt-165,
.my-165 {
  margin-top: 165px; }

.mt-170,
.my-170 {
  margin-top: 170px; }

.mt-175,
.my-175 {
  margin-top: 175px; }

.mt-180,
.my-180 {
  margin-top: 180px; }

.mt-185,
.my-185 {
  margin-top: 185px; }

.mt-190,
.my-190 {
  margin-top: 190px; }

.mt-195,
.my-195 {
  margin-top: 195px; }

.mt-200,
.my-200 {
  margin-top: 200px; }

.mt-205,
.my-205 {
  margin-top: 205px; }

.mt-210,
.my-210 {
  margin-top: 210px; }

.mt-215,
.my-215 {
  margin-top: 215px; }

.mt-220,
.my-220 {
  margin-top: 220px; }

.mt-225,
.my-225 {
  margin-top: 225px; }

.mt-230,
.my-230 {
  margin-top: 230px; }

.mt-235,
.my-235 {
  margin-top: 235px; }

.mt-240,
.my-240 {
  margin-top: 240px; }

.mt-245,
.my-245 {
  margin-top: 245px; }

.mt-250,
.my-250 {
  margin-top: 250px; }

/* Margin Bottom */
.mb-5,
.my-5 {
  margin-bottom: 5px !important; }

.mb-10,
.my-10 {
  margin-bottom: 10px; }

.mb-15,
.my-15 {
  margin-bottom: 15px; }

.mb-20,
.my-20 {
  margin-bottom: 20px; }

.mb-25,
.my-25 {
  margin-bottom: 25px; }

.mb-30,
.my-30 {
  margin-bottom: 30px; }

.mb-35,
.my-35 {
  margin-bottom: 35px; }

.mb-40,
.my-40 {
  margin-bottom: 40px; }

.mb-45,
.my-45 {
  margin-bottom: 45px; }

.mb-50,
.my-50 {
  margin-bottom: 50px; }

.mb-55,
.my-55 {
  margin-bottom: 55px; }

.mb-60,
.my-60 {
  margin-bottom: 60px; }

.mb-65,
.my-65 {
  margin-bottom: 65px; }

.mb-70,
.my-70 {
  margin-bottom: 70px; }

.mb-75,
.my-75 {
  margin-bottom: 75px; }

.mb-80,
.my-80 {
  margin-bottom: 80px; }

.mb-85,
.my-85 {
  margin-bottom: 85px; }

.mb-90,
.my-90 {
  margin-bottom: 90px; }

.mb-95,
.my-95 {
  margin-bottom: 0;
background: white;}

.mb-100,
.my-100 {
  margin-bottom: 100px; }

.mb-105,
.my-105 {
  margin-bottom: 105px; }

.mb-110,
.my-110 {
  margin-bottom: 110px; }

.mb-115,
.my-115 {
  margin-bottom: 115px; }

.mb-120,
.my-120 {
  margin-bottom: -5px;
background: url(../images/backmenu.jpg);}

.mb-1202,
.my-120 {
  margin-bottom: -5px;
background: url(../images/backmenu.jpg) !important;}

.mb-125,
.my-125 {
  margin-bottom: 125px; }

.mb-130,
.my-130 {
  margin-bottom: 130px; }

.mb-135,
.my-135 {
  margin-bottom: 135px; }

.mb-140,
.my-140 {
  margin-bottom: 140px; }

.mb-145,
.my-145 {
  margin-bottom: 145px; }

.mb-150,
.my-150 {
  margin-bottom: 150px; }

.mb-155,
.my-155 {
  margin-bottom: 155px; }

.mb-160,
.my-160 {
  margin-bottom: 160px; }

.mb-165,
.my-165 {
  margin-bottom: 165px; }

.mb-170,
.my-170 {
  margin-bottom: 170px; }

.mb-175,
.my-175 {
  margin-bottom: 175px; }

.mb-180,
.my-180 {
  margin-bottom: 180px; }

.mb-185,
.my-185 {
  margin-bottom: 185px; }

.mb-190,
.my-190 {
  margin-bottom: 190px; }

.mb-195,
.my-195 {
  margin-bottom: 195px; }

.mb-200,
.my-200 {
  margin-bottom: 200px; }

.mb-205,
.my-205 {
  margin-bottom: 205px; }

.mb-210,
.my-210 {
  margin-bottom: 210px; }

.mb-215,
.my-215 {
  margin-bottom: 215px; }

.mb-220,
.my-220 {
  margin-bottom: 220px; }

.mb-225,
.my-225 {
  margin-bottom: 225px; }

.mb-230,
.my-230 {
  margin-bottom: 230px; }

.mb-235,
.my-235 {
  margin-bottom: 235px; }

.mb-240,
.my-240 {
  margin-bottom: 240px; }

.mb-245,
.my-245 {
  margin-bottom: 245px; }

.mb-250,
.my-250 {
  margin-bottom: 250px; }

/* Responsive Padding Margin */
@media only screen and (max-width: 991px) {
  /* Padding Around */
  .rp-0 {
    padding: 0px !important; }
  .rp-5 {
    padding: 5px !important; }
  .rp-10 {
    padding: 10px; }
  .rp-15 {
    padding: 15px; }
  .rp-20 {
    padding: 20px; }
  .rp-25 {
    padding: 25px; }
  .rp-30 {
    padding: 30px; }
  .rp-35 {
    padding: 35px; }
  .rp-40 {
    padding: 40px; }
  .rp-45 {
    padding: 45px; }
  .rp-50 {
    padding: 50px; }
  .rp-55 {
    padding: 55px; }
  .rp-60 {
    padding: 60px; }
  .rp-65 {
    padding: 65px; }
  .rp-70 {
    padding: 70px; }
  .rp-75 {
    padding: 75px; }
  .rp-80 {
    padding: 80px; }
  .rp-85 {
    padding: 85px; }
  .rp-90 {
    padding: 90px; }
  .rp-95 {
    padding: 95px; }
  .rp-100 {
    padding: 100px; }
  .rp-105 {
    padding: 105px; }
  .rp-110 {
    padding: 110px; }
  .rp-115 {
    padding: 115px; }
  .rp-120 {
    padding: 120px; }
  .rp-125 {
    padding: 125px; }
  .rp-130 {
    padding: 130px; }
  .rp-135 {
    padding: 135px; }
  .rp-140 {
    padding: 140px; }
  .rp-145 {
    padding: 145px; }
  .rp-150 {
    padding: 150px; }
  /* Padding Top */
  .rpt-0,
  .rpy-0 {
    padding-top: 0px !important; }
  .rpt-5,
  .rpy-5 {
    padding-top: 5px !important; }
  .rpt-10,
  .rpy-10 {
    padding-top: 10px; }
  .rpt-15,
  .rpy-15 {
    padding-top: 15px; }
  .rpt-20,
  .rpy-20 {
    padding-top: 20px; }
  .rpt-25,
  .rpy-25 {
    padding-top: 25px; }
  .rpt-30,
  .rpy-30 {
    padding-top: 30px; }
  .rpt-35,
  .rpy-35 {
    padding-top: 35px; }
  .rpt-40,
  .rpy-40 {
    padding-top: 40px; }
  .rpt-45,
  .rpy-45 {
    padding-top: 45px; }
  .rpt-50,
  .rpy-50 {
    padding-top: 50px; }
  .rpt-55,
  .rpy-55 {
    padding-top: 55px; }
  .rpt-60,
  .rpy-60 {
    padding-top: 60px; }
  .rpt-65,
  .rpy-65 {
    padding-top: 65px; }
  .rpt-70,
  .rpy-70 {
    padding-top: 70px; }
  .rpt-75,
  .rpy-75 {
    padding-top: 75px; }
  .rpt-80,
  .rpy-80 {
    padding-top: 80px; }
  .rpt-85,
  .rpy-85 {
    padding-top: 85px; }
  .rpt-90,
  .rpy-90 {
    padding-top: 90px; }
  .rpt-95,
  .rpy-95 {
    padding-top: 95px; }
  .rpt-100,
  .rpy-100 {
    padding-top: 100px; }
  .rpt-105,
  .rpy-105 {
    padding-top: 105px; }
  .rpt-110,
  .rpy-110 {
    padding-top: 110px; }
  .rpt-115,
  .rpy-115 {
    padding-top: 115px; }
  .rpt-120,
  .rpy-120 {
    padding-top: 120px; }
  .rpt-125,
  .rpy-125 {
    padding-top: 125px; }
  .rpt-130,
  .rpy-130 {
    padding-top: 130px; }
  .rpt-135,
  .rpy-135 {
    padding-top: 135px; }
  .rpt-140,
  .rpy-140 {
    padding-top: 140px; }

    .rpt-1401 {
      padding-top: 140px; }

  .rpt-145,
  .rpy-145 {
    padding-top: 145px; }
  .rpt-150,
  .rpy-150 {
    padding-top: 150px; }
  /* Padding Bottom */
  .rpb-0,
  .rpy-0 {
    padding-bottom: 0px !important; }
  .rpb-5,
  .rpy-5 {
    padding-bottom: 5px !important; }
  .rpb-10,
  .rpy-10 {
    padding-bottom: 10px; }
  .rpb-15,
  .rpy-15 {
    padding-bottom: 15px; }
  .rpb-20,
  .rpy-20 {
    padding-bottom: 20px; }
  .rpb-25,
  .rpy-25 {
    padding-bottom: 25px; }
  .rpb-30,
  .rpy-30 {
    padding-bottom: 30px; }
  .rpb-35,
  .rpy-35 {
    padding-bottom: 35px; }
  .rpb-40,
  .rpy-40 {
    padding-bottom: 40px; }
  .rpb-45,
  .rpy-45 {
    padding-bottom: 45px; }
  .rpb-50,
  .rpy-50 {
    padding-bottom: 50px; }
  .rpb-55,
  .rpy-55 {
    padding-bottom: 55px; }
  .rpb-60,
  .rpy-60 {
    padding-bottom: 60px; }
  .rpb-65,
  .rpy-65 {
    padding-bottom: 65px; }
  .rpb-70,
  .rpy-70 {
    padding-bottom: 70px; }
  .rpb-75,
  .rpy-75 {
    padding-bottom: 75px; }
  .rpb-80,
  .rpy-80 {
    padding-bottom: 80px; }
  .rpb-85,
  .rpy-85 {
    padding-bottom: 85px; }
  .rpb-90,
  .rpy-90 {
    padding-bottom: 90px; }
  .rpb-95,
  .rpy-95 {
    padding-bottom: 95px; }
  .rpb-100,
  .rpy-100 {
    padding-bottom: 100px; }
  .rpb-105,
  .rpy-105 {
    padding-bottom: 105px; }
  .rpb-110,
  .rpy-110 {
    padding-bottom: 110px; }
  .rpb-115,
  .rpy-115 {
    padding-bottom: 115px; }
  .rpb-120,
  .rpy-120 {
    padding-bottom: 120px; }
  .rpb-125,
  .rpy-125 {
    padding-bottom: 125px; }
  .rpb-130,
  .rpy-130 {
    padding-bottom: 130px; }
  .rpb-135,
  .rpy-135 {
    padding-bottom: 135px; }
  .rpb-140,
  .rpy-140 {
    padding-bottom: 140px; }
  .rpb-145,
  .rpy-145 {
    padding-bottom: 145px; }
  .rpb-150,
  .rpy-150 {
    padding-bottom: 460px; }
  /* Margin Around */
  .rm-0 {
    margin: 0px !important; }
  .rm-5 {
    margin: 5px !important; }
  .rm-10 {
    margin: 10px; }
  .rm-15 {
    margin: 15px; }
  .rm-20 {
    margin: 20px; }
  .rm-25 {
    margin: 25px; }
  .rm-30 {
    margin: 30px; }
  .rm-35 {
    margin: 35px; }
  .rm-40 {
    margin: 40px; }
  .rm-45 {
    margin: 45px; }
  .rm-50 {
    margin: 50px; }
  .rm-55 {
    margin: 55px; }
  .rm-60 {
    margin: 60px; }
  .rm-65 {
    margin: 65px; }
  .rm-70 {
    margin: 70px; }
  .rm-75 {
    margin: 75px; }
  .rm-80 {
    margin: 80px; }
  .rm-85 {
    margin: 85px; }
  .rm-90 {
    margin: 90px; }
  .rm-95 {
    margin: 95px; }
  .rm-100 {
    margin: 100px; }
  .rm-105 {
    margin: 105px; }
  .rm-110 {
    margin: 110px; }
  .rm-115 {
    margin: 115px; }
  .rm-120 {
    margin: 120px; }
  .rm-125 {
    margin: 125px; }
  .rm-130 {
    margin: 130px; }
  .rm-135 {
    margin: 135px; }
  .rm-140 {
    margin: 140px; }
  .rm-145 {
    margin: 145px; }
  .rm-150 {
    margin: 150px; }
  /* Margin Top */
  .rmt-0,
  .rmy-0 {
    margin-top: 0px !important; }
  .rmt-5,
  .rmy-5 {
    margin-top: 5px !important; }
  .rmt-10,
  .rmy-10 {
    margin-top: 10px; }
  .rmt-15,
  .rmy-15 {
    margin-top: 15px; }
  .rmt-20,
  .rmy-20 {
    margin-top: 20px; }
  .rmt-25,
  .rmy-25 {
    margin-top: 25px; }
  .rmt-30,
  .rmy-30 {
    margin-top: 30px; }
  .rmt-35,
  .rmy-35 {
    margin-top: 35px; }
  .rmt-40,
  .rmy-40 {
    margin-top: 40px; }
  .rmt-45,
  .rmy-45 {
    margin-top: 45px; }
  .rmt-50,
  .rmy-50 {
    margin-top: 50px; }
  .rmt-55,
  .rmy-55 {
    margin-top: 55px; }
  .rmt-60,
  .rmy-60 {
    margin-top: 60px; }
  .rmt-65,
  .rmy-65 {
    margin-top: 65px; }
  .rmt-70,
  .rmy-70 {
    margin-top: 70px; }
  .rmt-75,
  .rmy-75 {
    margin-top: 75px; }
  .rmt-80,
  .rmy-80 {
    margin-top: 80px; }
  .rmt-85,
  .rmy-85 {
    margin-top: 85px; }
  .rmt-90,
  .rmy-90 {
    margin-top: 90px; }
  .rmt-95,
  .rmy-95 {
    margin-top: 95px; }
  .rmt-100,
  .rmy-100 {
    margin-top: 100px; }
  .rmt-105,
  .rmy-105 {
    margin-top: 105px; }
  .rmt-110,
  .rmy-110 {
    margin-top: 110px; }
  .rmt-115,
  .rmy-115 {
    margin-top: 115px; }
  .rmt-120,
  .rmy-120 {
    margin-top: 120px; }
  .rmt-125,
  .rmy-125 {
    margin-top: 125px; }
  .rmt-130,
  .rmy-130 {
    margin-top: 130px; }
  .rmt-135,
  .rmy-135 {
    margin-top: 135px; }
  .rmt-140,
  .rmy-140 {
    margin-top: 140px; }
  .rmt-145,
  .rmy-145 {
    margin-top: 145px; }
  .rmt-150,
  .rmy-150 {
    margin-top: 150px; }
  /* Margin Bottom */
  .rmb-0,
  .rmy-0 {
    margin-bottom: 0px !important; }
  .rmb-5,
  .rmy-5 {
    margin-bottom: 5px !important; }
  .rmb-10,
  .rmy-10 {
    margin-bottom: 10px; }
  .rmb-15,
  .rmy-15 {
    margin-bottom: 15px; }
  .rmb-20,
  .rmy-20 {
    margin-bottom: 20px; }
  .rmb-25,
  .rmy-25 {
    margin-bottom: 25px; }
  .rmb-30,
  .rmy-30 {
    margin-bottom: 30px; }
  .rmb-35,
  .rmy-35 {
    margin-bottom: 35px; }
  .rmb-40,
  .rmy-40 {
    margin-bottom: 40px; }
  .rmb-45,
  .rmy-45 {
    margin-bottom: 45px; }
  .rmb-50,
  .rmy-50 {
    margin-bottom: 50px; }
  .rmb-55,
  .rmy-55 {
    margin-bottom: 55px; }
  .rmb-60,
  .rmy-60 {
    margin-bottom: 60px; }
  .rmb-65,
  .rmy-65 {
    margin-bottom: 65px; }
  .rmb-70,
  .rmy-70 {
    margin-bottom: 70px; }
  .rmb-75,
  .rmy-75 {
    margin-bottom: 75px; }
  .rmb-80,
  .rmy-80 {
    margin-bottom: 80px; }
  .rmb-85,
  .rmy-85 {
    margin-bottom: 85px; }
  .rmb-90,
  .rmy-90 {
    margin-bottom: 90px; }
  .rmb-95,
  .rmy-95 {
    margin-bottom: 95px; }
  .rmb-100,
  .rmy-100 {
    margin-bottom: 100px; }
  .rmb-105,
  .rmy-105 {
    margin-bottom: 105px; }
  .rmb-110,
  .rmy-110 {
    margin-bottom: 110px; }
  .rmb-115,
  .rmy-115 {
    margin-bottom: 115px; }
  .rmb-120,
  .rmy-120 {
    margin-bottom: 120px; }
  .rmb-125,
  .rmy-125 {
    margin-bottom: 125px; }
  .rmb-130,
  .rmy-130 {
    margin-bottom: 130px; }
  .rmb-135,
  .rmy-135 {
    margin-bottom: 135px; }
  .rmb-140,
  .rmy-140 {
    margin-bottom: 140px; }
  .rmb-145,
  .rmy-145 {
    margin-bottom: 145px; }
  .rmb-150,
  .rmy-150 {
    margin-bottom: 150px; } }

/*******************************************************/
/***************** 05. Custom Animation ****************/
/*******************************************************/
/* Animation Delay */
.delay-1-0s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.delay-2-0s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.delay-0-1s {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.delay-0-2s {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.delay-0-3s {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.delay-0-4s {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.delay-0-5s {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.delay-0-6s {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.delay-0-7s {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.delay-0-8s {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

.delay-0-9s {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s; }

.delay-1-1s {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s; }

.delay-1-2s {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.delay-1-3s {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s; }

.delay-1-4s {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s; }

.delay-1-5s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.delay-1-6s {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.delay-1-7s {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s; }

.delay-1-8s {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s; }

.delay-1-9s {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s; }

/* Menu Sticky */
@-webkit-keyframes sticky {
  0% {
    top: -100px; }
  100% {
    top: 0; } }

@keyframes sticky {
  0% {
    top: -100px; }
  100% {
    top: 0; } }

/* Hero Circle */
@-webkit-keyframes rotated_circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotated_circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* Hero Circle */
@-webkit-keyframes upDownLeft {
  0%,
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  25%,
  75% {
    -webkit-transform: translate(0px, 50px);
    transform: translate(0px, 50px); }
  50% {
    -webkit-transform: translate(-50px, 50px);
    transform: translate(-50px, 50px); } }
@keyframes upDownLeft {
  0%,
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  25%,
  75% {
    -webkit-transform: translate(0px, 50px);
    transform: translate(0px, 50px); }
  50% {
    -webkit-transform: translate(-50px, 50px);
    transform: translate(-50px, 50px); } }

@-webkit-keyframes shapeAnimationOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(0px, 150px) rotate(90deg);
    transform: translate(0px, 150px) rotate(90deg); }
  50% {
    -webkit-transform: translate(150px, 150px) rotate(180deg);
    transform: translate(150px, 150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(150px, 0px) rotate(270deg);
    transform: translate(150px, 0px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@keyframes shapeAnimationOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(0px, 150px) rotate(90deg);
    transform: translate(0px, 150px) rotate(90deg); }
  50% {
    -webkit-transform: translate(150px, 150px) rotate(180deg);
    transform: translate(150px, 150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(150px, 0px) rotate(270deg);
    transform: translate(150px, 0px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@-webkit-keyframes shapeAnimationTwo {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(-150px, 0px) rotate(270deg);
    transform: translate(-150px, 0px) rotate(270deg); }
  50% {
    -webkit-transform: translate(-150px, -150px) rotate(180deg);
    transform: translate(-150px, -150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(0px, -150px) rotate(90deg);
    transform: translate(0px, -150px) rotate(90deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@keyframes shapeAnimationTwo {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(-150px, 0px) rotate(270deg);
    transform: translate(-150px, 0px) rotate(270deg); }
  50% {
    -webkit-transform: translate(-150px, -150px) rotate(180deg);
    transform: translate(-150px, -150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(0px, -150px) rotate(90deg);
    transform: translate(0px, -150px) rotate(90deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@-webkit-keyframes shapeAnimationThree {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(50px, 150px) rotate(90deg);
    transform: translate(50px, 150px) rotate(90deg); }
  50% {
    -webkit-transform: translate(150px, 150px) rotate(180deg);
    transform: translate(150px, 150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(150px, 50px) rotate(270deg);
    transform: translate(150px, 50px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@keyframes shapeAnimationThree {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(50px, 150px) rotate(90deg);
    transform: translate(50px, 150px) rotate(90deg); }
  50% {
    -webkit-transform: translate(150px, 150px) rotate(180deg);
    transform: translate(150px, 150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(150px, 50px) rotate(270deg);
    transform: translate(150px, 50px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@-webkit-keyframes shapeAnimationFour {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(-150px -50px) rotate(90deg);
    transform: translate(-150px -50px) rotate(90deg); }
  50% {
    -webkit-transform: translate(-150px, -150px) rotate(180deg);
    transform: translate(-150px, -150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(-50px, -150px) rotate(270deg);
    transform: translate(-50px, -150px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@keyframes shapeAnimationFour {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(-150px -50px) rotate(90deg);
    transform: translate(-150px -50px) rotate(90deg); }
  50% {
    -webkit-transform: translate(-150px, -150px) rotate(180deg);
    transform: translate(-150px, -150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(-50px, -150px) rotate(270deg);
    transform: translate(-50px, -150px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@-webkit-keyframes shapeAnimationFive {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(-100px -100px) rotate(90deg);
    transform: translate(-100px -100px) rotate(90deg); }
  50% {
    -webkit-transform: translate(100px, 50px) rotate(180deg);
    transform: translate(100px, 50px) rotate(180deg); }
  75% {
    -webkit-transform: translate(-100px, 150px) rotate(270deg);
    transform: translate(-100px, 150px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@keyframes shapeAnimationFive {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(-100px -100px) rotate(90deg);
    transform: translate(-100px -100px) rotate(90deg); }
  50% {
    -webkit-transform: translate(100px, 50px) rotate(180deg);
    transform: translate(100px, 50px) rotate(180deg); }
  75% {
    -webkit-transform: translate(-100px, 150px) rotate(270deg);
    transform: translate(-100px, 150px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@-webkit-keyframes down-up-one {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); }
  50% {
    -webkit-transform: rotateX(0deg) translateY(25px);
    transform: rotateX(0deg) translateY(25px); }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); } }

@keyframes down-up-one {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); }
  50% {
    -webkit-transform: rotateX(0deg) translateY(25px);
    transform: rotateX(0deg) translateY(25px); }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); } }

@-webkit-keyframes down-up-two {
  0% {
    -webkit-transform: rotateX(0deg) translate(0px);
    transform: rotateX(0deg) translate(0px); }
  50% {
    -webkit-transform: rotateX(0deg) translate(25px, -25px);
    transform: rotateX(0deg) translate(25px, -25px); }
  100% {
    -webkit-transform: rotateX(0deg) translate(0px);
    transform: rotateX(0deg) translate(0px); } }

@keyframes down-up-two {
  0% {
    -webkit-transform: rotateX(0deg) translate(0px);
    transform: rotateX(0deg) translate(0px); }
  50% {
    -webkit-transform: rotateX(0deg) translate(25px, -25px);
    transform: rotateX(0deg) translate(25px, -25px); }
  100% {
    -webkit-transform: rotateX(0deg) translate(0px);
    transform: rotateX(0deg) translate(0px); } }

@-webkit-keyframes moveLeftRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes moveLeftRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

/*******************************************************/
/******************* 06. Header style ******************/
/*******************************************************/
.main-header {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 999;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; }
  .main-header .header-upper {
    z-index: 5;
    width: 100%;
    background: white;
    position: relative;
    padding-left: 55px;
    padding-right: 55px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }
    @media only screen and (max-width: 1500px) {
      .main-header .header-upper {
        padding-left: 0;
        padding-right: 0; } }
  .main-header .logo-outer {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none; }
    @media only screen and (max-width: 991px) {
      .main-header .logo-outer {
        display: none; } }
  .main-header .logo {
    z-index: 9;
    padding: 2px 0;
    position: relative; }
  .main-header.fixed-header .header-upper {
    top: 0;
    left: 0;
    position: fixed;
    -webkit-animation: sticky  1s;
    animation: sticky  1s;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.1); }

@media only screen and (max-width: 991px) {
  .header-top-wrap {
    display: none; } }

.header-top {
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Montserrat", sans-serif; }
  .header-top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .header-top ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative; }
      .header-top ul li span {
        margin-right: 5px;
        text-transform: uppercase; }
      .header-top ul li i {
        margin-right: 13px; }
      .header-top ul li:after {
        content: '';
        width: 22px;
        height: 22px;
        background: transparent;
        line-height: 22px;
        border-radius: 50%;
        text-align: center;
        margin-left: 33px;
        margin-right: 33px;
        border: 1px solid rgba(255, 255, 255, 0.3); }
      .header-top ul li:before {
        content: '';
        width: 7px;
        height: 7px;
        background: white;
        line-height: 7px;
        border-radius: 50%;
        text-align: center;
        position: absolute;
        opacity: 0.3;
        right: 40px;
        top: 11px; }
      .header-top ul li:last-child:after, .header-top ul li:last-child:before {
        display: none; }

.nav-outer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .nav-outer .menu-btn {
    margin-left: 75px; }
    @media only screen and (max-width: 991px) {
      .nav-outer .menu-btn {
        display: none; } }

/** Header Main Menu **/
@media only screen and (max-width: 991px) {
  .main-menu {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  .main-menu .mobile-logo {
    max-width: 150px; } }

@media only screen and (max-width: 991px) {
  .main-menu .collapse {
    overflow: auto; } }

.main-menu .navbar-collapse {
  padding: 0px; }
  .main-menu .navbar-collapse > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 991px) {
      .main-menu .navbar-collapse > ul {
        display: block;
        padding: 25px 0;
        background: #FFFFFF; }
        .main-menu .navbar-collapse > ul > li:last-child {
          border-bottom: 1px solid #f3f3f3; } }
  @media only screen and (max-width: 991px) {
    .main-menu .navbar-collapse {
      left: 0;
      width: 100%;
      padding: 0 15px;
      position: absolute; } }
  .main-menu .navbar-collapse li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 33px 20px; }
    @media only screen and (max-width: 1500px) {
      .main-menu .navbar-collapse li {
        padding: 30px 15px; } }
    @media only screen and (max-width: 1199px) {
      .main-menu .navbar-collapse li {
        padding: 30px 10px; } }
    @media only screen and (max-width: 991px) {
      .main-menu .navbar-collapse li {
        display: block;
        padding: 0 20px;
        border-top: 1px solid #f3f3f3; } }
    .main-menu .navbar-collapse li.dropdown .dropdown-btn {
      cursor: pointer;
      font-size: 13px;
      margin-left: 5px; }
      @media only screen and (max-width: 991px) {
        .main-menu .navbar-collapse li.dropdown .dropdown-btn {
          position: absolute;
          right: 10px;
          top: 0;
          width: 50px;
          height: 43px;
          border-left: 1px solid #f2f2f2;
          text-align: center;
          line-height: 43px; } }
    .main-menu .navbar-collapse li a {
      position: relative;
      display: block;
      font-size: 18px;
      opacity: 1;
      font-weight: 500;
      color: black;
      text-transform: uppercase;
      font-family: "Montserrat", sans-serif;
      -webkit-transition: all 500ms ease;
      -o-transition: all 500ms ease;
      transition: all 500ms ease; }
      @media only screen and (max-width: 991px) {
        .main-menu .navbar-collapse li a {
          padding: 10px 10px;
          line-height: 22px; } }
    .main-menu .navbar-collapse li.current > a, .main-menu .navbar-collapse li.current-menu-item > a {
      font-weight: 500; }
    .main-menu .navbar-collapse li li {
      border-top: 1px solid #f3f3f3; }
      .main-menu .navbar-collapse li li a {
        text-transform: capitalize; }
    .main-menu .navbar-collapse li .megamenu {
      position: absolute;
      left: 0px;
      top: 100%;
      width: 100%;
      z-index: 100;
      display: none;
      padding: 20px 0;
      background: #ffffff;
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); }
      .main-menu .navbar-collapse li .megamenu:after {
        display: block;
        clear: both;
        content: ""; }
      @media only screen and (max-width: 991px) {
        .main-menu .navbar-collapse li .megamenu {
          position: relative;
          -webkit-box-shadow: none;
          box-shadow: none;
          width: 100%; }
          .main-menu .navbar-collapse li .megamenu .container {
            max-width: 100%; }
          .main-menu .navbar-collapse li .megamenu .row {
            margin: 0px; } }
      .main-menu .navbar-collapse li .megamenu ul {
        display: block;
        position: relative;
        top: 0;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none; }
    .main-menu .navbar-collapse li ul {
      position: absolute;
      left: inherit;
      top: 100%;
      min-width: 250px;
      z-index: 100;
      display: none;
      background: #ffffff;
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); }
      @media only screen and (max-width: 991px) {
        .main-menu .navbar-collapse li ul {
          position: relative;
          display: none;
          width: 100%;
          -webkit-box-shadow: none;
          box-shadow: none; }
          .main-menu .navbar-collapse li ul:after {
            display: block;
            clear: both;
            content: ""; } }
  @media only screen and (max-width: 991px) and (max-width: 375px) {
    .main-menu .navbar-collapse li ul {
      min-width: auto; } }
      .main-menu .navbar-collapse li ul li {
        width: 100%;
        padding: 7px 20px; }
        @media only screen and (max-width: 991px) {
          .main-menu .navbar-collapse li ul li {
            padding: 0 15px; } }
        .main-menu .navbar-collapse li ul li ul {
          left: 100%;
          top: 0%; }
          @media only screen and (max-width: 991px) {
            .main-menu .navbar-collapse li ul li ul {
              left: auto; } }

.main-menu .navbar-header {
  display: none; }
  @media only screen and (max-width: 991px) {
    .main-menu .navbar-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start; } }
  .main-menu .navbar-header .navbar-toggle {
    float: right;
    padding: 4px 0;
    cursor: pointer;
    background: transparent; }
    .main-menu .navbar-header .navbar-toggle .icon-bar {
      background: #696969;
      height: 2px;
      width: 30px;
      display: block;
      margin: 7px 0; }

/* Menu Icons */
.menu-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .menu-icons button {
    background: transparent;
  display: none;}
  @media only screen and (max-width: 480px) {
    .menu-icons .cart {
      display: none; } }

/* Header Search */
.nav-search {
  position: relative;
  margin-left: 50px;
  margin-right: 50px; }
  @media only screen and (max-width: 1199px) {
    .nav-search {
      margin-left: 25px;
      margin-right: 25px; } }
  @media only screen and (max-width: 480px) {
    .nav-search {
      display: none; } }
  .nav-search button {
    background: transparent; }
  .nav-search form {
    position: absolute;
    width: 320px;
    top: 100%;
    right: 0;
    z-index: 777;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05); }
    .nav-search form.hide {
      display: none; }
    .nav-search form input {
      border: none;
      padding: 15px 5px 15px 25px; }
    .nav-search form button {
      padding: 15px 20px 15px 0; }

/* Menu Sidebar */
.menu-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .menu-sidebar button {
    width: 38px;
    display: none !important;
    cursor: pointer;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent; }
    .menu-sidebar button .icon-bar {
      height: 2px;
      width: 32px;
      margin: 4px auto;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      border-radius: 2px;
      background: #242424; }
      .menu-sidebar button .icon-bar:nth-child(2) {
        width: 100%; }

/** hidden-sidebar * */
.hidden-bar {
  position: fixed;
  right: -350px;
  top: 0px;
  opacity: 0;
  width: 350px;
  height: 100%;
  z-index: 99999;
  overflow-y: auto;
  visibility: hidden;
  background-color: #242424;
  border-left: 1px solid #231b26;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media only screen and (max-width: 375px) {
    .hidden-bar {
      width: 300px; } }
  .hidden-bar .social-style-one a {
    width: 40px;
    height: 40px;
    line-height: 40px; }

.side-content-visible .hidden-bar {
  right: 0px;
  opacity: 1;
  visibility: visible; }

.hidden-bar .inner-box {
  position: relative;
  padding: 100px 40px 50px; }
  @media only screen and (max-width: 375px) {
    .hidden-bar .inner-box {
      padding-left: 25px;
      padding-right: 25px; } }
  .hidden-bar .inner-box .cross-icon {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    color: #ffffff;
    font-size: 20px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }
  .hidden-bar .inner-box h4 {
    position: relative;
    color: #ffffff;
    margin-bottom: 35px; }

/*Appointment Form */
.hidden-bar .appointment-form {
  position: relative; }
  .hidden-bar .appointment-form .form-group {
    position: relative;
    margin-bottom: 20px; }
  .hidden-bar .appointment-form input[type="text"], .hidden-bar .appointment-form input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 23px;
    padding: 10px 25px;
    color: #ffffff;
    font-size: 16px;
    background: none;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  .hidden-bar .appointment-form textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 23px;
    padding: 10px 25px;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: none;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    resize: none; }
  .hidden-bar .appointment-form input::-webkit-input-placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form input:-ms-input-placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form input::-ms-input-placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form input::placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form textarea::-webkit-input-placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form textarea:-ms-input-placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form textarea::-ms-input-placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form textarea::placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form .form-group button {
    width: 100%;
    font-size: 16px;
    padding: 10px 15px;
    margin-bottom: 20px;
    border-color: white; }

.form-back-drop {
  position: fixed;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  z-index: 9990;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.side-content-visible .form-back-drop {
  opacity: 1;
  visibility: visible; }

/* Header Two */
.header-two {
  position: fixed; }
  .header-two .header-upper {
    background: transparent; }
  .header-two .menu-sidebar .icon-bar,
  .header-two .navbar-header .navbar-toggle .icon-bar {
    background: white; }
  .header-two .navbar-collapse .navigation > li > a {
    color: white; }
  @media only screen and (max-width: 991px) {
    .header-two .navbar-collapse .navigation {
      background: #242424; }
      .header-two .navbar-collapse .navigation > li,
      .header-two .navbar-collapse .navigation > li:last-child,
      .header-two .navbar-collapse .navigation > li.dropdown > .dropdown-btn {
        border-color: #f3f3f324; } }
  .header-two.fixed-header .header-upper {
    background: #447555; }

/*Header Three*/
.header-three .menu-sidebar .icon-bar,
.header-three .main-menu .navbar-toggle .icon-bar {
  background: #D6B981; }

.header-three .header-top ul li i {
  color: #D6B981; }

/* Header Four */
.header-four .header-upper {
  background: transparent; }

.header-four .logo-outer {
  display: block; }

.header-four.fixed-header .header-upper {
  background: white; }

/* Header Five */
.header-five {
  position: fixed; }
  .header-five .header-upper {
    background: transparent; }
  .header-five .menu-sidebar .icon-bar,
  .header-five .navbar-header .navbar-toggle .icon-bar {
    background: white; }
  .header-five .nav-outer {
    margin-right: 30px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end; }
  .header-five .nav-search {
    margin-right: 0; }
    .header-five .nav-search form button {
      color: #242424; }
  .header-five .navbar-collapse .navigation > li > a {
    color: white; }
  @media only screen and (max-width: 991px) {
    .header-five .navbar-collapse .navigation {
      background: #242424; }
      .header-five .navbar-collapse .navigation > li,
      .header-five .navbar-collapse .navigation > li:last-child,
      .header-five .navbar-collapse .navigation > li.dropdown > .dropdown-btn {
        border-color: #f3f3f324; } }
  .header-five.fixed-header .header-upper {
    position: relative;
    background: #D6B981; }

.home-three .menu-sidebar {
  top: 40px;
  left: 24px;
  z-index: 99999;
  position: fixed; }
  .home-three .menu-sidebar .icon-bar {
    background: white; }

.home-three .hidden-bar {
  opacity: 1;
  left: -265px;
  z-index: 9999;
  background: black;
  visibility: visible; }
  @media only screen and (max-width: 575px) {
    .home-three .hidden-bar {
      display: none; } }
  .home-three .hidden-bar .inner-box {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding-left: 0;
    padding-right: 0; }
  .home-three .hidden-bar .sidebar-form {
    margin-left: 30px;
    margin-right: 5px; }
  .home-three .hidden-bar .follow-us-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 25px;
    margin-right: 25px; }
    .home-three .hidden-bar .follow-us-wrap b {
      color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      -webkit-writing-mode: vertical-lr; }
      .home-three .hidden-bar .follow-us-wrap b:after {
        content: '';
        height: 30px;
        width: 2px;
        opacity: 0.5;
        margin-top: 20px;
        background: white; }
  .home-three .hidden-bar .follow-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-writing-mode: vertical-rl; }
    .home-three .hidden-bar .follow-btns a {
      margin-bottom: 40px; }
      @media only screen and (max-width: 991px) {
        .home-three .hidden-bar .follow-btns a {
          margin-bottom: 15px; } }
      .home-three .hidden-bar .follow-btns a:hover {
        color: white; }

.home-three.side-content-visible .hidden-bar {
  left: 0; }
  .home-three.side-content-visible .hidden-bar .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(9px);
    -ms-transform: rotate(45deg) translate(9px);
    transform: rotate(45deg) translate(9px); }
  .home-three.side-content-visible .hidden-bar .icon-bar:nth-child(2) {
    opacity: 0; }
  .home-three.side-content-visible .hidden-bar .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(13px, -5px);
    -ms-transform: rotate(-45deg) translate(13px, -5px);
    transform: rotate(-45deg) translate(13px, -5px); }

/*******************************************************/
/******************* 07. Hero Section ******************/
/*******************************************************/
.hero-section .container {
  max-width: 1350px; }

.hero-content {
  z-index: 1;
  position: relative; }
  @media only screen and (max-width: 1500px) {
    .hero-content {
      margin-top: 150px;
      margin-bottom: 150px; } }
  @media only screen and (max-width: 991px) {
    .hero-content {
      margin-bottom: 100px; } }
  .hero-content .bg-text {
    font-size: 250px;
    -webkit-transform: translate(-50px, -58%);
    -ms-transform: translate(-50px, -58%);
    transform: translate(-50px, -58%); }
    @media only screen and (max-width: 1500px) {
      .hero-content .bg-text {
        font-size: 200px; } }
    @media only screen and (max-width: 1199px) {
      .hero-content .bg-text {
        font-size: 150px;
        -webkit-transform: translate(-15px, -50%);
        -ms-transform: translate(-15px, -50%);
        transform: translate(-15px, -50%); } }
    @media only screen and (max-width: 767px) {
      .hero-content .bg-text {
        font-size: 100px; } }
    @media only screen and (max-width: 575px) {
      .hero-content .bg-text {
        font-size: 75px; } }
  .hero-content h1 {
    letter-spacing: -3px;
    text-transform: uppercase; }
    @media only screen and (max-width: 1500px) {
      .hero-content h1 {
        font-size: 75px; } }
    @media only screen and (max-width: 1199px) {
      .hero-content h1 {
        font-size: 65px; } }
    @media only screen and (max-width: 767px) {
      .hero-content h1 {
        font-size: 50px; } }
    @media only screen and (max-width: 575px) {
      .hero-content h1 {
        font-size: 40px; } }

.hero-right-image {
  height: 100%;
  width: 50vw;
  right: 0;
  top: 0;
  z-index: -1;
  overflow: hidden;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: cover; }

/*Hero Two*/
.hero-section-two .hero-right-image img:nth-child(2) {
  position: absolute;
  left: 168px;
  bottom: 0;
  height: 100%;
  max-width: none; }
  @media only screen and (max-width: 767px) {
    .hero-section-two .hero-right-image img:nth-child(2) {
      display: none; } }

@media only screen and (max-width: 1500px) {
  .hero-content-two {
    margin-top: 200px;
    margin-bottom: 200px; } }

@media only screen and (max-width: 767px) {
  .hero-content-two {
    margin-top: 150px;
    margin-bottom: 100px; } }

.hero-content-two h1 {
  color: #3f3e3d;
  font-family: 'Edensor'    }
  @media only screen and (max-width: 1500px) {
    .hero-content-two h1 {
      font-size: 70px; } }
  @media only screen and (max-width: 1199px) {
    .hero-content-two h1 {
      font-size: 60px; } }
  @media only screen and (max-width: 767px) {
    .hero-content-two h1 {
      font-size: 50px; } }
  @media only screen and (max-width: 575px) {
    .hero-content-two h1 {
      font-size: 45px; } }
  @media only screen and (max-width: 480px) {
    .hero-content-two h1 {
      font-size: 40px; } }
  @media only screen and (max-width: 375px) {
    .hero-content-two h1 {
      font-size: 35px; } }

.hero-content-two .sub-title {
  color: #3f3e3d;
  display: block;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px; }
  @media only screen and (max-width: 375px) {
    .hero-content-two .sub-title {
      font-size: 20px; } }

.hero-content-two .list-style-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .hero-content-two .list-style-two li {
    width: 50%;
    color: #3f3e3d; }
    @media only screen and (max-width: 575px) {
      .hero-content-two .list-style-two li {
        width: 100%; } }
    @media only screen and (max-width: 375px) {
      .hero-content-two .list-style-two li {
        font-size: 16px; } }

.hero-content-two .hero-btn .theme-btn {
  margin-right: 20px; }
  .hero-content-two .hero-btn .theme-btn:last-chile {
    margin-right: 0; }

.hero-green-lear {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  max-width: 20%; }

.hero-three-shapes {
  position: absolute;
  top: 20%;
  left: 8%;
  z-index: -1;
  max-width: 8%;
  -webkit-animation: shapeAnimationOne 30s infinite;
  animation: shapeAnimationOne 30s infinite; }

/*******************************************************/
/****************** 08. Slider Section ******************/
/*******************************************************/
.slider-section {
  background: black; }
  .slider-section .slick-arrow {
    width: 50px;
    height: 50px;
    z-index: 2;
    opacity: 0;
    color: white;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: calc(50% - 25px);
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3); }
    .slider-section .slick-arrow:focus, .slider-section .slick-arrow:hover {
      background: white;
      border-color: white;
      color: #242424; }
    .slider-section .slick-arrow.slider-prev {
      left: 70px; }
      @media only screen and (max-width: 991px) {
        .slider-section .slick-arrow.slider-prev {
          left: 15px; } }
    .slider-section .slick-arrow.slider-next {
      right: 70px; }
      @media only screen and (max-width: 991px) {
        .slider-section .slick-arrow.slider-next {
          right: 15px; } }
  .slider-section .slick-dots {
    position: absolute;
    left: 50%;
    bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
    .slider-section .slick-dots li {
      width: 10px;
      height: 10px;
      cursor: pointer;
      overflow: hidden;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      border-radius: 50%;
      text-indent: 100px;
      background: transparent;
      border: 2px solid white;
      margin-left: 5px;
      margin-right: 5px; }
      .slider-section .slick-dots li button {
        background: transparent; }
      .slider-section .slick-dots li.slick-active {
        background: white; }
  .slider-section:hover .slick-arrow {
    opacity: 1; }

.slider-single-item {
  z-index: 1;
  min-height: 100vh;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 150px;
  z-index: 1;
  position: relative; }
  .slider-single-item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.4;
    background-color: black; }
  @media only screen and (max-width: 767px) {
    .slider-single-item {
      min-height: auto;
      padding-top: 120px;
      padding-bottom: 120px; } }
  .slider-single-item:after {
    position: absolute;
    border-radius: 50%;
    width: 570px;
    height: 570px;
    content: '';
    left: 50%;
    top: 50%;
    z-index: -2;
    -webkit-filter: blur(300px);
    filter: blur(300px);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(39, 39, 39, 0.6); }
  .slider-single-item * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .slider-single-item .container {
    max-width: 900px; }
  .slider-single-item .bg-text {
    font-size: 350px;
    color: white;
    opacity: 0.1;
    left: 50%;
    top: 50%;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0); }
    @media only screen and (max-width: 1500px) {
      .slider-single-item .bg-text {
        font-size: 250px; } }
    @media only screen and (max-width: 1199px) {
      .slider-single-item .bg-text {
        font-size: 200px; } }
    @media only screen and (max-width: 991px) {
      .slider-single-item .bg-text {
        font-size: 150px; } }
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .slider-single-item .bg-text {
        font-size: 120px; } }
    @media only screen and (max-width: 767px) {
      .slider-single-item .bg-text {
        font-size: 100px; } }
    @media only screen and (max-width: 575px) {
      .slider-single-item .bg-text {
        font-size: 80px; } }
    @media only screen and (max-width: 480px) {
      .slider-single-item .bg-text {
        font-size: 50px; } }
  .slider-single-item .sub-title {
    color: white;
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px; }
  .slider-single-item h1 {
    color: white;
    font-size: 120px;
    line-height: 1.08;
    margin-bottom: 25px; }
    @media only screen and (max-width: 1500px) {
      .slider-single-item h1 {
        font-size: 100px; } }
    @media only screen and (max-width: 1199px) {
      .slider-single-item h1 {
        font-size: 75px; } }
    @media only screen and (max-width: 767px) {
      .slider-single-item h1 {
        font-size: 60px; } }
    @media only screen and (max-width: 575px) {
      .slider-single-item h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 480px) {
      .slider-single-item h1 {
        font-size: 35px; } }
  .slider-single-item .slider-btn {
    margin-left: -10px;
    margin-right: -10px; }
    .slider-single-item .slider-btn .theme-btn {
      margin: 10px 10px 0; }
  .slider-single-item.slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .slider-single-item.slick-active .bg-text {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
  .slider-single-item.slick-active h1,
  .slider-single-item.slick-active .sub-title,
  .slider-single-item.slick-active .slider-btn .theme-btn {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
  .slider-single-item.slick-active .sub-title {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  .slider-single-item.slick-active h1 {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s; }
  .slider-single-item.slick-active .slider-btn .theme-btn:first-child {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s; }
  .slider-single-item.slick-active .slider-btn .theme-btn:last-child {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s; }

/*******************************************************/
/****************** 09. About Section ******************/
/*******************************************************/
.about-content {
  margin-left: 65px; }
  @media only screen and (max-width: 1199px) {
    .about-content {
      margin-left: 0; } }
  .about-content > i {
    color: #242424; }

.about-content p {
  color: black !important;
}
.about-right-leaf {
  position: absolute;
  top: -20%;
  right: 0;
  max-width: 15%;
  -webkit-animation: down-up-one 10s infinite;
  animation: down-up-one 10s infinite; }

.about-left .circle-image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  max-width: 50%;
  -webkit-transform: translate(-45%, -40%);
  -ms-transform: translate(-45%, -40%);
  transform: translate(-45%, -40%); }
  .about-left .circle-image img {
    border-radius: 50%;
    -webkit-animation: rotated_circle 20s infinite;
    animation: rotated_circle 20s infinite; }

/* About Page */
.about-page-right-video {
  position: relative;
  z-index: 1;
  position: relative; }
  .about-page-right-video::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.3;
    background-color: black; }
  .about-page-right-video:before {
    z-index: 1; }
  .about-page-right-video img {
    width: 100%; }
  .about-page-right-video .video-play {
    width: 95px;
    height: 95px;
    color: white;
    line-height: 93px;
    background: transparent;
    border: 1px solid white; }
    @media only screen and (max-width: 480px) {
      .about-page-right-video .video-play {
        width: 65px;
        height: 65px;
        font-size: 18px;
        line-height: 63px; } }

.client-logo-wrap .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.client-logo-wrap img {
  display: inline-block; }

.client-logo-wrap .slick-slide {
  margin-left: 15px;
  margin-right: 15px; }

/* About Two */
.about-right-text .read-more {
  color: #D6B981; }

.about-offer-item {
  position: relative;
  margin-bottom: 30px; }
  .about-offer-item:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -webkit-linear-gradient(282.18deg, rgba(0, 0, 0, 0) 6.02%, #000000 118.19%);
    background-image: -o-linear-gradient(282.18deg, rgba(0, 0, 0, 0) 6.02%, #000000 118.19%);
    background-image: linear-gradient(167.82deg, rgba(0, 0, 0, 0) 6.02%, #000000 118.19%); }
  .about-offer-item img {
    width: 100%; }
  .about-offer-item .about-offer-content {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 2;
    bottom: 35px;
    text-align: center; }
    .about-offer-item .about-offer-content span {
      color: white;
      opacity: 0.7; }
    .about-offer-item .about-offer-content h4 {
      color: white;
      margin-bottom: 5px; }
    .about-offer-item .about-offer-content .bg-text {
      font-size: 130px;
      opacity: 0.1;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

/*******************************************************/
/****************** 10. Marquee Text *******************/
/*******************************************************/
.marquee-text {
  -webkit-transform: rotate(-2.56deg);
  -ms-transform: rotate(-2.56deg);
  transform: rotate(-2.56deg); }
  .marquee-text .slick-list {
    padding-top: 35px;
    padding-bottom: 35px;
    border-top: 1px solid rgba(36, 36, 36, 0.15);
    border-bottom: 1px solid rgba(36, 36, 36, 0.15); }
  .marquee-text h2 {
    margin: 0 15px;
    font-size: 40px;
    text-transform: uppercase; }
    @media only screen and (max-width: 1199px) and (min-width: 991px) {
      .marquee-text h2 {
        font-size: 35px; } }
    @media only screen and (max-width: 991px) {
      .marquee-text h2 {
        font-size: 30px; } }
    @media only screen and (max-width: 767px) {
      .marquee-text h2 {
        font-size: 25px; } }
    @media only screen and (max-width: 480px) {
      .marquee-text h2 {
        font-size: 20px; } }

/*******************************************************/
/***************** 11. Feature Section *****************/
/*******************************************************/
.features-section-content .section-title {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto; }

.features-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 25px;
  padding-right: 25px; }
  @media only screen and (max-width: 1500px) {
    .features-item-wrap {
      padding-bottom: 70px;
      padding-left: 0;
      padding-right: 0; } }

.feature-item {
  width: 46%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-top: 55px;
  padding-top: 35px;
  border-top: 1px solid rgba(36, 36, 36, 0.1); }
  @media only screen and (max-width: 767px) {
    .feature-item {
      width: 100%; } }
  .feature-item .icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 50px;
    margin-right: 20px;
    color: #242424;
    width: 85px;
    height: 85px;
    background: #F6E9E4;
    line-height: 85px;
    border-radius: 50%;
    text-align: center; }
    @media only screen and (max-width: 375px) {
      .feature-item .icon {
        width: 50px;
        height: 50px;
        font-size: 25px;
        line-height: 50px;
        margin-right: 15px; } }
  .feature-item h4 {
    margin: 10px 0 0; }
    @media only screen and (max-width: 375px) {
      .feature-item h4 {
        margin-top: 0;
        font-size: 22px; } }
  .feature-item:hover {
    border-color: #242424; }

.features-image {
  padding: 20px;
  max-width: 440px;
  border-radius: 50% 75%; }
  @media only screen and (max-width: 1199px) {
    .features-image {
      display: none; } }
  .features-image img {
    width: 100%;
    border-radius: 50% 75%; }
  .features-image.left-image {
    border: 1px solid rgba(36, 36, 36, 0.15); }
  .features-image.right-image {
    right: 0;
    bottom: 0; }

.reatures-leaf {
  position: absolute;
  left: 0;
  top: 10%;
  max-width: 25%; }

/*******************************************************/
/***************** 12. Projects Section ****************/
/*******************************************************/
.project-item {
  overflow: hidden;
  margin-bottom: 60px;
  position: relative;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content; }
  @media only screen and (max-width: 767px) {
    .project-item {
      margin-top: 0; } }
  @media only screen and (max-width: 1199px) {
    .project-item {
      max-width: 100%; }
      .project-item img {
        width: 100%; } }
  .project-item:hover .project-content {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }

.project-content {
  position: absolute;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  max-width: 250px;
  background: white;
  padding: 25px 35px;
  -webkit-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
  width: calc(100% - 40px);
  -webkit-transform: translate(110%);
  -ms-transform: translate(110%);
  transform: translate(110%); }
  .project-content h5 {
    margin: 0;
    font-size: 20px;
    text-align: center; }

.project-btn {
  margin-top: -55px; }
  @media only screen and (max-width: 767px) {
    .project-btn {
      margin-top: 0; } }

/* Project Two */
.project-section-two {
  padding-left: 55px;
  padding-right: 55px; }
  @media only screen and (max-width: 1500px) {
    .project-section-two {
      padding-left: 0;
      padding-right: 0; } }

.project-item-two {
  margin-bottom: 30px;
  z-index: 1;
  position: relative; }
  .project-item-two::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.4;
    background-color: black; }
  .project-item-two:before {
    z-index: 2; }
  .project-item-two img {
    width: 100%; }
  .project-item-two .project-content-two {
    position: absolute;
    z-index: 3;
    top: 40px;
    left: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 35px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% - 80px);
    height: calc(100% - 80px);
    border: 1px solid rgba(255, 255, 255, 0.3); }
    @media only screen and (max-width: 1700px) and (min-width: 1200px) {
      .project-item-two .project-content-two {
        top: 20px;
        left: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 991px) {
      .project-item-two .project-content-two {
        top: 20px;
        left: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        padding-left: 15px;
        padding-right: 15px; } }
  .project-item-two h3 {
    color: white;
    font-size: 65px;
    line-height: 1.1;
    margin-bottom: 20px;
    font-family: "Dancing Script", cursive; }
    @media only screen and (max-width: 1700px) and (min-width: 1200px) {
      .project-item-two h3 {
        font-size: 45px; } }
    @media only screen and (max-width: 575px) {
      .project-item-two h3 {
        font-size: 55px; } }
  .project-item-two h5 {
    color: white;
    font-size: 24px;
    margin-bottom: 28px; }
    @media only screen and (max-width: 575px) {
      .project-item-two h5 {
        font-size: 20px; } }
  .project-item-two .theme-btn {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 15px;
    padding: 9px 30px; }
  .project-item-two .bg-text {
    color: white;
    top: 50%;
    left: 50%;
    opacity: 0.2;
    font-size: 250px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media only screen and (max-width: 1500px) {
      .project-item-two .bg-text {
        font-size: 150px; } }
    @media only screen and (max-width: 1199px) {
      .project-item-two .bg-text {
        font-size: 100px; } }
    @media only screen and (max-width: 575px) {
      .project-item-two .bg-text {
        font-size: 70px; } }
    @media only screen and (max-width: 480px) {
      .project-item-two .bg-text {
        font-size: 40px; } }
  .project-item-two.big-item .project-content-two {
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding-left: 50px;
    padding-right: 50px; }
    @media only screen and (max-width: 767px) {
      .project-item-two.big-item .project-content-two {
        padding-left: 25px;
        padding-right: 25px; } }
  .project-item-two.big-item h3 {
    font-size: 90px;
    max-width: 400px; }
    @media only screen and (max-width: 1700px) and (min-width: 1200px) {
      .project-item-two.big-item h3 {
        font-size: 55px; } }
    @media only screen and (max-width: 991px) {
      .project-item-two.big-item h3 {
        font-size: 55px; } }
    @media only screen and (max-width: 575px) {
      .project-item-two.big-item h3 {
        font-size: 35px; } }
  .project-item-two.big-item h5 {
    font-size: 30px; }
    @media only screen and (max-width: 375px) {
      .project-item-two.big-item h5 {
        display: none; } }
  @media only screen and (max-width: 375px) {
    .project-item-two.big-item .theme-btn {
      display: none; } }
  .project-item-two.video-item .project-content-two {
    left: 70px;
    top: 70px;
    padding: 0;
    width: calc(100% - 140px);
    height: calc(100% - 140px); }
    @media only screen and (max-width: 991px) {
      .project-item-two.video-item .project-content-two {
        top: 20px;
        left: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 40px); } }
  .project-item-two.video-item .video-play {
    color: #D6B981; }
    @media only screen and (min-width: 1501px) {
      .project-item-two.video-item .video-play {
        width: 155px;
        height: 155px;
        line-height: 155px; } }
    @media only screen and (max-width: 575px) {
      .project-item-two.video-item .video-play {
        width: 75px;
        height: 75px;
        line-height: 75px; } }
    @media only screen and (max-width: 375px) {
      .project-item-two.video-item .video-play {
        width: 45px;
        height: 45px;
        font-size: 16px;
        line-height: 45px; } }

/* Gallery Section */
.gallery-section {
  padding-left: 55px;
  padding-right: 55px; }
  @media only screen and (max-width: 1500px) {
    .gallery-section {
      padding-left: 0;
      padding-right: 0; } }

.gallery-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px; }

.gallery-item {
  position: relative;
  margin: 0 15px 30px;
  width: calc(20% - 30px); }
  .gallery-item img {
    width: 100%; }
  @media only screen and (max-width: 1199px) {
    .gallery-item {
      width: calc(25% - 30px); } }
  @media only screen and (max-width: 991px) {
    .gallery-item {
      width: calc(50% - 30px); } }
  @media only screen and (max-width: 480px) {
    .gallery-item {
      width: calc(100% - 30px); } }
  .gallery-item.big-item {
    width: calc(40% - 30px); }
    @media only screen and (max-width: 1199px) {
      .gallery-item.big-item {
        width: calc(25% - 30px); } }
    @media only screen and (max-width: 991px) {
      .gallery-item.big-item {
        width: calc(50% - 30px); } }
    @media only screen and (max-width: 480px) {
      .gallery-item.big-item {
        width: calc(100% - 30px); } }
  .gallery-item:hover .gallery-overlay {
    opacity: 1; }
  .gallery-item .gallery-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.65); }
    .gallery-item .gallery-overlay a {
      color: white;
      width: 60px;
      height: 60px;
      background: #799AA1;
      line-height: 60px;
      border-radius: 50%;
      text-align: center; }

/* Instagram Image Gallery */
.instagram-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 70px;
  padding-right: 70px;
  margin-left: -15px;
  margin-right: -15px; }
  @media only screen and (max-width: 1500px) {
    .instagram-section {
      padding-left: 15px;
      padding-right: 15px; } }
  .instagram-section .instagram-item {
    margin: 0 15px 30px;
    width: calc(20% - 30px);
    z-index: 1;
    position: relative; }
    .instagram-section .instagram-item::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      z-index: -1;
      top: 0;
      left: 0;
      opacity: 0;
      background-color: black; }
    .instagram-section .instagram-item:before {
      z-index: 1;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    @media only screen and (max-width: 1500px) {
      .instagram-section .instagram-item {
        width: calc(33.33% - 30px); } }
    @media only screen and (max-width: 575px) {
      .instagram-section .instagram-item {
        width: calc(50% - 30px); } }
    @media only screen and (max-width: 480px) {
      .instagram-section .instagram-item {
        width: calc(100% - 30px); } }
    .instagram-section .instagram-item img {
      width: 100%; }
    .instagram-section .instagram-item a {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 2;
      opacity: 0;
      color: white;
      font-size: 55px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .instagram-section .instagram-item:hover a {
      opacity: 1; }
    .instagram-section .instagram-item:hover:before {
      opacity: 0.4; }

/* Portfolio Grid */
.portfolio-section {
  padding-left: 55px;
  padding-right: 55px; }
  @media only screen and (max-width: 1500px) {
    .portfolio-section {
      padding-left: 15px;
      padding-right: 15px; } }
  @media only screen and (max-width: 767px) {
    .portfolio-section {
      padding-left: 0;
      padding-right: 0; } }

.portfolio-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .portfolio-filter li {
    margin: 5px;
    cursor: pointer;
    font-size: 16px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: 600;
    padding: 5px 25px;
    color: #242424;
    background: #F7F7F7; }
    @media only screen and (max-width: 375px) {
      .portfolio-filter li {
        padding: 5px 20px; } }
    .portfolio-filter li:hover, .portfolio-filter li.current {
      color: white;
      background: #D6B981; }

.portfolio-item {
  position: relative;
  margin-bottom: 30px; }
  .portfolio-item img {
    width: 100%; }
  .portfolio-item .portfolio-content {
    position: absolute;
    bottom: 80px;
    right: 0;
    left: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .portfolio-item .portfolio-content h6, .portfolio-item .portfolio-content b {
      opacity: 0;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      font-weight: 600;
      margin-left: 25px; }
    .portfolio-item .portfolio-content h6 {
      color: white;
      margin-bottom: 0;
      padding: 10px 20px;
      background: #D6B981; }
      .portfolio-item .portfolio-content h6 a {
        color: white; }
    .portfolio-item .portfolio-content b {
      font-size: 14px;
      background: white;
      padding: 5px 20px;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      color: #242424;
      font-family: "Montserrat", sans-serif; }
  .portfolio-item:hover .portfolio-content h6, .portfolio-item:hover .portfolio-content b {
    opacity: 1;
    margin-left: 0; }
  .portfolio-item:hover .portfolio-content b {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }

/* Portfolio Details */
.portfolio-details {
  font-size: 16px; }
  .portfolio-details img, .portfolio-details p {
    margin-bottom: 30px; }
  .portfolio-details h3 {
    font-size: 35px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 480px) {
      .portfolio-details h3 {
        font-size: 30px; } }
    @media only screen and (max-width: 375px) {
      .portfolio-details h3 {
        font-size: 25px; } }

.portfolio-details-content {
  margin-bottom: 55px; }
  .portfolio-details-content.table-left {
    margin-right: 50px; }
    @media only screen and (max-width: 991px) {
      .portfolio-details-content.table-left {
        margin-right: 0; } }

.first-letter-big::first-letter {
  color: white;
  float: left;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 600;
  padding: 8px 12px;
  margin-right: 15px;
  background: #242424; }

.portfolio-details-list {
  border: 1px solid rgba(36, 36, 36, 0.15);
  font-size: 18px; }
  .portfolio-details-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(36, 36, 36, 0.15); }
    @media only screen and (max-width: 375px) {
      .portfolio-details-list li {
        padding: 15px;
        font-size: 16px; } }
    .portfolio-details-list li:last-child {
      border-bottom: none; }
    .portfolio-details-list li h5 {
      width: 30%;
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      font-size: 20px;
      margin-bottom: 0;
      font-weight: 600;
      text-transform: capitalize; }
    .portfolio-details-list li .symbol {
      margin-left: 25px;
      margin-right: 25px; }
      @media only screen and (max-width: 375px) {
        .portfolio-details-list li .symbol {
          margin-right: 15px; } }

.portfolio-middle-images img {
  width: 100%; }

.portfolio-details-testimonial {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .portfolio-details-testimonial:before {
    content: "";
    left: 50%;
    top: -25px;
    color: black;
    opacity: 0.06;
    line-height: 1;
    font-size: 150px;
    position: absolute;
    font-family: flaticon;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
  .portfolio-details-testimonial .feedback-content-item {
    font-size: 30px;
    line-height: 1.5; }
    @media only screen and (max-width: 480px) {
      .portfolio-details-testimonial .feedback-content-item {
        font-size: 25px; } }
    @media only screen and (max-width: 375px) {
      .portfolio-details-testimonial .feedback-content-item {
        font-size: 20px; } }
  .portfolio-details-testimonial .author-description {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media only screen and (max-width: 375px) {
      .portfolio-details-testimonial .author-description {
        text-align: center; } }
    .portfolio-details-testimonial .author-description img {
      margin-bottom: 0; }
      @media only screen and (max-width: 375px) {
        .portfolio-details-testimonial .author-description img {
          margin-bottom: 15px; } }

/* Tags and Share */
.tag-share .tags,
.tag-share .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px; }
  @media only screen and (max-width: 480px) {
    .tag-share .tags,
    .tag-share .share {
      display: block; }
      .tag-share .tags h5,
      .tag-share .share h5 {
        margin-bottom: 10px; } }

.tag-share h5 {
  color: black;
  font-size: 20px;
  font-weight: 600;
  margin: 0 20px 0 0; }

.tag-share .tags a:after {
  content: ',';
  margin-right: 3px; }

.tag-share .tags a:last-child:after {
  content: ''; }

.portfolio-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(36, 36, 36, 0.15); }
  @media only screen and (max-width: 767px) {
    .portfolio-footer {
      display: block; } }
  .portfolio-footer .tags,
  .portfolio-footer .share {
    width: 50%;
    padding: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid rgba(36, 36, 36, 0.15); }
    @media only screen and (max-width: 767px) {
      .portfolio-footer .tags,
      .portfolio-footer .share {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(36, 36, 36, 0.15); } }
    .portfolio-footer .tags:last-child,
    .portfolio-footer .share:last-child {
      border-right: none; }
      @media only screen and (max-width: 767px) {
        .portfolio-footer .tags:last-child,
        .portfolio-footer .share:last-child {
          border-bottom: none; } }

/*******************************************************/
/*************** 13. Testimonials Section **************/
/*******************************************************/
.feedback-wrap {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px; }

.feedback-left-image {
  min-height: 450px; }

.feedback-content-item {
  font-size: 42px;
  line-height: 1.33; }
  @media only screen and (max-width: 1500px) {
    .feedback-content-item {
      font-size: 33px; } }
  @media only screen and (max-width: 575px) {
    .feedback-content-item {
      font-size: 28px; } }
  @media only screen and (max-width: 375px) {
    .feedback-content-item {
      font-size: 22px;
      line-height: 1.5; } }
  .feedback-content-item .font-weight-normal {
    color: #696969; }

.feedback-logos img {
  margin: 10px 10px 0; }

.feedback-leaf {
  position: absolute;
  right: 4%;
  bottom: 0;
  max-width: 20%; }

/* Feedback Carousel */
.about-page-feedback .feedback-wrap {
  padding-right: 55px; }
  @media only screen and (max-width: 1199px) {
    .about-page-feedback .feedback-wrap {
      padding-right: 25px; } }

.about-page-feedback .bg-text {
  font-size: 150px; }

.feedback-item-wrap .feedback-content-item {
  font-size: 25px;
  line-height: 1.6; }
  @media only screen and (max-width: 575px) {
    .feedback-item-wrap .feedback-content-item {
      font-size: 25px; } }
  @media only screen and (max-width: 375px) {
    .feedback-item-wrap .feedback-content-item {
      font-size: 20px; } }

.feedback-logo-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto; }
  .feedback-logo-wrap img {
    width: 70px;
    cursor: pointer;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px; }
  .feedback-logo-wrap .slick-dots {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .feedback-logo-wrap .slick-dots li {
      width: 10px;
      height: 10px;
      margin: 5px;
      opacity: 0.15;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      overflow: hidden;
      border: 2px solid;
      border-radius: 50%; }
      .feedback-logo-wrap .slick-dots li.slick-active {
        opacity: 1; }
      .feedback-logo-wrap .slick-dots li button {
        background: transparent; }

/* Feedback Style Two */
.section-title-with-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.feedback-arrows button {
  width: 55px;
  height: 55px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: white;
  line-height: 53px;
  text-align: center;
  color: #799AA1;
  border: 1px solid rgba(121, 154, 161, 0.2); }
  .feedback-arrows button:hover {
    color: white;
    background: #799AA1; }
  .feedback-arrows button:first-child {
    margin-right: 10px; }

.feedback-active,
.feedback-active-two-row {
  margin-left: -15px;
  margin-right: -15px; }
  .feedback-active .feedback-item,
  .feedback-active-two-row .feedback-item {
    margin: 15px; }

.feedback-item {
  z-index: 1;
  padding: 45px;
  background: white;
  position: relative;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 20px rgba(121, 154, 161, 0.2);
  box-shadow: 0px 0px 20px rgba(121, 154, 161, 0.2); }
  @media only screen and (max-width: 375px) {
    .feedback-item {
      padding-left: 25px;
      padding-right: 25px; } }
  .feedback-item .for-border {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
  .feedback-item:before, .feedback-item:after,
  .feedback-item .for-border:after,
  .feedback-item .for-border:before {
    content: '';
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    background: #799AA1; }
  .feedback-item:before,
  .feedback-item .for-border:before {
    width: 1px;
    height: 0; }
  .feedback-item:after,
  .feedback-item .for-border:after {
    height: 1px;
    width: 0; }
  .feedback-item:before {
    left: 0;
    bottom: 0; }
  .feedback-item:after {
    top: 0;
    left: 0;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
  .feedback-item .for-border:before {
    top: 0;
    right: 0;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  .feedback-item .for-border:after {
    right: 0;
    bottom: 0;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  .feedback-item:hover:before {
    height: 100%;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
  .feedback-item:hover:after {
    width: 100%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
  .feedback-item:hover .for-border:before {
    height: 100%;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  .feedback-item:hover .for-border:after {
    width: 100%;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  .feedback-item .quote-rating {
    margin-bottom: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .feedback-item .quote-rating > i {
      font-size: 55px;
      color: #799AA1; }
    .feedback-item .quote-rating .rating {
      font-size: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .feedback-item .quote-rating .rating i {
        color: #FF8A3D;
        margin-right: 10px; }
      .feedback-item .quote-rating .rating span {
        font-weight: 600;
        color: #799AA1;
        font-family: "Montserrat", sans-serif; }

.author-description {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start; }
  @media only screen and (max-width: 375px) {
    .author-description {
      display: block; } }
  .author-description img {
    width: 60px;
    height: 60px;
    margin-right: 25px;
    border-radius: 50%; }
    @media only screen and (max-width: 375px) {
      .author-description img {
        margin-right: 0;
        margin-bottom: 15px; } }
  .author-description h5 {
    font-size: 20px;
    margin-bottom: 0; }

.feedback-progress {
  width: 100%;
  height: 3px;
  margin-top: 50px;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background: rgba(246, 233, 228, 0.5); }
  @media only screen and (max-width: 767px) {
    .feedback-progress {
      max-width: 95%; } }
  .feedback-progress .progress {
    left: 0;
    width: 0;
    top: -2px;
    height: 7px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-radius: 0;
    overflow: inherit;
    position: absolute;
    background: #799AA1; }
    .feedback-progress .progress:after {
      content: '';
      right: 0;
      top: 50%;
      position: absolute;
      -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
      transform: translate(50%, -50%);
      width: 25px;
      height: 25px;
      background: #799AA1;
      line-height: 25px;
      border-radius: 50%;
      text-align: center; }

/* Feedback Two Row */
.feedback-section-row-two .feedback-arrows button:not(:hover) {
  color: #D6B981; }

.feedback-section-row-two .feedback-arrows button:hover {
  background: #D6B981; }

.feedback-active-two-row .feedback-item:before, .feedback-active-two-row .feedback-item:after,
.feedback-active-two-row .feedback-item .for-border:after,
.feedback-active-two-row .feedback-item .for-border:before {
  background: #D6B981; }

.feedback-active-two-row .slick-track {
  margin-left: -15px;
  margin-right: -15px; }
  .feedback-active-two-row .slick-track .slick-slide {
    padding-left: 15px;
    padding-right: 15px; }

.feedback-active-two-row .quote-rating > i,
.feedback-active-two-row .quote-rating .rating span {
  color: #D6B981; }

/* Testimonial Three */
.feedback-wrap.style-three .icon {
  line-height: 1;
  font-size: 135px;
  text-align: center;
  margin-bottom: 20px;
  color: #D6B981; }
  @media only screen and (max-width: 575px) {
    .feedback-wrap.style-three .icon {
      font-size: 100px; } }
  @media only screen and (max-width: 375px) {
    .feedback-wrap.style-three .icon {
      font-size: 75px; } }

.feedback-wrap.style-three .bg-text {
  left: 50%;
  -webkit-transform: translate(-50%, -25%);
  -ms-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%); }

.feedback-item-three {
  padding-left: 30px;
  padding-right: 30px; }
  @media only screen and (max-width: 480px) {
    .feedback-item-three {
      padding-left: 0;
      padding-right: 0; } }
  .feedback-item-three .feedback-text {
    display: block;
    font-size: 35px;
    line-height: 1.56;
    text-align: center;
    color: #242424; }
    @media only screen and (max-width: 767px) {
      .feedback-item-three .feedback-text {
        font-size: 25px; } }
    @media only screen and (max-width: 375px) {
      .feedback-item-three .feedback-text {
        font-size: 20px; } }
  .feedback-item-three .author-description {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 375px) {
      .feedback-item-three .author-description {
        text-align: center; }
        .feedback-item-three .author-description img {
          display: inline-block; } }

.feedback-three-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -30px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end; }
  @media only screen and (max-width: 1199px) {
    .feedback-three-arrows {
      margin-right: 0;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .feedback-three-arrows button {
    width: 60px;
    height: 60px;
    font-size: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: white;
    color: #242424;
    -webkit-box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.25); }
    .feedback-three-arrows button:hover, .feedback-three-arrows button:focus {
      color: white;
      background: #D6B981; }

/* Testimonial Tab */
.testimonial-tab .nav {
  text-align: center;
  border-top: 1px solid rgba(36, 36, 36, 0.15);
  border-bottom: 1px solid rgba(36, 36, 36, 0.15); }
  .testimonial-tab .nav .nav-link {
    opacity: 0.4;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 0;
    padding: 40px 10px;
    border-bottom: 1px solid transparent; }
    @media only screen and (max-width: 767px) {
      .testimonial-tab .nav .nav-link {
        padding-top: 20px;
        padding-bottom: 20px; }
        .testimonial-tab .nav .nav-link img {
          max-width: 80px; } }
    .testimonial-tab .nav .nav-link.active {
      opacity: 1;
      background: transparent;
      border-color: #D6B981; }

.testimonial-tab .tab-pane {
  margin-top: 45px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto; }

.testimonial-tab .feedback-content-item {
  text-align: center; }

.testimonial-tab .author-description {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 375px) {
    .testimonial-tab .author-description {
      text-align: center; } }

.testimonial-circle {
  position: absolute;
  right: 5%;
  bottom: 10%;
  z-index: -1;
  max-width: 20%;
  -webkit-animation: rotated_circle 20s infinite;
  animation: rotated_circle 20s infinite; }

/*******************************************************/
/***************** 14. Products Section ****************/
/*******************************************************/
.product-item {
  margin-bottom: 30px; }
  .product-item .image {
    overflow: hidden;
    position: relative; }
    .product-item .image a {
      display: block;
      z-index: 1;
      position: relative; }
      .product-item .image a::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        z-index: -1;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: black; }
      .product-item .image a:before {
        z-index: 0;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
    .product-item .image img {
      width: 100%; }
    .product-item .image .rating {
      position: absolute;
      bottom: 0;
      z-index: 3;
      padding: 10px;
      right: -125px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      background: white; }
  .product-item h5 {
    margin: 25px 0 0; }
  .product-item:hover .image a:before {
    opacity: 0.5; }
  .product-item:hover .rating {
    right: 0; }

/* Product Grid */
.shop-grid-area {
  font-size: 16px; }

.shop-grid-wrap {
  margin-left: 50px; }
  @media only screen and (max-width: 1199px) {
    .shop-grid-wrap {
      margin-left: 0; } }

.shop-shorter {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .shop-shorter .sort-text {
    font-size: 18px;
    font-weight: 500; }
  .shop-shorter .nice-select {
    font-size: 16px;
    padding-right: 75px;
    padding-top: 14px;
    padding-bottom: 14px; }

.product-grid-item {
  text-align: center;
  margin-bottom: 50px;
  position: relative;
  padding-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100% - 50px); }
  .product-grid-item .image {
    position: relative; }
    .product-grid-item .image .action-btns {
      position: absolute;
      left: 50%;
      top: 35%;
      opacity: 0;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      .product-grid-item .image .action-btns a {
        margin: 3px;
        color: white;
        display: inline-block;
        width: 40px;
        height: 40px;
        background: #D6B981;
        line-height: 40px;
        border-radius: 50%;
        text-align: center; }
  .product-grid-item .rating-sale {
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 48px;
    height: 48px;
    background: #D6B981;
    line-height: 48px;
    border-radius: 50%;
    text-align: center; }
  .product-grid-item img {
    margin-bottom: 35px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto; }
  .product-grid-item h6 {
    margin-top: auto;
    margin-bottom: 5px; }
  .product-grid-item:hover .action-btns {
    top: 45%;
    opacity: 1; }

/* Product Details */
.product-image-tab {
  max-width: 600px; }
  .product-image-tab img {
    width: 100%; }

.thumb-images {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .thumb-images .thumb-item {
    margin-top: 30px;
    width: calc(33% - 15px); }

.product-details-content {
  margin-left: 55px; }
  @media only screen and (max-width: 1199px) {
    .product-details-content {
      margin-left: 0; } }
  .product-details-content .rating-text {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-bottom: 30px; }
    .product-details-content .rating-text .price {
      font-size: 24px;
      margin-right: auto; }
    .product-details-content .rating-text a {
      font-size: 18px; }
    .product-details-content .rating-text .rating i {
      color: #FF8A3D;
      margin-right: 5px; }
  .product-details-content h2 {
    font-size: 40px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 480px) {
      .product-details-content h2 {
        font-size: 35px; } }
    @media only screen and (max-width: 375px) {
      .product-details-content h2 {
        font-size: 30px; } }
  .product-details-content p {
    line-height: 2;
    font-size: 16px; }
  .product-details-content tbody tr {
    padding: 5px 0; }
  .product-details-content tbody td {
    padding: 5px 25px 5px 0; }
    @media only screen and (max-width: 375px) {
      .product-details-content tbody td {
        padding-right: 10px; } }
    .product-details-content tbody td > a:after {
      content: ','; }
    .product-details-content tbody td > a:last-child:after {
      content: ''; }

.add-to-cart {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start; }
  .add-to-cart .theme-btn {
    padding-left: 22px;
    padding-right: 22px; }
    @media only screen and (max-width: 375px) {
      .add-to-cart .theme-btn i {
        display: none; } }

.quantity-input {
  padding: 0 15px;
  margin: 10px 10px 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid rgba(36, 36, 36, 0.15); }
  .quantity-input button {
    padding: 0 10px;
    font-size: 22px;
    background: transparent; }
  .quantity-input input {
    border: none;
    width: 40px;
    padding: 0;
    height: 60px;
    font-weight: 600;
    text-align: center;
    color: #D6B981; }

.product-information-tab li {
  font-size: 20px;
  font-weight: 600;
  margin-right: 40px; }
  @media only screen and (max-width: 767px) {
    .product-information-tab li {
      font-size: 16px;
      margin-right: 20px; } }
  .product-information-tab li:last-child {
    margin-right: 0; }
  .product-information-tab li a {
    color: #B0B0B0;
    margin-bottom: -1px;
    padding-bottom: 20px;
    display: inline-block;
    border-bottom: 2px solid transparent; }
    @media only screen and (max-width: 480px) {
      .product-information-tab li a {
        padding-top: 10px;
        padding-bottom: 10px; } }
    .product-information-tab li a:hover, .product-information-tab li a.active {
      color: #242424;
      border-color: #D6B981; }

.review-wrap .name-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .review-wrap .name-date .name,
  .review-wrap .name-date .date,
  .review-wrap .name-date .rating {
    margin: 0 15px 5px 0; }
    .review-wrap .name-date .name i,
    .review-wrap .name-date .date i,
    .review-wrap .name-date .rating i {
      color: #D6B981; }

.review-form-wrap,
.contact-form-wrap {
  background: #F9F9F9;
  padding: 60px 80px; }
  @media only screen and (max-width: 991px) {
    .review-form-wrap,
    .contact-form-wrap {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (max-width: 375px) {
    .review-form-wrap,
    .contact-form-wrap {
      padding-left: 25px;
      padding-right: 25px; } }
  .review-form-wrap .rating i,
  .contact-form-wrap .rating i {
    color: rgba(0, 0, 0, 0.25); }
  .review-form-wrap .form-control,
  .contact-form-wrap .form-control {
    border: none;
    -webkit-box-shadow: 10px 4px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 4px 60px rgba(0, 0, 0, 0.1); }

/*******************************************************/
/***************** 15. Booking Section *****************/
/*******************************************************/
.booking-section {
  padding-left: 55px;
  padding-right: 55px; }
  @media only screen and (max-width: 1500px) {
    .booking-section {
      padding-left: 0;
      padding-right: 0; } }

.booking-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F9F9F9;
  margin-bottom: 30px;
  height: calc(100% - 30px); }
  @media only screen and (max-width: 767px) {
    .booking-item {
      display: block; } }
  .booking-item .booking-image {
    width: 100%;
    min-height: 400px;
    background-size: cover; }
  .booking-item .booking-content {
    padding: 75px 55px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    position: relative;
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    z-index: 1;
    min-width: 430px; }
    @media only screen and (max-width: 767px) {
      .booking-item .booking-content {
        width: 100%;
        min-width: auto; } }
    @media only screen and (max-width: 575px) {
      .booking-item .booking-content {
        padding-left: 15px;
        padding-right: 15px; } }
    .booking-item .booking-content .bg-text {
      top: 50px;
      left: 60px;
      font-size: 85px; }
      @media only screen and (max-width: 575px) {
        .booking-item .booking-content .bg-text {
          font-size: 55px; } }
    .booking-item .booking-content > h3 {
      margin-bottom: 18px; }
    .booking-item .booking-content ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 25px; }
      .booking-item .booking-content ul li > i {
        color: #FFAF7B;
        margin: 10px 20px 0 0; }
      .booking-item .booking-content ul li h5 {
        margin-bottom: 0;
        font-weight: 600; }
      .booking-item .booking-content ul li p {
        margin-bottom: 0; }
      .booking-item .booking-content ul li .theme-btn {
        font-size: 15px;
        margin-top: 30px;
        padding: 10px 25px; }

/* Booking Page */
.booking-from .nice-select,
.booking-from .form-control {
  border-color: white;
  background: #F7F7F7; }
  .booking-from .nice-select:focus,
  .booking-from .form-control:focus {
    background: white;
    border-color: rgba(36, 36, 36, 0.15); }

.booking-from .nice-select:after {
  right: 35px; }

.booking-hour-image {
  position: absolute;
  height: 100%;
  width: 50vw;
  left: 0;
  top: 0; }
  @media only screen and (max-width: 991px) {
    .booking-hour-image {
      position: relative;
      height: 400px;
      width: 100%;
      margin-bottom: 75px; } }

.booking-hours-content {
  max-width: 475px;
  margin-left: auto;
  padding-left: 30px; }
  @media only screen and (max-width: 991px) {
    .booking-hours-content {
      margin-left: 0;
      padding-left: 0;
      max-width: none; } }

.booking-hours li {
  font-weight: 600;
  margin-bottom: 25px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid rgba(36, 36, 36, 0.15); }
  @media only screen and (max-width: 375px) {
    .booking-hours li {
      font-size: 16px; } }
  .booking-hours li .date {
    width: 33%; }

.booking-circle {
  top: 10%;
  right: 5%;
  z-index: -1;
  max-width: 10%;
  position: absolute;
  -webkit-animation: rotated_circle 20s infinite;
  animation: rotated_circle 20s infinite; }

.booking-bg-icon {
  position: absolute;
  right: 30px;
  bottom: 20px;
  color: black;
  z-index: -1;
  opacity: 0.03;
  line-height: 1;
  font-size: 25vw; }

/* Booking Section Two */
.video-inner {
  z-index: 1;
  display: none;
  position: relative; }
    .video-inner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.3;
    background-color: black; }
  .video-inner:before {
    z-index: 2; }

.booking-section-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -2;
  width: 100%;
  height: 200%; }
  @media only screen and (max-width: 991px) {
    .booking-section-bg {
      height: 130%; } }
  @media only screen and (max-width: 480px) {
    .booking-section-bg {
      height: 110%; } }

.booking-two-item {
  max-width: 300px;
  margin-bottom: 50px; }
  .booking-two-item .bg-text {
    font-size: 85px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .booking-two-item ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px; }
    .booking-two-item ul li > i {
      margin: 5px 20px 0 0; }
    .booking-two-item ul li h5 {
      font-weight: 600;
      margin-bottom: 5px; }
      .booking-two-item ul li h5:nth-child(2) {
        margin-top: 15px; }

/* Booking Section Three */
.booking-section-three .nice-select,
.booking-section-three .form-control {
  background: white; }

.booking-section-three .booking-circle {
  bottom: 25%;
  top: auto; }

/*******************************************************/
/***************** 16. Category Section ****************/
/*******************************************************/
.category-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 70px;
  padding-right: 70px;
  margin-left: -15px;
  margin-right: -15px; }
  @media only screen and (max-width: 1500px) {
    .category-section {
      padding-left: 15px;
      padding-right: 15px; } }
  .category-section .category-item {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(20% - 30px); }
    @media only screen and (max-width: 1500px) {
      .category-section .category-item {
        width: calc(33.33% - 30px); } }
    @media only screen and (max-width: 991px) {
      .category-section .category-item {
        width: calc(50% - 30px); } }
    @media only screen and (max-width: 575px) {
      .category-section .category-item {
        width: calc(100% - 30px); } }

.category-item {
  z-index: 1;
  position: relative;
  padding: 50px 15px;
  text-align: center;
  margin-bottom: 30px; }
  .category-item .for-border {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
  .category-item:before, .category-item:after,
  .category-item .for-border:after,
  .category-item .for-border:before {
    content: '';
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    background: #242424; }
  .category-item:before,
  .category-item .for-border:before {
    width: 1px;
    height: 0; }
  .category-item:after,
  .category-item .for-border:after {
    height: 1px;
    width: 0; }
  .category-item:before {
    left: 0;
    bottom: 0; }
  .category-item:after {
    top: 0;
    left: 0;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
  .category-item .for-border:before {
    top: 0;
    right: 0;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  .category-item .for-border:after {
    right: 0;
    bottom: 0;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  .category-item:hover:before {
    height: 100%;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
  .category-item:hover:after {
    width: 100%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
  .category-item:hover .for-border:before {
    height: 100%;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  .category-item:hover .for-border:after {
    width: 100%;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  .category-item .category-title {
    z-index: 1;
    position: relative; }
    .category-item .category-title .bg-text {
      left: 50%;
      font-size: 75px;
      -webkit-transform: translate(-50%, -40%);
      -ms-transform: translate(-50%, -40%);
      transform: translate(-50%, -40%); }
  .category-item > i {
    line-height: 1;
    font-size: 111px;
    margin-bottom: 22px;
    color: #242424;
    display: inline-block; }

/* About Page */
.about-page {
  z-index: 1;
  position: relative; }
  .about-page::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 1;
    background-color: #F7F7F7; }
  .about-page:before {
    top: auto;
    bottom: 0;
    height: 130%; }

.category-item.style-two {
  background: white;
  -webkit-box-shadow: 10px 4px 60px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 4px 60px rgba(0, 0, 0, 0.1); }
  .category-item.style-two:after, .category-item.style-two:before {
    display: none; }
  .category-item.style-two > i {
    color: #D6B981; }
  .category-item.style-two h4 a:hover {
    color: #D6B981;
    text-decoration: underline;
    text-decoration-thickness: 1px; }

/* Pricing Page */
.pricing-page-services:before {
  opacity: 0.8;
  background: black; }

.pricing-page-services .category-item {
  padding-top: 40px;
  padding-bottom: 40px; }
  .pricing-page-services .category-item > i {
    font-size: 80px; }

/*******************************************************/
/******************* 17. News Section ******************/
/*******************************************************/
.news-section .row {
  margin-left: -20px;
  margin-right: -20px; }
  .news-section .row > div {
    padding-left: 20px;
    padding-right: 20px; }

.news-item {
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(36, 36, 36, 0.15); }
  .news-item:last-child {
    margin-bottom: 0;
    border-bottom: none; }
  .news-item .image {
    margin-bottom: 30px; }
    .news-item .image img {
      width: 100%; }
  .news-item .news-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-bottom: 40px; }
    .news-item .news-header .date {
      padding: 20px;
      font-weight: 500;
      line-height: 1.35;
      margin-right: 30px;
      background: #F9F9F9;
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content;
      text-transform: uppercase;
      font-family: "Montserrat", sans-serif; }
      @media only screen and (max-width: 1199px) {
        .news-item .news-header .date {
          margin-right: 20px; } }
      @media only screen and (max-width: 575px) {
        .news-item .news-header .date {
          width: auto;
          margin-right: 0;
          margin-bottom: 15px; } }
      .news-item .news-header .date span {
        line-height: 1;
        font-size: 50px;
        margin-bottom: 10px;
        display: inline-block; }
        @media only screen and (max-width: 575px) {
          .news-item .news-header .date span {
            font-size: 35px;
            margin-right: 2px; } }
    @media only screen and (max-width: 575px) {
      .news-item .news-header {
        display: block; } }
    .news-item .news-header h4 {
      line-height: 1.35; }
      @media only screen and (max-width: 480px) {
        .news-item .news-header h4 {
          font-size: 22px; } }
    .news-item .news-header ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 10px; }
      .news-item .news-header ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start; }
        .news-item .news-header ul li i {
          margin-right: 10px; }
          @media only screen and (max-width: 375px) {
            .news-item .news-header ul li i {
              display: none; } }
        .news-item .news-header ul li:after {
          content: '';
          margin-left: 20px;
          margin-right: 20px;
          width: 5px;
          height: 5px;
          background: rgba(36, 36, 36, 0.15);
          line-height: 5px;
          border-radius: 50%;
          text-align: center; }
          @media only screen and (max-width: 1199px) {
            .news-item .news-header ul li:after {
              margin-left: 10px;
              margin-right: 10px; } }
        .news-item .news-header ul li:last-child:after {
          display: none; }
    .news-item .news-header p {
      margin-top: 10px; }
  .news-item p {
    margin: -10px 0 0; }
  .news-item.big-news {
    padding-right: 40px;
    border-bottom: none;
    border-right: 1px solid rgba(36, 36, 36, 0.15); }
    @media only screen and (max-width: 991px) {
      .news-item.big-news {
        padding-right: 0;
        border-right: none;
        margin-bottom: 40px;
        padding-bottom: 35px;
        border-bottom: 1px solid rgba(36, 36, 36, 0.15); } }

/* News Style Two */
.news-item-two {
  padding: 35px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
  border: 1px solid white;
  -webkit-box-shadow: 10px 4px 60px rgba(171, 171, 171, 0.25);
  box-shadow: 10px 4px 60px rgba(171, 171, 171, 0.25); }
  @media only screen and (max-width: 375px) {
    .news-item-two {
      padding-left: 25px;
      padding-right: 25px; } }
  .news-item-two .title-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px; }
    .news-item-two .title-meta li {
      font-size: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start; }
      .news-item-two .title-meta li i {
        margin-right: 10px; }
        @media only screen and (max-width: 375px) {
          .news-item-two .title-meta li i {
            display: none; } }
      .news-item-two .title-meta li:after {
        content: '';
        margin-left: 20px;
        margin-right: 20px;
        width: 5px;
        height: 5px;
        background: rgba(36, 36, 36, 0.15);
        line-height: 5px;
        border-radius: 50%;
        text-align: center; }
        @media only screen and (max-width: 1199px) {
          .news-item-two .title-meta li:after {
            margin-left: 10px;
            margin-right: 10px; } }
      .news-item-two .title-meta li:last-child:after {
        display: none; }
  .news-item-two h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 30px; }
    @media only screen and (max-width: 375px) {
      .news-item-two h5 {
        font-size: 20px; } }
  .news-item-two .image {
    margin-bottom: 22px; }
    .news-item-two .image img {
      width: 100%; }
  .news-item-two p {
    margin-bottom: 8px; }
  .news-item-two .read-more {
    font-size: 15px;
    font-family: "Montserrat", sans-serif; }
  .news-item-two:hover {
    border-color: #D6B981; }

/* Blog Grid Style */
.blog-grid-item {
  margin-bottom: 60px; }
  .blog-grid-item .image {
    margin-bottom: 30px; }
    .blog-grid-item .image img {
      width: 100%; }

.blog-grid-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase; }
  .blog-grid-content ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .blog-grid-content ul li:after {
      content: '';
      margin-left: 15px;
      margin-right: 15px;
      width: 5px;
      height: 5px;
      background: rgba(0, 0, 0, 0.2);
      line-height: 5px;
      border-radius: 50%;
      text-align: center; }
    .blog-grid-content ul li:last-child:after {
      display: none; }

.blog-grid-content h5 {
  font-size: 24px;
  line-height: 1.45;
  margin-bottom: 30px; }
  @media only screen and (max-width: 375px) {
    .blog-grid-content h5 {
      font-size: 20px; } }

.blog-grid-content .theme-btn {
  font-size: 15px;
  padding: 10px 30px; }

/* Blog List Style */
.blog-list-area {
  font-size: 16px; }

.blog-list-item {
  margin-bottom: 40px; }
  .blog-list-item .image img {
    width: 100%; }
  .blog-list-item .with-video:before {
    z-index: 1; }
  .blog-list-item .with-video .video-play {
    width: 100px;
    height: 100px;
    color: white;
    border: 2px solid;
    line-height: 98px;
    background: transparent; }
    @media only screen and (max-width: 480px) {
      .blog-list-item .with-video .video-play {
        width: 70px;
        height: 70px;
        font-size: 18px;
        line-height: 68px; } }
  .blog-list-item .blog-list-content {
    padding: 40px 55px;
    -webkit-box-shadow: 10px 4px 60px rgba(173, 173, 173, 0.15);
    box-shadow: 10px 4px 60px rgba(173, 173, 173, 0.15); }
    @media only screen and (max-width: 767px) {
      .blog-list-item .blog-list-content {
        padding-left: 25px;
        padding-right: 25px; } }
    @media only screen and (max-width: 375px) {
      .blog-list-item .blog-list-content {
        padding-left: 15px;
        padding-right: 15px; } }
    .blog-list-item .blog-list-content ul {
      margin-bottom: 25px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      border: 1px solid rgba(36, 36, 36, 0.15); }
      @media only screen and (max-width: 575px) {
        .blog-list-item .blog-list-content ul {
          padding: 10px;
          display: inline-block; } }
      .blog-list-item .blog-list-content ul li {
        font-size: 15px;
        padding: 5px 25px;
        border-right: 1px solid rgba(36, 36, 36, 0.15); }
        @media only screen and (max-width: 575px) {
          .blog-list-item .blog-list-content ul li {
            border-right: none;
            display: inline-block;
            padding-left: 10px;
            padding-right: 10px; } }
        .blog-list-item .blog-list-content ul li i {
          margin-right: 5px; }
        .blog-list-item .blog-list-content ul li:last-child {
          border-right: none; }
    .blog-list-item .blog-list-content h4 {
      font-weight: 600;
      margin-bottom: 20px; }
      @media only screen and (max-width: 575px) {
        .blog-list-item .blog-list-content h4 {
          font-size: 22px; } }
      @media only screen and (max-width: 480px) {
        .blog-list-item .blog-list-content h4 {
          font-size: 18px; } }
    .blog-list-item .blog-list-content p {
      margin-bottom: 30px; }
    .blog-list-item .blog-list-content .theme-btn {
      font-size: 15px;
      padding: 10px 30px; }
    .blog-list-item .blog-list-content .author-description h6 {
      margin-bottom: 0;
      font-weight: 600; }

/* Blog Details */
.blog-details-content {
  font-size: 16px;
  line-height: 2; }
  .blog-details-content .blog-list-content > img {
    margin-bottom: 35px; }
  .blog-details-content .blog-list-content > h5 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px; }
  .blog-details-content .blog-list-content blockquote {
    font-size: 18px;
    font-weight: 600;
    padding-left: 65px;
    color: #242424; }
    @media only screen and (max-width: 480px) {
      .blog-details-content .blog-list-content blockquote {
        padding-left: 25px; } }
    @media only screen and (max-width: 375px) {
      .blog-details-content .blog-list-content blockquote {
        font-size: 16px;
        padding-left: 15px; } }
    .blog-details-content .blog-list-content blockquote .name {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 15px;
      font-weight: 400;
      margin-top: 10px;
      color: #696969;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .blog-details-content .blog-list-content blockquote .name:before {
        content: '';
        height: 1px;
        width: 30px;
        margin-right: 20px;
        background: #242424; }

/* Comments */
.comment-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 480px) {
    .comment-item {
      display: block; } }
  .comment-item.child-comment {
    margin-left: 55px; }
    @media only screen and (max-width: 375px) {
      .comment-item.child-comment {
        margin-left: 25px; } }
  .comment-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  .comment-item .author-image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 65px;
    margin: 10px 25px 15px 0; }
    .comment-item .author-image img {
      width: 65px;
      height: 65px;
      border-radius: 50%; }
  .comment-item .comment-details p {
    margin-bottom: 2px; }
  .comment-item.admin-comment {
    background: #F9F9F9;
    border-bottom: none;
    padding: 35px 35px 30px; }
    @media only screen and (max-width: 375px) {
      .comment-item.admin-comment {
        padding-left: 15px;
        padding-right: 15px; } }
    .comment-item.admin-comment .author-image {
      max-width: 100px; }
      .comment-item.admin-comment .author-image img {
        width: 100px;
        height: 100px; }
    .comment-item.admin-comment .comment-details .name {
      font-weight: 600;
      margin-bottom: 5px; }
    .comment-item.admin-comment .comment-details .social-style-two a {
      font-size: 14px;
      margin-right: 25px; }

/* Comment Form */
.comment-form {
  background: #F9F9F9;
  padding: 50px 55px 60px; }
  @media only screen and (max-width: 480px) {
    .comment-form {
      padding-left: 25px;
      padding-right: 25px; }
      .comment-form .theme-btn {
        padding-left: 22px;
        padding-right: 22px; } }
  .comment-form .form-control {
    border: none;
    -webkit-box-shadow: 10px 4px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 4px 60px rgba(0, 0, 0, 0.1); }

/*******************************************************/
/****************** 18. Offer Section ******************/
/*******************************************************/
.offer-item {
  display: block;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 30px 5px;
  margin-bottom: 30px;
  height: calc(100% - 30px);
  background: none;
  border: none; }
  .offer-item i {
    line-height: 1;
    font-size: 55px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 15px;
    display: none;
    color: #D6B981; }
  .offer-item h5 {
    font-size: 30px;
    color: white;
    margin-bottom: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .offer-item:hover {
    background: #D6B981; }
    .offer-item:hover i, .offer-item:hover h5 {
      color: white; }

.home-two .offer-item i {
  color: #799AA1; }

.home-two .offer-item:hover {
  background: #799AA1; }
  .home-two .offer-item:hover i {
    color: white; }

/*******************************************************/
/***************** 19. Pricing Section *****************/
/*******************************************************/
.pricing-wrap {
  margin-bottom: 30px;
  padding: 40px 50px 25px;
  border: 1px solid rgba(121, 154, 161, 0.2); }
  @media only screen and (max-width: 575px) {
    .pricing-wrap {
      padding-left: 25px;
      padding-right: 25px; } }
  @media only screen and (max-width: 375px) {
    .pricing-wrap {
      padding-left: 15px;
      padding-right: 15px; } }

.pricing-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(121, 154, 161, 0.2); }
  @media only screen and (max-width: 480px) {
    .pricing-item {
      display: block; } }
  .pricing-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  .pricing-item > i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 60px;
    line-height: 1.7;
    margin-right: 25px;
    color: #D6B981;
  display: none;}

.pricing-content {
  width: 100%; }
  .pricing-content .pricing-title {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .pricing-content .pricing-title h5 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 0;
    color: white;
    font-family: 'edensor'}
      @media only screen and (max-width: 375px) {
        .pricing-content .pricing-title h5 {
          font-size: 20px; } }
    .pricing-content .pricing-title .price {
      font-size: 14px;
      font-weight: 600;
      color: #D6B981;
      font-family: "Montserrat", sans-serif; }
      @media only screen and (max-width: 375px) {
        .pricing-content .pricing-title .price {
          font-size: 20px; } }
      .pricing-content .pricing-title .price:before {
        content: '$'; }
  .pricing-content p {
    margin-bottom: 0;
  color: #ababab;}

.price-left-shape {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  max-width: 30%;
display: none;}

.price-bg-shape {
  position: absolute;
  left: 50%;
  z-index: -1;
  bottom: 5%;
  max-width: 90%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.home-two .pricing-item > i,
.home-two .pricing-title .price {
  color: #799AA1; }

/* Pricing Style two */
.pricing-section-two .price-shape {
  position: absolute;
  left: 6%;
  bottom: 5%;
  z-index: -1;
  max-width: 20%; }

.pricing-section-two .circle {
  position: absolute;
  right: 5%;
  top: 10%;
  z-index: -1;
  max-width: 20%;
  -webkit-animation: rotated_circle 20s infinite;
  animation: rotated_circle 20s infinite; }

.pricing-item-two {
  position: relative;
  background: white;
  z-index: 1;
  padding: 50px 35px;
  margin-bottom: 30px;
  border: 25px solid #F7F7F7; }
  @media only screen and (max-width: 480px) {
    .pricing-item-two {
      border-width: 10px; } }
  @media only screen and (max-width: 375px) {
    .pricing-item-two {
      padding-left: 15px;
      padding-right: 15px; } }
  .pricing-item-two h5 {
    font-weight: 600;
    text-align: center; }
  .pricing-item-two .price {
    display: block;
    line-height: 1;
    font-size: 50px;
    text-align: center;
    margin-bottom: 40px;
    color: #D6B981;
    font-family: "Dancing Script", cursive; }
    .pricing-item-two .price:before {
      content: "$"; }
  .pricing-item-two h6 {
    line-height: 1.8;
    margin-bottom: 20px; }
  .pricing-item-two:before {
    position: absolute;
    content: '';
    z-index: -1;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border: 1px solid #D6B981; }
  .pricing-item-two:hover:before {
    opacity: 1; }
  .pricing-item-two:hover .theme-btn {
    background: #D6B981;
    border-color: #D6B981; }
    .pricing-item-two:hover .theme-btn:hover {
      border-color: #242424; }

/*******************************************************/
/***************** 20. Contact Section *****************/
/*******************************************************/
.contact-from .theme-btn {
  padding: 18px 15px; }

.contact-left-image,
.contact-right-image {
  position: absolute;
  width: 33.33%;
  z-index: -1; }
  @media only screen and (max-width: 767px) {
    .contact-left-image,
    .contact-right-image {
      display: none; } }

.contact-left-image {
  left: 0;
  bottom: -70px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.contact-right-image {
  right: 0;
  top: -70px;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%); }
  .contact-right-image img:nth-child(2) {
    position: absolute;
    bottom: -80px;
    right: -60px;
    z-index: -2;
    max-width: 50%;
    -webkit-animation: rotated_circle 20s infinite;
    animation: rotated_circle 20s infinite; }
    @media only screen and (max-width: 1500px) {
      .contact-right-image img:nth-child(2) {
        left: -80px; } }

/* Team Page Contact */
.team-contact-left .read-more {
  color: white;
  opacity: 0.8;
  font-size: 18px;
  border-bottom: 2px solid; }
  .team-contact-left .read-more:hover {
    opacity: 1; }

.team-page-form .nice-select,
.team-page-form .form-control {
  padding-top: 17px;
  padding-bottom: 17px; }

.team-contact-circle {
  position: absolute;
  bottom: 10%;
  right: 10%;
  max-width: 30%;
  -webkit-animation: rotated_circle 20s infinite;
  animation: rotated_circle 20s infinite; }

/* Faq Page Contact */
.faq-contact-content {
  margin-left: 65px; }
  @media only screen and (max-width: 1199px) {
    .faq-contact-content {
      margin-left: 0; } }
  .faq-contact-content .form-group {
    position: relative; }
    .faq-contact-content .form-group label {
      position: absolute;
      top: 13px;
      right: 0;
      font-size: 16px;
      color: #D6B981; }
    .faq-contact-content .form-group .nice-select,
    .faq-contact-content .form-group .form-control {
      border: none;
      padding: 15px 0;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .faq-contact-content .form-group .nice-select:focus,
      .faq-contact-content .form-group .form-control:focus {
        border-color: black; }
    .faq-contact-content .form-group .nice-select:after {
      right: 0;
      border-color: #D6B981; }

/* Contact Page */
.contact-info-item {
  text-align: center;
  background: #F9F9F9;
  margin-bottom: 30px;
  padding: 40px 55px 20px;
  height: calc(100% - 30px);
  border: 1px solid rgba(0, 0, 0, 0.07); }
  @media only screen and (max-width: 767px) {
    .contact-info-item {
      padding-left: 25px;
      padding-right: 25px; } }
  .contact-info-item > i {
    font-size: 45px;
    margin-bottom: 25px;
    color: #D6B981;
    width: 100px;
    height: 100px;
    background: white;
    line-height: 100px;
    border-radius: 50%;
    text-align: center;
    -webkit-box-shadow: 10px 4px 60px rgba(214, 185, 129, 0.2);
    box-shadow: 10px 4px 60px rgba(214, 185, 129, 0.2); }
  .contact-info-item p a {
    font-weight: 600; }

.contact-page-map iframe {
  height: 785px; }
  @media only screen and (max-width: 1500px) {
    .contact-page-map iframe {
      height: 600px; } }
  @media only screen and (max-width: 1199px) {
    .contact-page-map iframe {
      height: 500px; } }
  @media only screen and (max-width: 767px) {
    .contact-page-map iframe {
      height: 400px; } }

/*******************************************************/
/******************* 21. Page Banner *******************/
/*******************************************************/
.page-banner {
  z-index: 1;
  position: relative;
  background-size: cover;
  background-position: center;
  display: none;}
  .page-banner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.6;
    background-color: black; }

.banner-inner {
  position: relative; }
  .banner-inner h1 {
    text-transform: capitalize; }
    @media only screen and (max-width: 991px) {
      .banner-inner h1 {
        font-size: 65px; } }
    @media only screen and (max-width: 767px) {
      .banner-inner h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 480px) {
      .banner-inner h1 {
        font-size: 38px; } }
    @media only screen and (max-width: 375px) {
      .banner-inner h1 {
        font-size: 33px; } }
  @media only screen and (min-width: 1501px) {
    .banner-inner .bg-text {
      -webkit-transform: translate(-50px, -50%);
      -ms-transform: translate(-50px, -50%);
      transform: translate(-50px, -50%); } }
  .banner-inner.text-center .bg-text {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .banner-inner.text-center .breadcrumb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.breadcrumb {
  margin: 0;
  padding: 0;
  font-size: 35px;
  background: transparent;
  text-transform: capitalize; }
  @media only screen and (max-width: 767px) {
    .breadcrumb {
      font-size: 25px; } }
  @media only screen and (max-width: 480px) {
    .breadcrumb {
      font-size: 20px; } }
  .breadcrumb .breadcrumb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .breadcrumb .breadcrumb-item.active {
      color: white;
      text-decoration: underline;
      text-decoration-thickness: 1px; }
    .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      margin-left: 33px;
      margin-right: 33px;
      width: 10px;
      height: 10px;
      background: white;
      line-height: 10px;
      border-radius: 50%;
      text-align: center;
      content: ''; }
      @media only screen and (max-width: 767px) {
        .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
          margin-left: 15px;
          margin-right: 15px; } }

/*******************************************************/
/***************** 22. Services Section ****************/
/*******************************************************/
.service-item {
  text-align: center;
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 60px; }
  .service-item img {
    width: 100%; }
  .service-item .service-content {
    position: absolute;
    width: 84%;
    left: 8%;
    bottom: 0;
    padding: 25px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: white;
    -webkit-box-shadow: 10px 4px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 4px 60px rgba(0, 0, 0, 0.1); }
    .service-item .service-content > i {
      width: 70px;
      height: 70px;
      line-height: 70px;
      position: absolute;
      bottom: 100%;
      left: 0;
      color: white;
      font-size: 35px;
      background: #D6B981; }
    .service-item .service-content h5 {
      font-weight: 600;
      margin-bottom: 8px; }
    .service-item .service-content .read-more {
      font-size: 14px; }
  .service-item:hover .service-content {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); }

/* Service Style Two */
.service-item-two {
  z-index: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 40px 28px;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid rgba(36, 36, 36, 0.15); }
  .service-item-two .image {
    position: relative;
    margin-bottom: 40px;
    display: inline-block; }
    .service-item-two .image .bg-text {
      top: 66%;
      font-size: 100px; }
    .service-item-two .image img {
      width: 125px;
      height: 125px;
      border-radius: 50%; }
    .service-item-two .image .icon {
      width: 45px;
      height: 45px;
      background: white;
      line-height: 45px;
      border-radius: 50%;
      text-align: center;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 16px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      color: #D6B981;
      -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15); }
  .service-item-two h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px; }
  .service-item-two p {
    margin-bottom: 0; }
  .service-item-two:hover {
    background: #F9F9F9;
    border-color: #F9F9F9; }
    .service-item-two:hover .icon {
      color: white;
      background: #D6B981; }

/* Services Page */
.popular-services .white-leaf {
  position: absolute;
  left: 4%;
  bottom: 0;
  z-index: -1;
  max-width: 20%; }

.popular-services .color-leaf {
  position: absolute;
  right: 0;
  z-index: -1;
  bottom: 10%;
  max-width: 20%;
  -webkit-animation: down-up-one 5s infinite;
  animation: down-up-one 5s infinite; }

.popular-services .circle {
  position: absolute;
  right: 5%;
  top: 10%;
  z-index: -1;
  max-width: 20%;
  -webkit-animation: rotated_circle 20s infinite;
  animation: rotated_circle 20s infinite; }

.popular-service-item {
  display: block;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
  padding: 30px 5px;
  margin-bottom: 30px;
  background: #F7F7F7;
  border: 1px solid rgba(214, 185, 129, 0.2); }
  .popular-service-item i {
    line-height: 1;
    font-size: 65px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 10px;
    color: #D6B981;
    display: inline-block; }
  .popular-service-item h5 {
    font-size: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: 600;
    margin-bottom: 0; }
  .popular-service-item:hover {
    background: #D6B981; }
    .popular-service-item:hover i, .popular-service-item:hover h5 {
      color: white; }

/* Services Page Video Secion */
.video-section-two {
  height: 600px;
  z-index: 1;
  position: relative;
  background-size: cover;
  background-position: center; }
  .video-section-two::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.4;
    background-color: black; }
  @media only screen and (max-width: 1500px) {
    .video-section-two {
      height: 500px; } }
  @media only screen and (max-width: 991px) {
    .video-section-two {
      height: 400px; } }
  @media only screen and (max-width: 767px) {
    .video-section-two {
      height: 300px; } }
  .video-section-two:before {
    z-index: 1; }
  .video-section-two .video-play {
    color: white;
    border: 1px solid;
    background: transparent; }
    @media only screen and (max-width: 767px) {
      .video-section-two .video-play {
        width: 80px;
        height: 80px;
        line-height: 78px; } }

/* Service Details */
.service-details {
  font-size: 16px; }

.service-details-content-wrap img {
  margin-bottom: 30px; }

.service-details-content-wrap p, .service-details-content-wrap h3 {
  margin-bottom: 15px; }

.service-details-content-wrap h3 {
  font-weight: 600; }
  @media only screen and (max-width: 480px) {
    .service-details-content-wrap h3 {
      font-size: 25px; } }

.service-details-content {
  padding-left: 95px; }
  @media only screen and (max-width: 575px) {
    .service-details-content {
      padding-left: 0; } }
  .service-details-content .list-style-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .service-details-content .list-style-one li {
      width: 50%;
      color: #242424; }
      @media only screen and (max-width: 767px) {
        .service-details-content .list-style-one li {
          width: 100%; } }
      .service-details-content .list-style-one li:before {
        width: 20px;
        height: 20px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        color: white;
        margin-top: 4px;
        font-size: 10px;
        line-height: 20px;
        background: #D6B981; }
  .service-details-content.icon-before {
    position: relative; }
    .service-details-content.icon-before:before {
      font-family: flaticon;
      position: absolute;
      line-height: 1.3;
      content: "";
      left: 0;
      top: 0;
      font-size: 65px;
      color: #D6B981; }
      @media only screen and (max-width: 575px) {
        .service-details-content.icon-before:before {
          display: none; } }

/* Next Prev Service */
.next-prev-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .next-prev-service .all-services {
    margin: 15px;
    font-size: 20px;
    color: #D6B981; }
  .next-prev-service .nps-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 575px) {
      .next-prev-service .nps-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .next-prev-service .nps-item > a {
      width: 40%;
      max-width: 100px; }
      @media only screen and (max-width: 575px) {
        .next-prev-service .nps-item > a {
          width: 100%; } }
      .next-prev-service .nps-item > a img {
        margin-bottom: 0; }
        @media only screen and (max-width: 575px) {
          .next-prev-service .nps-item > a img {
            margin-bottom: 15px; } }
    .next-prev-service .nps-item.prev-item > a {
      margin-right: 25px; }
    .next-prev-service .nps-item.next-item {
      text-align: right;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: end; }
      .next-prev-service .nps-item.next-item > a {
        margin-left: 25px; }
    @media only screen and (max-width: 575px) {
      .next-prev-service .nps-item .nps-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; } }
    .next-prev-service .nps-item .nps-content h6 {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 5px; }
    .next-prev-service .nps-item .nps-content span {
      display: block;
      font-size: 14px; }
    .next-prev-service .nps-item .nps-content .read-more {
      font-size: 14px; }

/*******************************************************/
/***************** 23. Counter Section *****************/
/*******************************************************/
.counter-item {
  padding-left: 35px;
  position: relative;
  margin-bottom: 30px; }
  .counter-item:before {
    top: 0;
    left: 0;
    content: '+';
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    position: absolute;
    font-family: "Montserrat", sans-serif; }

.count-text {
  line-height: 1;
  font-size: 42px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif; }

/*******************************************************/
/******************* 24. FAQ Section *******************/
/*******************************************************/
.faq-accordion .card {
  border: none;
  font-size: 16px;
  border-radius: 0;
  margin-top: 10px;
  background: #F7F7F7; }
  .faq-accordion .card .card-header {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    font-weight: 600;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 12px 30px;
    color: #242424;
    text-decoration: underline;
    background-color: transparent;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .faq-accordion .card .card-header i {
      float: right;
      margin-top: 8px;
      font-size: 14px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .faq-accordion .card .card-header.collapsed i {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  .faq-accordion .card .card-body {
    padding: 0 30px; }

/* FAQ Page */
.faq-page .card .collapse {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.faq-page .card .card-header {
  color: white;
  background: #242424; }
  .faq-page .card .card-header + div {
    color: white;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #242424; }
  .faq-page .card .card-header.collapsed {
    color: #242424;
    background-color: transparent; }

/*******************************************************/
/***************** 25. Sidebar Widgets *****************/
/*******************************************************/
.blog-sidebar {
  max-width: 500px; }

.widget {
  padding: 35px 30px;
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 375px) {
    .widget {
      padding-left: 25px;
      padding-right: 25px; } }
  .widget:last-child {
    margin-bottom: 0; }
  .widget ul li {
    margin-bottom: 15px; }
    .widget ul li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .widget ul li a:hover {
        color: #242424; }
    .widget ul li:last-child {
      margin-bottom: 0; }

/* Widget Title */
.widget-title {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  margin-bottom: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(36, 36, 36, 0.15); }
  .widget-title:before {
    position: absolute;
    content: '';
    height: 3px;
    width: 50px;
    left: 0;
    bottom: -2px;
    background: #D6B981; }

/* About Widget */
.about-widget {
  border: none;
  text-align: center;
  background: #F9F9F9; }
  .about-widget img {
    width: 100%;
    margin-bottom: 35px;
    border-radius: 0 0 0 33%; }
  .about-widget h5 {
    font-weight: 600; }

/* Search Widget */
.search-widget {
  padding: 0; }
  .search-widget form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 30px; }
    .search-widget form input {
      border: none;
      padding-top: 18px;
      padding-bottom: 18px; }
      .search-widget form input::-webkit-input-placeholder {
        font-weight: 400; }
      .search-widget form input:-ms-input-placeholder {
        font-weight: 400; }
      .search-widget form input::-ms-input-placeholder {
        font-weight: 400; }
      .search-widget form input::placeholder {
        font-weight: 400; }
    .search-widget form button {
      color: #D6B981;
      background: transparent; }

/* Blog Widget */
.widget-post-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px; }
  @media only screen and (max-width: 375px) {
    .widget-post-item {
      display: block; }
      .widget-post-item img {
        margin-bottom: 10px; } }
  .widget-post-item:last-child {
    margin-bottom: 0; }
  .widget-post-item img {
    max-width: 85px;
    margin-right: 25px; }
  .widget-post-item .posted-on {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 3px;
    display: inline-block;
    text-transform: uppercase; }
  .widget-post-item h6 {
    font-size: 16px;
    margin-bottom: 0;
    text-transform: capitalize; }
  .widget-post-item .read-more {
    font-size: 13px; }

/* Gallery Widget */
.gallery-widget {
  padding: 0;
  border: none; }

.gallery-widget-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px -20px 0; }
  .gallery-widget-wrap .widget-gallery-item {
    z-index: 1;
    position: relative;
    margin: 0 20px 20px 0;
    width: calc(33.33% - 20px); }
    .gallery-widget-wrap .widget-gallery-item::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      z-index: -1;
      top: 0;
      left: 0;
      opacity: 0;
      background-color: black; }
    .gallery-widget-wrap .widget-gallery-item img {
      width: 100%; }
    .gallery-widget-wrap .widget-gallery-item:before {
      z-index: 1;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .gallery-widget-wrap .widget-gallery-item a {
      position: absolute;
      left: 50%;
      top: 50%;
      opacity: 0;
      z-index: 5;
      color: white;
      font-size: 22px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .gallery-widget-wrap .widget-gallery-item:hover:before {
      opacity: 0.4; }
    .gallery-widget-wrap .widget-gallery-item:hover a {
      opacity: 1; }

/* Tag Cloud Widget */
.tag-cloud-widget {
  padding: 0;
  border: none; }

.tag-clouds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px -10px 0; }
  .tag-clouds a {
    font-size: 15px;
    padding: 2px 15px;
    margin: 0 10px 10px 0;
    border: 1px solid #242424; }
    .tag-clouds a:hover {
      color: white;
      background: #D6B981;
      border-color: #D6B981; }

/* Form Widget */
.form-widget form .form-group {
  position: relative;
  margin-bottom: 10px; }
  .form-widget form .form-group label {
    position: absolute;
    right: 15px;
    top: 12px; }

.form-widget form input,
.form-widget form select,
.form-widget form textarea,
.form-widget form .nice-select {
  border: none;
  padding: 13px 20px;
  background: #F7F7F7; }

.form-widget form .nice-select {
  float: none;
  height: auto;
  font-size: 16px;
  line-height: 1.8;
  border-radius: 0; }
  .form-widget form .nice-select .current {
    font-weight: 600;
    color: #242424; }
  .form-widget form .nice-select .list {
    width: 100%;
    border-radius: 0; }
  .form-widget form .nice-select li {
    margin-bottom: 0; }
  .form-widget form .nice-select:after {
    width: 7px;
    height: 7px;
    right: 20px; }

/* Filter Widget */
.filter-price-widget .widget-title {
  margin-bottom: 12px; }
  .filter-price-widget .widget-title:before {
    height: 2px;
    bottom: 2px;
    width: 80%; }

.price-filter-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .price-filter-details a {
    color: white;
    font-size: 12px;
    padding: 1px 12px;
    background: #D6B981; }

/* Products Widget */
.widget-product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 22px; }
  .widget-product-item:last-child {
    margin-bottom: 0; }
  .widget-product-item .widget-product-image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50px;
    margin-right: 12px; }
  .widget-product-item h6 {
    font-size: 16px;
    margin-bottom: 2px; }

/* Products Add */
.product-add-widget {
  background: url(../images/widgets/product-add.jpg) no-repeat center/cover;
  z-index: 1;
  position: relative; }
  .product-add-widget::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.55;
    background-color: black; }
  .product-add-widget .product-add-content {
    max-width: 222px; }
    .product-add-widget .product-add-content h3 {
      font-size: 35px;
      font-weight: 600;
      line-height: 1.25;
      margin-bottom: 20px;
      text-decoration: underline;
      text-decoration-thickness: 2px; }
    .product-add-widget .product-add-content .theme-btn {
      font-size: 14px;
      font-weight: 600;
      margin-top: 10px;
      padding: 10px 25px; }

/* Service Sidebar */
.service-sidebar .widget {
  border: none;
  padding: 45px 40px;
  -webkit-box-shadow: 10px 4px 60px rgba(148, 148, 148, 0.15);
  box-shadow: 10px 4px 60px rgba(148, 148, 148, 0.15); }
  @media only screen and (max-width: 375px) {
    .service-sidebar .widget {
      padding-left: 25px;
      padding-right: 25px; } }

/* Shop Sidebar */
.shop-sidebar .widget {
  padding: 0;
  border: none;
  padding-bottom: 10px; }

.shop-sidebar .search-widget form {
  padding: 0 0 8px;
  border-bottom: 1px solid; }
  .shop-sidebar .search-widget form input {
    padding: 0; }

/*******************************************************/
/**************** 26. Skillbar Section *****************/
/*******************************************************/
.skillbar {
  overflow: hidden;
  position: relative; }

.skillbar-title {
  margin-top: 40px;
  font-weight: 600;
  padding-bottom: 22px;
  margin-bottom: -33px;
  border-bottom: 3px solid rgba(36, 36, 36, 0.1); }

.skillbar-bar {
  height: 3px;
  background: #D6B981; }

.skill-bar-percent {
  font-weight: 600;
  margin-top: -20px;
  margin-left: -20px;
  position: absolute;
  background: white;
  color: #242424; }

/*******************************************************/
/****************** 27. Team Member *******************/
/*******************************************************/
.team-member {
  text-align: center;
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 50px; }
  .team-member img {
    width: 100%; }
  .team-member .member-description {
    position: absolute;
    width: 84%;
    left: 8%;
    bottom: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: white;
    padding: 25px 10px;
    -webkit-box-shadow: 10px 4px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 4px 60px rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 375px) {
      .team-member .member-description {
        left: 4%;
        width: 92%; } }
    .team-member .member-description h5 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 0; }
    .team-member .member-description .designations {
      display: block;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 10px; }
  .team-member:hover .member-description {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); }

/*******************************************************/
/******************* 28. Coming Soon *******************/
/*******************************************************/
.coming-soon-wrap .sub-title {
  display: block;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #242424;
  text-transform: uppercase;}

.coming-soon-wrap h2 {
  font-size: 40;
  font-weight: 0;
            height: 59px; /* Adjust the height as needed */
            border: 1px solid rgba(255, 255, 255, 0.5); /* Optional border */
            width: 400px;
color: white;
font-weight: 100;
text-align: center;
position: relative;
top: 250px;
left: 383px;
font-family: system-ui !important;}
  @media only screen and (max-width: 767px) {
    .coming-soon-wrap h2 {
      font-size: 55px;
    max-width: 370px !important; }
    .pb-200, .py-200{
        padding-top: 200px;} }
  @media only screen and (max-width: 575px) {
    .coming-soon-wrap h2 {
      font-size: 45px;} }
  @media only screen and (max-width: 480px) {
    .coming-soon-wrap h2 {
      font-size: 40px;
      left: 0 !important;
      max-width: 370px !important; } }
  @media only screen and (max-width: 375px) {
    .coming-soon-wrap h2 {
      font-size: 35px; } }

.coming-soon-wrap form {
  max-width: 615px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 10px 10px 38px;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  @media only screen and (max-width: 480px) {
    .coming-soon-wrap form {
      display: block;
      padding: 20px; } }
  .coming-soon-wrap form input {
    padding: 0;
    border: none; }
    @media only screen and (max-width: 480px) {
      .coming-soon-wrap form input {
        padding-bottom: 15px; } }
  .coming-soon-wrap form button {
    font-size: 15px;
    padding: 10px 40px; }

.coming-soon-inner ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .coming-soon-inner ul li {
    color: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 150px;
    font-weight: 600;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 15px;
    font-family: "Montserrat", sans-serif; }
    @media only screen and (max-width: 480px) {
      .coming-soon-inner ul li {
        min-width: 50%; } }
    .coming-soon-inner ul li .time {
      font-size: 85px; }
      @media only screen and (max-width: 767px) {
        .coming-soon-inner ul li .time {
          font-size: 65px; } }
      @media only screen and (max-width: 575px) {
        .coming-soon-inner ul li .time {
          font-size: 55px; } }
      @media only screen and (max-width: 480px) {
        .coming-soon-inner ul li .time {
          font-size: 45px; } }
    .coming-soon-inner ul li .label {
      left: 0;
      bottom: 0;
      font-size: 24px;
      display: block;
      position: absolute;
      text-transform: uppercase; }
    .coming-soon-inner ul li:after {
      content: ':';
      font-size: 66px;
      margin-left: 25px;
      color: #D6B981; }
    .coming-soon-inner ul li:last-child:after {
      display: none; }
      @media only screen and (max-width: 767px) {
        .coming-soon-inner ul li:last-child:after {
          display: block; } }

.coming-soon-right {
  z-index: 1;
  padding: 40px 0;
  position: relative;
  margin-right: 50px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content; }
  @media only screen and (min-width: 1501px) {
    .coming-soon-right {
      margin-left: 100px;
      margin-right: -100px; } }
  .coming-soon-right img {
    border-radius: 200px; }
  .coming-soon-right:after {
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 50px;
    position: absolute;
    border-radius: 200px;
    background: #000000; }
  .coming-soon-right:before {
    content: '';
    width: 644px;
    height: 644px;
    z-index: -2;
    top: 50%;
    right: -50px;
    -webkit-filter: blur(250px);
    filter: blur(250px);
    position: absolute;
    border-radius: 50%;
    background: #D6B981;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.coming-soon-area .circle-image {
  position: absolute;
  left: 5%;
  bottom: 10%;
  z-index: -1;
  max-width: 25%;
  -webkit-animation: rotated_circle 20s infinite;
  animation: rotated_circle 20s infinite; }

/*******************************************************/
/************** 29. Cart & Checkout Area ***************/
/*******************************************************/
/* Cart Page */
.cart-item-wrap {
  border-top: 1px solid rgba(36, 36, 36, 0.15); }

.cart-single-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid rgba(36, 36, 36, 0.15); }
  @media only screen and (max-width: 767px) {
    .cart-single-item {
      display: block; } }
  .cart-single-item .cart-img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 60px;
    margin-left: 20px;
    margin-right: 30px; }
  .cart-single-item .product-name {
    width: 20%;
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .cart-single-item .product-name {
        width: 100%;
        margin-bottom: 15px; } }
  .cart-single-item .product-price {
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .cart-single-item .product-price:before {
      content: '$'; }
  .cart-single-item .quantity-input {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .cart-single-item .product-total-price {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    font-weight: 600;
    margin-left: auto;
    text-align: center;
    color: #242424; }
    .cart-single-item .product-total-price:before {
      content: '$'; }
  @media only screen and (max-width: 767px) {
    .cart-single-item {
      text-align: center;
      background: #F7F7F7; }
      .cart-single-item .close {
        float: none; }
      .cart-single-item .cart-img {
        margin: 15px auto; }
      .cart-single-item .quantity-input {
        margin-top: 15px;
        margin-bottom: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .cart-single-item .stock {
        display: block;
        margin-bottom: 15px; }
      .cart-single-item .theme-btn {
        margin-bottom: 10px; } }

.quantity-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .quantity-input button {
    width: 45px;
    background: transparent;
    border: 1px solid rgba(36, 36, 36, 0.15); }
  .quantity-input input {
    width: 55px;
    padding: 5px 15px;
    text-align: center;
    background: transparent; }

.total-price:before,
.shipping-price:before,
.sub-total-price:before {
  content: '$'; }

.discount-wrapper input {
  max-width: 200px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 10px;
  margin-bottom: 10px; }

.discount-wrapper button {
  margin: 10px; }

.checkout-form {
  padding: 30px;
  border: 1px solid rgba(36, 36, 36, 0.15); }
  @media only screen and (max-width: 375px) {
    .checkout-form {
      padding-left: 15px;
      padding-right: 15px; } }
  .checkout-form .form-group {
    margin-bottom: 30px; }
  .checkout-form .nice-select,
  .checkout-form .form-control {
    font-size: 16px; }
    .checkout-form .nice-select .current,
    .checkout-form .form-control .current {
      font-weight: 400; }
  .checkout-form h6 {
    margin-bottom: 15px; }

.payment-method ul {
  border: 1px solid rgba(36, 36, 36, 0.15); }
  .payment-method ul li {
    padding: 15px 20px 15px 45px; }
    .payment-method ul li:not(:last-child) {
      border-bottom: 1px solid rgba(36, 36, 36, 0.15); }
  .payment-method ul .custom-control-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .payment-method ul .custom-control-label i {
      margin-left: 10px;
      color: #799AA1; }
    .payment-method ul .custom-control-label:before {
      top: 7px; }
    .payment-method ul .custom-control-label:after {
      top: 6.5px; }
    .payment-method ul .custom-control-label.collapsed {
      margin-bottom: 0; }
  .payment-method ul .custom-control-input:checked ~ .custom-control-label:before {
    background: #242424;
    border-color: #242424; }

.shoping-cart-total table {
  width: 100%; }

.shoping-cart-total tbody {
  background: #F7F7F7; }
  .shoping-cart-total tbody tr:not(:last-child) {
    border-bottom: 1px solid rgba(36, 36, 36, 0.15); }
  .shoping-cart-total tbody tr td {
    padding: 10px 25px; }
    @media only screen and (max-width: 375px) {
      .shoping-cart-total tbody tr td {
        padding-left: 22px;
        padding-right: 22px; } }

/*******************************************************/
/******************* 30. Main Footer *******************/
/*******************************************************/
.footer-one {
  z-index: 1;
  font-size: 16px;
  position: relative; }
  .footer-one a:not(:hover) {
    opacity: 0.6; }
  .footer-one p {
    opacity: 0.6; }
  .footer-one .footer-logo {
    margin-top: -5px; }
    .footer-one .footer-logo a {
      opacity: 1; }
  .footer-one .footer-title,
  .footer-one .footer-menu li a {
    text-transform: uppercase; }
  .footer-one .menu-widget {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 575px) {
      .footer-one .menu-widget {
        margin-left: 0; } }

.footer-title {
  margin-bottom: 35px; }

.footer-widget {
  margin-bottom: 50px; }
  .footer-widget .social-style-one a i {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .footer-widget .social-style-one a:hover i {
    color: #242424; }

.menu-widget ul li {
  margin-bottom: 10px; }
  .menu-widget ul li:last-child {
    margin-bottom: 0; }
  .menu-widget ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .menu-widget ul li a:before {
      content: '';
      width: 5px;
      height: 5px;
      background: white;
      line-height: 5px;
      border-radius: 50%;
      text-align: center;
      margin: 14px 10px 0 0; }
    .menu-widget ul li a:not(:hover):before {
      opacity: 0.6; }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .newsletter-widget h2 {
    font-size: 40px; } }

@media only screen and (max-width: 767px) {
  .newsletter-widget h2 {
    font-size: 35px; } }

@media only screen and (max-width: 575px) {
  .newsletter-widget h2 {
    font-size: 30px; } }

.newsletter-widget input {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2); }
  .newsletter-widget input::-webkit-input-placeholder {
    color: white; }
  .newsletter-widget input:-ms-input-placeholder {
    color: white; }
  .newsletter-widget input::-ms-input-placeholder {
    color: white; }
  .newsletter-widget input::placeholder {
    color: white; }

.newsletter-widget .theme-btn {
  border-color: white; }
  .newsletter-widget .theme-btn:not(:hover) {
    color: #242424; }
    .newsletter-widget .theme-btn:not(:hover) i {
      color: #242424; }

.copyright-area {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .copyright-area .footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 500px;
    margin-bottom: 10px; }
    .copyright-area .footer-menu li {
      margin: 0 35px 5px 0; }
      @media only screen and (max-width: 1199px) {
        .copyright-area .footer-menu li {
          margin-right: 25px; } }
  .copyright-area .copyright-social p {
    margin-bottom: 8px; }

.footer-leaf {
  z-index: -1;
  position: absolute; }
  @media only screen and (max-width: 1500px) {
    .footer-leaf {
      max-width: 5%; } }
  .footer-leaf.left-image {
    top: 0;
    left: 3%; }
  .footer-leaf.right-image {
    bottom: 0;
    right: 3%; }

.footer-subscribe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .footer-subscribe .subscribe-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 400px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 375px) {
      .footer-subscribe .subscribe-title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .footer-subscribe .subscribe-title i {
      font-size: 75px;
      line-height: 1.4;
      margin-right: 35px;
      color: #799AA1; }
    .footer-subscribe .subscribe-title h3 {
      font-size: 35px;
      margin-bottom: 0;
      padding-bottom: 20px; }
      @media only screen and (max-width: 480px) {
        .footer-subscribe .subscribe-title h3 {
          font-size: 25px; } }
  .footer-subscribe form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    max-width: 700px; }
    @media only screen and (max-width: 480px) {
      .footer-subscribe form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .footer-subscribe form input {
      margin-right: 30px;
      padding-top: 16px;
      padding-bottom: 16px; }
    .footer-subscribe form button {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none; }

.contact-widget ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px; }
  .contact-widget ul li i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 5px 15px 0 0;
    color: #D6B981; }
  .contact-widget ul li h5 {
    font-size: 20px;
    margin-bottom: 5px; }

/* Footer Two */
.footer-two {
  font-size: 16px; }
  .footer-two .copyright-area {
    border-color: rgba(36, 36, 36, 0.15); }
  @media only screen and (max-width: 375px) {
    .footer-two .footer-menu {
      font-size: 16px; } }

/* Footer Three */
.footer-three {
  font-size: 16px; }
  .footer-three .footer-title {
    font-size: 24px; }
  .footer-three a:not(:hover) {
    opacity: 0.6; }
  .footer-three a:hover {
    color: #D6B981;
    text-decoration: underline; }
  .footer-three p {
    opacity: 0.6; }
  .footer-three .menu-widget ul li a:before {
    background: #D6B981; }
  .footer-three .social-style-one a:hover {
    background: #D6B981; }
    .footer-three .social-style-one a:hover i {
      color: white; }
  .footer-three .newsletter-widget form {
    position: relative; }
    .footer-three .newsletter-widget form input {
      margin: 0;
      padding: 15px 25px; }
      .footer-three .newsletter-widget form input::-webkit-input-placeholder {
        font-weight: 400; }
      .footer-three .newsletter-widget form input:-ms-input-placeholder {
        font-weight: 400; }
      .footer-three .newsletter-widget form input::-ms-input-placeholder {
        font-weight: 400; }
      .footer-three .newsletter-widget form input::placeholder {
        font-weight: 400; }
    .footer-three .newsletter-widget form button {
      top: 10px;
      right: 10px;
      position: absolute;
      width: 45px;
      height: 45px;
      background: #D6B981; }


      .about-page-content img {
        height: 288px;
      }

      #theshape2 {
        height: 237px !important;
      }




  .about-section-two1 {
    background: #cec6b98c !important;
  }

  .about-section-two {
    background: none !important;
  }

  .portfolio-section {
    background: white !important;
  }

.mb-65 h2 {
  color: black !important;
}

.mb-652 h2 {
  color: white !important;
}

#subtitle {
  line-height: 1.5;
    font-size: 16px;
    color: white !important;
    text-align: center;
}

/* Header */
.shape-header .top-bar {
  background: #ffffff;
  color: #444444;
  font-size: 13px;
  padding: 8px 0;
  border-bottom: 1px solid #eeeeee;
}

.shape-header .top-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.shape-header .top-bar-left,
.shape-header .top-bar-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.shape-header .top-bar i {
  font-size: 14px;
  color: #799aa1;
}

.shape-header .top-bar span {
  white-space: nowrap;
}

.shape-header .top-bar .top-bar-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 13px;
  color: #5f927a;
  text-decoration: none;
}

.shape-header .top-bar .top-bar-link:hover {
  color: #4a7460;
}

@media (max-width: 768px) {
  .shape-header .top-bar-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

.shape-header .main-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
  background: white;
}

.shape-header .logo img {
  height: 50px;
}

.shape-header .menu a {
  text-decoration: none;
  margin: 0 15px;
  color: #333;
  font-weight: 500;
  font-size: 16px;
  transition: color 0.3s;
}

.shape-header .menu a:hover {
  color: #666;
}

/* Hero */
.shape-hero {
  padding: 100px 0;
  background: #fdfbf9;
}

.hero-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  flex-wrap: wrap;
}

.hero-text {
  flex: 1;
  max-width: 500px;
}

.hero-text .welcome {
  font-size: 16px;
  color: #888;
  margin-bottom: 10px;
  font-weight: 400;
}

.hero-text ul {
  list-style: none;
   padding: 0;
   margin: 20px 0;
}

.hero-text ul li {
  margin-bottom: 10px;
  font-size: 16px;
}

.hero-buttons {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.btn-outline, .btn-filled {
  padding: 12px 22px;
   font-size: 15px;
   text-decoration: none;
   font-weight: 600;
   border-radius: 30px;
   border: 2px solid #000;
   transition: all 0.3s ease;
   white-space: nowrap;
}

.btn-outline {
  background: transparent;
  color: #000;
}

.btn-outline:hover {
  background: #000;
  color: #fff;
}

.btn-filled {
  background: #000;
  color: #fff;
}

.btn-filled:hover {
  background: #444;
}

.hero-image img {
  width: 100%;
   height: auto;
   border-radius: 16px;
   object-fit: cover;
 }

 .hero-image {
   flex: 1;
 max-width: 500px;
 }

 /* -- Modern Services Section Styling -- */

/* Main section container */
.services-section-modern {
    padding: 100px 0; /* Adds space above and below the section */
    background-color: #F8F5F1; /* Light, warm background color from your reference */
    font-family: 'Helvetica Neue', Arial, sans-serif; /* A clean, modern font. Change if needed. */
}

/* Container for centering content */
.services-section-modern .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Section title styling */
.services-section-modern .section-title {
    margin-bottom: 60px; /* Space between title and service cards */
}

.services-section-modern .section-title h2 {
    font-size: 2.5rem;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
    letter-spacing: 2px; /* Adds a touch of elegance */
}

.services-section-modern .section-title p {
    font-size: 1.1rem;
    color: #777;
    max-width: 600px;
    margin: 0 auto;
}

/* Grid layout for the service cards */
.services-grid {
    display: grid;
    /* This creates a responsive grid that fits as many columns as possible with a minimum width of 280px */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px; /* Space between the cards */
    justify-content: center;
}

/* Individual service card styling */
.service-card {
    background-color: #f8f5f1;
    border: 1px solid #EAE5E1; /* Subtle border */
    padding: 40px 30px;
    text-align: center;
    position: relative; /* Needed for positioning the number */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.service-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); /* Adds depth on hover */
    transform: translateY(-5px); /* Lifts the card slightly on hover */
}

/* Decorative number in the corner */
.service-card .card-number {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 3.5rem;
    font-weight: 700;
    color: #EAE5E1; /* Very light color to sit in the background */
    z-index: 1;
    display: none;
}

/* Service title (h3) */
.service-card h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    position: relative;
    z-index: 2; /* Ensures title is above the number */
}

/* Service description (p) */
.service-card p {
    font-size: 1rem;
    line-height: 1.6;
    color: #666;
    margin-bottom: 25px;
    position: relative;
    z-index: 2; /* Ensures text is above the number */
}

/* "Learn More" link styled as a button */
.service-card .service-link {
    display: inline-block;
    padding: 12px 28px;
    border: 1px solid #333;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    z-index: 2; /* Ensures link is above the number */
}

.service-card .service-link:hover {
    background-color: #333;
    color: #ffffff;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .services-section-modern {
        padding: 60px 0;
    }
    .services-section-modern .section-title h2 {
        font-size: 2rem;
    }
}

/* -- Modern Locations Section Styling -- */

.locations-section {
    padding: 100px 0;
    background-color: #F8F5F1; /* Same light, warm background */
    font-family: 'Helvetica Neue', Arial, sans-serif; /* Clean, modern font */
}

.locations-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Header with "Visit us IRL" and Contact button */
.locations-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.locations-header h2 {
    font-size: 2.2rem;
    font-weight: 500;
    color: #333;
    /* Using a serif font here for the title for an elegant touch like the reference */
    font-family: 'Georgia', 'Times New Roman', serif;
}

/* Contact button styling */
.locations-header .contact-btn {
    display: inline-block;
    padding: 10px 25px;
    border: 1px solid #333;
    color: #333;
    background-color: transparent;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.locations-header .contact-btn:hover {
    background-color: #333;
    color: #fff;
}

/* Grid for the location cards */
.locations-grid {
    display: grid;
    /* We set it to 2 columns as you have two locations */
    grid-template-columns: repeat(2, 1fr);
    gap: 30px; /* Space between images */
}

/* Individual location card styling */
.location-card {
    display: block; /* Makes the whole card a clickable block */
    position: relative;
    overflow: hidden; /* Hides parts of the image that zoom outside the card */
    text-decoration: none;
}

.location-card img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image covers the area without stretching */
    display: block;
    transition: transform 0.4s ease; /* Smooth zoom effect on hover */
}

.location-card:hover img {
    transform: scale(1.05); /* Slightly zooms the image on hover */
}

/* Text caption over the image */
.location-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    /* This gradient makes the text readable on any image */
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
    font-family: 'Georgia', 'Times New Roman', serif;
}

.location-caption span:last-child {
    font-size: 1.5rem; /* Makes the arrow a bit bigger */
}

/* --- Responsive adjustments for mobile devices --- */
@media (max-width: 768px) {
    .locations-section {
        padding: 60px 0;
    }

    .locations-grid {
        grid-template-columns: 1fr; /* Stacks the locations into a single column */
        gap: 25px;
    }

    .locations-header {
        flex-direction: column; /* Stacks the title and button */
        gap: 20px;
        text-align: center;
        margin-bottom: 30px;
    }
}

/* -- Modern Services Showcase Styling -- */

.services-showcase {
    padding: 100px 0;
    background-color: #F8F5F1; /* Light background for the whole section */
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

.services-showcase .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* The main "box" container */
.showcase-container {
    background-color: #ffffff; /* White box stands out on the light background */
    border: 1px solid #EAE5E1;
    border-radius: 8px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
    overflow: hidden; /* Ensures content respects the rounded corners */
}

/* Styling for the tab buttons area */
.showcase-tabs {
    display: flex;
    justify-content: flex-start; /* Aligns tabs to the left */
    border-bottom: 1px solid #EAE5E1;
    padding: 0 40px;
}

.showcase-tab {
    padding: 20px 25px;
    font-size: 1rem;
    font-weight: 500;
    color: #666;
    background-color: transparent;
    border: none;
    border-bottom: 3px solid transparent; /* Placeholder for active state */
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: -1px; /* Aligns the bottom border with the container's border */
}

.showcase-tab:hover {
    color: #333;
}

/* Style for the active tab */
.showcase-tab.active {
    color: #333;
    border-bottom-color: #A98C71; /* An elegant accent color */
}

/* Container for the content panels */
.showcase-content {
    padding: 50px;
}

/* Styling for each panel */
.showcase-panel {
    display: none; /* Hide all panels by default */
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

/* Show only the active panel */
.showcase-panel.active {
    display: grid;
}

.panel-image img {
    width: 100%;
    height: auto;
    border-radius: 8px; /* Soft rounded corners for the image */
}

.panel-text h2 {
    font-size: 2.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    font-family: 'Georgia', 'Times New Roman', serif;
}

.panel-text p, .panel-text ul {
    font-size: 1rem;
    line-height: 1.7;
    color: #555;
    margin-bottom: 20px;
}

.panel-text ul {
    list-style-position: inside;
    padding-left: 0;
}

.panel-text ul li {
    margin-bottom: 8px;
}

.book-now-link {
    display: inline-block;
    font-weight: 600;
    color: #A98C71;
    text-decoration: none;
    margin-top: 15px;
    transition: opacity 0.3s ease;
}

.book-now-link:hover {
    opacity: 0.8;
}

/* --- Responsive adjustments --- */
@media (max-width: 991px) {
    .showcase-panel.active {
        grid-template-columns: 1fr; /* Stack image and text vertically */
        gap: 30px;
    }
    .showcase-content {
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .showcase-tabs {
        padding: 0 10px;
        justify-content: center; /* Center tabs on smaller screens */
    }
    .showcase-tab {
        padding: 15px;
        font-size: 0.9rem;
    }
    .panel-text h2 {
        font-size: 1.8rem;
    }
}

/* -- Modern Offers Section Styling -- */

.offers-section {
    padding: 100px 0;
    background-color: #F8F5F1; /* Consistent light, warm background */
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

.offers-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Reusing the section-title style from previous examples for consistency */
.offers-section .section-title {
    margin-bottom: 60px;
}

.offers-section .section-title h2 {
    font-size: 2.5rem;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.offers-section .section-title p {
    font-size: 1.1rem;
    color: #777;
    max-width: 600px;
    margin: 0 auto;
}

/* The two-column grid for the offers */
.offers-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Creates two equal columns */
    gap: 40px; /* Space between the two cards */
}

/* Styling for each individual offer card */
.offer-card {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden; /* Important for containing the image within the border-radius */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
}

.offer-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.offer-image img {
    width: 100%;
    height: 350px; /* Gives the images a uniform height */
    object-fit: cover; /* Ensures images fill the space without distortion */
    display: block;
}

.offer-content {
    padding: 40px 35px;
}

.offer-content h3 {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-size: 1.8rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.offer-content p {
    font-size: 1rem;
    line-height: 1.6;
    color: #666;
    margin-bottom: 25px;
}

.offer-link {
    font-weight: 600;
    color: #A98C71; /* Using the same elegant accent color */
    text-decoration: none;
    font-size: 0.9rem;
    transition: opacity 0.3s ease;
}

.offer-link:hover {
    opacity: 0.8;
}

/* --- Responsive adjustments for mobile --- */
@media (max-width: 768px) {
    .offers-section {
        padding: 60px 0;
    }

    .offers-grid {
        grid-template-columns: 1fr; /* Stack the cards on top of each other */
        gap: 30px;
    }
}

/* -- Modern Product Showcase Section Styling -- */

.product-showcase-section {
    padding: 100px 0;
    background-color: #FFFFFF; /* A clean white background for this section */
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

.product-showcase-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Using the consistent title style */
.product-showcase-section .section-title {
    margin-bottom: 60px;
}

.product-showcase-section .section-title h2 {
    font-size: 2.5rem;
    font-weight: 500;
    color: #333;
    letter-spacing: 2px;
}

.product-showcase-section .section-title p {
    font-size: 1.1rem;
    color: #777;
    max-width: 600px;
    margin: 10px auto 0;
}

/* The grid for the products */
.product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.product-card {
    text-align: center;
}

/* This wrapper is key for the hover effect */
.product-image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.product-image-wrapper img {
    width: 100%;
    display: block;
    transition: transform 0.4s ease; /* Smooth zoom transition */
}

/* The hover overlay that contains the button */
.product-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* Dark, semi-transparent overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0; /* Hidden by default */
    transition: opacity 0.4s ease; /* Smooth fade-in transition */
}

/* The button that appears on hover */
.shop-now-btn {
    padding: 12px 30px;
    border: 2px solid #ffffff;
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 50px; /* Pill shape */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.shop-now-btn:hover {
    background-color: #ffffff;
    color: #333;
}

/* --- Triggering the hover effects --- */
.product-image-wrapper:hover img {
    transform: scale(1.05); /* Zoom the image */
}

.product-image-wrapper:hover .product-overlay {
    opacity: 1; /* Show the overlay and button */
}

/* Product title styling */
.product-info {
    padding-top: 25px;
}

.product-info h4 {
    font-size: 1.1rem;
    font-weight: 500;
}

.product-info h4 a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
}

.product-info h4 a:hover {
    color: #A98C71; /* Accent color on hover */
}

/* --- Responsive adjustments --- */
@media (max-width: 768px) {
    .product-showcase-section {
        padding: 60px 0;
    }

    .product-grid {
        grid-template-columns: 1fr; /* Stack products on mobile */
        max-width: 400px; /* Constrain width on mobile for better appearance */
        margin: 0 auto;
        gap: 50px;
    }
}

/* -- Modern Blog Card Styling -- */

/* This targets the .row directly for spacing if needed, but the cards manage themselves */
.blog-section .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.blog-section .col-xl-4 {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px; /* Space between rows on mobile */
    display: flex; /* Ensures cards in a row can stretch to the same height */
}

.blog-card {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #EAE5E1;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column; /* Stacks image and content vertically */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.blog-card-image {
    overflow: hidden; /* Contains the image zoom effect */
}

.blog-card-image img {
    width: 100%;
    height: 240px; /* Sets a uniform height for all blog images */
    object-fit: cover; /* Ensures images fill the space without distortion */
    display: block;
    transition: transform 0.4s ease;
}

.blog-card:hover .blog-card-image img {
    transform: scale(1.05); /* Subtle zoom on hover */
}

.blog-card-content {
    padding: 25px 30px 30px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Allows this container to grow and fill available space */
}

.blog-card-content h3 {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 15px;
}

.blog-card-content h3 a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog-card-content h3 a:hover {
    color: #A98C71; /* Accent color */
}

.blog-card-content p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1; /* Pushes the 'Learn More' link to the bottom */
}

.learn-more-link {
    font-weight: 600;
    color: #A98C71;
    text-decoration: none;
    font-size: 0.9rem;
    transition: opacity 0.3s ease;
}

.learn-more-link:hover {
    opacity: 0.8;
}

/* Remove old styling to avoid conflicts */
.news-item-two {
    display: none;
}

/* --- Modern Services Page General Styling --- */
:root {
    --primary-font: 'Helvetica Neue', Arial, sans-serif;
    --heading-font: 'Georgia', 'Times New Roman', serif;
    --text-color: #555;
    --heading-color: #333;
    --accent-color: #A98C71;
    --bg-light: #F8F5F1;
    --border-color: #EAE5E1;
}

/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px; /* Offset for the sticky nav */
}

body {
    font-family: var(--primary-font);
    color: var(--text-color);
    background-color: #FFFFFF;
    margin: 0;
    line-height: 1.6;
}

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

/* --- Page Header --- */
.services-page-header {
    background-color: var(--bg-light);
    padding: 80px 0;
    text-align: center;
}

.services-page-header h1 {
    font-family: var(--heading-font);
    font-size: 3.5rem;
    color: var(--heading-color);
    margin: 0 0 15px;
}

.services-page-header p {
    font-size: 1.1rem;
    max-width: 650px;
    margin: 0 auto;
    color: var(--text-color);
}

/* --- Sticky Service Navigation --- */
.service-nav {
    position: sticky;
    top: 0;
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    z-index: 1000;
    border-bottom: 1px solid var(--border-color);
}

.service-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* Allows nav to wrap on smaller screens */
}

.service-nav ul li a {
    display: block;
    padding: 20px 25px;
    text-decoration: none;
    color: var(--text-color);
    font-weight: 500;
    font-size: 0.95rem;
    transition: color 0.3s ease;
}

.service-nav ul li a:hover {
    color: var(--accent-color);
}

/* --- Main Menu Container --- */
.services-menu-container {
    padding: 80px 0;
    background: white;
}

.service-category {
    margin-bottom: 80px;
}

.service-category h2 {
    font-family: var(--heading-font);
    font-size: 2.5rem;
    color: var(--heading-color);
    text-align: center;
    margin-bottom: 50px;
}

.menu-list {
    max-width: 800px;
    margin: 0 auto;
    border-top: 1px solid var(--border-color);
}

.menu-item {
    padding: 30px 0;
    border-bottom: 1px solid var(--border-color);
}

.menu-item-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 15px;
}

.menu-item-header h3 {
    margin: 0;
    font-size: 1.2rem;
    color: var(--heading-color);
    font-weight: 600;
    flex-shrink: 0; /* Prevents title from shrinking */
}

.price-line {
    width: 100%;
    border-bottom: 2px dotted #ccc;
    flex-grow: 1; /* Allows line to fill space */
}

.price {
    color: var(--accent-color);
    font-weight: 600;
    white-space: nowrap; /* Prevents price from wrapping */
    flex-shrink: 0;
}

.menu-item p {
    margin: 10px 0 0;
    font-size: 0.95rem;
    max-width: 95%; /* Prevents text from touching the price */
}

/* --- Modern Footer --- */
.modern-footer {
    background-color: #1a1a1a;
    color: #a0a0a0;
    padding: 60px 0 30px;
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    text-align: center;
}

.footer-logo .logo-text {
    font-family: var(--heading-font);
    font-size: 1.8rem;
    color: #ffffff;
    font-weight: 600;
}

.footer-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
}

.footer-nav a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.footer-nav a:hover {
    color: var(--accent-color);
}

.footer-social {
    display: flex;
    gap: 20px;
}

.footer-social a {
    color: #ffffff;
    font-size: 1.1rem;
    transition: color 0.3s ease;
}

.footer-social a:hover {
    color: var(--accent-color);
}

.footer-copyright {
    text-align: center;
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #333;
}

.footer-copyright p {
    margin: 0;
    font-size: 0.9rem;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    html {
        scroll-padding-top: 60px;
    }
    .services-page-header h1 {
        font-size: 2.5rem;
    }
    .service-nav ul li a {
        padding: 15px;
        font-size: 0.85rem;
    }
    .service-category h2 {
        font-size: 2rem;
    }
    .menu-item-header {
        flex-wrap: wrap; /* Allow header to wrap if needed */
    }
    .menu-item-header h3 {
        width: 100%;
        margin-bottom: 5px;
    }
    .price-line {
        display: none; /* Hide dotted line on mobile for a cleaner look */
    }
}

/* --- Modern Packages Page General Styling --- */
:root {
    --primary-font: 'Helvetica Neue', Arial, sans-serif;
    --heading-font: 'Georgia', 'Times New Roman', serif;
    --text-color: #555;
    --heading-color: #333;
    --accent-color: #A98C71;
    --bg-light: #F8F5F1;
    --border-color: #EAE5E1;
}

body {
    font-family: var(--primary-font);
    color: var(--text-color);
    background-color: #FFFFFF;
    margin: 0;
    line-height: 1.6;
}

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

/* --- Page Header --- */
.packages-page-header {
    background-color: var(--bg-light);
    padding: 80px 0;
    text-align: center;
}

.packages-page-header h1 {
    font-family: var(--heading-font);
    font-size: 3.5rem;
    color: var(--heading-color);
    margin: 0 0 15px;
}

.packages-page-header p {
    font-size: 1.1rem;
    max-width: 650px;
    margin: 0 auto;
    color: var(--text-color);
}

/* --- Main Packages Section --- */
.packages-section {
    padding: 80px 0;
    background: white;
}

.packages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.package-card {
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.package-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.package-image img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.package-content {
    padding: 25px 30px 30px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Makes the card content fill the height */
}

.package-content h3 {
    font-family: var(--heading-font);
    font-size: 1.6rem;
    color: var(--heading-color);
    margin: 0 0 10px;
}

.package-price {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 20px;
}

.package-price .price-original {
    text-decoration: line-through;
    color: #999;
    font-size: 1rem;
    margin-left: 10px;
}

.package-content > p {
    margin: 0 0 20px;
    flex-grow: 1; /* Pushes the CTA to the bottom */
}

.package-features {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
    text-align: left;
}

.package-features li {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.package-features li .fa-check {
    color: var(--accent-color);
    margin-right: 10px;
}

.package-cta {
    margin-top: auto; /* Aligns buttons to the bottom */
    display: grid;
    gap: 10px;
}

.btn {
    display: inline-block;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-primary {
    background-color: var(--heading-color);
    color: #fff;
    border: 2px solid var(--heading-color);
}

.btn-primary:hover {
    background-color: #555;
    border-color: #555;
}

.btn-secondary {
    background-color: transparent;
    color: var(--heading-color);
    border: 2px solid var(--border-color);
}

.btn-secondary:hover {
    background-color: var(--bg-light);
    border-color: var(--bg-light);
}


/* --- Modern Footer (reused styles) --- */
.modern-footer {
    background-color: #1a1a1a;
    color: #a0a0a0;
    padding: 60px 0 30px;
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    text-align: center;
}

.footer-logo .logo-text {
    font-family: var(--heading-font);
    font-size: 1.8rem;
    color: #ffffff;
    font-weight: 600;
}

.footer-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
}

.footer-nav a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
}

.footer-social {
    display: flex;
    gap: 20px;
}

.footer-social a {
    color: #ffffff;
    font-size: 1.1rem;
}

.footer-copyright {
    text-align: center;
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #333;
}

/* --- Responsive Adjustments --- */
@media (max-width: 991px) {
    .packages-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .packages-page-header h1 {
        font-size: 2.5rem;
    }
    .packages-grid {
        grid-template-columns: 1fr;
    }
}

/* --- Modern Packages Page General Styling --- */
:root {
    --primary-font: 'Helvetica Neue', Arial, sans-serif;
    --heading-font: 'Georgia', 'Times New Roman', serif;
    --text-color: #555;
    --heading-color: #333;
    --accent-color: #A98C71;
    --bg-light: #F8F5F1;
    --border-color: #EAE5E1;
}

body {
    font-family: var(--primary-font);
    color: var(--text-color);
    background-color: #FFFFFF;
    margin: 0;
    line-height: 1.6;
}

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

/* --- Page Header --- */
.packages-page-header {
    background-color: var(--bg-light);
    padding: 80px 0;
    text-align: center;
}

.packages-page-header h1 {
    font-family: var(--heading-font);
    font-size: 3.5rem;
    color: var(--heading-color);
    margin: 0 0 15px;
}

.packages-page-header p {
    font-size: 1.1rem;
    max-width: 650px;
    margin: 0 auto;
    color: var(--text-color);
}

/* --- Main Packages Section --- */
.packages-section {
    padding: 80px 0;
}

.packages-grid {
    display: grid;
    /* Updated for a two-column layout */
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 900px; /* Constrain width for a better 2-column look */
    margin: 0 auto; /* Center the grid */
}

.package-card {
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.package-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.package-image img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.package-content {
    padding: 25px 30px 30px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.package-content h3 {
    font-family: var(--heading-font);
    font-size: 1.6rem;
    color: var(--heading-color);
    margin: 0 0 10px;
    line-height: 1.3;
}

.package-price {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 20px;
}

.package-price .price-original {
    text-decoration: line-through;
    color: #999;
    font-size: 1rem;
    margin-left: 10px;
}

.package-content > p {
    margin: 0 0 20px;
    flex-grow: 1;
}

.package-features {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
    text-align: left;
}

.package-features li {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.package-features li .fa-check {
    color: var(--accent-color);
    margin-right: 10px;
}

.package-cta {
    margin-top: auto;
    display: grid;
    gap: 10px;
}

.btn {
    display: inline-block;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-primary {
    background-color: var(--heading-color);
    color: #fff;
    border: 2px solid var(--heading-color);
}

.btn-primary:hover {
    background-color: #555;
    border-color: #555;
}

.btn-secondary {
    background-color: transparent;
    color: var(--heading-color);
    border: 2px solid var(--border-color);
}

.btn-secondary:hover {
    background-color: var(--bg-light);
    border-color: var(--bg-light);
}

/* --- Modern Footer (reused styles) --- */
.modern-footer {
    background-color: #1a1a1a;
    color: #a0a0a0;
    padding: 60px 0 30px;
}

.footer-content, .footer-copyright {
    text-align: center;
}
/* Add other footer styles from previous steps if they are in a separate file */


/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .packages-page-header h1 {
        font-size: 2.5rem;
    }
    .packages-grid {
        grid-template-columns: 1fr;
    }
}

/* --- Modern About Page General Styling --- */
:root {
    --primary-font: 'Helvetica Neue', Arial, sans-serif;
    --heading-font: 'Georgia', 'Times New Roman', serif;
    --text-color: #555;
    --heading-color: #333;
    --accent-color: #A98C71;
    --bg-light: #F8F5F1;
    --border-color: #EAE5E1;
}

body {
    font-family: var(--primary-font);
    color: var(--text-color);
    background-color: #FFFFFF;
    margin: 0;
    line-height: 1.6;
}

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

.section-title.text-center {
    margin-bottom: 60px;
}
.section-title h2 {
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--heading-color);
    letter-spacing: 2px;
}
.section-title p {
    font-size: 1.1rem;
    color: var(--text-color);
    max-width: 600px;
    margin: 10px auto 0;
}

/* --- Page Header --- */
.about-page-header {
    background-color: #fff;
    padding: 80px 0;
    text-align: center;
}
.about-page-header .sub-title {
    font-size: 1rem;
    color: var(--accent-color);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.about-page-header h1 {
    font-family: var(--heading-font);
    font-size: 4rem;
    color: var(--heading-color);
    margin: 10px 0 15px;
}
.about-page-header p {
    font-size: 1.1rem;
    max-width: 650px;
    margin: 0 auto;
}

/* --- Our Story Section --- */
.our-story-section {
    padding: 100px 0;
    background-color: var(--bg-light);
}
.story-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    align-items: center;
}
.story-text h2 {
    font-family: var(--heading-font);
    font-size: 2.2rem;
    margin-top: 0;
    margin-bottom: 20px;
    color: var(--heading-color);
}
.story-text p {
    margin-bottom: 20px;
    font-size: 1.05rem;
}
.story-images {
    position: relative;
    min-height: 450px;
}
.story-image-1, .story-image-2 {
    position: absolute;
    border-radius: 8px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    object-fit: cover;
}
.story-image-1 {
    width: 60%;
    height: auto;
    top: 0;
    left: 0;
    z-index: 1;
}
.story-image-2 {
    width: 65%;
    height: auto;
    bottom: 0;
    right: 0;
}

/* --- Commitment Section --- */
.commitment-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: var(--bg-light);
}
.commitment-image {
    background-size: cover;
    background-position: center;
    min-height: 500px;
}
.commitment-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px;
    text-align: center;
}
.commitment-text h3 {
    font-family: var(--heading-font);
    font-size: 2.2rem;
    margin: 0 0 20px;
    color: var(--heading-color);
}

/* --- Team Section --- */
.team-section {
    padding: 100px 0;
    background-color: #fff;
}
.team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.team-member-card img {
    width: 100%;
    border-radius: 8px;
    transition: transform 0.3s ease;
}
.team-member-card img:hover {
    transform: scale(1.03);
}

/* --- Footer (reused styles) --- */
.modern-footer {
    background-color: #1a1a1a;
    color: #a0a0a0;
    padding: 60px 0 30px;
}
.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    text-align: center;
}
.footer-logo .logo-text {
    font-family: var(--heading-font);
    font-size: 1.8rem;
    color: #ffffff;
    font-weight: 600;
}
.footer-nav { list-style: none; padding: 0; margin: 0; display: flex; gap: 30px; }
.footer-nav a { color: #ffffff; text-decoration: none; font-weight: 500; }
.footer-social { display: flex; gap: 20px; }
.footer-social a { color: #ffffff; font-size: 1.1rem; }
.footer-copyright { text-align: center; margin-top: 50px; padding-top: 30px; border-top: 1px solid #333; }


/* --- Responsive Adjustments --- */
@media (max-width: 991px) {
    .story-grid, .commitment-section {
        grid-template-columns: 1fr;
    }
    .story-images {
        margin-top: 40px;
        min-height: 350px;
    }
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .about-page-header h1 {
        font-size: 3rem;
    }
}

/* --- Modern Contact Page General Styling --- */
:root {
    --primary-font: 'Helvetica Neue', Arial, sans-serif;
    --heading-font: 'Georgia', 'Times New Roman', serif;
    --text-color: #555;
    --heading-color: #333;
    --accent-color: #A98C71;
    --bg-light: #F8F5F1;
    --border-color: #EAE5E1;
}

body {
    font-family: var(--primary-font);
    color: var(--text-color);
    background-color: #FFFFFF;
    margin: 0;
    line-height: 1.6;
}

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

/* --- Page Header --- */
.contact-page-header {
    background-color: var(--bg-light);
    padding: 80px 0;
    text-align: center;
}
.contact-page-header h1 {
    font-family: var(--heading-font);
    font-size: 3.5rem;
    color: var(--heading-color);
    margin: 0 0 15px;
}
.contact-page-header p {
    font-size: 1.1rem;
    max-width: 650px;
    margin: 0 auto;
    color: var(--text-color);
}

/* --- Main Contact Section --- */
.contact-page-section {
    padding: 100px 0;
    background: white;
}
.contact-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 60px;
}
.contact-form-wrapper h2,
.contact-info-wrapper h2 {
    font-family: var(--heading-font);
    font-size: 2.2rem;
    color: var(--heading-color);
    margin-top: 0;
    margin-bottom: 30px;
}

/* --- Form Styles --- */
.modern-contact-form .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.modern-contact-form .form-group {
    margin-bottom: 20px;
}
.modern-contact-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--heading-color);
}
.modern-contact-form input,
.modern-contact-form textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    font-family: inherit;
    font-size: 1rem;
    transition: border-color 0.3s ease;
    box-sizing: border-box; /* Important for padding and border */
}
.modern-contact-form input:focus,
.modern-contact-form textarea:focus {
    outline: none;
    border-color: var(--accent-color);
}
.modern-contact-form button {
    width: 100%;
    padding: 15px;
    border: none;
    border-radius: 5px;
    background-color: var(--heading-color);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.modern-contact-form button:hover {
    background-color: #555;
}

/* --- Info & Map Styles --- */
.info-block {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
.info-block i {
    font-size: 1.5rem;
    color: var(--accent-color);
    margin-right: 20px;
    margin-top: 5px;
    width: 25px; /* Ensures alignment */
}
.info-block h4 {
    margin: 0 0 5px;
    color: var(--heading-color);
    font-size: 1.1rem;
}
.info-block p, .info-block a {
    margin: 0;
    color: var(--text-color);
    text-decoration: none;
}
.info-block a:hover {
    color: var(--accent-color);
}
.map-wrapper {
    margin-top: 40px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--border-color);
}
.map-wrapper iframe {
    width: 100%;
    height: 250px;
    border: 0;
    display: block;
}

/* --- Footer (reused styles) --- */
.modern-footer { background-color: #1a1a1a; color: #a0a0a0; padding: 60px 0 30px; }
.footer-content, .footer-copyright { text-align: center; }
/* Add other footer styles from previous steps if they are in a separate file */

/* --- Responsive Adjustments --- */
@media (max-width: 991px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 80px;
    }
}

@media (max-width: 768px) {
    .contact-page-header h1 {
        font-size: 2.5rem;
    }
    .modern-contact-form .form-row {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 768px) {
  .hero-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .hero-text {
    max-width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }

  .hero-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .hero-image {
    margin-top: 20px;
    display: flex;
    justify-content: center;
  }
}


/* Hide mobile menu button on desktop */
.menu-toggle {
  display: none;
}

/* Basic hamburger button */
.menu-toggle {
  font-size: 28px;
  background: white;
  border: none;
  color: black;
  padding: 15px 20px;
  width: 100%;
  text-align: left;
  font-weight: bold;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* Mobile menu drawer */
#mobile-menu {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  max-width: 250px;
  background: #111;
  z-index: 1000;
  transition: bottom 0.3s ease-in-out;
  padding: 19px 20px 174px;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  height: 85vh;
}

/* Show when open */
#mobile-menu.open {
  bottom: 0;
}

/* Mobile nav links */
#mobile-menu .menu {
  display: flex;
  flex-direction: column;
}

#mobile-menu .menu a {
  color: white;
  font-size: 18px;
  text-decoration: none;
  padding: 12px 0;
  border-bottom: 1px solid #444;
}

/* Close button */
.close-menu {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  background: none;
  color: white;
  border: none;
  cursor: pointer;
}

/* RESPONSIVE RULES */
@media (max-width: 768px) {
  .main-nav .menu {
    display: none;
  }

  .menu-toggle {
    display: block;
  }

}

@media (min-width: 769px) {
  #mobile-menu,
  .menu-toggle,
  .close-menu {
    display: none;
  }

  .main-nav .menu {
    display: flex !important;
    gap: 30px;
    align-items: center;
  }
  .menu-toggle,
   #mobile-menu {
     display: none !important;
   }
}

/* Promo popup */
.promo-popup {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.promo-popup.is-visible {
  opacity: 1;
  visibility: visible;
}

.promo-popup-content {
  position: relative;
  background: #ffffff;
  border-radius: 18px;
  max-width: 420px;
  width: 90%;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}

.promo-popup-image {
  display: block;
  width: 100%;
  height: auto;
}

.promo-popup-button {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 24px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
  background: #5f927a;
  text-decoration: none;
}

.promo-popup-button:hover {
  background: #4a7460;
  color: #ffffff;
}

.promo-popup-close {
  position: absolute;
  top: 10px;
  right: 12px;
  border: none;
  background: rgba(0, 0, 0, 0.45);
  color: #ffffff;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
}

.promo-popup-close:hover {
  background: rgba(0, 0, 0, 0.7);
}

@media (max-width: 480px) {
  .promo-popup-content {
    max-width: 340px;
    border-radius: 14px;
  }
}